/*  
Theme Name: sle
Theme URI: http://spotlighteffect.nl
Description: Theme speciaal voor Spotlight Effect
Version: 1.0
Author: Floris Dekker (design) and Ernst-Jan Pfauth (coding)
Author URI: http://dutchproblogger.com



/* =----------------------------------- main structure */

.clear {clear : both;} 
img {border:0;}
* {margin: 0;padding: 0;}
body {background: #f7f7f1 url(images/bg.jpg) repeat-x top;color: #333;font-size: 62.5%;font-family: arial, verdana, sans-serif;text-align: center;} 
#wrapper {font-size: 1.2em;line-height: 1.4em;margin: 0px auto;text-align: left;width: 1020px;}
#header {background: url(images/header/rotate.php) no-repeat;height:220px;}
#containermain {float: left;margin:0 24px 0 0;background: #fffffe;width: 660px;clear:both;}
.secondaryColumn {float: left;margin: 0 0px 0 0;overflow: hidden;width: 336px;}
#containerfooter {background: #fffffe;width: 1020px;margin: 20px 0 10px 0;}
#leaderboard {height:117px;}
#crisisheld {margin: 0px auto;width:660px;font-size: 1.2em;text-align: left;}


/* =----------------------------------- sub structures */
#main {margin: 2px;border: 1px solid #e3e3e3;padding: 18px;}
#footer {margin: 2px !important;border: 1px solid #e3e3e3;padding: 18px 18px 3px;height:270px;}
#nav {background: #f0f0ef;height:72px;margin: 0 0 3px 0;padding: 4px 0 0 0;}
#containersidebar {background: #fffffe;margin: 0px;padding: 2px 0px;}
#sidebar {margin: 0px 2px;border: 1px solid #e3e3e3;padding: 11px;}


/* =----------------------------------- headers */
h1 {font-size: 2.2em;font-family: Helvetica, arial, verdana;line-height: 1.2em;}
h2 {font-size: 1.8em;font-family: Helvetica, arial, verdana;line-height: 1.2em;}
h3 {font-size: 1.5em;font-family: Helvetica, arial, verdana;line-height: 1.2em;}
h4 {font-size: 1.3em;font-family: Helvetica, arial, verdana;line-height: 1.2em;}
h5 {font-size: 1.0em;font-family: Helvetica, arial, verdana;line-height: 1.2em;}
.post h2, .post h1 {margin-bottom: 5px;padding: 0 0px;}
.post h2 a, .post h1 a {display:block;}
.postmeta h3, .postmeta h1 {padding-bottom: 8px;}
.microblog h2, #featured1 h2 {font-size: 1.1em !important;}
.microblog h2 a, #featured1 h2 a {color: #333;font-weight: bold !important;}
#featured1 h2 {padding-top:8px;}
.entry h3, .entry h2 {padding:10px 0 5px 0;}
.attentie h1 {font-size: 0.9em; font-weight: normal;color:white;text-align: center;}
.attentie {background: #25cca4; height:15px; width:100%;margin: 10px 0 15px 0;padding: 3px 0 0 0;}


/* =----------------------------------- links die voor meerdere elementen opgaan */
a {color: #333;outline: none;text-decoration: none;}
a:hover, #credits a:hover {color: #e42e91;}
.commentoptions a, .entry a, .mission a, .microblog a, #commentsContainer h2 a, .commentlist .comment-author a, .postmeta a {color:#25cca4;font-weight: normal !important;}
.entry a:hover,#commentsContainer h2 a:hover,.commentlist .comment-author a:hover,.commentlist .comment-meta a:hover, .postmeta a:hover, .microblog a:hover, .postmeta a:hover, .entrymeta a:hover, .microblog h2 a:hover, #featured1 h2 a:hover, .recentcomments a:hover {color: #e42e91;}


/* =----------------------------------- images */
#header img {border: 0px;margin:0;padding:0;}
#nav img {margin: 0px;}
#nav img.last {margin-right: 0px !important; margin-left: 1px !important;}

#nav img.button {float:left;margin-right: 4px;}
.entry img {padding-bottom: 10px !important;border:0 !important;}
.entry img a {border:0 !important;}
.entrymeta img {margin-right: 11px; border:#cacaca solid 1px;float:left;}
.commenter img {float: left;margin: 0px 5px 0 0px;border: 1px solid #cacaca;width:32px;height:32px;}
.author img {float: right;margin: 3px 0px 0 15px;border: 1px solid #cacaca;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {padding: 0px;margin: 0px 0px 0 0!important;line-height:0.7em;}
.wp-caption img {margin:0!important;padding:0!important;border: 0 none;}
.wp-caption p.wp-caption-text {text-align: center;font-size: 11px;line-height: 17px;color:#666;font-family:arial, verdana;padding:0 2px 0 0;margin: 0 10px 10px 0 !important;background-color: #c6c6c6;}
.watermark_box {position:relative;display:block;}
img.watermark {position: absolute;top: 0px;left: 0px;border:0;} 
#featured1 img {border:0;}


/* =----------------------------------- floats + clearing rule */
.floatleft,.alignleft {float: left;margin: 3px 15px 0 0;}
.floatright, .alignright {float: right;margin: 3px 0 0 15px;}
.right {float:right;}
.left {float: left;}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


/* =----------------------------------- het featured article en de tabjes op index.php */
.mission {border-bottom: 1px solid #cacaca;padding: 0 0 15px 0;margin: 0 0 15px 0;font-family: georgia, arial;font-size: 1.2em;line-height: 1.6em;}
#feature {padding: 0 0 5px 0;margin: 0 0 0px 0;}
#featured1 {float:left;width: 295px;margin: 0 20px 20px 0;}
#featured2 {float:right;width: 302px;}
#tabs {font-family:arial;line-height: 1.6em;}
.hr {border-bottom: 1px solid #cacaca;width:100%;margin: 5px 0 15px 0;height:1px;}

.yui-navset {margin:0px;padding:0px;border-left: 1px solid #cacaca;}
.yui-navset ul {display: inline;margin: 0 4px 0 0!important;padding: 0 !important;}
.yui-nav li{list-style: none;float: left;background: #c6c6c6;text-align: center;letter-spacing: 0.5px;margin-right:4px !important;padding:0px !important;}
.yui-content {clear: both;margin:0px !important;padding:15px 15px 0 15px;}
.yui-content ul {list-style-type: none;padding:0px !important;margin:0px !important;}
.yui-content ul li {padding:0px 0px 5px 0px !important; margin:0px !important;}

.yui-nav li.selected a{color:white;background:#25cca4;}
.yui-nav li.selected a:hover{color:white;background: #c6c6c6;}
.yui-nav li a:hover{color:white;background:#25cca4;}
.yui-nav li a {background: #c6c6c6;text-decoration:none;display: block;margin:0;color:white;font-size: 0.9em;padding: 0 8px;}


/* =----------------------------------- dingen die bij een blogbericht horen */
.post {margin: 0 0 20px 0;width:617px;}

.entry {padding: 0px;font-family: Georgia;font-size: 1.2em;overflow: hidden;line-height: 1.6em;}
.entry p { margin-bottom: 15px!important; }


html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px !important;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}





.entry blockquote {border-left: 1px solid #ccc; margin-left: 21px; padding-left: 10px;font-style: italic;}

.entrymeta{font-size:0.9em;margin:0px 0px 12px 0px;padding:0px;color: #999999;float:left;}
.entrymeta a, .micrometa a {color:#999;}

.readmore a, .reply a {color:white ; background: #25cca4;padding: 2px 4px 2px 4px;margin: 0 0px 0 0; font-size: 0.9em;}
.readmore, .reply, #cancel-comment-reply-link  {font-family:arial;float:right;font-weight: normal;letter-spacing: 0.5px;}
.readmore a:hover, reply a:hover  {background:#e42e91; color:white;}

.tags {color: #999999;font-size:0.9em;border-bottom: 1px solid #cacaca;border-top: 1px solid #cacaca;padding: 4px 0px;margin: 4px 0px;}
.tags a, .tagssingle a  {color:white; background: #c6c6c6;padding: 1px 2px;margin: 0 4px 0 0}
.tags a:hover, .tagssingle a:hover {background:#25cca4; }

.sharemeta {margin: 15px 0px; height: 25px; padding: 0 1px; background: #f7f7f1;}
.postmeta {border: 1px solid #cacaca;padding: 15px 15px;margin: 0px 0px 15px 0;line-height: 1.6em; background: white;}

div.sociable { margin: 5px 0 0 0; float:left;}
.sociable a:hover {border: 0px;}
.sociable span {display: block;}
.sociable ul {display: inline;margin: 0 !important;padding: 0 !important;}
.sociable ul li {background: none;display: inline !important;list-style-type: none;margin: 0;padding: 1px;}
.sociable ul li:before { content: ""; }
.sociable img {float: none;width: 16px;height: 16px;border: 0;margin: 0;padding: 0;}
.sociable-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}


/* =----------------------------------- comments objecten */
#commentsContainer {margin-bottom: 30px;}
#commentsContainer h2 {display: block;margin: 10px 0;padding: 7px 4px 0 0;}

.commentlist, .tweetlist {list-style: none;margin: 0px;}

.comments a {float:right;font-size: 0.9em;margin: 18px 0 0 0;background: #e42e91 url(images/comments.png) 8px 0px no-repeat;padding: 0 0 0 6px;letter-spacing: 0.5px;text-align: left;height:16px;width:75px; color:white;}
.comments a:hover {background: #f0e90f url(images/comments.png)  8px 0px no-repeat;}
.commentmeta a {font-size: 0.9em;color: #999999; }
#respond {margin-top: 20px;}


#commentform p span input, #commentform span textarea {color: #333;font-family: arial,verdana,sans-serif;font-size: 1em;}
.commenter {font-size: 1.5em;font-weight: bold;padding: 8px 15px 4px 0px;margin-top: 10px;}

.commentlist .comment-meta {margin: 0 0 0 0px;}
.commentlist, .pinglist, .tweetlist {background: white;}
.commentlist li {margin-bottom: 8px;}
.commentlist li .reply {float:right;padding-top: 10px;padding-right:0px;}
.commentlist li .reply a {display:inline;}
.commentlist li p {margin: 1em 0;padding: 0 0px;}
.commentlist li ul, .commentlist li ol, .commentlist li blockquote {margin: 0 0 0 0px;}
.commentlist li li {margin: 0 0 0 40px;border:0 !important;}
.commentlist li li {list-style: none;}

#commentform .contain {margin: 10px 0 10px 0 !important;} 
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {padding: 4px 3px;border: 1px solid #ccc;border-left-color: #bbb;border-bottom-color: #bbb;background: #fff;margin-right: 4px;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {border: 1px solid #bbb;outline: none;padding: 4px 3px;width: 160px;}
#commentform p label {margin: 4px 0 0 0;}
#commentform textarea {float: none;width: 98%;overflow: auto;}

.commentoptions {float:right;width: 250px;margin: 2px 0 0 20px;}
.commentoptions h2 {margin: 0 0 4px 0 !important; padding: 0px;}


.fbc_connect_button_area {margin: 3px 0;padding: 3px 0;}
.fbc_profile_pic {float: right;padding: 0 5px 5px 5px;}
.fbc_profile_header {text-align: right;padding: 5px;padding-top: 10px;border: gray dotted 1px;background: white;width: 175px;}
.fbc_loginstate_top {position: absolute;right: 0;top: 0;}


/* =----------------------------------- sidebar objecten */

.secondaryColumn a {font-weight: normal;}

#newsletter {background: url(images/news.gif) no-repeat;width: 336px;height: 20px;margin: 1px 0 0 0;padding: 0 0 0 82px;}
fieldset {margin:0;padding: 0;border:none !important;}
#e-mail {padding:  0 0 0 0;margin: 4px 0 0 0;height: 12px;vertical-align: top;font-size: 0.9em;width: 215px;border: 0px;}

#searchfield {width: 280px;height: 20px;margin: 4px 0 8px 0;padding: 0px;}
#s {padding:  0 4px;margin: 1px 0 0 0;height: 15px;vertical-align: top;font-size: 0.9em;width: 215px;border: 1px solid #cacaca;}

#search {background: url(images/search.gif) no-repeat;width: 336px;height: 20px;margin: 4px 0 0 0;padding: 0 0 0 82px;}
.search1 {padding-top: 2px;}
#keyword {padding:  0 0 0 0;margin: 4px 0 0 0;height: 12px;vertical-align: top;font-size: 0.9em;width: 215px;border: 0px;}

.sidebarh {border-bottom: 1px solid #cacaca;padding-bottom: 11px !important;}
#sidebar ul, .widget {margin: 0 !important;}
#sidebar ul li {padding: 5px;margin: 0px !important;line-height: 1.6em;display: inline;list-style-type: none;}

.widget li {margin: 0px;padding: 0px !important;line-height: 1.6em;display: inline;list-style-type: none;}
.widget li a {display: block;  padding: 5px 10px 5px 15px; background: url(images/widgetbg.gif) 0px 12px no-repeat !important;}
.widget li a:hover {background: url(images/widgetbg.gif) 0px 11px no-repeat;border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 4px 10px 4px 15px; }


.recentcomments ul li {padding: 5px 0 0 0!important;line-height: 1.6em; margin: 0px;}
.recentcomments a {text-decoration: none !important; }
.recentcomments img {float:left;margin:4px 10px 3px 0px;clear:left;}



.micro {margin: 5px 0 0 0;}
.microblog {border-bottom: 1px solid #cacaca;padding: 0 0 15px 0;margin: 0 0 15px 0;}
.micro img {margin:0 0 8px 0;}
.micrometa{font-size:0.9em;margin:0px 0px 5px 0px;padding:0px;color: #999999}
.microfeature {font-size:0.9em;margin:0px 0px 0px 0px;padding:0px;color: #999999}



.buttons {border-bottom: 1px solid #cacaca;padding: 0 0 11px 0;margin: 0 0 11px 0;}


/* =----------------------------------- footer objecten */
#footer p a {font-weight: bold;color:#333;}
.footercaption {width:290px;height:16px;top:-16px;left:0px;padding-left:5px;text-align:left;position:relative;color:#fff;background:#c6c6c6;font-size:0.9em;letter-spacing: 0.5px;}
.footercaption a {color:#666 !important;font-weight: normal !important;}
.footercaption a:hover {color:#fff!important;}

#footer img  {border: 0;}

#admonday {float:left; width: 295px;margin-right:46px;}
#visualfriday {float:left;width:295px;margin-right:45px;}
#spotprenteffect {float:right; width:295px;}

#credits {text-align: right;width: 1020px;color:#808080;}
#credits p {padding-bottom: 25px;}
#credits a {color:#808080;}
#credits img {padding-left: 4px;vertical-align: middle;}