/***********************************/
/* Rotown.de Stylesheet v.2007.06  */
/* Author: Sebastian Kippe         */
/* URL: http://sebastiankippe.de/  */
/***********************************/


/*** Common **************************************************************/		
		
	* { margin: 0; padding: 0; }
		
	body {
		background: #fff url(http://www.rotown.de/gfx/layout/bg_body.gif) top right repeat-y;
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		color: #333;
		}
		
	#container {
		width: 100%;
		}
			
	a					{ text-decoration: underline; }
	a:link, a:visited 	{ color: #d300d0; }
	a:active, a:hover 	{ color: #ae00ac; }
	.center				{ text-align: center; }
	p				{ text-align: left; }
	acronym			{ cursor: help; }
	hr				{ display: none; }
	.clear			{ clear: both; }
	.clearleft		{ clear: left; }
	.clearright		{ clear: right; }


/*** Header **************************************************************/

	#header {
		background: #222 url(http://dev.rotown.de/gfx/layout/header_preview.jpg) top left no-repeat;
		height: 110px;
		}
		
	#header img {
		border: none;
		}

	#header h1, #header h2 {
		text-indent: -50000px;
		}


/*** Navi **************************************************************/

	#navcontainer {
		width: 100%;
		background: #666 url(http://dev.rotown.de/gfx/layout/navbar.jpg) top left no-repeat;
		}

	ul#navlist  {
		height: 2.7em;
		background: transparent;
		margin-left: 20px;
		padding-top: 0.4em;
		}
      
	ul#navlist , #navlist li {
		display: block;
		list-style-type: none;
		}
		 
	ul#navlist li {
		float:left;
		}      
		    
	#navlist a {
		font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float: left;
		text-decoration: none;
		font-size: 1.5em;
		color: #FFF;
		padding: 0.2em 1em 0.4em 1em;
		margin: 0;
		}
         
	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
		background: #fff;
		color: #333;
        -moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		} 

	#navlist a:link#current, #navlist a:visited#current {
		background: #fff;
		color: #333;
        -moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		}	
		

/*** Content **************************************************************/

	#wrapper {
		clear: both;
		float: left;
		width: 100%;
		margin-left: -390px;
		padding-bottom: 50px;
		}
		
	#content {
		margin-left: 390px;
		padding: 10px 20px 0 40px;
		background: url() 0 0 no-repeat;
		font-size: 1.2em;
		line-height: 160%;
		}
		
	#content h2, #content h3, #content h4, #content h5 {
		font-family: Georgia, "Times New Roman", Times, serif;
		letter-spacing: -0.02em;
		font-weight: normal;
		}
		
	#content h2 {
		display: none;
		}
						
	#content h3 {
		font-size: 1.7em;
		margin: 1.5em 0 0.7em 0;
		}

	#content h3 a {
		color: #333;
		text-decoration: none;
		border-bottom: 1px dotted #d300d0;
		}

	#content h3 a:hover {
		border-bottom: 1px solid #d300d0;
		background-color: #f4f4f4;
		}

	#content h4 {
		letter-spacing: -0.02em;
		font-size: 1.3em;
		margin: 20px 0 10px 0;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 3px;
		border-bottom: 1px dotted #ccc;
		}

	#content p {
		margin: 0 0 0.7em 0;
		}
		
	#content p.video {
		padding: 1em 0 !important;
		}

	#content p.posted {
		font-size: 0.9em;
		color: #999;
		margin-bottom: 2em;
		}
			
	#content p.date{
		color: #999;
		}
			
	#content ul {
		
		}
								
	#content li {
		
		}

	#content blockquote {
		margin: 0 2em 1.3em 0;
		padding: 1em 0 0 2em;
		font-style: oblique;
		background: url(http://rotown.de/gfx/layout/bquote.gif) top left no-repeat;
		color: #666;
		}

	img.img_news {
		border: 1px solid #CCC;
		padding: 5px;
		margin: 3px 1.5em 0.3em 0px; padding: 5px 5px 5px 5px;
		float: left;
		display: none;
		}
		
	img.feature {
		border: 1px solid #CCC;
		padding: 5px;
		margin: 2px 20px 10px 0px; padding: 5px 5px 5px 5px;
		float: left;
		}
				
	img.img_news:hover {
		border: 1px solid #00C900;
		}

	img.alignright {
		margin: 0 0 15px 20px;
	}
	
	img.bordered {
		border: 1px solid #CCC;
		padding: 3px;
	}
	

/*** Events / Galleries **************************************************************/

	.calendar .title {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		margin: 0 0 0.7em 0;	
		}
	
	.calendar .location {
		font-size: 0.9em;
		color: #666;	
		}

	.calendar .date {
		font-size: 1.2em;	
		}

	.calendar .today {
		color: #d300d0;	
		}

	.calendar .day {
		font-size: 0.9em;
		color: #666;	
		}
	
	div.regional {
		display: block;
		width: 48%;
		float: left;
		}

	div.elsewhere {
		display: block;
		width: 48%;
		float: right;
		}

	.calendar dl {
		width: 100%;
		padding-bottom: 2em;
		}

	.calendar dt, #calender dd {
		
		}

	.calendar dt {
		clear: both;
		float: left;
		width: 16%;
		border-top: 1px solid #e3e3e3;
		padding: 0.5em;
		}

	.calendar dd {
		padding: 0.5em;
		border-top: 1px solid #e3e3e3;
		float: right;
		width: 73%;
		}

	.calendar a:link, .calendar a:visited  {
		color: #333;
		text-decoration: none;
		border-bottom: 1px dotted #d300d0;
		}

	.calendar a:hover, .calendar a:active {
		border-bottom: 1px solid #d300d0;
		background-color: #f4f4f4;
		}

	#content h3.contact {
		clear: both;
		margin-top: 2em;
		font-size: 1.5em;
		}

	.calendar div.text {
		margin-top: 0.7em;
		}

	.calendar .doors {
		color: #666;
		font-size: 0.9em;
		}

	#content h4.year {
		display: block;
		background: url(../gfx/layout/navbar.jpg) top left no-repeat;
		padding: 0.2em 0.5em;
		color: #ccc;
		font-size: 1.2em;
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.2em;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		}




/*** Sidebar **************************************************************/
			
	#sidebar {
		float: right;
		width: 340px;
		padding-left: 30px;
		padding-bottom: 30px;
		font-size: 1.1em;
		}
		
	#decoration {
		height: 30px;
		width: 330px;
		background: transparent;
		}
		
	#sidebar h2 {
		font-size: 1.7em;
		font-family: Georgia, serif;
		font-weight: normal;
		letter-spacing: -0.02em;
		margin-left: 2px;
		}		
			
	#sidebar h2.events {
		}
			
	#sidebar table {
		width: 303px;
		margin-top: 10px;
		margin-left: 2px;
		margin-bottom: 3em;
		border-collapse: collapse;
		border: 0px;
		border-top: 1px solid #ccc;
		background: #fff;
		}
		
	#sidebar td {
		text-align: left;
		padding: 0.5em;
		border-bottom: 1px solid #ccc;
		line-height: 140%;
		}

	#sidebar td.date {
		padding-left: 0.8em;
		}

	#sidebar tr:hover {
		background-color: #f4f4f4;
		}
			
	span.location, span.day {
		color: #666;
		}

	#sidebar p {
		padding: 0.7em;
		padding-left: 0.8em;
		}

	#sidebar .box {
		text-align: left;
		display: block;
		background: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 140%;
		width: 303px;
		margin: 10px 0 3em 2px;
		}

	#sidebar .big {
		font-size: 1.1em;
		}

	#sidebar ul {
		padding-left: 0;
		margin: 10px 0 3em 2px;
		display: block;
		width: 303px;
		border-top: 1px solid #ccc;
		}
		
	#sidebar h2#twitter a {
		color: #333;
	}
		
	#sidebar ul#twitter li a {
		color: #666;
	}
		
	#sidebar li {
		text-align: left;
		list-style-type: none;
		display: block;
		padding: 0.7em;
		padding-left: 0.8em;
		background: #fff;
		border-bottom: 1px solid #ccc;
		line-height: 140%;
		}
	
	#sidebar li:hover {
		background: #f4f4f4;
		}

	#sidebar li a {
		color: #333;
		text-decoration: none;
		border-bottom: 1px dotted #d300d0;
		}

	#sidebar li a:hover {
		text-decoration: none;
		border-bottom: 1px solid #d300d0;
		}
		
	#sidebar a img {
		border: none;
		}
		
	#sidebar div.hotshit {
		margin: 10px 0 3em 0;					
		}

	#sidebar div.hotshit img {
		border: 1px solid #e3e3e3;
		padding: 3px;
		background: #fff;					
		}	
		

/*** Footer **************************************************************/

	#footer {
		clear: both;
		display: block;
		width: 100%;
		height: 3.5em;
		color: #666;
		background: #222;
		border-top: 3px solid #666;
		margin-top: 50px;
		}
		
	#footer p {
		font-size: 0.9em;
		position: relative;
		text-align: center;
		padding: 1.1em 0 0 0;
		}

	#footer a:link, #footer a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
	#footer a:hover, #footer a:active { color: #ccc; text-decoration: none; border-bottom: 1px solid #ccc; }

	/* footerStickAlt */
		
	html {
		height: 100%;
		}
	
	body {
		height: 100%;
		}
	
	#container {
		position: relative;
		min-height: 100%;
		}
	
	* html #container {
		height: 100%;
		}
	
	#footer {
		position: relative;
		margin-top: -3.7em;
		}

	/* footerStickAlt end */


/*** WordPress **************************************************************/

	.post ul {
		margin: 15px 25px;
		padding: 0;
	}
	
	.post ul li {
		margin: 8px 0;
		padding: 0;
	}
	
	#content .entry p {
		margin-bottom: 1em;
	}
	
	#content .post h3 {
		margin-bottom: 1em;
		}

	#content h3#comments, #content h3#respond {
		font-size: 1.4em;
		margin: 1.5em 0 0.7em 0;
		}

	#content h3#respond {
		font-size: 1.4em;
		margin: 2em 0 1.2em 0;
		}

	small {
		font-size: 0.9em;
		color: #666;
		}

	.postmetadata {
		padding: 1em 0 1em 0;
		}

	.postmetadata a:link, .postmetadata a:visited  {
		color: #333;
		text-decoration: none;
		border-bottom: 1px dotted #d300d0;
		}

	.postmetadata a:hover, .postmetadata a:active {
		border-bottom: 1px solid #d300d0;
		background-color: #f4f4f4;
		}
		
	div.divider {
		width: 100%;
		height: 50px;
		background: url('/gfx/layout/floral_divider_small.gif') 0 10px no-repeat;
	}
	
	.navigation {
		padding-top: 30px;
	}

	#content .commentlist {
		margin-left: 2em;
		}

	#content .commentlist li {
		margin: 1.5em 0;
		}

	#content .commentlist p {
		margin: 2px 0 10px 0;
		}
		
	div.comment {
		width: 470px;
		padding: 3px 15px 3px 15px;
		background: #f6f6f6 url(/gfx/layout/bg_comment.gif) bottom left no-repeat;
		}

	div.comment_top {
		width: 500px;
		height: 21px;
		background: #fff url(/gfx/layout/bg_comment_top.gif) top left no-repeat;
		}

	cite {
		font-style: normal;
		margin-right: 3px;
		}

	.commentmetadata a:link, .commentmetadata a:visited  {
		color: #333;
		text-decoration: none;
		border-bottom: 1px dotted #d300d0;
		}

	.commentmetadata a:hover, .commentmetadata a:active {
		border-bottom: 1px solid #d300d0;
		background-color: #f4f4f4;
		}

	.entry a img {
		border: none;
		margin: 10px 0;
		}
		
	.entry a img.bordered {
		border: 1px solid #CCC;
		padding: 3px;
		}
	
	input#preview {
		margin-right: 10px;
		}