/*
Theme Name: StreetBolzer
Theme URI: http://www.superfine.de/
Description: Theme retooled by <a href="http://www.graphicmonks.com/">graphicmonks</a>, Programmed by <a href="http://www.superfine.de/">superfine</a>.
Version: 2.0
Author: graphicmonks + superfine

Tags: red, black, custom header, fixed width, two columns, widgets(?)

	The Streetbolzer theme based on the WordPress Brown by <a href="http://Dellustrations.com/">Dellustrations</a>. Theme retooled by <a href="http://www.graphicmonks.com/">graphicmonks</a>, ja echt? Programmed by <a href="http://www.superfine.de/">superfine</a>.
	

*/

@import "ie.css";
@import "ie7.css";
@import "template.css";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}

ul {list-style:none;}

fieldset{border:0;}

a,a:link,a:visited {color:#434343;text-decoration:none;}

a:focus,a:hover {color: #212121;text-decoration: underline;}

a img{border:0;}

.clear {clear:both;}

body{
	position:relative;
	background: #000;
	color:#B5B5B5;
	font:62.5% 'Verdana',Verdana,Arial,sans-serif;
}


/*		Main		*/

#main{width: 1114px;float: left;}

#container{
	width: 1163px;
	float: left;
	padding: 56px 0px 0px 37px;
	background: url(images/body_bg_new.jpg) no-repeat;
}

#wrapper{
	width: 1200px;
	margin:0 auto;
	height: auto !important;
	height: 100%;
}


/*		Navi		*/

#navi{
	display: inline;
	width: 944px;
	height: 37px;
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 90px;
}

#navi ul li{
	float: left;
	height: 24px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px 0px 20px;
	background: url(images/navi_bg.jpg) no-repeat right;
}

#navi ul li a{color: #B5B5B5;}

#navi ul li a:hover{color: #FFF;text-decoration: none;}

#navi ul li.active a{color: #FFF;}

#navi ul.subscribe{float: right;margin: 10px 0px 0px 0px;}

#navi ul.subscribe li{
	font-size: 12px;
	font-weight: normal;
	color: #B5B5B5;
	padding: 0px 13px 0px 13px;
	background: url(images/subscribe_navi.jpg) top left no-repeat;
}

#navi ul.subscribe li.nobg{background: none;}

#navi ul.subscribe li a{color: #B5B5B5;}

#navi ul.subscribe li a:hover{color: #FFF;text-decoration: none;}


/*		Header		*/

#header{
	display: inline;
	width: 984px;
	height: 404px;
	float: left;
	margin: 0px 0px 55px 64px;
}

#logo{
	display: inline-block;
	width: 510px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 28px;
	background: url(images/logo.png) no-repeat;
	text-indent: -9999px;
}


/* Search */

#header input.keywords{
	display: inline-block;
	width: 259px;
	height: 38px;
	float:right;
	color: #FFF;
	padding: 28px 0px 0px 15px;
	margin: 36px 36px 0px 0px;
	border: none;
	background: url(images/search_bg.png) no-repeat; 
}


/*		YouTube-Ding		*/

#adds{
	display: inline;
	width: 270px;
	float: right;
	clear: right;
	margin: 32px 36px 0px 0px;
}

#adds ul li{
	display: block;
	width: 125px;
	height: 125px;
	float: left;
	margin: 0px 20px 20px 0px;
}

#adds ul li.nomargin{margin: 0px 0px 0px 0px;}


/*		Willkommen		*/

#welcome{
	display: inline;
	width: 345px;
	float: left;
	margin: 30px 0px 0px 231px;
}

.welcome{
	display: block;
	width: 170px;
	height: 24px;
	background: url(images/welcome.png) no-repeat;
	text-indent: -9999px;
}

#welcome p{
	margin: 5px 0px 0px 24px;
	color: #FFF;
	font-size: 11px;
	line-height: 14px;
}


/*		Slider		

#carousel{
	display: inline;
	width: 410px;
	height: 203px;
	float: left;
	margin: 5px 0px 0px 238px;
}

#carousel a.left{
	display: block;
	position: absolute;
	width: 46px;
	height: 45px;
	margin: 69px 0px 0px 0px;
	background: url(images/left.png) no-repeat;
	text-indent: -9999px;
}

#carousel a.right{
	display: block;
	position: absolute;
	width: 46px;
	height: 45px;
	margin: 63px 0px 0px 365px;
	background: url(images/right.png) no-repeat;
	text-indent: -9999px;
}
*/

/*		Content		*/

#content{
	display: inline;
	width: 999px;
	float: left;
	margin: 4px 0px 0px 57px;
	background: url(images/content_bg.png) repeat-y;
	padding-bottom:15px;
}

#content_text{
	width: 999px;
	float: left;
	margin: 0px 0px 0px 2px;
	background: url(images/content_top.jpg) top no-repeat;
}

#left_column{
	width: 640px;
	padding: 16px 5px 0px 0px;
	float: left;
	/*border: 1px dashed plum;*/
}


/*		Post		*/

.post{width: 640px;height:auto;}

.post_heading{
	width: 568px;
	height: 39px;
	float: left;
	padding: 10px 14px 0px 58px;
	margin: 0px 0px 19px 0px;
	background: url(images/post_heading_bg.png) no-repeat;
}

.post_heading_page{
	width: 568px;
	height: 39px;
	float: left;
	padding: 10px 14px 0px 58px;
	margin: 0px 0px 19px 0px;
	background: url(images/post_heading_page.png) no-repeat;
}

.date{
	padding: 4px 0 0;
	color: #FFF;
	float: left;
	font-size: 16px;
}

.post_heading h2, .post_heading_page h2{
	color: #434343;
	font-weight: normal;
	font-size: 21px;
	padding: 0px 0px 0px 13px;
	float: left;
}

.post_heading h2 a, .post_heading_page h2 a{color: #434343;}

.post_heading h2 a:hover, .post_heading_page h2 a:hover{color: #212121;text-decoration: none;}

.comments{
	color: #434343;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 8px 0px 0px;
	float: right;
}

.comments a{color: #434343;}

.entry{
	width: 590px;
	padding: 0px 0px 22px 35px;
	float: left;
}

.entry img{
	margin: 0px 17px 10px 0px;
	padding: 10px 10px 45px;
	float: left;
	border: 2px #DBDBDB solid;	
}

.entry p img{width: auto;max-width:550px; height: auto;}

.entry p{
	margin: 0px 0px 25px 0px;
	color: #434343;
	font-size: 14px;
}

.entry p a:hover{
	color: #212121;
	text-decoration: none;
	background: #DCDCDC;
	/*-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;*/
}


.entry span{
	width: 300px;
	color: #434343;
	font-size: 11px;
	float: left;
}

.entry p a.continue{
	color: #AD1F23;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	text-align: right;
	text-decoration: underline;
	width:40px;
}

.entry p a.continue:hover {color: #212121;text-decoration: none;}


/*		Page Navi		*/

.page_navigation{
	width: 605px;
	float: left;
	clear: both;
	padding: 0px 0px 22px 35px;
}

.page_navigation p{
	color: #ad1f23;
	float: left;
	font-weight: bold;
	font-size: 14px;
}

.page_navigation ul{float: right;}

.page_navigation ul li{
	float: left;
	font-size: 14px;
	color: #ad1f24;
	margin: 0px 1px;
}

.page_navigation ul li a{
	float: left;
	font-size: 14px;
	border: 1px solid #c3c3c3;
	color: #ad1f24;
	background: #e8e7e7;
	padding: 1px 4px;
}
.page_navigation ul li a:hover{color: #212121;text-decoration: none;}

.page_navigation ul li.active a{color: #212121;text-decoration: none;}


/*		Sidebar		*/

#sidebar {
	margin: 0;
    padding: 0;
    width: 340px; 
	float: right;
	/*border: 1px dashed plum;*/
}


/*		Categories		*/

.category-bg{
	width: 337px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.category-bg h2{
	width: 268px;
	height: 40px;
	float: left;
	clear: both;
	padding: 10px 51px 0px 18px;
	margin: 16px 0px 19px 0px;
	background: url(images/categories_heading_bg.png) no-repeat;
	color: #434343;
	font-weight: normal;
	font-size: 21px;
}

.category-bg ul{
	margin:0px 0px 0px 0px; 
	font-size:12px;
}

.category-bg ul a{
	color: #434343;
	text-decoration: none;
	/*-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;*/  
}

.category-bg ul a:hover{
	color: #212121;
	text-decoration: none;
	background: #DCDCDC;
	/*-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;*/
}

.category-bg ul li{
	display: block;
	width: 291px;
	height: 28px;
	padding: 0px 4px 0px 0px;
	margin: 5px 0px 10px 5px;
	background: url(images/arrow.jpg) center right no-repeat;
	border-bottom: 1px dotted #434343;
	float:left;
}

.category-bg ul li:hover{
	background: url(images/arrow_hover.jpg) center right no-repeat;
}

.category-bg ul li a{
	display: block;
	width: 267px;
	color: #ab1f23;
	font-size: 17px;
	padding: 0px 0px 0px 24px;
	background: url(images/checkmark.jpg) no-repeat center left;
}

.category-bg ul li a:hover{
	background: url(images/checkmark_hover.jpg) no-repeat center left;
}

.category-bg ul li a:hover{color: #212121;text-decoration: none;}

.category_bg ul img{	float: right;}

	
/*		Footer		*/	
	
#footer{
	display: inline;
	width: 941px;
	height: 145px;
	float: left;
	clear: both;
	padding: 26px 22px 0px 22px;
	margin: 0px 0px 100px 65px;
	background: url(images/footer_bg.jpg) repeat-x;
}

#footer h3{
	display: block;
	width: 98%;
	font-size: 21px;
	font-weight: normal;
	color: #DCDCDC;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 14px 0px;
	border-bottom: 1px dotted #DCDCDC;
}

#footer p{color: #DCDCDC;font-size: 12px;}

#footer p.copyright{
	width: 941px;
	color: #B5B5B5;
	font-size: 12px;
	float: left;
	margin: 40px 0px 0px 0px;
}

#footer p.copyright a{color: #FFF;text-decoration:none;}

#footer p.copyright span{float: left;}

#footer p.copyright span.right{float: right;}

#footer p a{
color: #FFF;
text-decoration: underline,
}

#footer p a:hover{
background: #e8e7e7;
padding: 2px;
color: #212121;
text-decoration: none;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
}



/*		thangs in da "footer.php"		*/


.dynamo{width: 313px;float: left;}

.bundes{width: 313px;float: left;}

.streetfootball{width: 313px;float: left;}

.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}

.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.skiplink{display:none;}



/*		Comments		*/

#numberofcomments{
	margin:40px 0 0 70px;
	float:left;
	width:400px;
	font-size:14px;
}

#comment{
	margin:20px 0 0 16px;
	font-size:14px;
	color:#454546;
}

#comment h3{
	margin:10px 0 10px 19px; 
}

#comment a{
	color:#646464;
	padding:0 0 0 0px;
}

#comment a:hover{
	color:#646464;
	text-decoration:none;
}

form#commentform{
}

form#commentform p{
	margin:0 0 5px 19px;
}

form#commentform p textarea{
	margin:0 0 0 0;
}

ol.commentlist{
	margin:0 20px 0 20px;
	list-style:none;
}

ol.commentlist li{
	border-top:#434343 dotted 1px;
	padding:10px 0 0 0;
}

ol.commentlist li img{
	float:left;margin:0 10px 0 0;
}

form#commentform .input{
	border-left:#A9A9A9 solid 2px;
	border-top:#A9A9A9 solid 2px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	background:#DCDCDC;
	height:30px;
	width:230px;
}

form#commentform textarea{
	border-left:#A9A9A9 solid 2px;
	border-top:#A9A9A9 solid 2px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	background:#DCDCDC;
	height:190px;
	width:580px;
	overflow:hidden;
}

form#commentform label{
	color:#a4282c;
	font-size:14px;
}

h3#respond{
	font-size:21px;
	border-bottom:#434343 dotted 1px;
	font-weight:normal;
	color:#a4282c;
	padding-bottom:5px;
	margin-right:20px;
}

p.aurther-name{
	color:#AD1F23;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 0 0 60px;
	/*#padding:20px 0 0 60px;*/
}

p.date-link{
	margin:0;
	padding:0 0 0 60px;
	/*#padding:20px 0 0 60px;*/
	font-size:11px;
}

ol.commentlist li p{
	margin:0 0 0 0;
	/*#margin:-17px 0 0 0;*/
}