/**
 * JH 't SOOT
 * Dieter Wyns 
 */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* IE png fix */
img, 
#header #menu ul li a, #header #menu ul,
#content-wrapper, #footer-wrapper { behavior: url("/wp-content/themes/tsoot/iepngfix.php"); }

body {
	font-size: 0.8em;
	font-family:Helvetica,Arial;
	background-color:#000000;
	color:#FFFFFF;
}


a { color:#FFFFFF; text-decoration:none; }
p { padding-bottom:7px; }

h1 { text-transform:uppercase; font-size:1.5em; clear:both; padding-bottom:15px; }
h2 { text-transform:uppercase; font-size:1.5em; clear:both; }
h3 { font-size:1.2em; padding-bottom:10px; }
h1 span, h2 span { font-size:0.8em; }

.clearing { clear:both; }

html, body, #body-wrapper {height: 100%;}
body > #body-wrapper {height: auto; min-height: 100%;}
#content-wrapper {padding-bottom: 130px;}  /* must be same height as the footer */



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#header #menu ul li a span, #blog h3 span, #media h3 span, #info h3 span {
	position:absolute;
	top:-10000px;
	left:-20000px;
}

/* HEADER */
#header-wrapper {
	width:100%;
	height:136px;
	background:url("images/backgrounds/header.jpg") repeat-x;
	padding-top:28px;
}

#frontpage #header-wrapper { height:438px; }

#header {
	width:960px;
	margin:0 auto;
	position:relative;
}

#header #logo {
	
	width:233px;
	height:126px;
	
	top:-28px;
	left:0;
	position:relative;
	
	float:left;
	
}

#header #menu {
	width:532px;
	height:43px;
	float:right;
}

#header #menu ul {
	width:365px;
	height:43px;
	list-style:none;
	position:relative;
	top:40px;
	left:180px;
	background:url("images/menu/bg.png")  repeat-x;
}

#header #menu ul li { float:left; }

#header #menu ul li a {
	text-align:left;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
}

#header #menu ul li a:hover,#header #menu ul li.current a { background-position: left bottom; }

#header #menu ul li#pgHome a { width:91px; height:31px; background-image:url("images/menu/home.png");left:0px; top:-2px; }
#header #menu ul li#pgBlog a { width:93px; height:43px; background-image:url("images/menu/blog.png"); left:101px; top:-8px; }
#header #menu ul li#pgInfo a { width:68px; height:34px; background-image:url("images/menu/info.png"); left:197px; top:0px; }
#header #menu ul li#pgMedia a { width:77px; height:32px; background-image:url("images/menu/media.png"); left:282px; top:1px; }

#header #menu ul li a span { position:absolute; left:-10000px; top:-20000px; }

#feature img {
	border:5px solid #FFFFFF;
	z-index:100;
	position:absolute;
	top:128px;
	left:-5px;
}






/* CONTENT */

#content-wrapper {
	width:100%;
	min-height:100px;
	background:url("images/backgrounds/content.png") repeat-x;
	position:relative;
	top:-21px;
	left:0;
	padding-bottom: 90px;
}

#content {
	width:960px;
	margin:0 auto;
	padding-top:40px;
}

/* Frontpage */
#frontpage #blog, #media, #info { margin-top:10px; }
#frontpage #blog h3, #frontpage #media h3, #frontpage #info h3 { background-color:#000000; background-repeat:no-repeat; }

#frontpage #blog {
	width:430px;
	margin-right:26px;
	float:left;
}

#frontpage #blog h3 {
	width:100%;
	height:55px;
	background-image:url("images/titles/home_blog.jpg");
}

#frontpage #blog h3 a {
	display:block;
	
	width:430px;
	height:38px;
	
	position:relative;
	top:13px;
	left:0px;
}

#frontpage #blog > div { padding:15px; }
#frontpage #blog > div  h4 { padding-bottom:5px; }
#frontpage #blog > div h4 a { font-size:1.1em; }
#frontpage #blog > div .comments, #frontpage #blog > div .readmore { margin-top:15px;  }
#frontpage #blog > div .comments a, #frontpage #blog > div .readmore a { font-size:0.9em; color:#B3B3B3; }
#frontpage #blog > div .comments {	float:left; }
#frontpage #blog > div .readmore {	float:right; }

#frontpage #media {
	width:235px;
	margin-right:26px;
	float:left;
}

#frontpage #media h3 {
	width:100%;
	height:62px;
	background-image:url("images/titles/home_fotos.jpg");
}

#frontpage #media h3 a {
	display:block;
	
	width:230px;
	height:34px;
	
	position:relative;
	top:13px;
	left:5px;
}

#frontpage #media div { padding-left:15px; }
#frontpage #media div img { border:4px solid #FFFFFF; margin:10px 10px; }
#frontpage #info { width:243px; height:285px; float:right; }

#frontpage #info h3 {
	width:100%;
	height:66px;
	background-image:url("images/titles/home_info.jpg");
}

#frontpage #info h3 a {
	display:block;
	
	width:230px;
	height:34px;
	
	position:relative;
	top:13px;
	left:13px;
}

#frontpage #info div { padding-left:30px; }
#frontpage #info div #route { margin:10px 0; }

/* BLOG */
#posts { float:left; width:700px; }
.post { 
	padding-bottom:60px; 
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:0.9em;
	line-height:1.7em;
	text-align:justify;
}
.post p { 
	padding-top:5px;
	padding-bottom:15px;
}
.post > div a, .post > .bottom > .category a { border-bottom:1px solid #8C0000; font-weight:bold; padding:0 2px; }
.post h2 { padding-bottom:3px; border-bottom:1px solid #FFFFFF; }
.post h2 a { 
	text-transform:uppercase; 
	font-size:1.3em; 
	font-family:Helvetica,Arial,sans-serif;
}

.post > div { margin-top:5px; }

.post > .bottom {
	display:block;
	width:100%;
	margin-top:10px;
	font-size:0.9em;
	height:22px;
}

.post > .bottom .category { float:right; }
.post > .bottom .sociallinks { float:left; }
.post > .bottom .sociallinks img { left:0; top:4px; position:relative; }

#sidebar { width:210px; float:right; }
#sidebar h2 { font-size:1em; }
#sidebar ul { list-style:none; }
#sidebar #categories ul li a { 
	background:url("images/blog/categorie.jpg") no-repeat; 
	padding-left:48px; 
	font-variant:small-caps;
	font-size:1.1em;
	text-transform:capitalize;
	line-height:1.5em;
}

#sidebar #rss { height:45px; width:210px; }
#sidebar #rss .image { float:left;  }
#sidebar #rss .text { float:right; height:45px; width:150px; }
#sidebar #rss .volgons { font-size:1.3em; }
#sidebar #rss .watis { position:relative; left:54px; top:4px;font-size:0.8em; }

#sidebar #lastPosts, #sidebar #rss { margin-top:40px; }
#sidebar #lastPosts ul li { margin:5px 0 0 5px; }

/* Media */

.album { display:block; width:300px; height:70px; margin:10px; float:left; }
.album > img { 
	float:left; 
	margin-right:10px; 
	border:2px solid #FFFFFF;
}

.imagebox { width:100%; text-align:center; }
#content > .navigation { width:100%; }
#content > .navigation > div { width:49%; margin-top:20px; margin-bottom:10px;  }
#content > .navigation > div img { border:2px solid #FFFFFF; }
#content > .navigation > .previousImage { text-align:right; float:left; }
#content > .navigation > .nextImage { float:right; }
.comment { clear:both; padding:10px 0 20px 0; border-top:1px solid #191919; }
.comment > .author { width:150px; float:left; font-weight:bold; }
.comment > .author > .date { font-weight:normal; font-size:0.8em; }
.comment > .text { width:450px; float:left; }
.comment .validate { font-style:italic; }
#respond { padding:15px; margin-top:40px; border:3px solid #191919; clear:both; }
#respond form > p { margin:3px 0; }


/* Info */
#left,#right { width:461px; } 
#left { float:left; }
#right { float:right; }

#plan { margin-bottom:20px; }
#route > div > div { height:40px; margin-bottom:50px; }
#googlemaps { float:left; }
#route > div > div > address { float:left; font-style:normal; padding-left:50px; }

.box { margin-bottom:15px; }
.box > div, .box > ul { margin-left:50px; margin-top:20px; }
.box ul { padding-left:19px; }

#contact { margin-top:30px; }


/* DJ-talent */
a.soundcloud-dropbox:hover {
	color: white; 
	background-color: transparent; 
	background-position: -200px 0;
}

a.soundcloud-dropbox {
	display: block; 
	margin: 10px auto; 
	background: transparent url(http://a1.soundcloud.com/images/dropbox_square_dark.png?bcf410) top left no-repeat; 
	color: #D9D9D9; 
	font-size: 10px; 
	height: 82px; 
	padding: 44px 15px 0 10px; 
	width: 105px; 
	text-decoration: none; 
	text-align: center; 
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
	line-height: 1.3em;

}

/* FOOTER */

#sponsors-wrapper {
	background:#000000;
	clear:both;
	margin-top: -55px; /* negative value of footer height */
}

#sponsors {
	height:100px;
	width:960px;
	margin:0 auto;
}

#sponsors #garagemaus { margin-left:92px; }
#sponsors #record { margin-left:60px; }
#sponsors #tschofke { margin-left:60px; }


#footer-wrapper {
	background:#b02324;
	clear:both;
	padding:15px 0 10px 0;
}
#footer {
	height:30px;
	width:960px;
	margin:30px auto;
	
}

#footer #connect { float:left; }
#footer #connect #netlog { margin-left:20px; }
#footer #credits { float:right; }