/*  
Theme Name: UL
Description: Super dope, highly appreciated, multi-functional magazine design.
Version: 4.0
Author: Michael Ostermann
*/

/* HTML ELEMENTS */

	*				{ margin:0; padding:0; }
	body,html			{ min-height: 100%; }
	body				{ background-image: url(/img/layout/back_logos.jpg); padding: 0px 0px 0px 0px; border-top: 0px solid #000; }
	body, select, input, textarea	{ font: 100% Arial, Verdana, Sans-Serif; }
	p				{ margin: 15px 0; }
	a:link, a:visited		{ color: #000000; text-decoration: none ; }
	a:hover, a:active		{ color: #FF0000; text-decoration: none ; }
	hr				{ display: block; height: 1px; background:#CCC; margin-top: 10px; margin-bottom: 10px; border: 0px dashed #FFF; }
	small				{ font-size: 0.85em; background:#FFFF00; padding: 0px; }
	small2				{ font-size: 0.7em; background: #000000; color:#FFFFFF; padding: 0px; text-transform:uppercase; } 
	small3				{ font-size: 0.85em; background: #FFFF00; color:#000000; padding: 0px; text-transform:uppercase; }
	small4, small4 a		{ font-size: 0.85em; background:#999999; color: #FFFFFF; padding: 1px; }
	small5				{ font-size: 0.85em; background: #FFFFFF; color:#000000; padding: 0px; }
	small6, small6 a		{ font-size: 0.85em; background:#FF0000; color: #FFFFFF; padding: 1px; }
	small7, small7 a		{ font-size: 0.85em; color:#666; padding: 0px; text-transform: uppercase; }
	top				{ font-size: .675em; color:#000; padding: 0px; text-transform: uppercase; font-weight: normal; } 
	top a,				{ color:#FFF; padding: 0px; text-transform: uppercase; font-weight: normal; } 
	fontred				{ color:#FF0000; padding: 0px; }
	img, a:link img, a:visited img	{ border:0 }
	img#wpstats			{ width:0px;height:0px;overflow:hidden;}

	@font-face			{ font-family: 'miso-regular'; src: url('/wp-content/themes/ul4/miso-regular.ttf'); }  
	.font 				{ font-family: miso-regular; font-size: 1.5em; }

/* STRUCTURE */

	#page			{ width:829px; margin-left: 50px; margin-top: 50px; font-size:0.8em; background:#FFF; padding: 10px 10px 10px 10px; border: 1px solid #CCC; }
	
	#branding		{ width:809px; margin-bottom: 0px; padding: 10px 10px 10px 10px; float: left; background:#FF0; color: #000; font-weight: bold; border: 0px solid #000; }
	#branding a, #branding:hover	{ color: #000; font-weight: normal; }
	.left			{ float:left; }
	.right			{ float:right; }

	#top			{ display: none; width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: right; background:#FFF; border-top: 1px solid #000; border-bottom: 1px solid #000; }
	.top li 		{ width: auto; height: auto; float: left; border-right: 0px solid #000; padding: 0px 60px 0px 60px; list-style: none; background: transparent; }

	#top2			{ width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: right; background:#FF0; border-bottom: 0px solid #000; border-top: 1px solid #000; }
	.top2 li 		{ width: auto; height: auto; float: left; border-right: 1px solid #000; padding: 0px 60px 0px 60px; list-style: none; background: transparent; }

	#sidebar		{ width: 210px; background: #FFF; float: right; border-left: 1px solid #CCC; padding-left: 10px; }
	.sidebarimg		{ width: 200px; margin-top:10px; margin-bottom: 10px; }
	#leftcol		{ width: 295px; border-right: 0px solid #000; padding-right:0px; }
	#setlistcol		{ width: 600px; margin-top: 10px; margin-bottom: 10px; padding: 0px; background: #FFF; border: 0px solid #000; }

	#leftcol, #rightcol	{ margin-top: 10px; float:left }	
	#rightcol		{ width:295px; padding-left:10px; margin-top: 0px; }

		
/* SUBNAV */

	.subnav li 					{ list-style:none; border-bottom:0px solid #FFF; }
	.subnav li a:link, .subnav li a:visited		{ background:#000000; display:block; padding:4px 4px 4px 8px; border-left:4px solid #e4efd5; }
	.subnav li a:hover, .subnav li a:active		{ background:#000000; text-decoration:none; color: #cccccc; }
	.subnav li li a:link, .subnav li li a:visited	{ border-left:none }
	
/* HEADERS */

	h1				{ padding: 0px; font: 0.9em Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
	h2				{ font: 1.5em Arial, Helvetica, sans-serif; padding-bottom: 0px; border-bottom:1px solid #000; margin: 10px 0 0 0px; text-transform:uppercase; }
	h3, #sidebar h2			{ font: 1.5em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0em; margin-bottom: 0px; font-weight:bold; color:#000; }
	#sidebar h3, #sidebar h2	{ padding: 5px; margin: 10px 0 10px 0; font-size:1em; background: #000; font-weight: normal; color: #FFF; }
	h3#respond			{ border-top:0px dotted #000; margin-top:10px; padding-top:0px }
	h3#comments			{ margin-top: 10px }
	h3 a:link, h3 a:visited		{ color:#000000; }
	h4				{ font-size:1.5em; margin-bottom:5px; }
	h5				{ font: 1.4em Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: normal; color:#FF0000; line-height:100%;}
	h6				{ font: 1em Arial, Helvetica, sans-serif; letter-spacing: 0em; text-transform:uppercase; font-weight: normal; color:#000; line-height:100%;}
	hdescription			{ font-size: 1.2em; font-weight: normal; color:#000; margin-top: 0px; letter-spacing: -0.2em; text-transform: uppercase; }
	h7				{ font: 1em Arial, Helvetica, sans-serif; letter-spacing: 0.1em; text-transform:uppercase; font-weight: bold; color:#FF0000; line-height:100%; }
	h8, h8 a			{ font: 0.8em Arial, Helvetica, sans-serif; letter-spacing: 0em; text-transform:uppercase; font-weight: normal; color:#FFF; line-height:100%; }
	h9				{ font: 1.5em Arial, Helvetica, sans-serif; border-bottom:0px solid #000; margin: 0px 10px 0px 0px; text-transform:uppercase; }
	h9branding			{ font: 1em Arial, Helvetica, sans-serif; padding: 0px; text-transform:uppercase; color:#FFF; }
	h10				{ padding: 0px 10px 0px 10px; margin: 10px 0px 0px -10px; font-size:1em; background: #FF0; font-weight: normal; color: #FFF; }
	had3				{ padding: 0px; margin: 0px; font-size:1em; font-weight: bold; color: #000; text-transform:uppercase; }
	ulst, ulst a			{ font: 1em Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding-left: 2px; float: left; }

/* CONTENT */

	#content		{ width:600px; float:left; }
	.description		{ font-size: 0.85em; font-weight: normal; color:#666; margin-top: 0px; }
	.feature		{ margin-top: 0px; background:#FFFFFF; padding-bottom: 0px; border-bottom: 0px solid #000; }
	.feature:hover		{ background: #FFFFFF; }
	.feature p, #rightcol p	{ margin: 5px 0px 5px 0px; }

	#ad 		{ margin-top: 10px; margin-bottom: 10px; background:#000; padding: 10px; color: #FFF; }
	.ad:hover	{ background: #FFFF00; }
	.ad p		{ margin: 0px 0px; }
	.ad img		{ padding: 0px 0px 0px 0px; border: 1px solid #FF0; }

	#ad2		{ margin-top: 10px; margin-bottom: 10px; background:#FF0; padding: 10px; color: #000; }

	#adpic		{ float:left; margin: 0px 10px 0px 0px; }
	
	#hottopic	{ width: 578px; margin: 10px 0px 10px 0px; background: #FFF; padding:10px; color:#000; border: 1px solid #000; }
	
	.title		{ font:1.5em Arial, Helvetica, sans-serif; color: #F00; line-height:100%; display:block; padding: 5px; text-transform:uppercase; background: #000;}
	.titlered	{ font:1.0em Arial, Helvetica, sans-serif; color: #FFF; line-height:100%; display:block; padding: 5px; text-transform:uppercase; background: #000;}
	.titlewhite	{ font:1.0em Arial, Helvetica, sans-serif; color: #FFF; line-height:100%; display:block; padding: 5px; text-transform:uppercase; background: #333;}
	.titlegrey	{ font:1.0em Arial, Helvetica, sans-serif; color: #333; line-height:100%; display:block; padding: 5px; border: 1px solid #DDD; text-transform:uppercase; background: #FFF;}
	.titleblack	{ font:0.75em Arial, Helvetica, sans-serif; width: 140px; color: #000; line-height:100%; display:block; padding: 5px; margin-bottom: -10px; text-transform:uppercase; background: #FF0; border: 1px solid #000; border-bottom: 0px solid #000; }
	
	#contact 	{ margin-left: 0px; margin-top: 0px; padding: 10px; width: 275px; min-height: 200px; text-align: left; float: left; background: #FF0; border: 0px dashed #F00;} 
	#contactsearch	{ margin-left: 0px; margin-top: 10px; padding: 10px; width: 198px; text-align: left; float: right; background: #FFF; border: 1px solid #000;} 
	#offenlegung	{ width: 275px; min-height: 300px; margin-top: 10px; margin-left: 305px; padding: 10px; background: #DDD; border: 0px dashed #000; } 
	#show		{ margin-left: 0px; margin-top: 10px; margin-bottom: 10px; padding: 10px; width: 580px; min-height: 100px; text-align: left; background: #DDD; }
	#show2		{ margin-left: 0px; margin-top: 10px; margin-bottom: 10px; padding: 10px; width: 580px; text-align: left; background: #CC0; }
	#beware		{ margin-left: 0px; margin-top: 0px; padding: 10px; width: 275px; min-height: 120px; text-align: justify; float: left; background: #DDD; border: 0px dashed #000; }
	#functionist	{ margin-left: 305px; margin-top: 0px; padding: 10px; width: 275px; min-height: 120px; text-align: justify; background: #DDD; border: 0px dashed #000; }
	#dj		{ margin-left: 0px; margin-top: 10px; padding: 10px; width: 580px; min-height: 100px; text-align: justify; background: #FF0; border: 1px dashed #000; }

	#www		{  width: 578px; margin-top: 10px; min-height: 20px; padding: 10px; background: #FFF; color: #000; border: 1px solid #000; border-bottom: none; float: left; text-align: left; }

	.twitter	{ width: 590px; padding: 5px; background: #FF0; float: left; color: #000; font: 1.5em Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; }
	.twitter a	{ color: #000; font-weight: bold; text-transform:uppercase; }
	.twitter a:hover	{ color: #000; font-weight: bold; text-decoration: underline; text-transform:uppercase;}

	#ulstcontainer		{ width: 600px; border: 0px solid #000; display:block; border-top: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #FFF; float: left; }

	.ulst			{ width: 600px; border: 0px solid #000; padding: 0px; margin: 10px 0px 0px 0px; background: #FFF; float: left; }
	.ulst li 		{ width: 149px; height: 140px; float: left; border-right: 1px solid #FFF; border-bottom: 5px solid #000; list-style: none; background: #FF0; }
	.ulst img 		{ width: 149px; height:120px border-bottom: 0px solid #000; margin-bottom: 0px; }

	.list			{ width: 300px; border: 0px solid #000; padding: 0px; margin: 10px 0px 0px 0px; background: #FFF; float: left; }
	.list li 		{ width: 50px; height: 140px; float: left; border-right: 1px solid #FFF; border-bottom: 5px solid #000; list-style: none; background: #FF0; }
	.list img 		{ width: 50px; height:120px border-bottom: 0px solid #000; margin-bottom: 0px; }

	#leadpic		{ float:left; margin: 0px 5px 0px 0px; padding-bottom: 0px; padding-right: 0px; border: 1px solid #000; background: #FF0; }
	#lead			{ margin-top: 10px; margin-bottom: 0px; padding: 0px; padding-bottom: 0px; background: #FFF; }
	.feature#lead .title	{ font:1.5em Arial, Helvetica, sans-serif; color: #FFF; line-height:100%; display:block; padding-bottom: 5px; text-transform:uppercase; }
	#leftcol .feature	{ margin-bottom: 10px; padding: 5px; border: 0px solid #000; background: #FFF; }
	#rightcol img		{ float:left; margin:0px 10px 5px 0; border: 1px solid #000; }
	#leftcol img		{ margin-bottom: 0px; display:block; border: 1px solid #000; }
	#rightcol .clearfloat	{ border: 0px solid #CCC; margin-top: 10px; padding: 5px; background: #FFF; }
	#sidelist li		{ list-style:none }
	.bullets li		{ list-style:none; border-bottom:0px dotted #000; }
	#sidelist .bullets li	{ font-size:1em; text-transform: uppercase; font-weight: normal; background:#FF0; padding: 5px; margin-bottom:5px; list-style: none; line-height:100%; }
	.postmetadata		{ margin: 30px 0; }
	
	#writer		{ background:#FFF; margin:0px 0 10px 0px; padding-top: 10px; border-top: 1px solid #CCC; padding-bottom: 0px; text-transform: none; text-align: left; }
	#writer img	{ padding: 0px 0px 0px 0px; border: 0px solid #000000; float: left; width: 60px; }
	#writer p	{ margin: 0px; width: 530px; padding-left: 10px; }

	#lastupdate	{ width: 120px; background: #000; margin: 0px 0px 0px 0px; padding: 0px; text-transform: none; text-align: left; font-size: 0.85em; color: #222; }

	.entry	{ padding-bottom: 0px; }
	.post	{ padding-bottom: 0px; background: #FFF; text-align: justify; }
	.post2	{ width: 578px; padding: 10px; margin-bottom: 10px; background: #CC0; border: 0px dashed #000; }

/* POST FORMATTING */

	.picleft		{ float:left; margin:0px 10px 10px 0; border-bottom: 0px solid #FFFF00; }
	.picright		{ float:right; margin:0px 0 10px 10px; border: 0px solid #FFFF00; }
	.post blockquote	{ color:#000; border-left: 0px solid #000; background:#DDD; padding: 5px 5px 5px 5px; font: 1em courier, sans-serif; text-transform: none; text-align: left; }
	.arrow			{ float:left; margin:0px 0px 0px 0px; border-bottom: 0px solid #FFFF00; width: 18px; }
	
	.post ul li	{ list-style:square; margin-bottom:5px; line-height:115%; margin-left:42px; }
	.post ol li	{ margin-bottom:5px; line-height:115%; margin-left:48px; }
	#tags		{ font-size: 1em; background: #FF0; color: #000000; padding: 5px 5px 0px 5px; border: 1px dashed #000; border-bottom: 1px solid #FF0; }	
				
/* FORM ELEMENTS */

	select			{ background:#ddd; border:1px solid #000; width:100% }
	.button			{ margin-top: 5px; padding: 5px; background:#000; color:#FFFFFF; border:none; }
	.button:hover		{ background:#F00; color:#FFF; text-decoration:none }
	#commentform input	{ width: 170px; margin-top: 0px; margin-bottom: 0px; }
	#commentform textarea	{ width: 100%; margin-top: -5px; }
	#searchform		{ background:#FFF; min-height: 50px; padding: 5px; border: 1px solid #CCC; }
	#searchform:hover	{ background:#FFF; min-height: 50px; padding: 5px; border: 1px solid #F00; }
	#s			{ width: 195px; min-height: 20px; }
	#newsletterform		{ background:#DDD; padding: 5px; }

	#navigation
	.alignleft	{ float: left; }
	.alignright	{ float: right; }

/* COMMENTS */

	.commentlist		{ margin: 0px; padding: 0px; width: 600px; list-style: none; background:#FFF; }
	.commentlist li		{ margin: 10px 0px 10px 0px; padding: 5px; background:#FFF; border: 1px solid #999; }
	.commentmetadata	{ display: block; margin: -5px; color: #000; padding: 5px; border-bottom: 1px solid #999; }
	.commentmetadata a	{ color: #000; font-weight: bold; }
	
/* FLOAT PROPERTIES */

	.clearfloat:after	{ display:block; visibility:hidden; clear:both; height:0; content:"."; }
	.clearfloat		{ display:inline-block }
	.clearfloat		{ display:block }
	
/* FOOTER */

	#footer p				{ 0px; }
	#footer					{ width: 850px; background: transparent; margin-left: 50px; margin-bottom: 50px; margin-top: 0px; font-size: 0.625em; color:#000; padding: 0px; text-transform: uppercase; }
	#footer a				{ color:#666; padding: 0px; text-transform: uppercase; }
	#footer a:hover, #footer a:active	{ color:#666; padding: 0px; text-transform: uppercase; text-decoration: underline; }

	#fleft					{ background: #FFF; width: auto; margin-top: 10px; margin-left: 0px; margin-bottom: 0px; padding: 5px 10px 5px 10px; border: 1px solid #CCC; float: left; }

/* PLAYLIST */

	.playlist		{ background: #000; border: 0px solid #333; }
	.playlist		{ position: relative; left: 0px; width: 600px; clear: both; margin-bottom: 10px; margin-top: 10px; }
	.playlist table		{ background: #FFF; margin-left: 0px; margin-right: 0px; width: 600px; vertical-align: top;  }
	.playlist th		{ width: 200px; background: #CCC; text-align: left; padding-left: 10px; height: 30px; text-transform: uppercase; color: #000; vertical-align: middle; }
	.playlist td		{ width: 200px; border-top: 1px dashed #CCC; color: #000; text-transform: uppercase; padding-left: 10px; padding-top: 5px; height: 40px; font-weight: normal; vertical-align: top; text-align: left; }
	.playlist .title	{ width: 200px; font-size:1em; font-weight:bold; color: #000; background: #FFF; text-transform: uppercase; font-weight: normal; text-align: left; }