/*
Theme Name: AJP
Theme URI: https://www.academischejaarprijs.nl
Description: Academische Jaarprijs
Author: DZND
Version: 1.0
Tags: 
*/

body { background: url(images/bg.jpg) left top fixed; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; height: 100%; }
.clear { clear: both; }
#ie { display: block; background-color: #E7DF97; border-bottom: 1px solid #333; padding: 10px; text-align: center; font-size: 12px; }
a { color: #000; }

/* header */
#header { height: 110px; position: relative; }
#branding h1 a { position: absolute; left: 0px; top: 15px; display: block; background: url(images/logo.png) no-repeat; width: 179px; height: 92px; }
#branding span { display: none; }
#site-description { position: absolute; left: 200px; top: 20px; display: block; width: 765px; height: 123px;  }
#site-description a img { border: 0px; }

#social { position: absolute; right: 0px; top: -3px; }
#social li { display: inline; }
#social li a { display: block; float: left; margin-left: 7px; }

/* site wrapper */
#wrapper { background-color: #fff; width: 960px; padding: 10px 20px; margin: 0 auto; min-height: 100%; height: 100%; -webkit-box-shadow: 0px 0px 20px #000; }
#main { margin: 20px 0; }
#actueel { border-top: 5px solid #000; padding: 20px 0; margin-top: 20px; }

/* menu - left column */
#access { float: left; width: 180px; border-top: 5px solid #000; padding: 20px 0; }
#access .menu li { display: inline; }
#access .menu a { display: block; color: #333; text-decoration: none; text-transform: uppercase; font-size: 12px; padding: 6px 0px; }
#access .menu .sub-menu a { padding-left: 30px; }
#access .menu li.current-menu-item > a { color: #ED3326; font-weight: bold; }
#access .menu li.menu-item-1047 a { margin-top: 0px; background-color: #ED3326; color: white; font-weight: bold; text-decoration: none; padding: 6px 4px; text-transform: uppercase; }

#access .twitter { margin: 20px 0; }
#access .twitter * { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#access .twitter .twtr-ft span { display: none; }

/* submenu - right column */
#sidebar { float: left; width: 180px; border-top: 5px solid #000; padding: 4px 0; }
#sidebar h3 { font-size: 13px; text-transform: uppercase; padding: 6px 0; font-weight: bold; }

#sidebar input[type='search'], #sidebar select { width: 100%; }
#sidebar input[type='search'] { margin-bottom: 10px; padding: 4px 0; }

.widget-container { padding: 10px 0; }
.widget-container ul { margin: 0px; }
.widget-container li { display: inline; }
.widget-container li a { display: block; color: #333; text-decoration: none; text-transform: uppercase; font-size: 12px; padding: 6px 0 6px 0px; }

#partners { padding: 20px 0; margin-top: 20px; border-top: 5px solid #000; height: 500px; }
#partners li { display: inline; }
#partners a { display: block; text-align: center; padding: 5px; border: 1px solid #fff; }
#partners a:hover { border: 1px solid #f0f0f0; }

/* footer */
#footer { clear: both; border-top: 5px solid #000; padding: 20px 0; font-size: 13px; color: #666; }
#footer a { color: #666; text-decoration: none;}

/* content */
#content .post { margin-right: 20px; }
#content { float: left; width: 560px; margin: 0 20px; font-size: 13px; line-height: 150%; border-top: 5px solid #000; padding: 20px 0; overflow: hidden; }
#content p { padding: 5px 0; margin-right: 20px; }
#content blockquote { background-color: #f0f0f0; padding: 10px; margin: 10px 0; }
#content img.alignleft { float: left; margin: 10px 10px 10px 0; }
#content img.alignright { float: right; margin: 10px 0 10px 10px; }

#content ol, #content ul { margin: 5px 20px 10px 20px; display: block; padding: 0px;}
#content ul { list-style-type: circle; }
#content ol { list-style-type: decimal; }

#content h2 { font-size: 16px; font-weight: bold; color: #ED3326; text-transform: uppercase; }
#content h2 span a { color: #666; text-decoration: none; }
#content h3 { clear: both; font-size: 14px; font-weight: bold; color: #333; margin: 5px 0 0 0; padding-top: 10px;  text-transform: uppercase; }
#content h3 a { text-decoration: none; }
#content h4 { color: #ED3326; margin: 5px 0 0 0; padding-top: 10px; font-weight: bold; text-transform: uppercase; font-size: 12px;}
#content h5 { color: #666; margin: 5px 0 0 0; padding-top: 10px; font-weight: bold; text-transform: uppercase; font-size: 11px; }

#post-thumbnail, #post-video { margin-bottom: 10px; }
.entry-date { color: #999; text-transform :uppercase; font-size: 11px; font-weight: bold;}
.entry-content { margin: 10px 0; }
.read-more { white-space: nowrap; background-color: #f0f0f0; display: inline; text-decoration: none; font-weight: bold; padding: 4px; text-transform: uppercase; color: #333; font-size: 11px;}

.wp-image-339 { background-color: #333; width: 556px; }
.wp-caption { border: 2px solid #ccc; max-width: 556px !important; }
.wp-caption-text { text-align: center; font-size: 11px; color: #999; }
.wp-caption a { display: block; }

/* lists */
#content .list-teams { margin: 10px 0; }
.list-teams li { display: block; float: left; width: 260px; margin: 0 10px 10px 0; text-decoration: none; }
.list-teams span { display: block; color: #999; font-size: 12px; }
.list-teams img { margin: 3px 0 0 4px; }

#actueel ul { margin: 10px 0; }
#actueel li { display: inline; }
#actueel li a { display: block; text-decoration: none; padding: 3px 0; }
#actueel li span { display: block; float: left; width: 45px; text-transform: uppercase; color: #999; font-weight: bold; font-size: 11px; }

/* media player */
.player-video { width: 560px; background-color: #f0f0f0; }
#content .player-video h3 { background-color: #333; color: #f0f0f0; padding: 5px; }

.player-list { border: 1px solid #ccc; }
#content .player-list ul { list-style-type: none; padding: 0; margin: 0; }
.player-list li { display: inline; }
.player-list li a { display: block; padding: 5px; text-decoration: none; color: #333; }
.player-list li a:hover { background-image: url(images/icon_play.png); background-position: 540px 6px; background-repeat: no-repeat; }
.player-list li.even a { background-color: #f0f0f0; }
.player-list li.active a { font-weight: bold; background-image: url(images/icon_play.png); background-position: 540px 6px; background-repeat: no-repeat; }

/* overige wp zaken */
#wp-calendar { width: 100%; background-color: #fff; border: 1px solid #ddd; border-width: 1px 0 0 1px; margin: 0 0 10px 0; }
#wp-calendar td, #wp-calendar th { padding: 5px; border: 1px solid #ddd; border-width: 0 1px 1px 0; text-align: center; font-size: 12px; }
#wp-calendar thead { background-color: #ddd; }
#wp-calendar caption { font-size: 12px; padding: 5px; text-align: center; }
#wp-calendar tfoot { display: none; }
#wp-calendar td a { display: block; color: #ED3326; font-weight: bold; text-align: center; }
#wp-calendar #today { background-color: #f0f0f0; }

/* foto album */
.album { display: block; float: left; border: 2px solid #ddd; padding: 10px 10px 3px 10px; margin: 0 10px 10px 0; width: 130px; }
#content .album h2 { font-size: 12px; color: #333; text-align: center; }
#content .album h2 a { text-decoration: none; }

#content ul.breadcrumbs { height: 30px; list-style-type: none; margin: 0; padding: 0; display: block;  }
#content ul.breadcrumbs li { float: left; display: block; background: #333 url(images/breadcrumbs.png) right -1px no-repeat; color: #fff; padding: 4px 20px 4px 10px; }
#content ul.breadcrumbs a { color: #fff; }
#content ul.breadcrumbs li.last { background: #333 url(images/breadcrumbs_last.png) right -1px no-repeat; }

#content ul.prevnext { height: 30px; list-style-type: none; margin: 0; padding: 0; display: block; background-color: #f0f0f0; position: relative; }
#content ul.prevnext a { display: block; float: left; padding: 5px 10px; text-decoration: none; }
#content ul.prevnext .next { position: absolute; right: 0px; top: 0px; } 
#content ul.prevnext .next:after { content: ' >'; }
#content ul.prevnext .prev:before { content: '< '; }


#content .thumbs { display: block; clear: both; margin: 20px 0; }
#content .thumbs a { display: block; height: 130px; width: 130px; float: left; margin: 0 10px 10px 0; }

#content .single-image { margin: 20px 0; display: block; }

/* =Reset default browser CSS. Based on work by Eric Meyer:https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body{border:0;margin:0;padding:0;vertical-align:baseline;}
div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:'';content:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}