/*

Theme Name: theatertreffen blog
Theme URI: http://wordpress.org/
Description: Theme for THEATERTREFFEN BLOG 2010
Author: lieberungewoehnlich.de
Author URI: http://www.lieberungewoehnlich.de/

*/




body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color: #333;

	text-align: center;

	margin: 0 0 10px 0;

	padding: 0;

	background: url('images/tt10_bg.gif');

	background-repeat:repeat-x;

	background-color: #cdd3d3;

	}



#page {

	text-align: left;

	margin: 24px auto;

	padding: 0;

	width: 950px;

	}



#whitebgcontent {

	background-color: #fff;		

	padding: 0;

	margin: 0px;

	margin-bottom: -24px;

	width: 950px;

	}





/* ---------------------------------------- Header */



#header {

	background: url('images/tt10_headimg.jpg');

	background-repeat: no-repeat;

	background-color: transparent;

	margin: 0;

	padding: 0;

	height: 248px;

	width: 950px;
	
	clear:both;


	}

#header div.headimg {

	padding: 0px;

	margin: 0px;

	width: 950px;

	height:218px;

	float:left;
	
	position:absolute;

	}



#header div.headnav {

	padding: 0 ;
	
	margin-top: 176px;

	margin-left: 600px;

	width: 350px;

	height: 72px;

	position:absolute;
	overflow:hidden;
	z-index: 10;

	}

#header div.headmetanav {

	padding: 0 ;

	margin-top: 20px;

	width: 350px;

	height:30px;

	}



.headmetanav ul.metanavi {

	list-style-type: none;

	margin: 0px 10px 0px 0;

	padding: 0;

	}



.headmetanav ul.metanavi li {

	background-color: #cdd3d3;

	float: right;

	margin: 0;

	padding: 8px 6px 8px 6px;

	text-transform: uppercase;

	}



.headmetanav ul.metanavi li a {

	color: #9ba7a7;

	text-decoration: none;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 1em;

	font-weight: bold;

	margin-right: 4px;

	display: block;

	}



.headmetanav ul.metanavi li a:hover {

	color: #586c6c;

	}







/* ---------------------------------------- Footer */



#footer {

	background: url('images/ttblog_footer.gif') no-repeat top;

	border: none;

	padding: 0;

	margin: 0 auto;

	width: 950px;

	height: 278px;

	clear: both;

	}





/* ---------------------------------------- Sidebar */



#sidebarbox{

	width: 445px;

	margin: 0;

	padding: 0;

	float: left;

	display: block;

	background-color: #fff;

	}



#sidebar1 {

	padding: 0 8px 0 7px;

	margin: 15px 0 20px 0;

	width: 195px;

	float: left;

	}



#sidebar2 {

	padding: 0px 13px 0 10px;

	margin: 15px 0 20px 0;

	width: 190px;

	float: left;

	}



#sidebar1, #sidebar2 {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color: #586c6c;

	}



#sidebar1 a, #sidebar2 a {

	color: #586c6c;

	}



#sidebar1 a:hover, #sidebar2 a:hover {

	text-decoration: underline;

	}



#sidebar1 h2, #sidebar2 h2 {

	font-size: 1.1em;

	line-height: 1.4em;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	margin: 5px 0 0 0;

	color: #586c6c;

	}


#sidebar1 div.kultiversum {

	font-weight: bold;

	font-size: 1.1em;

	line-height: 1.4em;

	letter-spacing: 0.05em;

	margin: 5px 0 0 0;

	color: #586c6c;

	}


#sidebar1 ul li, #sidebar2 ul li {

	list-style-type: none;

	list-style-image: none;

	margin: 10px 0 25px 0;

	border-top: 4px double #586c6c;	

	}



#sidebar1 ul li ul li, #sidebar2 ul li ul li  {

	padding-top: 5px;

	padding-bottom: 4px;

	}



#sidebar1 form, #sidebar2 form {

	margin: 0;

	}



#sidebar1 ul, #sidebar1 ul ol, #sidebar2 ul, #sidebar2 ul ol {

	margin:  0;

	padding: 0;

	border:none;

	}



#sidebar1 ul select, #sidebar2 ul select {

	margin: 10px 0 8px 0;

	/*border: 1px solid #000*/;

	}



#sidebar1 ul ul, #sidebar1 ul ol, #sidebar2 ul ul, #sidebar2 ul ol {

	margin: 5px 0 0px 0;

	border:none;

	}



#sidebar1 ul ul ul, #sidebar1 ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {

	margin: 0 0 0 10px;

	border:none;

	}



#sidebar1 ul ul li, #sidebar1 ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {

	margin: 0;

	padding: 0;

	border:none;

	}



#sidebar2 div.twitter {

	border:none;

	width: 190px;

	height:250px;

	margin:0px;



}

#sidebar2 div.side2list {

	border:none;

	width: 190px;

	margin-top:70px;

	



}

	

/*------------------------------------------ EDITORIAL */



#sidebar1 div.editorial {

	list-style-type: none;

	list-style-image: none;

	padding: 0;

	margin: 10px 0 20px 0;

	width: 195px;

	background-color: #ffc6bd;

	}

#sidebar1 div.editorial h2 {

	background: url('images/tt10_sidebar_editorial.gif');

	background-repeat: no-repeat;

	border-bottom: 1px solid #fff;

	width: 195px;

	height:23px;

	margin:0;

	text-align: left;

	padding: 9px 0 0 10px;

	color: #fff

	}

#sidebar1 div.editorial ul {

	list-style-type: none;

	list-style-image: none;

	width: 189px;

	border:none;

	margin: 0px;

	padding: 3px;

	background-color: #ffc6bdf;

	/*#fee3df*/

	}

#sidebar1 div.editorial ul li {

	list-style-type: none;

	list-style-image: none;

	margin:0 2px 0 2px;

	padding: 5px 5px 8px 4px;

	border-bottom: 1px solid #fff;

	display:block;

	}

#sidebar1 div.editorial ul li.endlist {

	border: none;

	}



/*----------------------------------------- English post*/



#sidebar1 div.english_post {

	list-style-type: none;

	list-style-image: none;

	padding: 0;

	margin: 10px 0 20px 0;

	width: 195px;

	background-color: #b8decf;

	}

#sidebar1 div.english_post h2 {

	background: url('images/tt10_sidebar_englishposts.gif');

	background-repeat: no-repeat;

	border-bottom: 1px solid #fff;

	width: 195px;

	height:23px;

	margin:0;

	text-align: left;

	padding: 9px 0 0 10px;

	color: #fff

	}

#sidebar1 div.english_post ul {

	list-style-type: none;

	list-style-image: none;

	width: 189px;

	border:none;

	margin: 0px;

	padding: 3px;

	background-color: #b8decf;

	/*#fee3df*/

	}

#sidebar1 div.english_post ul li {

	list-style-type: none;

	list-style-image: none;

	margin:0 2px 0 2px;

	padding: 5px 5px 8px 4px;

	border-bottom: 1px solid #fff;

	display:block;

	}

	

#sidebar1 div.english_post ul li.endlist {

	border: none;

	}



/* ---------------------------------------- TagCloud */



#sidebar1 div.tagcloud {

	padding: 0;
	margin: 5px 0 20px 0;
	background-color: #fff;
	text-align:justify;	

	}



/* ---------------------------------------- Content */



#content {

	background-color: #fff;

	font-size: 1.2em;

	float: left;

	}



.entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, {

	line-height: 1.4em;

	}



.narrowcolumn .postmetadata {

	text-align: left;

	}



.thread-alt {

	background-color: #f8f8f8;

	}



.thread-even {

	background-color: white; 

	} 



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



h1 {

	font-size: 4em;

	text-align: center;

	}



h1, h2, h3 {

	font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif;

	font-weight: bold;

	}



h2 {

	font-size: 1.8em;

	text-transform: uppercase;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



h3 {

	font-size: 1.3em;

	margin: 0;

	padding: 0;

	}



h1, h1 a, h1 a:hover, h1 a:visited {

	text-decoration: none;

	color: white;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #ff4326;

	}



h2 a:hover, h3 a:hover {

	color: #586c6c;

	text-decoration: none;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li ul li {

	font-size: 1em;

	} 



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px dotted #eee;

	padding: 0px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	padding: 0;

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	font-size: 0.9em;

	color: #999;

	line-height: 1.5em;

	}

	

.commentmetadata a {

	font-weight: normal;

	font-size: 0.9em;

	color: #999;

	line-height: 1.5em;

	text-decoration: none;

	}



small, .nocomments, .postmetadata, blockquote, strike {

	color: #777;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a {

	color: #ff4326;

	text-decoration: none;

	}



a:hover {

	color: #586c6c;

	text-decoration: none;

	}



.autor {

	color: #586c6c;

	text-transform: uppercase;

	font-size: 0.9em;

	letter-spacing: 0.1em;

	padding: 0px;

	margin: 0 0 0px 0;

	}

	





/* Begin Structure */



.narrowcolumn {

	padding: 0 20px 20px 35px;

	margin: 0;

	width: 450px;

	float: left;

	}



.post {

	margin: 0;

	padding: 0;

	text-align: left;

	}

	

.post h2 {

	margin: 0;

	padding: 8px 0 3px 0;

	}

	

.post hr {

	display: block;

	}



.post {

	margin: 0;

	}



.postmetadata {

	margin: 30px 0;

	}



.smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

	}



.postmetadata {

	color: #999;

	font-size: 0.8em;

	margin: 0 0 10px 0;

	padding: 5px 0 6px 0;

	clear: both;

	border-top: 1px solid #cdd3d3;

	}



.postmetadata a {

	color: #666;

	}



.postmetadata a:hover {

	color: #999;

	}



.clear {

	clear: both;

	}







/* ---------------------------------------- Images */


.entry img {
	margin: 0 0 8px 0;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}



/*  ---------------------------------------- Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}





/*  ---------------------------------------- Head-Searchform */



#headsearchform {

	text-align: left;

	height: 22px;

	padding: 0;

	margin-right: 18px;

	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;

	font-size: 10px;

	font-weight: normal;

	}



#headsearchform div{

	

	width: 244px;

	float:right;

	border: 1px solid #fff;

	background-color: #fff;

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	}



#headsearchform input#s {

	width: 220px;

	margin: 0px;

	border: none;

	background-color: #fff;

	height: 20px;

	float:left;

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	}



input#headsearchsubmit {

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	background: url('images/suchen_lupe.png');

	float: right;

	width: 22px;

	height:22px;

	border: none;

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	

	}

	

/*  ---------------------------------------- Searchform */


#searchform {
	text-align: left;
	height: 22px;
	padding: 0;
	margin: 0;
	width: 242px;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}

#searchform input#s {
	height: 22px;
	width:  220px;
	margin: 0;
	border: none;
	background-color: #ffc6bd;
	padding: 0px;
	float: left;
	}

li.search {
	padding: 5px;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	}

input#searchsubmit {
	margin: 0 ;
	border: 0;
	height: 22px;
	width: 22px;
	background: url('images/suchen_lupe2.png');
	cursor: pointer;
	background-color: #fff;
	float: right;
	}



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
	}

select {
	width: 130px;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

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

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}



/*  ---------------------------------------- Comments*/



#comments {

	color: #999;

	font-size: 1em;

	font-style: italic;

	margin: 30px 0 0 0;

	padding: 5px 0 6px 0;

	border-top: 1px solid #cdd3d3;

	border-bottom: 1px solid #cdd3d3;

	}



.says {

	display:none

	}



.alt {

	margin: 0;

	padding: 10px;

	}

	

.even {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	margin: 10px 0 0 0;

	padding: 0;

	text-align: left;

	}



.commentlist li {

	margin: 0;

	padding: 10x 5px 10px 0px;

	list-style: none;

	border-bottom: 1px solid #cdd3d3;

	}

	

.commentlist li ul li {

	margin-right: -5px;

	margin-left: 10px;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



.children { 

	padding: 0; 

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: left;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

	





/* ---------------------------------------- Various Tags & Classes */



#sidebarbox .autorenlogin a {

	color: #cdd3d3;

	font-size: 1em;

	text-transform: uppercase;

	}



.dropdownlist select {

	width: 190px;

	}



.category-head {

	color: #586c6c;

	text-transform: uppercase;

	font-size: 0.8em;

	letter-spacing: 0em;

	margin-top: 25px;

	padding: 5px 0 5px 0;

	border-top: 4px double #586c6c;

	}



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



h2.description {

	display: none;

	}



p.description {

	display: none;

	}



img.description {

	display: none;

	}



.hidden {

	display: none;

	}



a img {

	border: none;

	}



.lowercase {

	text-transform: lowercase;

	}

	

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}



.wordtube { 

	margin: 13px 0 15px 0;

	padding: 9px 8px 9px 8px;

	border: 1px solid #ddd;

	background-color: #f8f8f8;

	}



.content-end:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}	





/* ---------------------------------------- Captions */


.aligncenter, div.aligncenter {
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
	}

.wp-caption {
	padding: 0;
	margin: 0 10px 5px 0;
	}

.wp-caption img {
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	color: #586c6c;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
	background-color: #fff;
	padding: 5px 0 6px 0;
	margin: 0;
	border-top: 1px solid #cdd3d3;
	border-bottom: 1px solid #cdd3d3;
	}
	



/* ---------------------------------------- Sponsoren & Partner Logos RollOver*/


a#Logo.BZ {  
	width: 170px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_Berliner-Zeitung.png);  
	display: block;  
	text-decoration: none;  
	}

a#Logo.Kulturzeit {  
	width: 170px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_KulturZeit.png);  
	display: block;  
	text-decoration: none;  
	} 

a#Logo.Kultiversum {  
	width: 170px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_Kultiversum.png);  
	display: block;  
	text-decoration: none;  
	} 

a#Logo.BF {  
	width: 180px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_Berliner_Festspiele.png);  
	display: block;  
	text-decoration: none;  
	} 

a#Logo.ZDFtheater {  
	width: 170px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_zdf-theaterkanal.png);  
	display: block;  
	text-decoration: none;  
	}  

a#Logo.KdB {  
	width: 170px;  
	height: 48px;  
	background-image: url(images/logos/tt_Logo_KulturstiftungBund.png);  
	display: block;  
	text-decoration: none;  
	}  

a#Logo.KdB:hover {  
	background-position: 0 48px;  
	} 

a#Logo.DreiSat {  
	width: 170px;  
	height: 26px;  
	background-image: url(images/logos/tt_Logo_3sat.png);  
	display: block;  
	text-decoration: none;  
	}  

a#Logo:hover {  
	background-position: 0 26px;  
	} 



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