/*
 
Theme Name:     Troublemakers
 
Theme URI:      http://troublemakers.nl
 
Description:    A WordPress theme designed for Troublemakers.
 
Version:        2.5
 
Author:         Jeroen Beekmans
 
Author URI:     http://golfstromen.nl
 
*/


body { color: #333; font-size: 10px; font-family: "Georgia", Times New Roman, Times, serif; background: #fff; }
* { padding: 0; margin: 0; }

/*---:[ core layout elements ]:---*/

#container { z-index: 3000; }

#bg {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
filter: gray;
z-index: -1000;
}

#overlay {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
filter: gray;
z-index: 6000;
background: url('images/overlay.png');
display: none;
}

#page { } /* for use with custom styles */

#masthead { width: 0px; }

#rotating_image {width: 0px; }

#rotating_image img { display: block; border: 10px solid #eee; }

#content_box { padding: 0px 10px 50px 0px; text-align: left; }

#left_box { float: left; }

#content { position: absolute; z-index: 5000; top: 94px; float: left; background: #fff; left: 80px; padding: 9px 20px 0 20px; }

#content_inner { background: #fff; width: 420px; padding: 10px; }

.sidebar { background: #fff; left: 562px; position: absolute; z-index: 5000; width: 200px; top: 94px; padding: 13px 12px 15px 20px; }

#footer { width: 0px; padding: 8px 10px 10px 0; margin: 1px 0px 0px 0px;}

/*---:[ headlines ]:---*/

h1 { font-family: Arial Narrow, Arial, Helvetica;
    font-size:25px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase; color: #555;
    line-height:30px;
    padding:0 0 10px 0;
margin-bottom: 15px; border-bottom: 1px solid #ccc; }

.archives h1 { font-size: 1.3em; line-height: 1.81818em; text-transform: uppercase; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #f2f2f2; border-bottom: 1px solid #ccc; text-align: center; }

h2 { font-family: Arial Narrow, Arial, Helvetica;
    font-size:25px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase; color: #555;
    line-height:30px; }

h2 a, h2 a:visited { color: #555 }

h2 a:hover { color: #f2244d; text-decoration: none; }

h2.top { padding-top: 0; border-top: none; }

.sidebar h2 {     font-size:16px;
    line-height:23px;
    width: 232px;
    font-family: Arial Narrow, Arial, Helvetica; text-transform: uppercase; font-weight: bold; font-style: italic;
    margin-bottom: 5px; padding: 5px 0 0 15px; border: 0; margin-left: -15px;
        color: #555; }
    

h3 { font-size: 1.1em; line-height: 1.25em; color: #111; }

.format_text h3 { margin: 1.875em 0 0.625em 0; }







	.format_text h3.top { margin: 0 0 0.625em 0 !important; }







h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; } 


/* timeline styles */

h5.trigger { 
	width: auto;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;padding: 0 0 0 20px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat;
}

h5.trigger a {
	color: #333;
	text-decoration: underline;
}
h5.active {
line-height: 20px;padding: 0 0 0 20px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat;
}

.toggle-container {
	border-bottom: 1px solid #ccc;
	background: #f2f2f2;
	font-style: italic;
	overflow: hidden;
	font-size: 13px;
	width: auto;
}
.toggle-container .block {
padding: 15px;
}









/*---:[ global elements ]:---*/







hr { display: none; }







a, a:visited { color: #2a65b5; text-decoration: none; }







a:hover { color: #2a65b5; text-decoration: underline; }







a img { border: 1px solid #ccc; }







blockquote { font-family: "Georgia", Times New Roman, Times, serif; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }







abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }







sub, sup { line-height: 1.0em; }



	



code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }







pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }







p.center { text-align: center !important; }







p.bottom { margin: 0 !important; }







p.unstyled { padding: 0 20px; font-size: 1.3em; }

p.unstyled a { color: #333; text-decoration: underline; }

p.unstyled a:hover { color: #f2244d; text-decoration: underline; }















/*---:[ #masthead styles ]:---*/







#masthead #rss_subscribe { width: 104px; height: 70px; float: right; }







	#masthead #rss_subscribe a { display: block; width: 104px; height: 70px; background: url('images/rss.jpg') no-repeat; text-indent: -9999px; outline: none; }






div#logo { left: 0px; top: 47px; z-index: 7000; position: absolute; font: 13px Arial Narrow, Arial, Helvetica; display: block; padding: 10px 30px 10px 110px; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic; letter-spacing: 0.1px; line-height: 25px; vertical-align: center; background: url('images/logo-bg.png'); }



	#masthead #masthead #logo a:visited { color: #111; }







	#masthead #logo a:hover { text-decoration: underline; }



	



#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em "Georgia", Verdana, serif; padding: 0; color: #999; text-align: left; }







/*---:[ top navigation menu ]---*/


ul#nav { z-index: 5800; position: absolute; top: 0px; left: 80px; width: auto; clear: both; background: #fff; padding: 10px 20px 10px 20px; }







	ul#nav li {text-align: left; float: left; font: 13px Arial Narrow, Arial, Helvetica; display: block; font-weight: bold; text-transform: uppercase; font-style: italic; padding: 5px 10px 0 10px; height: 20px;
	letter-spacing: 0.1px;background: #fff; }



		ul#nav li a, ul#nav li a:visited { color: #555; text-decoration: none;}


		ul#nav li a:hover { color: #f2244d;}



		.current_page_ancestor { color: #ccc; text-decoration: underline; }
.current_page_item { color: #ccc; text-decoration: underline; }



		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #f2244d; text-decoration: none; }


#suckerfishnav, #suckerfishnav ul { }
#suckerfishnav a { list-style: none; color:#fff; text-decoration:none; }
#suckerfishnav ul { position: absolute; left:-999em; padding-bottom: 7px; border-bottom: 1px solid #ddd; background: #fff; padding-top: 5px; margin-left: -6px; }
#suckerfishnav li li { padding: 2px 20px 0 10px; background: #fff url('images/menu-list-img.gif') 0 0.88em no-repeat; float: none; width: auto; line-height: 20px; margin-left: 10px; white-space: pre; }
#suckerfishnav li li a { font-size:12px;  }
#suckerfishnav li ul ul {margin: 0 0 0px 133px;}
#suckerfishnav li li:hover { }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { }



	ul#nav li.rss { padding: 0.5em 0 0.5em 0; border: none; float: right; }



			



		ul#nav li.rss a { margin: 0 15px 0 0; padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }











/*---:[ content styles ]:---*/







.post_author { font-size: 13px; font-style: italic; line-height: 16px; margin: 0 0 15px 0; font-family: Georgia; font-style: italic; color: #ccc; padding: 2px 0 10px 0; border-bottom: 1px solid #ccc;}







	.post_author a, .post_author a:visited { color: #ccc; text-decoration: none; }



	



	.post_author a:hover { color: #ccc; text-decoration: underline; }







.format_text { font-size: 1.3em; line-height: 1.53846em; margin-bottom: 20px; }



		



	.format_text a { color: #333; text-decoration: underline; }



	



	.format_text a:visited { color: #333;  }



	



	.format_text a:hover { color: #f2244d; }



		



	.format_text blockquote { }



	



		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }



		



		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }



	



			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }



	



	.format_text p { margin: 0 0 1.53846em 0; }



	



	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }



	



	.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }







	.format_text ol { margin: 0 0 1.53846em 20px; }



	



		.format_text li { }



	



		.format_text ul li { padding: 0 0 0 20px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }



		



			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }



	



		.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */



	



	.format_text dl { margin: 0 0 1.53846em 0; }



			



		.format_text dt { font-weight: bold; }



		



		.format_text dd { margin: 0 0 1.53846em 1.53846em; }



		



	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }



	



		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }







	p img { border: 1px solid #ddd; }








		/*---:[ image styles ]:---*/	



	.entry img { max-width: 400px; height: auto; width: expression(this.width > 490 ? 490: true); }



	.entry img, .entry .gallery img { border: 3px double #bbb; margin: 0.1em 0; }



	.entry img.left, .entry img.alignleft { float: right; clear: left; }		



	.entry img.right, .entry img.alignright { float: left; clear: right; }



	.entry img.center, .entry img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }



	.entry img.off { padding: 0 !important; border: none !important; }



	.entry img.stack { clear: none !important; }			.entry div.alignleft { text-align: left; float: left; }


	.entry div.wp-caption { margin-bottom: 1.5em; border: 3px double #bbb; overflow: hidden; max-width: 400px; }



		.entry .wp-caption img { display: block; margin: 5px auto; border: none; }	



		.entry .wp-caption-text { margin: 0 5px; font-size: 0.8em; line-height: 1.3em; }



	.entry .gallery { margin: auto auto 15px; }



		.entry .gallery .gallery-item { margin: 0 0 0.6em; }



		.entry .gallery .gallery-icon, .entry .gallery .gallery-caption { margin: 0; }



		.entry .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }



.size-thumbnail a { border: 1px solid #ccc; }
.size-thumbnail a:hover { background: #fff; }



img.alignright { margin: 0 0 10px 15px; }







img.alignleft { margin: 0 15px 10px 0; }







.alignright { float: right; }







.alignleft { float: left; }







/* Captions */



.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }







.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }







.wp-caption img { margin: 0; padding: 0; border: 0 none; }







.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }







/* End captions */







.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em "Georgia", Verdana, serif; color: #999; clear: both; }



	



	.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }



	



	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }



	



	.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }







.navigation { width: 400px; padding: 0 0 0 20px; margin: 0 0 30px 8px; font-size: 1.3em; line-height: 1.53846em; background: #fff; }







	.navigation p { text-align: right; }
	.navigation p a { text-decoration: underline; color: #333; }
	.navigation p a:hover { color: #f2244d; text-decoration: underline; }







	.older { padding: 0 20px 0 0; float: left; }







	.previous { text-align: left; }















/*---:[ sidebar styles ]:---*/







ul.sidebar_list { list-style: none; }







	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 192px; margin: 0 0 1em 0; font: normal 1.2em/1.33333em Georgia, serif; float: left; }







		li.widget p { margin: 0 0 1.33333em 0; }



		



		li.widget ul, li.linkcat ul { list-style: none; }


li.widget ul a {
font-size: 13px;
color: #333; font-style: italic; }

li.widget ul a:hover {
color: #f2244d; text-decoration: none; }
		



		li.widget ol { margin: 0 0 0 20px; }



		



			li.widget li, li.linkcat li { line-height: 20px;padding: 0 0 0 20px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat;  }



			



				li.widget li br { display: none; }



			



				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }







			/*---:[ calendar widget ]:---*/







			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: "Georgia", Times New Roman, Times, serif; }







			table#wp-calendar { width: 182px; border-collapse: collapse; }







				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }







				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }







				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }







				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }



				



			/*---:[ search widget ]:---*/







			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }







				#search #s { font-size: 16px; width: 100px; padding: 2px; color: #333; font: normal "Georgia", Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: center; }







				#search #s:focus { border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }







				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font-weight: bold; font-size: 2.0em; font-family; "Georgia", Times New Roman, Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }







				#search input[type="submit"]:hover { color: #2a65b5; }



				



			/*---:[ default search form styles ]:---*/







			#search_form { padding: 0 0 5px 0; }







				#search_form .search_input { width: 180px; padding: 2px; color: #333; background: #fff; font-family: "Georgia", Verdana, sans-serif; font-size: 13px; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }


#search_form .search_input:hover { background: #f2f2f2;}




				#search_form .search_input:focus { background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee;  }















/*---:[ footer styles ]:---*/







#footer p { font: normal 1.0em/1.63636em "Georgia", Verdana, sans-serif; color: #ccc; text-align: right; }







	#footer a, #footer a:visited { color: #ccc; border-bottom: 1px solid #ccc; text-decoration: none; }







	#footer a:hover { color: #ccc; text-decoration: none; }















/*---:[ comment styles ]:---*/







#comments { width: 400px; margin-left: -10px; }







	.comments_intro { padding: 0 20px; font: normal 13px "Georgia", Verdana, sans-serif; }







		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }







	dl#comment_list { margin: 0 0 3.0em 0; padding: 20px; }







		dl#comment_list dt.comment { color: #333; width: 400px; padding: 1.42857em 0px 0.70429em 20px; background: #f2f2f2; font-size: 13px; line-height: 1.42857em; }
		
				dl#comment_list dt.comment a { color: #333; }







			.comment_num { padding: 2px 5px 0 0px; font: 13px "Georgia", Verdana, sans-serif; float: left; }







				.comment_num a, .comment_num a:visited { color: #333; text-decoration: none; }







				.comment_num a:hover { color: #333; text-decoration: underline; }



				



			.comment_time { font: normal 13px "Georgia", Verdana, sans-serif; color: #333; }



				



		dl#comment_list dd.comment { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding: 0 10px 0.8em 9px; background: #f2f2f2; }



		



		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }







		dl#comment_list dt.author, dl#comment_list dd.author { width: 400px; background: #f2f2f2 !important; }



		



			.comment .format_text { padding: 0 10px; font-style: italic; }



			



			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }



			



			.comment a.comment_link:hover { color: #333; text-decoration: underline; }



			



			







/*---:[ comment form styles ]:---*/







#respond { margin: -40px 0 0.83333em 0; padding: 0 20px; font-size: 13px;
    line-height:22px;
    letter-spacing: -0.2px; }







	#respond span { padding: 0 0 0 15px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }
	







#comment_form { width: 400px; padding: 0 19px; }







	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }



	



	#comment_form p.submit_p { padding-bottom: 1.30769em; }



	



		#comment_form label { padding: 0 10px 0 0; }







		#comment_form .text_input { width: 180px; padding: 2px; color: #333; font: normal 13px "Georgia", Times New Roman, Times, serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }



		#comment_form .text_input:hover { background: #f2f2f2; border-color: #777; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee;}		



		#comment_form .text_input:focus { background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }



		#comment_form .text_area { 	width: 180px !important; height: 6.15385em; line-height: 1.53846em; }


		#comment_form .form_submit { 	width:100px;  
	padding:5px; 
	margin: -5px 0 20px 0px;
	font-size:1em;
	background:url(http://troublemakers.nl/wp-content/plugins/cforms/images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
	font-family: Georgia;}


		#comment_form p.subscribe-to-comments { font-size: 1.3em; }


			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/


#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }