/*
Theme Name: Magazine Basic
Theme URI: http://tinkerpriestmedia.com/free-wordpress-themes/magazine-basic/
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.8 using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://tinkerpriestmedia.com">c.bavota</a>.
Version: 2.4.11
Author: c.bavota
Author URI: http://tinkerpriestmedia.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: #205B87;
	}
	
	a:hover {
		text-decoration: underline;
		}
	
img { 
	border: 0px;
	}

body {
	color: #444;
 	margin: 0 auto; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	padding: 0px; 
        	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #607e9f;
	}

textarea {
	width: auto;
	}

/* Header Elements */

#header{
	background: #FFFFFF;
	float: left;
	width: auto;
	border-left: 2px solid #aaa;
	border-right: 2px solid #aaa;
	}

#headerad {
	width: 468px;
	}	

#login {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 8px;
	font-size: 10px;
	color: #000000;
	text-align: right;
	padding: 10px 20px 15px;
	background:  #FFF;
	}
	
	#login a {
		color: #000000;
		}
	
	#login ul {
		padding: 0px;
		margin: 0px;
		}
	
	#login ul li {
		display: inline;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	line-height: 14px;
	}
	
	#title a {
		color:  #FF4D33;
		}		
	
	#title a:hover {
		color: #cc0000;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 0px 0px 0px;
	padding: 0px;
	}		
	

#navigation {
	clear: both;
	background:   #184e8a;
	float: left;
 	width: auto;
 	z-index: 1000;
 	position: relative; 
	margin-top: 0px;
	}

#navigation ul * {
	margin:0px; 
	padding:0px;
	}

	#navigation ul {
		padding: 0px;
		margin: 0px;
		}
	
	#navigation ul li {
		position:relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		list-style-type: none;
		float: left;
		font-size: 12px;
		line-height: 24px;
		padding: 0px;
		margin: 0px;
		position: relative;
		}
	
	#navigation ul a {
		display: block;
		font-weight: bold;
		color: #FAF0E6;
		border-right: none #fff;
		padding: 0px 19px 0px 18px;
		}
		
		#navigation ul a:hover {
			color: #444;
			background: #7FB2FF;
			text-decoration: none;
			}
#navigation ul li:hover ul { display: block; z-index: 1000;}	
#navigation ul li:hover ul ul { display: none; }	
#navigation ul ul { position:absolute; top:24px; left:0px; background:#d1d1d1; display:none; list-style:none;}
#navigation ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0px; }
#navigation ul ul li a {display:block; padding:0px 7px 0px 12px; color: #555; background-color:#d1d1d1; border-right: 0px; font-size: 12px; }
#navigation ul ul li a:hover {background-color:#c5c5c5}
#navigation ul ul li:hover ul { display: block; }
#navigation ul ul ul { left:159px; top:-1px; display: none; }
								
#sub-navigation {
	clear: both;
	border-bottom: 1px solid #222;
	float: left;
	width: 100%;
	padding-top: 2px;
 	z-index: 50;
 	position: relative;
	}
	
	#sub-navigation ul {
		padding: 0px 0px 0px 12px;
		margin: 0px;
		}
	
	#sub-navigation li {
                font-family: Verdana, Arial, Helvetica, sans-serif;
		list-style-type: none;
		float: left;
		font-size: 11px;	
		padding: 0px 10px 0px 0px;
		margin: 0px;
		line-height: 22px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
		color: #606060;
		padding: 0px 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:0px; background:#fff; display:none; list-style:none; margin:0px;padding:0px; border-top: 1px solid #000; z-index: 500;}
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0px;width:159px; margin:0px; padding: 0px; background: none;}
#sub-navigation ul ul li a {display:block; padding:0px 7px 0px 12px; color: #555; background-color:#fff; border-right: 0px; 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;
        z-index: -50;
	}
	
#sub-navigation li.right-d {
	float: right;
	}
/*#navtabs { 
    list-style: none; 
    padding: 0px; 
    height: 30px; 
    font-size: 11px; 
    font-weight: bold; 
    text-transform: uppercase; 
    border-bottom: 4px solid #0288D8; 
} 
 
#navtabs li { 
    float: left; 
    background: #CCE7F7 url(images/tableft.png) no-repeat left top; 
    padding: 8px 0px 8px 14px; 
    margin-right: 1px; 
} 
 
#navtabs li a { 
    background: #CCE7F7 url(images/tabright.png) no-repeat top right; 
    padding: 8px 14px 8px 0px; 
} 
 
#navtabs li.current-cat { 
    background: #0288D8 url(images/tableft_active.png) no-repeat left top; 
} 
 
#navtabs li.current-cat a { 
    background: #0288D8 url(images/tabright_active.png) no-repeat right top; 
    color: #FFFFFF; 
}
*/
/* Main Elements */

/* Hintergrund Hauptseite (gesamter Block unter der Navigation) */	
#mainwrapper {
	float: left;
	width: auto;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-left: 2px solid #aaa;
	border-right: 2px solid #aaa;
	background: #FFF;
	}

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

#secondsidebar {
	float: left;
	margin: 0px 0px;
	padding: 5px 5px 0px;
	}
	
.side {
	line-height: 20px;
	font-size: 12px;
	color: #606060
	margin-bottom: 0px;
	}	
	
.side-widget {
	float: right;
	margin: 0px 0px 10px;
	padding: 0px 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 1px solid #ddd;
        border-right-color: #ccc;
        border-bottom-color: #ccc;
	}
	
	.side-widget ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0px;
		margin: 0px;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0px;
		}
	
	.side-widget h2 {
		font-size: 12px;
		border-bottom: 1px solid #ddd;
		padding: 5px 0px 5px;
		margin-top: 0px;
		text-align: center;
		color: #606060;
/*		text-transform: uppercase;
*/		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
/*              padding: 0px 5px 0px 0px
                text-align: justify;
*/		}
		
	.side-widget .noline {
		border-bottom: 0px;
		}		

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	float: left;
	width: 100%;
        font-size: 12px;
        text-align: justify;
	}
	
	.posts h2 {
		margin: 0px 10px 0px 0px;
               	}
	
	.posts img {
		margin: 5px 10px 10px 0px;
		float: left;
		}
		
.readmore {
	color: #184e8a;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #222;
	background: #fff;
	}

/* Left Content Elements = Hauptinhalt */

#leftcontent {
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px 10px 2px 10px;
        border-right-width:1px;
        border-right-style:solid;
        border-right-color: #aaa;
       	}

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

	#leftcontent h1 {
                font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0px 0px;
		padding: 0px;
                color: #607e9f;
		font-size: 18px;
		line-height: 20px;
		}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #000000;
	font-weight: normal;
	}
	
	#leftcontent .post h1, 
	#leftcontent .ind-post h1, 
	#leftcontent .twopost h1, 
	#leftcontent .threepost h1 {
		margin: 5px 0px 0px 0px;
		font-size: 20px;
		line-height: 22px;
		color: #607e9f;
		}
		
	#leftcontent .twopost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .threepost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
                padding: 2px 0px;
		}
		
	#leftcontent .post .entry {
                font-size: 13px;
		line-height: 17px;
                }
		
	#leftcontent .date {
                font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #888;
                padding: 0px 0px 5px 0px;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
                margin: 5px 0px;
		color: #444;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 5px 0px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	font-style: normal;
	margin: 5px 0px 0px;
       	}

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

.more-link {
	font-size: 12px;
	text-align: right;
	color: #607e9f;
	}

.tags a {
	color: #cc0000;
	}
	
.ind-post, .post {
	float: left;
	border-bottom: 0px solid #aaa;
	margin: 0px 0px 0px;
	padding-bottom: 5px;
	width: 100%;
}

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

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

	#twocol img {
		margin: 3px 8px 5px 0px;
		}
		
	#twocol hr.two {
		height: 0px;
		border: 0px;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: auto;
	height: 1px;
}	
	
.twopost {
	width: 46%;
	float: left;
	}	

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

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

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

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

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

.red, .entry a {
	color: #6666FF;
	}
	
#tagcloud {
	width: 300px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #cc0000;
	}

/* Comment Elements */

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

#postcomments {
	padding-top: 16px;
	}
			
			
	 h3#comments, #respond h3 { color:#333; font:normal 200% georgia,times,serif; margin:10px 0px 0px; clear:left; }

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

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

	 ol.commentlist li { margin:0px 0px 10px; padding: 20px 0px 20px 20px; }

	.commentlist .even {
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}

	.commentlist .avatar {
		float: right;
		padding: 5px;
		border: 1px solid #ddd;
		margin: 0px 20px 10px 10px;
		background: #fff;
		}
	
	.commentlist .comment-author {
		font-size: 12px;
		}
	
	.commentlist .comment-text {
		padding: 0px 20px 0px 0px;
		}
	
	.commentlist .url {
		font-size: 16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		}

	 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:36px; }

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

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

	 ol.commentlist li ul.children { margin:16px 20px 0px 0px; padding: 0px 0px 0px 20px; list-style-image: url(images/commentarrow.png); }

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

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


/* WordPress Required Elements */

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

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

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

.alignnone {
	margin: 5px 0px;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 0px;
   margin: 0px;
   /* 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: 0px;
   padding: 0px;
   border: 0px none;
}

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

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}

.thumb {
   float: left;
   margin-right: 7px;
   margin-bottom: 7px;
   }