/*
Theme Name: Magazine
Theme URI: http://www.windmillwebwork.com
Description: A Magazine Theme for PivotX
Version: 1.2
Date: April 22, 2010
Author: John Schop, Windmill Web Work
Author URI: http://www.windmillwebwork.com
License: SimPL, http://www.opensource.org/licenses/simpl-2.0.html
Required PivotX version: > 2.1
Used Extensions: Extrafields for the images with the entries
*/ 

/* Basic Tag Elements */
 
a {
	text-decoration: none;
	outline: none;
	color: #205B87;
	}
	
	a:hover {
		text-decoration: underline;
		}
	
img { 
	border: 0;
	}
 
body {
	color: #444;
 	margin: 0 auto; 
	font-size: 14px; 
	padding: 0; 
	background: #eee;
	width:1024px;
	background: url(../images/bg-hatch.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
	}
 
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	}

/* Header Elements */
 
#header{
	background: #fff;
	float: left;
	width: 100%;
	}
 
#feeds {
	height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding: 0px 20px 15px;
	background: url(../images/feeds.png) repeat-x;
	}
	
	#feeds a {
		color: #fff;
		}
	
	#feeds ul {
		padding: 0;
		margin: 0;
		}
	
	#feeds ul li {
		display: inline;
		}
		
#title {
	font-size: 48px;
	margin: 10px 16px 0;
	padding: 0;
	line-height: 50px;
	font-style:normal;
// geändert. Originalzeile: font-weight:bold;
	font-weight:normal;
	}
	
	#title a {
		color: #222;
		}		
	
	#title a:hover {
		color: #cc0000;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 5px 16px 0;
	padding: 0;
	font-style:italic;
	}		
	
#navigation {
	margin: 20px 0 3px;
	float: left;
	clear: both;
	width: 100%;
	background:	url(../images/nav.png);
	position: relative;
	z-index: 1000;
	}
	
/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 97.6%;
	padding: 15px 1.2%;
	margin: 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fff;
	}
 
#sidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	width: 180px;}
 
 #secondsidebar {
	float: left;
	margin: 0 8px;
	padding: 5px 0 0;
	width: 180px;}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.sidebar-block {
	float: left;
	margin: 0 0 15px;
	padding: 0 10px 15px;
	background: url(../images/bg-hatch.gif);
	border: 1px solid #ddd;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	width: 160px;
	line-height: 16px;
	font-size: 13px;
	}
	
	.sidebar-block ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
 
	.sidebar-block ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.sidebar-block ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.sidebar-block h2 {
		font-size: 14px;
		padding: 10px 0 5px;
		margin-top: 0;
		margin-bottom:5px;
		text-align: center;
		text-transform: uppercase;
		background: url("../images/h2line.gif") repeat-x bottom;
		}
	
	.sidebar-block p {
		margin: 5px 0;
		}
	
	.sidebar-block .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.sidebar-block .noline {
		border-bottom: 0;
		}		
 
.sidebar-block #s {
	margin-top: 15px;
	padding: 2px;
	width: 94%;
	}
 
.storycontent {
	line-height: 20px;
	font-size: 16px;
	}
 
.posts {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #cc0000;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #888;
	background: #fff;
	}
 /* Content Elements */
 
#content {
	float: left;
	margin: 0 10px;
	padding: 0;
	width:576px;
	}
 
	#content h5.latest {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}
 
	#content h1 {
		margin: 0;
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		}
 
#content .post h1, 
#content .ind-post h1, 
#content .twopost h1, 
#content .pages h1, 
#content h1.catheader,
#content .threepost h1 {
	margin-top: 5px;
	font-size: 36px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	line-height: 38px;
	color: #222;
	}
 
	#content h1.catheader {
		color: #cc0000;
		margin-bottom: 15px;
		}
		
	#content .twopost h1 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#content .threepost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#content .postmetadata {
		clear: both;
		line-height: 14px;
		font-size: 12px;
		}
		
	#content .post .entry {
		font-size: 14px;
		line-height: 18px;
		}
		
	#content .date {
		margin: 5px 0px;
		font-style: italic;
		color: #888;
		}
		
	#content .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #444;
		margin-bottom:10px;
		}	
		
	#content .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 */
 
#content p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}
 
/* This is your blockquote style */
	
#content .entry .pullquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#content .entry .pullquote p {
		padding: 0;
		margin: 0;
		}
 
#content a.more-link {
	clear: both;
	width: 80px;
	text-align: center;
	display: block;
	color: #fff;
	margin: 12px 0;
	background: #aaa;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 20px;
	}
	
	#content a:hover.more-link {
		text-decoration: none;
		background: #666;
		}
 
.tags {
	margin: 10px 0;
	font-size: 12px;
	}
	
.tags a {
	color: #cc0000;
	}
	
.ind-post, .post {
	float: left;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
}
 
	.ind-post img {
		margin: 0px 10px 5px 0;		
		}
 
#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	/* background: url(../images/line.gif) repeat-y 50% 0; */
	}
 
	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #eee;
		}
	
.mainhr {
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	}	
 
	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #eee;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}

/* Comment Elements */
 
#postcomments {
	padding-top: 20px;
	}
			
	 h3#comments, #respond h3 { color:#333; font:normal 200% georgia,times,serif; margin: 10px 0; clear: left; }
 
	 #respond p { font-size:11px; margin:0 0 1em; }	
 
	 ol.commentlist { list-style:none; margin:0; padding:0; float: left; }
 
	 ol.commentlist li { margin:0px 0px 20px 0px; padding:20px 0 20px 20px;  }
 
	.commentlist {
		width: 576px;
		}
	
	.comment-text {
		background: transparent;
		}
		
	.commentlist .even {
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}
 
	.commentlist .gravatar {
		float: right;
		padding: 5px;
		border: 1px solid #ddd;
		margin: 0 20px 10px 10px;
		background: #fff;
		}
	
	.commentlist .comment-author {
		font-size: 12px;
		margin-bottom:8px;
		}
	
	.commentlist .comment-text {
		padding: 0 20px 0 0;
		}
	
	.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 0 0; padding: 0 0 0 20px; list-style-image: url(../images/commentarrow.png); }
 
	 ol.commentlist ul.children li.odd { background:#fff; }
 
	 ol.commentlist ul.children li.even { background:#eee; }		
		
		
/*other stuff*/		

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

.searchbox{
width:150px;
margin-top:10px;}

a.badge img{
margin-top:5px;
padding-right: 5px;}

.pivotx-search-result h2{
margin-bottom:10px;}

#search-results-list li a{
font-size:22px;}

#search-results-list p{
margin-bottom:10px;}

blockquote {
	border:1px solid #CCCCCC;
	color:#666666;
	margin:10px 20px 10px 20px;
	padding:5px 10px;
	background-color: #eee;
// Veränderung am Titeltext Der freie Journalist: (Standard = bold und italic
	font-weight:normal;
	font-style: normal;	
	}

code {
	display:block;
	border:1px solid #CCCCCC;
	color:#666666;
	margin:10px 20px 10px 20px;
	padding:5px 10px;
// geändert. Original: font-family:monospace;
	font-family:Georgia;
	}