/*
Theme Name: SGP jongeren
Theme URI: http://www.freshter.com
Description: Campagne site voor de SGP jongeren
Version: 1.0
Author: Anne Jan Roeleveld
Author URI: http://www.freshter.com
Tags: sgp jongeren, sgp, partij voor het leven

*/

/* -- just some ugly styling to make it easier to get started, can safely be removed 
.sidebar, #entry-meta-single {border:1px solid red;}
#respond {border:1px solid yellow;}
#footer, #header {border:1px solid blue;}
li.depth-1 {border: 1px solid orange;}
.navigation {border:1px dashed black;}
.post {border:1px solid pink}*/

/* - BASIC STUFF - */
body {background:#EEE8FF;font:13px Arial, Verdana, Geneva, sans-serif;color:#000;margin:0 auto;position:relative;}
a {text-decoration:none; color:#F36D21;}
a:hover {text-decoration:underline;}
.additional-meta {font-size:13px; color:#878787; margin-top:4px;}
blockquote {font-style:oblique}

.clear {clear:both;}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a.logo {display:block; float:left; width:499px; outline:0; height:43px; text-indent:-9999px; background:url(images/logo.gif) top left; margin-top:33px;}
h2.entry-title, h2.page-title {font-size:22px; color:#00498e; padding-left:25px; background:url(images/arrow-h.jpg) no-repeat 0 3px; }
h2.entry-title a {color:#00498e; text-decoration:none;}
h1.entry-title, h1.page-title {font-size:22px; color:#00498e; padding-left:25px; background:url(images/arrow-h.jpg) no-repeat 0 3px; }
h1.entry-title a {color:#00498e; text-decoration:none;}
h2#comments{margin:20px auto 10px;font-size:140%;}
.widget h3 {padding-left:25px; background:url(images/arrow-h.jpg) no-repeat 0 3px; font-size:22px; color:#00498e; margin-bottom:8px; padding-top:2px; line-height:20px;}


/* headings inside posts */
.entry-content h2 {font-size:20px; color:#00498E;}
.entry-content h3 {font-size:19px;color:#00498E;}
.entry-content h4 {font-size:17px;color:#00498E;}
.entry-content h5 {font-size:16px;color:#00498E;}
.entry-content h6 {font-size:15px;color:#00498E;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:890px;}

#header {background:url(images/slider-bg.jpg) repeat-x top left; height:376px;}
#header-inner {background:url(images/slider-bg-arrow.jpg) no-repeat 125px 0; clear:both; float:none; margin:0 auto; position:relative; width:890px; height:370px; padding:3px 0;}

#header-not-home {background:url(images/header-niet-home.jpg) repeat-x top left; height:110px;}
#not-inner {background:url(images/arrow-not.jpg) no-repeat 42px 0; clear:both; float:none; margin:0 auto; position:relative; width:890px; height:110px; padding:0;}
.leus-slider {background:url(images/leus.jpg) no-repeat top left; float:right; margin-right:3px; margin-top:45px; width:330px; height:17px;}

#footer {height:160px;margin:0 auto 0; background:url(images/footer-bg.jpg) repeat-x 0 50px; clear:both; padding-top:50px;}
#footer-inner {clear:both; float:none; margin:0 auto; position:relative; width:890px; padding: 18px 0 0 0;}
#topmenu {background:url(images/top-bg.jpg) repeat-x top left; height:26px;}
#topmenu .current_page_item a {text-decoration:underline;}
#topmenu .current-cat a {text-decoration:underline;}
#top-inner {clear:both; float:none; margin:0 auto; position:relative; width:890px; padding:4px 0 3px 0;}
#top-inner-2 {clear:both; float:none; margin:0 auto; position:relative; width:890px; padding:4px 0 3px 0;}

#top-inner #nav {font-size:14px; text-transform:lowercase; float:right;}
#top-inner li {padding-left:10px; padding-right:6px; border-left:1px solid #FFF; float:left;}
#top-inner li.geen {border-left:0;}
#top-inner li a {color:#fff;}
#top-logo {background:url(images/header-bg.jpg) repeat-x top left; height:125px;}

.vid-left {width:525px; height:305px; margin-top:33px; float:left;}
.detail-right {width:340px; height:305px; margin-top:33px; float:right; position:relative;}
.detail-right .box {font-size:13px; margin-top:135px;}
.detail-right .box h2, .detail-right .box h2 a {font-size:24px; color:#FFF; font-weight:bold; text-decoration:none;}

.entry-content, .gform_heading {line-height:18px;}

.post {background:#fff; padding:15px 15px 0 15px; width:470px;}
.post a, .entry-content a {color:#F36D21}

.search {float:right; margin-top:81px; }
#searchsubmit {width:17px; height:16px; margin-left:4px; background:url(images/search_btn.gif) no-repeat center; border:0; margin-bottom:6px;}
#searchform #s {border:1px solid #ccc; width:303px; padding:6px 5px 4px; height:16px; color:#888888;}
#searchform #s-top {border:1px solid #ccc; width:303px; padding:6px 5px 4px; height:16px; color:#888888;}

#page {margin-top:25px; padding-bottom:15px;}

/* -- POSTS -- */
.post-index {margin:25px 0 0; }
#post-single {margin:25px 0 20px;}
.posts-wrap {float:left; clear:none;width:505px;}
.reageer {padding:3px 7px 3px 25px; position:absolute; background:#F36D21; bottom:0; color:#fff;}
.reageer a {color:#fff;}
.tweet {padding:3px 7px 3px 25px; position:absolute; background:#F36D21; left:160px; bottom:0; color:#fff;}
.entry-meta {position:relative; height:22px; }
.entry-meta .comments-link, .entry-meta .tweet-link {color:#fff; text-transform:lowercase;}

.entry-content .gform_fields li {margin-left:0;}

.reageer-single {color:#00498E; float:left; margin-right:100px;}
.reageer-single a {color:#00498E}
.tweet-single {color:#00498E; float:left; }
.tweet-single a, .tweet-single .tweet-link {color:#00498E;}

.reageer-slider {margin-left:50px; float:left; color:#fff;}
.tweet-slider {margin-left:50px; float:left; color:#fff;}
.lees-slider {float:left; color:#fff;}
.reageer-slider a, .tweet-slider a, .lees-slider a {color:#fff;}

.kandi-lijst {margin:10px 0 0 0;}
.entry-content .kandi-lijst li {list-style-type:none; margin:0 0 15px 0; padding:0; float:left; display:block; width:460px;}
.kandi-lijst li img {border:none; float:left; margin-right:10px; margin-bottom:3px;}
.kandi-leeftijd {margin:3px 0; }
.kandi-sub {font-style:italic; margin:3px 0; }
.kandi-quote {}

#page-content ul {margin:10px 0;}
#page-content ul li ul {margin:0 0 10px 0;}
#page-content ul ul {margin:0 0 10px 20px;}

ul.sitemap li {padding:10px 0;}
.error h3 {font-size:14px;}
.error {padding-bottom:15px;}
.error h1.page-title {height:20px; line-height:24px;}

#get_recent_comments_wrap ul li {margin-left:0; padding:0 0 10px 0; line-height:18px;}
.catindex {padding-bottom:15px;}

/* -- COMMENTS -- */
.posts-wrap div.pinglist {background:#FFFFFF; padding:0 15px 5px 15px; width:470px;}
h3#pings {font-size:17px; color:#00498e; padding-left:15px; background:url(images/small-arrow.jpg) no-repeat 0 3px;}

.comment-gedeelte {padding:15px; background:#fff; width:470px;}
.comment-metadata {font-size:13px; color:#878787;}
h3#comments {font-size:17px; color:#00498e; padding-left:15px; background:url(images/small-arrow.jpg) no-repeat 0 3px;}
h3#comments-r {font-size:17px; color:#00498e; padding-left:15px; background:url(images/small-arrow.jpg) no-repeat 0 3px;} 

.commentlist .comment p {margin-bottom:4px; line-height:18px;}
.commentlist .comment {padding-bottom:10px; border-bottom:1px dotted #ccc;}
.commentlist .comment em {margin-bottom:3px;}
#respond {background:#fff; padding:15px; width:470px;}
#respond .right {float:right;}

/* -- PAGE - NAVI -- */
.posts-wrap .wp-pagenavi {margin:25px 0 0 0; text-align:center; line-height:22px; padding-bottom:3px;}
.posts-wrap .wp-pagenavi a, .wp-pagenavi span {background:#fff;}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:right; clear:none;width:340px;}
.sidebar {width:100%;clear:none;}
.block-1 {float:right;}

/* -- WIDGETS -- */
.widget {margin-top:25px; width:310px; background:#fff; padding:15px; float:left;}
.widget a {color:#F36D21}

.widget-kandidaten img {float:left; margin-right:10px; border:0;}
.widget-kandidaten .subtitle {font-size:12px; font-style:italic; margin:3px 0;}
.widget-kandidaten .quote {font-size:13px; margin:5px 0 0 0; line-height:18px;}
.widget-kandidaten .first {display:block; float:left; margin-bottom:15px;}
.widget-kandidaten .second {display:block; float:left;}
.kandidaten {margin:10px 0 0 0; display:block;}

.widget-prominenten img {float:left; margin-right:10px; border:0;}
.widget-prominenten .subtitle {font-size:12px; font-style:italic; margin:3px 0;}
.widget-prominenten .quote {font-size:13px; margin:5px 0 0 0; line-height:18px;}
.widget-prominenten .first {display:block; float:left; margin-bottom:15px;}
.widget-prominenten .second {display:block; float:left;}
.prominenten {margin:10px 0 0 0; display:block;}

#page-content .widget-Agenda li {margin-bottom:10px;}
.widget-Agenda ul li {margin-left:0; list-style-type:none; line-height:18px;}
.agenda-last {margin-top:5px;}
.agenda-page {margin-top:10px;}
.agenda-page li {float:left;}
.agenda-page li div.ag-datum {float:left; width:460px; font-size:16px; padding:10px 0;}
.agenda-page li .agenda-desc {}

#auteur img {float:left; margin-right:10px; margin-top:3px;}
#auteur li {margin-left:0;}
#auteur .posts-list {margin-top:10px;}
#auteur {line-height:18px;}

.gform_fields li { margin-left:0;}
.gform_wrapper .form-blijf .gform_heading {padding:0; margin:0;}
.gform_wrapper .form-blijf .gform_footer {padding:10px 0 0 0; margin:0;}
.widget .gform_wrapper {margin-bottom:0;}
.gform_wrapper .form-blijf .top_label input.medium, .gform_wrapper .form-blijf .top_label select.medium {width:90%; }

.entry-content ul.list-arrow li {padding-left:15px; line-height:18px; background:url(images/arrow.jpg) -2px 2px no-repeat; margin-left:0; list-style-type:none;}
.entry-content ul.list-arrow {margin-top:5px;}

#footer .widget {margin-top:5px; width:120px; margin-right:35px; float:left; background:none; padding:0; font-size:13px; color:#fff;}
#footer .widget-ont {margin-top:5px; width:180px; margin-right:35px; float:left; background:none; padding:0; font-size:13px; color:#fff;}

#footer .widget h5 {font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
#footer ul.footer-ul li {margin:0; padding:0 0 4px 0;}
#footer ul.footer-ul li a {color:#fff;}

.cat-list li {margin-left:0; line-height:18px;}
/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto; padding:4px; width:460px; border:1px solid #888888}
#commentform .text {border:1px solid #888888; padding:4px; width:250px;}
#commentform .versturen {background:transparent url(images/small-arrow.jpg) no-repeat scroll 3px 3px; border:0 none; color:#00498E; font-size:14px; font-weight:bold; height:20px; padding-left:17px; text-align:right; width:143px;}

/* -- ALIGNMENTS --*/
.alignright {float:right;clear:none;margin:0 0 10px 10px }
.alignleft {float:left;clear:none;margin:0 10px 10px 0}
.aligncenter {display: block; margin:1em auto; text-align:center}
.alignnone {margin:0 0.5em 0 0;}
.entry-content .wp-caption p.wp-caption-text {margin:0; font-style:italic; text-align:center;}
.alignleft img, .alignright img, .aligncenter img, .alignnone img {border:0;}
.entry-content .wp-caption {margin-bottom:5px;}
.entry-content a img {border:0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 0px; display:none;}
div.comment-nav {width:100%;height:auto;float:left;clear:both;padding: 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}