/* @override http://www.apeldoorndirect.nl/wp-content/themes/magazine-basic/style.css */

/*
Theme Name: Magazine Basic
Theme URI: http://bavotasan.com/downloads/magazine-basic-24-now-available/
Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, logo uploader, multiple front page grid layouts, Google Analytics, header ad space and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.7.x using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://bavotasan.com">c.bavota</a>.
Version: 2.4.9
Author: c.bavota
Author URI: http://bavotasan.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Basic Tag Elements */




a {
	text-decoration: none;
	outline: none;
	color: #1BBBE9;
	}



	
a:hover {
	text-decoration: underline;
	}
	
img { 
	border: 0;
	
	}

body {
	color: #444;
 	margin: 0 auto; 
	font-size: 14px;
color:grey; 
	padding: 0; 
	}

h1, h1 a, h2 a, h3 a, h4 a, h5 a {
	color: gray;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.reactielink{
color: white;
background-color: #1BBBE9;
padding: 0px 3px 0px 5px;



}

a.reacties:visited span
{
color: #cc0000;
text-decoration: underline}    

textarea {
	width: 97%;
	}

/* Header Elements */

#header{
	float: left;
	width: 100%;
	background-color: #1BBBE9;
	height: 160px;
}

#login {
	height: 16px;
	font-size: 10px;
	color: #fff;
	text-align: right;
	padding: 7px 10px 9px;
	font: 10pt/11pt "Courier New", Courier, mono;
}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}

#title {
	float: none;
	text-align: center;
	margin-bottom: 10px;
}
	
#title a {
		color: #222;
}		
	
#title a:hover {
		color: #cc0000;
		text-decoration: none;
}
		
#navigation {
	clear: both;
	float: right;
	width: 100%;
 	position: relative;
	font-size: 11px;
	font: 11pt/12pt "Courier New", Courier, mono;
	color: white;
	background-color: #4a5D64;
}
	
#navigation ul {
	padding: 0 0 0 0px;
	margin: 0;
	}
	
#navigation li {
	list-style-type: none;
	float: left;
	text-transform: uppercase;
	margin: 0;
	line-height: 22px;
	position: relative;
	color: white;
}
	
	#navigation a {
		color: white;
		
		padding: 0 5px;
		}
		
		#navigation a:hover {
			text-decoration: underline;
			}
			
#navigation ul li:hover ul { display: block; }	
#navigation ul li:hover ul ul { display: none; }	
#navigation ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0;}
#navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #1BBBE9; background-color:#fff; border-right: 0; font-size: 12px; }
#navigation ul ul li a:hover {background-color:#eee}
#navigation ul ul li:hover ul { display: block; }
#navigation ul ul ul { left:159px; top:-1px; display: none; }	


#navigation li.nodot {
	background: none;
	}
	
#navigation li.right-d {
	float: right;
	margin: 0 6px 0;
	}
	



								
#sub-navigation {
	clear: both;
	float: right;
	width: 100%;
	padding-top: 2px;
 	z-index: 50;
 	position: relative;
	font-style: inherit;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1BBBE9;
	height: 22px;
}
	
	#sub-navigation ul {
		padding: 0 0 0 5px;
		margin: 0;
		}
	
	#sub-navigation li {
		list-style-type: none;
		float: right;
		font-size: 10px;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 22px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
	color: #1BBBE9;
}
	
	#sub-navigation a {
		color: #1BBBE9;
		
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
			text-decoration: underline;
			}
			
#sub-navigation ul li:hover ul { display: block; }	
#sub-navigation ul li:hover ul ul { display: none; }	
#sub-navigation ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0;}
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }
#sub-navigation ul ul li a:hover {background-color:#eee}
#sub-navigation ul ul li:hover ul { display: block; }
#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	


#sub-navigation li.nodot {
	background: none;
	}
	
#sub-navigation li.right-d {
	float: right;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 0px 0 5px 0;
	margin: 25px 0 0;
	border-bottom: 1px dashed #aaa;
	background: #fff;
	}

.gerelateerd{
	
	}

.gerelateerd li{text-shadow: #000000 0 0 0;list-style-position: outside;}
.gerelateerd {font-size: 12px;}


#sidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}

#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}
	
.side {
	line-height: 18px;
	font-size: 16px;
	margin-bottom: 0;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 15px;
	border: 1px dashed #ddd;
	list-style-type:none;
	
}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 3px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 8px;
}
	
	.side-widget h2 {
		padding: 5px 0 0px;
		margin-top: 0;
		text-align: left;
		text-transform: uppercase;
		color: gray;
		font: 18px Georgia, "Times New Roman", Times, serif;
}
		
	.side-widget .storycontent {
		border-bottom: 1px #ddd;
		border-style: dotted;
}

	.storycontent img{
		float: left;
		margin: 0px 8px 5px 0;
	
	
}

.storycontent p{
	_float: left;
	clear: none;
}

div.next{
	float: left;
	clear: none;
	position: relative;
}
		
.side-widget .noline {
		border-bottom: 0;
		}		

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
	float: left;
	}


h1{
    color: grey;
	font: bold 32px/34px Georgia, Times, serif;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	

h2 {
    font: bold 24px/26px Georgia, Times, serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 {
    font: bold 20px/22px Georgia, Times, serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color:#1BBBE9;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	background: #fff;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px;
	padding: 0;
	}

	#leftcontent h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}


	#vote {
		border: 1px solid silver;
		}
	
	object.flashvideo {
		float:  left;
		margin: 5px 5px 5px 0;
		}
	




		
	
	

	#leftcontent .threepost h1 {
		margin-top: 5px;
		font-size: 18px;
		font-family: Georgia, Times, serif;
		font-weight: normal;
		line-height: 20px;
		color: #222;
		}
		
	#leftcontent .twopost h1 {
		font-size: 20px;
		line-height: 22px;
		}

	#leftcontent .onepost h1{
		font-size: 32px;
		line-height: 30px;
		}
	
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 15px;
		line-height: 18px;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}

	.calendar {
		text-align: center;
		position: relative;
		margin-bottom: 5px;
		margin-right: 10px;
		margin-top: 0;
		border: 1px solid silver;
		top: -70px;
		float: right;
		#clear: none;
}

		
	.cal-month {
		color: #1BBBE9;
		letter-spacing: 0;
		border-bottom: 1px solid #1BBBE9;
		text-transform: uppercase;
		font: bold 14px "Arial Rounded MT Bold", Helvetica, Geneva;
		padding: 3px 10px;
		}

	.cal-date {
		color: #111;
		background-color: #e9e9e9;
		letter-spacing: -1px;
		font: 24px "Arial Rounded MT Bold", Helvetica, Geneva, sans-serif;
		padding: 2px 0 3px;
		}
		
	.cal-time {
		color: #111;
		background-color: #e9e9e9;
		text-shadow: white -1px -1px 1px;
		letter-spacing: -1px;
		font:  12px "Arial Rounded MT Bold", Helvetica, Geneva, sans-serif;
		padding: 2px 0 3px;
	float: none;
}
			
		
#leftcontent .postbuzzz {
	float: right;
	
	}	
		
		
.meta {
	color: #aeaeae;
	font: 10pt/11pt "Courier New", Courier, mono;
	text-transform: uppercase;
}

.meta a{
       color: #1BBBE9;
} 
			
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		



/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weigth: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		padding: 0;
		margin: 0;
		}

.more-link {
	font-size: 11px;
	text-align: right;
	color: #1BBBE9;;
	}

.tags a {
	color: #1BBBE9;
	}
	
.ind-post, .post {
	float: left;
	border-bottom: 1px dashed #aaa;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
}

#leftcontent div.ind-post h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

	.ind-post img {
		margin: 0px 10px 5px 0;		
		}



#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.png) repeat-y 50% 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
ind-post {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
	border : none;
	border-top : dashed 1px #CCCCCC;
	color: #FFFFFF;
	background-color : #FFFFFF;
	height : 1px;
	}

.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
	border : none;
	border-top : dashed 1px #CCCCCC;
	color: #FFFFFF;
	background-color : #FFFFFF;
	height : 1px;
	}	
	
.twopost {
	width: 46%;
	float: left;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px dashed #aaa;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}		
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

#threecol img {
	margin: 0px 5px 5px 0;
	}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px dashed #aaa;
	padding-top: 10px;
	}

.threepost2, .threepost5 {
	padding: 10px 0 0;
	margin: 0 6%;
}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 1;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
			
/* Other Elements */

.red, .entry a {
	color: #1BBBE9;
	}
	
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}

#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color:#1BBBE9;
	}

/* Comment Elements */


.comments { 
	background:transparent url(images/bg-hatch.gif) repeat scroll 0 0;
	border-color:#D3D3D3;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:9px;
	cursor:default;
	line-height:14px;	
	border:1px solid #DDDDDD;
	padding:3px 6px;
	float: left;
	position:relative;
	margin-bottom: 5px;
	width: 99%;
	}


.commentsfrontpage { 
	background:transparent url(images/bg-hatch.gif) repeat scroll 0 0;
	border-color:#D3D3D3;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:9px;
	cursor:default;
	line-height:14px;
	width:70px;
	border:1px solid #DDDDDD;
	padding:3px 6px;
	text-align: center;
	float: left;
	position:relative;
	margin-bottom: 5px;
}

.commentsfrontpage:hover { 
	border:1px solid #cc0000;
	}
	
.commentsfrontpage a:hover { 
	color: #1BBBE9;
	}

.commentsfrontpage a { 
	text-transform:uppercase;
	text-decoration:none; 
	}	

		
h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;}
			
			
	 h4#comments, #respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em;}

	 #respond p { font-size:11px; margin:0 0 1em; }	

	 ol.commentlist { list-style:none; margin:0; padding:0;}

	 ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }

	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }

	 ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px;padding: 5px; left:58px; position:absolute; top:5px; }

	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#1BBBE9; text-decoration:none; }

	 ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }

	 ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

	 ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }

	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:20px 0 12px;text-align: left;}

	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:42px; }

	 ol.commentlist li div.reply:hover { background:#1BBBE9; border:1px solid #1BBBE9; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }

	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

	 ol.commentlist ul.children li.odd { background:#fff; }

	 ol.commentlist ul.children li.even { background:#f6f6f6; }

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
			
.commentnumber {
		position: absolute;
		left: 7px;
		bottom: 3px;
		font-size: 14px;
		color: #ccc;
		}

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -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 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;
}

#today {
	color: #1BBBE9;
	}

#wp-calendar {
	margin: auto;
	}
	
.search_input {
	text-align: center;
	clear: both;
	visibility: visible;
	position: relative;
	left: 4px;
}

div.sociable {float: right;position: static;bottom: 10px;}

div.sociable_tagline { font-size: 12px;}

span.sociable_tagline { position: relative;}

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	font-size: 11px;}

.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);
	}

.buzzz {
	color:#1BBBE9;
	float: left;position: static;}

.buzzz_top {
	color:#1BBBE9;
	float: none;position: relative;}

.misbruik {
	float: right;
}

div#month {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	left: 10px;
	margin-top: 20px;
}

div#date {
	font-size: 18px;
	line-height: 30px;
	color: grey;
	float: left;
	clear: left;
	position: relative;
	left: 20px;
	width: 25px;
	height: 30px;
	text-align: center;
	border: 1px dashed silver;
}

div#event {
	font-size: 18px;
	line-height: 30px;
	position: relative;
	left: 30px;
	margin-bottom: 4px;
}

ul.ec3_events {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}

.ec3_list li {
	list-style-type: none;
}

#leftcontent div.pages ul.ec3_events li.ec3_list.ec3_list_month {
	font-size: 14px;
}

input.MailPressFormEmail {
	width: 150px;
	margin-bottom: 5px;
}

input.MailPressFormName {
	width: 150px;
	margin-bottom: 5px;
	
}