/*  
Theme Name: popilot2007
Theme URI: http://www.net-tec.biz/ordner/wordpress-themes-deutsch/
Version: 1.0
Author: Marcel Reiss (based on "sunburn" by Jens Kleinholz + Jim Whimpey)
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin: 0;
	padding: 0;
	text-align: center; /* IE */
	font-family: Tahoma, Geneva, "Trebuchet MS", Trebuchet, Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	background: #000;
	}
	
	h1, h2, h3, h4 {
		font-family: "Trebuchet MS", Georgia, Tahoma, serif;
		font-weight: normal;
		letter-spacing: -1px;
	}
	
	#bg_maker {	background: #191919 url("images/header_bg.gif") top left repeat-x; width: 100%;}
	
		#wrapper {
			margin: 0 auto;
			padding: 0;
			width: 900px;
			text-align: left; /* IE */
			}
			
			a { color: #61A2BC; text-decoration: none; }
			a:hover, .post div.comment_link a:hover, .post h2 a:hover, .post .entry a:hover, .post .entrytext a:hover { color: #cc3300; text-decoration: none; }
				
			a, input {outline:none;}
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		display: block;
		background: url("images/header_menu.gif") top center no-repeat;
		width: 900px;
		height: 190px;
		padding:0;
		margin:0;
	}
			
	h1 {
		height: 2.8em;
		font-size: 2.8em;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		float: left;
	}
			
	h1 a { color: #fff; }
		
	div.description {
		width: 430px;
		height: 65px;
		font-size: 0.9em;
		font-weight: normal;
		float: left;
		margin: 0 0 0 10px;
		display: inline; /* IE */
		line-height: 4.2em;
		}
		
		
		
	#topmenu {
		display: block;
		width:600px;
		height:25px;
		padding:0;
		margin:20px 0 0 0;
		border:0;
	}
	
	#topmenu a {
		float:left;
		height:25px;
		font-size:13px;
		line-height:25px;
		margin-top:5px;
		padding:10px;
		color:#ffffff;
		border:0;
		text-decoration:none;
		text-align:center;
	}
	
	#topmenu a span			{ height:30px; line-height:30px; background:url("images/mainmenu_bg_off.gif") bottom repeat-x; }
	
	#topmenu a:hover span 	{ height:30px; line-height:30px; background:url("images/mainmenu_bg_over.gif") bottom repeat-x; }
	
	#topmenu a#active span 	{ height:30px; line-height:30px; background:url("images/mainmenu_bg_active.gif") bottom repeat-x; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#contentframe {
	float: left;
	margin: 0;
	padding: 0;
	display: inline; /* IE */
	background: #0A0A0A;
}


#content {
	float: left;
	clear: both;
	margin: 40px 0 40px 30px;
	display: inline; /* IE */
}

.narrowframe	{ width: 550px; }
.narrowcontent 	{ width: 490px; }
.wideframe		{ width: 700px; }
.widecontent 	{ width: 640px; }

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post {
	margin: 20px 0 55px 0;
	width: 100%;
	}
	
	.post .date {
		text-align: left;
		border-right:1px solid #494747;
		width: 70px;
		height: 75px;
		float: left;
		margin: 0 10px 10px 0 ;
		white-space:nowrap;
		display: inline; /* IE */
		}
		
		.date_day {
			float:left;
			border:0;
			height:40px;
			width:26px;
			background-position: top left;
			background-repeat:no-repeat;
		}
		.date_ddot {
			float:left;
			border:0;
			height:40px;
			width:10px;
			background: url("images/date_d_.gif") top left no-repeat;
		}
		
		.dd1 {background-image: url("images/date_d1.gif");}
		.dd2 {background-image: url("images/date_d2.gif");}
		.dd3 {background-image: url("images/date_d3.gif");}
		.dd4 {background-image: url("images/date_d4.gif");}
		.dd5 {background-image: url("images/date_d5.gif");}
		.dd6 {background-image: url("images/date_d6.gif");}
		.dd7 {background-image: url("images/date_d7.gif");}
		.dd8 {background-image: url("images/date_d8.gif");}
		.dd9 {background-image: url("images/date_d9.gif");}
		.dd0 {background-image: url("images/date_d0.gif");}
		
		.date_month {
			clear:both;
			border:0;
			height: 25px;
			width: 60px;
			background-position:top left;
			background-repeat:no-repeat;
		}
		
		.dm01 {background-image: url("images/date_m01.gif");}
		.dm02 {background-image: url("images/date_m02.gif");}
		.dm03 {background-image: url("images/date_m03.gif");}
		.dm04 {background-image: url("images/date_m04.gif");}
		.dm05 {background-image: url("images/date_m05.gif");}
		.dm06 {background-image: url("images/date_m06.gif");}
		.dm07 {background-image: url("images/date_m07.gif");}
		.dm08 {background-image: url("images/date_m08.gif");}
		.dm09 {background-image: url("images/date_m09.gif");}
		.dm10 {background-image: url("images/date_m10.gif");}
		.dm11 {background-image: url("images/date_m11.gif");}
		.dm12 {background-image: url("images/date_m12.gif");}
		
		.post div.title_box {
			clear:both;
			margin: 0 0 22px 0;
			display: inline; /* IE */
		}
		
		.post h2 {
			display: inline;
			height: 75px;
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 2.3em;
			letter-spacing:-0.01em;
			word-spacing:0.07em;
			line-height:0.85em;
		}
		
		.post h2 a, .post .comment_link a { color:#CC6600; width:200px;}
		
		.post .entry, .post .entrytext {
			clear:both;
			font-size: 0.8em;
			width: 100%;
			clear: both;
			color: #CCC;
			margin: 0 0 18px 0;
			}
			
			.post .entry a, .post .entrytext a { color: #666; }
				
				.post .entry blockquote, .post .entrytext blockquote  {
					border-left: 6px solid #000;
					padding-left: 8px;
					color: #ccc;
					}
					
					.post blockquote, .post ul, .post ol { margin-left: 20px; padding-left: 20px; }
		
		.postmetadata, .comment_link {
			font-size: 0.7em;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
			line-height:1.5em;
			margin: 0;
			text-indent:5px;
			}
		.postmetadata {color: #ccc; background: #2E3A44; text-align: left; width: 100%; float:left; height:1.5em; padding:0;}
		.comment_link {color: #ccc; background: #1F1D1D; text-align: center; width: 130px; float:right; height:1.5em; padding:0;}
		
		.postmetadata {margin-bottom:4em;}
		
		.postblocks  		{ list-style:none; margin:0;padding:0; width: 100%;}
		.postblocks li 		{ background:#1D2429; font-size:0.8em; letter-spacing:0.1em;  line-height:1.5em; border-top:1px solid #0A0A0A; padding:3px; color:#ffffff; }
		.postblocks li a 	{ letter-spacing:0.1em; padding-left:5px;}
		
		.stripes 			{ width: 100%; height:30px; background:url("images/post_stripes.gif") left repeat-x; clear:both; margin:0;}

		#page_searchform				{ width: 100%; margin:20px 0 20px 0;}
		#page_searchform #s				{ margin:0; padding:3px; float: right; width: 100%; font-size:1em; line-height:1.5em; color:#FFFFFF; background: #191919; border:1px solid #343D40; text-indent:5px;}
		
		#page_searchform #searchsubmit  { margin-top:10px;width:150px; float:right; background:#343D40; color:#FFCC00; border:1px solid #343D40;}
		#page_searchform #searchsubmit:hover { border:1px solid #FFCC00;}
		
		fieldset.cf-fs1 { border:0;}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
	width: 300px;
	float: left;
	display: inline; /* IE */
	color: #666;
	margin: 0 0 0 30px;
	padding: 0;
	}
	
	.narrowbar {
		width: 100px;
	}
	
	#sidebar ul {
	display: inline; /* IE */
	color: #666;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	#sidebar li, #sidebar li ul, #sidebar li ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	#sidebar li h2 {
		margin:10px 0 10px 0;
		font-size: 0.9em;
		line-height: 2em;
		font-weight: normal;
		color:#FFFFFF;
		padding: 0;
		background: url("images/post_stripes.gif") bottom left repeat-x;
		}		
		
		#sidebar li ul {
			font-size: 0.8em;
			letter-spacing:0em;
			}
			
			#searchform {
				clear:both;
				width: 300px;
			}

			#searchform div			{height:20px; border:0; margin:0; width: 300px;}
			
			#searchform #s			{float:left; height:20px; color:#3B7E93; border:0; padding:0; margin:0; width:170px; background:#343D40 center no-repeat;}

			#searchform #submit 		{float:right; height:20px; background:#343D40 url("images/search_bt_off.gif") center no-repeat; border:0; padding:0; margin:0; width:25px;}
			#searchform #submit:hover 	{background-image:url("images/search_bt_over.gif");}
			
			.ctc {
				margin-left:10px;
				width: 280px;
			}
			
			#sidebar .stripes	{ width:280px; height:30px; background:url("images/post_stripes.gif") left repeat-x; clear:both; margin:0;}
				
			#validxhtml { 	float:left; background: url("images/valid-xhtml10-blue.png") top left no-repeat; width:88px; height:31px; display: block; padding:0;}
			
			#spreadfirefox { float:left; background: url("images/firefox-spread-btn-1b.png") top left no-repeat; width:88px; height:31px; display: block; margin:0 0 0 10px; padding:0;}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SINGLE POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wideframe {
	width:700px;
}

.widecolumn {
	width:620px;
}

.widecolumn h2, .page h2 { 
	font-size: 2.3em;
	color: #3B7E93;
	}
	
.narrowcolumn h2 { 
	font-size: 1.4em;
	margin-bottom: 15px;
	color: #3B7E93;
	}

	#content h3 { 
		font-size: 1.5em;
		font-weight: normal;
		color: #246270;
		margin: 20px 0 10px 0;
		}
	
	.widecolumn .post, .narrowcolumn .post { margin-bottom: 20px; }	


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
h3#comments { font-size:1.3em;}

#commentform { margin: 0 0 20px 20px; } 	

	#commentform input, #commentform textarea {
		border: 1px solid #000;
		padding: 3px;
		}
	
		#commentform textarea {
			font-size: 0.8em;
			font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
			}
			
			#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { background: #7F7F7F;}
				#commentform textarea:focus, #commentform #author:focus, #commentform #url:focus, #commentform #email:focus { background: #fff;}

		#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { margin: 0 0 2px 0; }
		
		#commentform #submit { width: 180px; }
		
ol.commentlist {
	font-size: 0.9em;
	list-style: none;
	margin: 30px 0 0 30px;
	padding: 0;
	width: 385px;
	}
	
	ol.commentlist li {
		border-top: 1px solid #2F2C2C;
		font-size: 0.8em;
		margin: 0;
		padding: 10px 0 0 0;
		}
		
		#content>ol.commentlist li { padding: 0; } /* FF Specific */

	.postmeta_single {
		font-size:0.7em; color:#FFFFFF; 
	}
	
	form 					{ padding:0; margin:0; clear:both;}
	.contactform input 		{ clear:both; height:1.6em; line-height:1.6em; font-size:1em; color:#FFFFFF; border:0; padding:0; margin:0; width:100%; background:#343D40 center no-repeat;}
	 .contactform textarea 	{ clear:both; height:150px; line-height:1.6em; font-size:1.3em; color:#FFFFFF; border:0; padding:0; margin:0; width:100%; background:#343D40 center no-repeat;}
	
	form label 		{ clear:both; line-height:20px; width:100%; }
	#contactsubmit  { width:150px; float:right; background:#343D40; color:#FFCC00; border:1px solid #343D40;}
	#contactsubmit:hover { border:1px solid #FFCC00;}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.page h2 { margin: 0 0 15px 0; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH and ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sanda h2 {
		font-size: 2.3em;
		font-weight: normal;
		margin: 0 0 15px 0;
		}


	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bar {
	margin-top:;
	clear: both;
	width: 100%;
	height: 10px;
	background: #0A0A0A;
	padding: 0;
	color:#ffffff;
	}
	
	#footer_bg {
		clear: both;
		width: 100%;
		height: 46px;
		background: #0A0A0A;
		}
		
		#footer {
			color:#ffffff;
			width: 910px;
			height: 46px;
			margin: 10px auto;
			background: url("images/footer_bg.png");
			}
			
			#footer p {
				color:#ffffff;
				margin: 0;
				padding: 12px 0 0 0;
				font-size: 0.8em;
				text-align: center;
				color: #000;
				}
				
				#footer p a { color: #CC3300; text-decoration: underline; }
					#footer p a:hover {text-decoration: none; color:#FF9900}
				
		
.alignright {
	float: right;
	display: inline;
	margin-left:10px;
	}
	
.alignleft {
	float: left;
	display: inline;
	margin-right:10px;
	}
	
.wp-caption {
	padding:5px;
}

.wp-caption img {
	padding:0;
	margin:0;
}
	
.wp-caption-text {
	font-size:0.85em;
	color:#999;
	text-align:center
}

form#wpcf 					{ font-size:0.8em; }
form#wpcf input			{ width:400px; }
form#wpcf textarea	{ margin-top:10px;}
form#wpcf label 		{ display:block; font-size:13px; line-height:15px; height:15px; padding:0; margin:0; letter-spacing:0.1em; color:#F6AB50}
form#wpcf br 				{ line-height:3em; }
form#wpcf .contacterror { background:#900 }
form#wpcf #contactsubmit { width:100px; float:left; color:#F6AB50; line-height:20px; height:20px }