/* 
Theme Name: [:SITD:] Rot
Theme URL: http://www.sitd.de
Description: Custom Theme for [:SITD:]
Author: Andy Rudorfer
Author URI: http://andyrudorfer.com
Version: 1.0
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- MAIN
	-- IE CRAP
	-- PRINT
---------------------------------------------------------------------------------------
*/

@media screen, projection {

/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
/* 
based on CSS Reset by Eric Meyer
without HTML5 Elements
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, sub, sup, var, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}

/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html { font-size:100%; height:100%; }
body { font-size:62.5%; color:#666; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center; height:100%; }
a:link, a:visited, a:active { color:#eee; }
a:hover { color:#9b0e14; }  
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
img.left{ margin:0 1em 1em 0; }
img.right{ margin:0 0 1em 1em; }
.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 */

/*---------------------------------------------------------------------------------------
--- MAIN
---------------------------------------------------------------------------------------*/
body { background:#787e7c url(images/body_bg.jpg) fixed; }

#header { background:url(images/bg_header.jpg) repeat-x; height:210px; width:100%; }

#logo { width:760px; height:100px; background: url(images/logo.png) no-repeat; margin:0 auto; }

#logo a { display:block; width:760px; height:100px; }
	
#bigpic {
	background:url(images/bg_bigpic.png) no-repeat;
	width:900px;
	height:205px;
	margin:0 auto;
	position:relative;
	top:-110px;
	z-index:10;
	}	
	
.slides {
	width:840px;
	height:170px;	
	margin:0 auto;
	position:relative;
	top:-40px; // wenn counter raus, ändern auf 10px
	overflow:hidden;
	}
	
.counter { font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; text-transform:uppercase; text-shadow: 0px 4px 6px #555; color:#fff; height:50px; position:relative; top:85px; z-index:20;  }	
	
#main {
	background:url(images/bg_main.png) center repeat-y;
	margin-top:-160px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	clear:both;
	}	
	
#contentcontainer { width:860px; margin:0 auto; }	
	
#content {
	width:480px;
	float:left;
	margin:40px 20px 20px 50px;
	text-align:left;
	font-size:1.2em;
	line-height:1.4em;
	color:#ddd;
	}	
	
/* ---------------------------------------------------------------- 
*  TOPNAV
* ---------------------------------------------------------------- 
*/ 	
	
#navcontainer {
	background:url(images/bg_nav.png) no-repeat;
	width:810px;
	height:60px;
	margin:0 auto;
	position:relative;
	top:-125px;
	z-index:5;
	}	
	
#navlist { padding-top:20px; }	
	
#navlist li { display: inline; list-style-type: none; padding-right: 20px; }

#navlist a {
	color:#ddd;
	font-size:1.4em;
	text-shadow: black 0.1em 0.1em 0.1em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#navlist a:hover { color:#9b0e14; }		

/* ---------------------------------------------------------------- 
*  NEWS
* ---------------------------------------------------------------- 
*/ 		
	
.date { font-size:0.9em; }	
	
.headline { float:left; width:30px; height:30px; background:url(images/logo_headline.png) no-repeat; margin:10px 20px 0 0; }
	
#content h2 a {
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.4em;
	font-weight:bold;
    color:#A3C2CD;
	line-height:1.4em;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	text-align:left;
   }
   
#content h2 a:hover { color:#F12E41; }	   
   
.post {
	float:left;
	width:410px;
	margin-bottom:30px;
	font-size: 1em;
	text-align:left;
	}   
	
.postmeta {
	width:400px;
	background:#292929;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	padding:5px 0 5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	clear:both;
	}	
	
.post ul { margin-bottom:20px; }	
	
.postmeta a {
	color:#ccc;
	text-decoration:none;
	background: url(images/comment.gif) no-repeat 0 50%;
	padding-left:20px;
	}
	
.postmeta a:hover { color:#F12E41; }	

.alignnone { padding:4px; background:#fff; border:1px solid #ccc; }
	
.alignleft {
	float:left;
	padding:4px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 10px 10px 0;
	}
	
.alignright {
	float:right;
	padding:4px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 10px 0 10px;
	}	
	
blockquote {
	margin-right:0;
	margin-left:0;
	margin-top:1em;
	margin-bottom:1em;
	padding:3em;
	background-image:url(images/blockquote.png);
	background-repeat:no-repeat;
	background-color:#454545;
	text-align:left;
	font-style:italic;
	font-weight:bold;
	}	
	
/* ---------------------------------------------------------------- 
*  PAGE
* ---------------------------------------------------------------- 
*/ 	

#page, #page_contact, #page_disco { margin-left:10px; }

#page h2, #page_contact h2, #page_disco h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.4em;
	font-weight:bold;
    color:#ccc;
	line-height:1.6em;
	border-bottom:1px dotted #d20019;
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	background:url(images/h2flame.png) no-repeat;
	padding-left:30px;
	text-transform:uppercase;
   }	
   
#page h3 { font-weight:bold; font-size:1.2em; }  
	
#page ul { list-style-type:none; margin-bottom:20px; margin-top:10px; }	
	
#page li { background:url(images/listflame.png) no-repeat 0 50%; padding-left:20px; }
		
/* ---------------------------------------------------------------- 
*  CONTACT Labels
* ---------------------------------------------------------------- 
*/ 
.labellogo {
	float:left;
	width:140px;
	height:140px;
	margin-top:20px;
	margin-left:10px;
	background:#222;
 }	
 
.labeltext {
	float:left;
	width:240px;
	margin:20px 0 20px 20px;
	background:#222;
	padding:10px;
	} 
/* ---------------------------------------------------------------- 
*  Disco Releases
* ---------------------------------------------------------------- 
*/ 
.discoleft { float:left; }
	
.discoright { float:right; }	

.discotext { width:270px; margin-top:10px; padding-top:20px; }
	
.discotext p { margin-top:10px; }	
	
.discohead { background:#222; padding:8px 16px 8px 0; text-align:right; }	
	
.discotext h3, .samplertext h3 {
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-bottom:3px;
	}	
	
.discoimage { margin-top:10px; text-align:center; }	
	
#page_disco ol {
	list-style-type:decimal;
	width:270px;
	font-size:0.9em;
	margin-top:10px;
	}	
	
#page_disco li { list-style-position:outside; margin-left:20px; }	
	
.discobuy {
	background:#222; 
	width:168px; 
	padding:8px; 
	margin:20px 0;
	}	
	
.discobuy img { margin-right:10px; }

#page_disco hr { border:1px solid #222; margin:20px 0; }

.samplerimage { float:left; margin-right:20px; width:120px; }

.samplerimage img { border:5px solid #fff; padding:1px; }

.samplertext { float:left; font-size:0.9em; margin-top:10px; width:330px; }	

/* ---------------------------------------------------------------- 
*  DATES
* ---------------------------------------------------------------- 
*/ 

.startdate { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight: bold; }

.djdates { margin-top:40px; }


/* ---------------------------------------------------------------- 
*  CONCERTHISTORY ACCORDIAN
* ---------------------------------------------------------------- 
*/ 

.basic { width:100%; }

.basic p { padding:0 10px; }

.basic a {
	cursor:pointer;
	display:block;
	padding:5px 5px 5px 15px;
	margin-top:2px;
	text-decoration: none;
	font-weight: bold;
	font-size:1em;
	color:#ccc;
	background-color:#222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}

.basic a:hover { background-color: #191919; }

.basic a.selected { color:#fff; background-color:#191919; }

/* ---------------------------------------------------------------- 
*  SIDEBAR
* ---------------------------------------------------------------- 
*/ 				
	
#sidebar {
	width:200px;
	float:left;
	padding:40px 70px 20px 40px; 
	text-align:left;
	}	
	
#flags { margin-bottom:15px; }	

	
#flags li {
	float:right;
	display:inline;
	list-style-type: none;
	padding-left:8px;
}

.qtrans_widget_end { clear:both; }
	
.submenu {
	margin:0 0 20px 0;
	text-align:left;
	font-size:1.2em;
}

.submenu ul {
	margin:0;
	list-style:none;
	padding:0 0px;
}

.submenu li a {
	voice-family:inherit;
	margin:0 0 2px 0;
	text-decoration:none;
}

.submenu li a:link, .submenu li a:visited {
	color:#aaa;
	display:block;
	padding:6px 10px;
	background:#111;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-right:3px solid #444;
}

.submenu li.current_page_item a, .submenu li.current-cat a {
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	background:#292929;
	color:#ccc;
	border-right:3px solid #ff0000;
}

.submenu li a:hover {
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	color:#ccc;
	background:#292929;
	padding:6px 10px;
	border-right:3px solid #ff0000;
}

.roundedcornr_box_191538 {
   background: #111111;
}
.roundedcornr_top_191538 div {
   background: url(images/roundedcornr_191538_tl.png) no-repeat top left;
}
.roundedcornr_top_191538 {
   background: url(images/roundedcornr_191538_tr.png) no-repeat top right;
}
.roundedcornr_bottom_191538 div {
   background: url(images/roundedcornr_191538_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_191538 {
   background: url(images/roundedcornr_191538_br.png) no-repeat bottom right;
}

.roundedcornr_top_191538 div, .roundedcornr_top_191538, 
.roundedcornr_bottom_191538 div, .roundedcornr_bottom_191538 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_191538 { margin: 0 10px; }

.calendarimage { float:left; margin-right:10px; }

.calendarhead { font-size:13px; font-weight:bold; font-family:Georgia, 'Times New Roman', Times, serif; text-transform:uppercase; margin-top:10px; padding-bottom:5px; }

.calendarlist { list-style:outside; list-style-type:circle; color:#FF0000; font-size:1.1em; margin-top:10px; margin-left:15px; }

.calendarliststyle { padding:4px 0; }

.calendartext { color:#ccc; line-height:1.5; }

.moredates { text-align:right; }

.linkbox { margin-top:20px; }

.linkliststyle { padding:4px 0; text-transform:uppercase; }
		
/* ---------------------------------------------------------------- 
*  COMENT
* ---------------------------------------------------------------- 
*/ 	

#content .comment { margin-bottom: 20px; }

#content .comment .author {
	float: left;
	width: 40px;
	margin-right: 20px;
	text-align: right;
}

#content .comment .author img {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	padding: 0;
	border:5px solid #ccc;
}

#content .comment .author a { color: #000000; text-decoration: underline; }

#content .comment .author div { color: #949494; margin-top: 5px; }

#content .comment .box {
	float: left;
	width: 310px;
	min-height: 105px;
	background: #292929;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	padding: 20px;
}

#content .alt .box { background: #242424; }

#content .comment .box a { color: #ccc; text-decoration: underline; }

/* ---------------------------------------------------------------- 
*  CONTENT > LEAVE COMMENT
* ---------------------------------------------------------------- 
*/ 
#content #leave_comment {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	background: #292929;
	padding: 20px 20px 0;
	margin-bottom: 20px;
}

#content #leave_comment div {
	margin-bottom: 20px;
}

#content #leave_comment p { margin-bottom: 20px; }

#content #leave_comment p a { color: #191919; text-decoration: underline; }

#content #leave_comment .input, #content #leave_comment textarea { width: 346px; padding: 12px; }

#content #leave_comment textarea { height: 62px; }

#content #leave_comment label {
	float: right;
	color: #191919;
	margin-top: 12px;
	color:#ccc;
	font-weight:bold;
}

#comments, #respond {
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 1.4em;
	font-weight:bold;
    color: #A3C2CD;
	line-height:1.4em;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	}

a.button {
	display: block;
	width: 100px;
	height: 20px;
	padding: 15px 20px 10px 65px;
	color:#888;
	text-decoration: none;
	background:url(images/button.png) no-repeat 0px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.button:hover { color:#ccc; background:url(images/button.png) no-repeat 0px -45px; }


/*---------------------------------------------------------------------------------------
--- WP PAGE NAVI
---------------------------------------------------------------------------------------*/
.postnav {
	margin-left:50px;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #222;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #393939;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

	
/*---------------------------------------------------------------------------------------
--- IE CRAP
---------------------------------------------------------------------------------------*/
#ie8 { }

#ie7 .concertmain { margin:10px 0; }
#ie7 .submenu li a:link, #ie7 .submenu li a:visited  { padding:4px 10px; }
#ie7 .submenu li.current_page_item a:link, #ie7.submenu li.current-cat a:link { padding:4px 10px; }
#ie7 #flags { margin-bottom:0; }	

#ie6 #main { width:860px; }

}

}

/*---------------------------------------------------------------------------------------
--- PRINT 
---------------------------------------------------------------------------------------*/
@media print {
	
body { background: #fff; color: #000; }
	
}