/*
Theme Name: WG-Blog Theme
Theme URI: http://www.mediengewurschtel.de
Description: Template für den WG-Blog Mediengewurschtel, 2-spaltig
Version: 1.0
Author: Marten Schlegel
Author URI: http://www.marten-schlegel.de
License: GPL
*/


/*###############################################################################
#										#
#	Allgemeines								#
#										#
###############################################################################*/ 


body {
	margin: 0px;
	margin-left:75px;
	padding: 0px;
	width:820px;
	background-image: url(images/background_papier.jpg);
	background-color:#9acd34;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #000000;
}

h1 {
	text-indent:45px;
	margin-top:-25px;
	font-size:18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Georgia, Times New Roman, Times, serif;*/
}


h2 {
	font-weight:normal;
	font-size:12px;
	padding:0px;
	padding-left:5px;
	margin:0px;
	background-color:#9acd34;
	color:#ffffff;
}


a {
	text-decoration:none;
	color:#996633;
}


a:hover {
	text-decoration:underline;
}


/*###############################################################################
#										#
#	Aufbau									#
#										#
###############################################################################*/ 

#center {
	width: 820px;
	min-height: 100%;
	margin: auto;
	margin-top:10px;
	position: relative;
	text-align:left;
	background-image: url(images/background_content.jpg);

}


#extra_1 {
	background: url(images/fotos.jpg) no-repeat; 
	z-index: 3;
	left:890px;
	top:280px;
	width:195px; 
	height:228px;
	position:absolute;	
}

#extra_1 span {
	background: url(images/ps2_controller.jpg) no-repeat; 
	z-index: 3;
	top:300px;
	width:155px; 
	height:175px;
	position:absolute;	
}

#extra_2 {
	background: url(images/hmth_card.jpg) no-repeat; 
	z-index: 3;
	left:0px;
	top: 440px;
	width: 95px; 
	height: 191px;
	position:absolute;	
}

/*#extra_3 {
	background: url(images/hmth_card.jpg) no-repeat; 
	z-index: 3;
	left:0px;
	top: 1070px;
	width: 95px; 
	height: 150px;
	position:absolute;	
}*/


/*###############################################################################
#										#
#	Header									#
#										#
###############################################################################*/ 

#header {
	background-image: url(images/header.jpg);
	width:820px;
	height:242px;
}


#header_background {
	background-image: url(images/background_header.jpg);
	position:absolute;
	width:100%;
	height:242px;
	margin-left:-75px;
}





/*###############################################################################
#										#
#	Main									#
#										#
###############################################################################*/


#text {
	width:550px;
	margin-left:20px;;
	float:left;
}


.post {
	margin-top:20px;
}


.navi_posts {
	margin-top:-15px;
	margin-bottom:15px;
}


.more-link {
	background-image: url(images/aufzaehlung.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:12px;
}


.Marten {
	background-image: url(images/leiste_marten.jpg);
	background-repeat: no-repeat;
	height:55px;
	width:550px;
	line-height:75px;	
}


.Flo {
	background-image: url(images/leiste_flo.jpg);
	background-repeat: no-repeat;
	height:55px;
	width:550px;
	line-height:75px;	
}


.Jonathan {
	background-image: url(images/leiste_jonathan.jpg);
	background-repeat: no-repeat;
	height:55px;
	width:550px;
	line-height:75px;	
}


.wurschtler {
	background-image: url(images/sidebar_wurschtler.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
	height:78px;
	width:220px;
	line-height:138px;	
}


.Gast {
	background-image: url(images/leiste_gast.jpg);
	background-repeat: no-repeat;
	height:55px;
	width:550px;
	line-height:75px;	
}


.WG {
	background-image: url(images/leiste_wg.jpg);
	background-repeat: no-repeat;
	height:55px;
	width:550px;
	line-height:75px;	
}


.datum {

	margin-left:45px;
	/*padding-right:2px;
	padding-left:2px;
	line-height:12px;	
	margin-left:382px;
	background-color:#000000;*/
	color:#cccccc;
	font-size:10px;
}


.infos {
	margin-bottom:30px;
	font-size:10px;
}


.gallery img {
	margin-right:4px;
	border:1;
	border-width:3px;
}


.imageloop, .youtube {
	text-align:center;
}



.trenner {
	width:550px;
	height:7px;
	margin-bottom:30px;
	background-image: url(images/trenner.jpg);
	background-repeat: repeat;
}


.alte_posts, .neue_posts {
	background-image: url(images/aufzaehlung.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:13px;
	margin-top:-15px;
}

.democracy ul {
	list-style-type:none;
	width:550px;
}

.floatimage {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 5px 5px 0px;
	padding:4px;
	position:relative;

}

.post img:hover {
	background-color: #A9A9A9;
}

.linkbild {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	padding:4px;
}

/*###############################################################################
#										#
#	Sidebar									#
#										#
###############################################################################*/


#sidebar {
	width:220px;
	margin-left:25px;
	margin-top:39px;
	float:left;
	font-size:12px;
}


#sidebar ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-bottom:20px;

}

#sidebar li {
	text-indent:16px;
	background-image: url(images/aufzaehlung.jpg);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}


#sidebar a {
	font-size:12px;
}


.twitter-timestamp {
	font-size: 10px;
}

/*###############################################################################
#										#
#	Kommentare								#
#										#
###############################################################################*/

.commentmetadata {	
	font-size:10px;
}

.commentauthor {
	font-weight:bold;
}

.commentlist li {
	padding-left:5px;
	padding-right:5px;
}



/*###############################################################################
#										#
#	Footer									#
#										#
###############################################################################*/


#footer {
	background-color:#9acd34;
	float:left;
	width:800px;
	font-size:10px;
	color:#ffffff;
	padding-left:20px;
}








.alignleft {
	margin-right: 10px;
	border:0;
}


.alt {
	background-color:#e0f0c1;
}


/*###############################################################################
#										#
#	Hacks									#
#										#
###############################################################################*/ 


.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */