/*************************
all styles by outline4.ch 


green link #44A12B


************************/

/* General Semantic Tags
----------------------------------------------------------------------------------------------------*/

header {display: block; position: relative;  }
nav {display: block; position: relative; }
	nav h1 {display: none;} /* Be friendly to newsreaders - thanks */
article {display: block; position: relative; }
footer {display: block; position: relative; }


/* Reset
-------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,nav,footer,article,img {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 10px; vertical-align: top; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,b,strong,th,var { font-style:normal; font-weight:normal; }
ul { list-style: disc; list-style-position: inside; }
ol { list-style: decimal; list-style-position: inside; }
td {vertical-align: top; padding-right: 10px;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
p,dl,hr,ol,ul,pre,table,fieldset { margin-bottom: 10px; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

.hr_like {width: 800px; height: 5px; border: none; margin: 0; padding: 0; background: #252525; margin-left: 5px; margin-bottom: 10px;}


/* Generated by Font Squirrel
-------------------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'TradeGothicLTComBoldCondensed';
	src: url('tradegothicltcom-bdcn20-webfont.eot');
	src: local('☺'), url('tradegothicltcom-bdcn20-webfont.woff') format('woff'), url('tradegothicltcom-bdcn20-webfont.ttf') format('truetype'), url('tradegothicltcom-bdcn20-webfont.svg#webfontbHLBoTL9') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicLTStdCondensed18';
	src: url('fonts/tradegothicltstd-cn18-webfont.eot');
	src: local('☺'), url('fonts/tradegothicltstd-cn18-webfont.woff') format('woff'), url('fonts/tradegothicltstd-cn18-webfont.ttf') format('truetype'), url('fonts/tradegothicltstd-cn18-webfont.svg#webfontOiCGMfwC') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'LucidaHandwritingItalic';
	src: url('fonts/lhandw-webfont.eot');
	src: local('☺'), url('fonts/lhandw-webfont.woff') format('woff'), url('fonts/lhandw-webfont.ttf') format('truetype'), url('fonts/lhandw-webfont.svg#webfontxV6uxreU') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { font: 16px/20px "TradeGothicLTStdCondensed18", sans-serif; color: #252525; font-style: normal;  background: #f8f8f8 url(/images/layout/background.png) repeat 0 0; background-attachment:fixed; -webkit-text-size-adjust: none; height: 100%;}


/* Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 23px; line-height: 30px; }
h2 { font-size: 23px; line-height: 30px; }
h3 { font-size: 15px; line-height: 20px; }
h4 { font-size: 15px; line-height: 20px; }
h5 { font-size: 15px; line-height: 20px; }
h6 { font-size: 15px; line-height: 20px; }
 

h1, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; font-weight: normal; font-family: 'TradeGothicLTComBoldCondensed', serif; margin-bottom: 10px;}
h4 { margin-bottom: 0em; }

h1.main_title {font-size: 18px; line-height: 20px;}


/* Links
----------------------------------------------------------------------------------------------------*/

a, a:visited { letter-spacing: 0; color: #999; text-decoration: none; text-shadow: #fff 0px 1px;  }
a:hover { color: #D71523; text-decoration: none; }


/* Paragraphs
----------------------------------------------------------------------------------------------------*/

i, em { font-weight: normal; color: #252525; font-style: italic;}
b, strong {font-style: normal; font-variant: normal; font-weight: normal; font-family: 'VectoraLTStd75Bold', Arial, sans;}

.small { font-size: 14px; line-height: 18px; }
.border {border-bottom: 1px solid #252525;}
.center {text-align: center;}

.ident {padding-left: 10px;}

hr { border: 0; margin-left: 0px; color: #252525; width: 550px; background-color: #252525; height: 1px; }

/* layout classes
----------------------------------------------------------------------------------------------------*/

/* blog */

#content {position: relative; float: left; width: 550px; margin-right: 20px; border-top: 1px solid #252525; padding-top: 20px;}
	h1.sub_template_title {/* position: absolute; top:-20px; left: 0; */}

#widgets {position: relative; float: left; width: 180px; font-family: 'TradeGothicLTStdCondensed18', Arial, sans; font-size: 14px; line-height: 18px;}
	
	#widgets h2 {font-family: 'TradeGothicLTComBoldCondensed', Arial, sans; font-size: 18px; line-height: 22px; margin-bottom: 0px;}
	.date_td {padding-top: 5px;}
	.title_td {padding-right: 0px;}
	.widget_aside { position: relative; display: block; border-top: 3px solid #252525; border-image: url(/images/layout/linie_doppelt.png) 7 0 0 0 stretch stretch; margin-bottom: 10px;}
	
	.widget_social {display: table; margin: 0 auto; text-align: center; list-style: none; padding-top: 10px;}
	.widget_social li { float: left; padding-right: 10px;}
	.widget_social li.last { padding-right: 0px;}
	
	.widget_soundsystem p {margin-bottom: 0px;}
	.widget_releases { text-align: center; }
		.widget_release_img { display: block; width: 160px; margin: 0 auto;}
	
	h1#soundsystem, h1#releases {width : 180px; height: 75px; text-indent: -9999px; border-bottom:  1px solid black; margin-bottom: 10px;}
	
	h1#soundsystem { background: transparent url(/images/layout/soundsystem.png) no-repeat 0 0;}
	h1#releases { background: transparent url(/images/layout/releases.png) no-repeat 0 0; }

.releases_article {border-bottom: 1px solid #252525; /* padding-top: 14px; */ margin-bottom: 10px; width: 550px;}
	.releases_article ul { list-style: none; }
	.releases_article li { float: left; display: block; margin: 0 10px 10px 0;}
		.img_release {display: block; width: 98px; height: 98px;}

.clothing_article {border-bottom: 1px solid #252525; /* padding-top: 14px; */ margin-bottom: 10px; width: 550px;}
	.clothing_article ul { float: left; list-style: none; }
	.clothing_article li {float: left; margin: 0 10px 10px 0;}
		.img_clothing {display: block; width: 125px; height: 125px;}
		
	.clothing_article label {display: inline-block; width: 150px;}
	.clothing_article input {display: inline-block; width: 250px;}
	.textarea_clothing {width: 415px; height: 80px;}
	.submit_clothing {width: 415px!important; }

.dates_article {border-bottom: 1px solid #252525; /* padding-top: 14px; */ margin-bottom: 10px; width: 550px;}
	.dates_article h2 {margin-bottom: 5px;}
		.img_dates {height:70px;}
		.dates_time {padding-top: 8px;}
		.dates_title {/* width: 140px; */}
		.dates_desc {font-size: 15px;}
		.dates_image { text-align: right; }
	
.artist_article ul {list-style: none;}
.artist_article ul.artist_release li {float: left; margin: 0 10px 10px 0;}

/* .blog_article:first-child { border-top: 3px solid #252525;} */
.blog_article {border-bottom: 1px solid #252525; /*  padding-top: 20px; */ margin-bottom: 10px; width: 550px; }

	.blog_article > p { float: left;}
	.img_left {float: left; border: none; display: block; width: 200px; margin: 0 20px 10px 0;}
	.img_full { border: none; display: block; width: 550px; margin: 0 0 10px 0;}
	
	.blog_article_header {}
	.blog_date {padding-bottom: 20px;}
		.blog_article_footer {padding-top: 10px;}
		.blog_article_footer p {margin-bottom: 0;}
		
	.comment_entry > p {margin-bottom: 0;}
	
	.tweetmeme_button {height: 20px;}
	
#fotos {margin: 20px 0; float: left;}
#fotos li {width:74px; height:74px; float:left; text-align: left; margin:0 4px 4px 0; overflow:hidden; color: #000; text-align: left; }
	

/* Layout divs
----------------------------------------------------------------------------------------------------*/

#wrapper {position: relative; margin: 0 auto; width: 750px;}

#header {width: 550px; }
	h1#logo { margin: 20px auto;  text-indent: -9999px; }
	h2#bonzzaj_10_years {position: absolute; top: 73px; left: 615px; width: 89px; height: 121px;  background: transparent url(/images/layout/10-years-bonzzaj.png) no-repeat 0 0; text-indent: -9999px; }


/* Navigation
----------------------------------------------------------------------------------------------------*/
#main_nav { position: relative; padding-bottom: 20px; }
#main_nav ul { position: relative; list-style:none; display: table; text-align: center; margin: 0 auto;  }


/* 2nd and 3rd level 
---------------------------------------------------------------------*/
#main_nav > ul { list-style:none; }


/* (let descendants take those values) */
#main_nav > ul li { float: left; border: none; }

#main_nav > ul > li a, 
#main_nav > ul > li a:visited {  float: left; padding: 0 13px 0 0; font: normal 23px/30px "TradeGothicLTComBoldCondensed", sans-serif; letter-spacing: 0; color: #252525; width: auto; white-space: nowrap; text-transform: uppercase;}
#main_nav > ul > li a.last {padding-right: 0;}

#main_nav > ul li > a.here {color: #999; /* text-decoration: underline; */} 
#main_nav > ul li a:hover {color: #D71523; text-decoration: underline;}


/* Specials
----------------------------------------------------------------------------------------------------*/
.noborder, a.noborder, a.noborder:hover {border: none;}
.margin_btm {margin-bottom: 10px!important;}
.no_margin, .nomargin {margin-bottom: 0px;}
.small_margin {margin-bottom: 5px;}
.uppercase {text-transform: uppercase;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.modalbox_zoom { }
a.modalbox_edit, a:visited.modalbox_edit {font-size: 0.8em; color : #999;}
a:hover.modalbox_edit { color : #b21f17;}