/*
Theme Name: CEGI
Theme URI: http://www.cegi.de/
Description: 
Version: 1.0
Author: Markus Fasselt (Design by Tristan Hohne)
Author URI: http://www.mfasselt.de
Tags: 

*/

*{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
body{
	background: #E0E2E6;
	/*color: #262626;*/
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}
img{
	border: 0;
}
a{
	color: #144999;
}

@font-face {
	font-family: AGaramondPro;
	src: url('AGaramondPro-Semibold.otf') format("opentype");
}

div.clear{
	clear: both;
	height: 0;
	line-height: 0;
}
ul.wp-tag-cloud,
div.post div.post-cont div.post-footer ul.post-categories{
	
}
	ul.wp-tag-cloud li,
	div.post div.post-cont div.post-footer ul.post-categories li{
		
	}
		ul.wp-tag-cloud li a,
		div.post div.post-cont div.post-footer ul.post-categories li a{
			background: #9CADB7;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #FFFFFF;
			display: inline-block;
			font-style: normal;
			height: 20px;
			line-height: 20px;
			padding: 0 7px;
			text-align: center;
			text-decoration: none;
			width: auto !important;
			width: 60px;
		}
			ul.wp-tag-cloud li a:hover,
			div.post div.post-cont div.post-footer ul.post-categories li a:hover{
				background: #FCA600;
			}

div#site-wrapper{
	background: url(images/site_background.png) no-repeat;
	margin: 0 auto;
	min-height: 610px;
	text-align: left;
	width: 960px;
}

div#header{
	background: url(images/header_erde.jpg);
	height: 230px;
}
	div#header a#header_home{
		background: url(images/sprites.png) -500px -100px;
		display: block;
		height: 34px;
		left: -11px;
		overflow: hidden;
		position: relative;
		text-indent: -9999px;
		top: 39px;
		width: 39px;
	}
	div#header ul{
		float: right;
		position: relative;
		right: 20px;
		top: 153px;
	}
		div#header ul li{
			float: left;
			margin-left: 30px;
		}
			div#header ul li a{
				color: #B7B7B7;
				display: inline-block;
				font-family: "Gotham Narrow", Helvetica, Arial;
				font-size: 11px;
				font-weight: bold;
				height: 43px;
				line-height: 70px;
				overflow: hidden;
				text-decoration: none;
				text-transform: uppercase;
			}
				div#header ul li a:hover{
					color: #4C4C4C;
				}
			div#header ul li.wind a{
				/*background: url(images/sprites.png) no-repeat -294px 8px;*/
			}
				div#header ul li.wind a:hover,
				div#header ul li.wind.active a{
					background: url(images/sprites.png) no-repeat -394px 8px;
				}
			div#header ul li.sonne a{
				/*background: url(images/sprites.png) no-repeat -298px -93px;*/
			}
				div#header ul li.sonne a:hover,
				div#header ul li.sonne.active a{
					background: url(images/sprites.png) no-repeat -398px -93px;
				}
			div#header ul li.erde a{
				/*background: url(images/sprites.png) no-repeat -294px -191px;*/
			}
				div#header ul li.erde a:hover,
				div#header ul li.erde.active a{
					background: url(images/sprites.png) no-repeat -394px -191px;
				}
			div#header ul li.wasser a{
				/*background: url(images/sprites.png) no-repeat -294px -290px;*/
			}
				div#header ul li.wasser a:hover,
				div#header ul li.wasser.active a{
					background: url(images/sprites.png) no-repeat -394px -290px;
				}
			div#header ul li.biomasse a{
				/*background: url(images/sprites.png) no-repeat -286px -400px;*/
			}
				div#header ul li.biomasse a:hover,
				div#header ul li.biomasse.active a{
					background: url(images/sprites.png) no-repeat -386px -400px;
				}

div#content-wrapper{
	margin-top: 30px;
}
	div#content-wrapper div#content{
		float: left;
		width: 640px;
	}
	div#content-wrapper div#sidebar{
		float: right;
		width: 300px;
		
	}


div.post{
	border: 1px solid #BFBFBF;
	background: #FFFFFF;
	margin-bottom: 10px;
}
	div.post div.social{
		position: absolute;
		margin: 7px 0 0 -21px;
	}
		div.post div.social a.twitter,
		div.post div.social a.facebook{
			display: block;
			height: 20px;
			overflow: hidden;
			text-indent: -9999px;
			width: 20px;
		}
			div.post div.social a.twitter.big,
			div.post div.social a.facebook.big{
				position: relative;
				width: 20px;
			}
			
		div.post div.social a.twitter{
			background: url(images/sprites.png) no-repeat -600px 0;
		}
		div.post div.social a.facebook{
			background: url(images/sprites.png) no-repeat -600px -100px;
			margin-top: 1px;
		}
			div.post div.social a.twitter.big{
				background: url(images/sprites.png) no-repeat -700px 0;
			}
			div.post div.social a.facebook.big{
				background: url(images/sprites.png) no-repeat -700px -100px;
			}
		
	div.post div.post-cont{
		padding: 17px 19px 10px;
	}
		div.post div.post-cont a.post-comments{
			background: url(images/sprites.png) no-repeat -500px 0;
			color: #FFFFFF;
			display: block;
			float: right;
			font-size: 11px;
			font-style: italic;
			font-weight: bold;
			height: 23px;
			line-height: 19px;
			text-align: center;
			text-decoration: none;
			text-indent: -2px;
			width: 23px;
		}
		div.post div.post-cont h2,
		div.post div.post-cont h2 a{
			/*color: #262626;*/
			color: #333333;
			font-size: 16px;
			margin-bottom: 20px;
			text-decoration: none;
		}
		div.post div.post-cont h3{
			margin-bottom: 5px;
		}
		div.post div.post-cont img{
			border: 1px solid #A5A5A5;
			float: left;
			margin: 0 20px 10px 0;
		}
		div.post div.post-cont p{
			margin-bottom: 15px;
		}
		div.post div.post-cont > ol,
		div.post div.post-cont > ul{
			overflow: auto;
			padding-left: 20px;
			margin-bottom: 10px;
		}
			div.post div.post-cont > ol li{
				list-style-type: decimal;
				margin-bottom: 2px;
			}
			div.post div.post-cont > ul li{
				list-style-type: disc;
				margin-bottom: 2px;
			}
		
		
		div.post div.post-cont div.post-footer{
			background: url(images/post_footers.png) no-repeat;
			clear: both;
			color: #999999;
			font-size: 11px;
			font-style: italic;
			margin: 0 auto !important;
			margin-top: 15px;
			width: 600px;
		}
			div.post div.post-cont div.post-footer.wasser{
				background-position: 0 -205px;
				padding-top: 21px;
			}
			div.post div.post-cont div.post-footer.erde{
				background-position: 0 -74px;
				padding-top: 23px;
			}
			div.post div.post-cont div.post-footer.biomasse{
				background-position: 0 0;
				padding-top: 31px;
			}
			div.post div.post-cont div.post-footer.sonne{
				background-position: 0 -138px;
				padding-top: 24px;
			}
			div.post div.post-cont div.post-footer.wind{
				background-position: 0 -269px;
				padding-top: 23px;
			}
			div.post div.post-cont div.post-footer a{
				text-decoration: none;
			}
			div.post div.post-cont div.post-footer p{
				float: left;
				padding-top: 3px;
				margin: 0;
			}
			
			div.post div.post-cont div.post-footer ul.post-categories{
				float: right;
			}
				div.post div.post-cont div.post-footer ul.post-categories li{
					float: left;
					margin-left: 3px;
				}

div.sidebar-box{
	border: 1px solid #BFBFBF;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 17px 19px 20px;
}
	div.sidebar-box h2{
		background: url(images/sprites.png) no-repeat;
		border-bottom: 1px solid #E5E5E5;
		color: #4C4C4C;
		font-family: AGaramondPro;
		font-weight: normal;
		font-size: 21px;
		height: 20px;
		padding-bottom: 12px;
		text-indent: 25px;
	}
		div.sidebar-box h2.authors{
			background-position: 3px 6px;
		}
		div.sidebar-box h2.tags{
			background-position: 3px -94px;
		}
		div.sidebar-box h2.archive{
			background-position: 3px -196px;
			text-indent: 0;
		}
			div.sidebar-box h2.archive span.count{
				color: #A5A5A5;
				display: block;
				float: left;
				font-family: Helvetica, Arial;
				font-size: 9px;
				padding: 9px 0 0 3px;
				margin-right: 10px;
				text-align: center;
				width: 13px;
			}
		div.sidebar-box h2.links{
			background-position: 5px -291px;
		}
		
		div.sidebar-box ul.authors{
			margin-top: 15px;
		}
			div.sidebar-box ul.authors li{
				float: left;
				margin: 0 0 10px 10px;
			}
				div.sidebar-box ul.authors li.first{
					margin-left: 0;
				}
				div.sidebar-box ul.authors li a{
					border: 1px solid #C4C4C4;
					display: block;
					height: 77px;
					width: 55px;
				}
		
		div.sidebar-box ul.wp-tag-cloud{
			margin-top: 10px;
		}
			div.sidebar-box ul.wp-tag-cloud li{
				margin-right: 3px;
				float: left;
			}
		
		div.sidebar-box ul.post-categories{
			margin-top: 15px;
		}
			div.sidebar-box ul.post-categories li{
				background: url(images/sprites.png) no-repeat -800px 3px;
				display: inline;
				height: 10px;
				margin-left: 8px;
				padding-left: 10px;
			}
				div.sidebar-box ul.post-categories li:first-child{
					background: none;
					margin-left: 0;
					padding-left: 0;
				}
				div.sidebar-box ul.post-categories li a{
					color: #343434;
					text-decoration: none;
				}
					div.sidebar-box ul.post-categories li a:hover{
						color: #144999;
					}

		div.sidebar-box ul.post-categories{
			margin-top: 15px;
		}
			div.sidebar-box ul.post-categories li{
				margin-top: 3px;
			}
		div.sidebar-box ul.archive{
			
		}
			div.sidebar-box ul.archive li{
				border-bottom: 1px solid #E5E5E5;
			}
				div.sidebar-box ul.archive li a{
					color: #4C4C4C;
					display: block;
					padding: 11px 0;
					text-decoration: none;
				}
					div.sidebar-box ul.archive li a:hover{
						font-weight: bold;
					}


/* blog post details */
h3#comments{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 15px;
}
ol.commentlist{
	color: #4C4C4C;
	list-style-type: none;
	padding: 0;
}
	ol.commentlist li{
		background: url(images/border.png) repeat-x;
		border-bottom: 1px solid #CCCCCC;
		padding: 20px 0 15px;
	}

div.comment-author{
	float: left;
	font-style: italic;
	font-size: 11px;
	width: 175px;
}
div.comment-author img{
	border: 1px solid #B7B7B7;
	float: left;
	height: 28px;
	margin-right: 15px;
	width: 28px;
}
div.comment-author cite.fn,
div.comment-author cite.fn a{
	color: #4C4C4C;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
div.comment-meta a{
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
div.comment-body{
	float: right;
	width: 450px;
}
div.comment-body p{
	margin: 0 0 10px;
}


div#respond{
	background: url(images/border.png) repeat-x;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}
	div#respond div.left{
		float: left;
		width: 250px; 
	}
		div#respond div.left p{
			margin: 0;
		}
		div#respond div.left label{
			font-weight: bold;
		}
		div#respond div.left input{
			border: 1px solid #B0B6BF;
			margin: 5px 0 7px;
			width: 250px;
		}
	div#respond div.right{
		float: right;
	}
		div#respond div.right p{
			margin: 0;
		}
		div#respond div.right label{
			font-weight: bold;
		}
		div#respond div.right textarea{
			border: 1px solid #B0B6BF;
			height: 170px;
			margin: 5px 0 7px;
			width: 360px;
		}
	div#respond textarea{
		border: 1px solid #B0B6BF;
		height: 170px;
		margin: 5px 0 0;
		width: 638px;
	}
	div#respond input#submit{
		clear: both;
		float: right;
		margin-right: 20px;
		padding: 0;
		overflow: hidden;
	}