html *
{
	font-family: Helvetica, Trebuchet MS, Trebuchet, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

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

body
{
	background: #000000;
	text-align: center;
}

.clearfix {display: inline-table;}

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

#wrapper
{
	text-align: left;
	width: 850px;
	margin: 15px auto 0 auto;
}

	#wrapper #banner
	{
		text-align: center;
		margin-bottom: 15px;
	}
	
		#wrapper #banner img
		{
			border: 0 !important;
		}
		
	#wrapper #content-left
	{
		float: left;
		text-align: left;
		width: 680px;
	}
	
		#wrapper #content-left h1.video
		{
			float: left;
			font-weight: normal;
			font-size: 1.2em;
			color: #FFFF01;
			margin: 10px 0;
		}
	
		#wrapper #content-left #header
		{
			float: left;
			padding: 10px 0;
		}
			
			#wrapper #content-left #header img
			{
				float: left;
				margin-right: 10px;
				border: 0 !important;
			}
		
			#wrapper #content-left #header h1
			{
				float: left;
				font-weight: bold;
				font-size: 1em;
				color: #FFFF01;
				width: 150px;
			}
			
			#wrapper #content-left #header h2
			{
				float: left;
				font-weight: bold;
				font-size: 0.9em;
				color: #FFFFFF;
				width: 150px;
			}
			
		#wrapper #content-left #loggedin
		{
			background-color:#FFFF01;
			color:#000000;	
			float: left;
			width: 665px;
			margin: 0 10px 10px 0;
			padding: 3px;
		}
		
		#wrapper #content-left #login
		{
			float: left;
			width: 320px;
			padding: 0;
			margin-bottom: 10px;
			margin-right: 10px;
		}
		
			#wrapper #content-left #login #introduction
			{
				float: left;
				width: 320px;
				border-top: 3px solid white;
				padding: 10px 0;
			}
			
				#wrapper #content-left #login #introduction p
				{
					color: #FFFF01;
					font-size: 0.9em;
				}

				
			#wrapper #content-left #login p.loginfail
			{
				color: #FF0000;
				margin: 0 0 3px 0;
				font-size: 0.8em;
			}

			#wrapper #content-left p.forgot
			{
				color: #FFFFFF;
				margin: 0 0 3px 0;
				font-size: 0.8em;
			}
			
				#wrapper #content-left p.forgot a
				{
					color: #FFFFFF;
					text-decoration: none;
				}
				
					#wrapper #content-left p.forgot a:hover
					{
						color: #FFFFFF;
						text-decoration: underline;
					}
			
			#wrapper #content-left #login #free-music
			{
				float: left;
				width: 320px;
				border-top: 3px solid white;
				padding: 10px 0;
			}
				
				#wrapper #content-left #login #free-music p
				{
					font-size: 2.5em;
					color: #FFFFFF;
					display: inline;
					text-transform: uppercase;
				}
					
					#wrapper #content-left #login #free-music span.free
					{
						color: #FFFF01;
					}
				
			#wrapper #content-left #free-music a
			{
				color: #FFFFFF;
				text-decoration: none;
			}
			
				#wrapper #content-left #free-music a:hover
				{
					color: #FFFF00;
				}
					
			#wrapper #content-left #login #form
			{
				float: left;
				width: 320px;
				border-top: 3px solid white;
				border-bottom: 3px solid white;
				padding: 10px 0;
			}
				
				#wrapper #content-left #login #form p
				{
					/*color: #FFFFFF;*/
					display: inline;
					text-transform: uppercase;
				}
				
					#wrapper #content-left #login #form p.error
					{
						font-size: 0.9em;
						color: #FFFFFF;
						margin: 10px 0 10px 0;
					}
				
				#wrapper #content-left form
				{
					float: left;
					width: 320px;
				}
					
					#wrapper #content-left form label
					{
						color: #FFFFFF;
						font-size: 0.9em;
					}
					
					#wrapper #content-left form input
					{
						margin: 2px 0 10px 0;
						width: 250px;
						font-size: 0.9em;
					}
					
					#wrapper #content-left form select
					{
						margin: 5px 0 5px 0;
					}
					
					#wrapper #content-left form input.radio
					{
						width: 20px;
					}
					
					#wrapper #content-left form input.checkbox
					{
						width: 20px;
					}
					
					#wrapper #content-left form input.submit
					{
						margin: 5px 0 5px 0;
						width: 220px;
						height: 50px;
						background: #FFFF00;
						color: #000000;
						font-size: 1.5em;
						border: none;
					}
					
		#wrapper #content-left #news
		{
			float: left;
			width: 330px;
			margin-left: 5px;
			padding: 10px 0;
			border-top: 3px solid white;
			border-bottom: 3px solid white;
			color: #FFFFFF;
			font-size: 0.9em;
		}
		
		#wrapper #content-left #news a.viewallnews {float:right;}
		#wrapper #content-left #news a.viewallnews:hover {color:#FFFF00;}

			#wrapper #content-left #news h1
			{
				font-size: 2.5em;
				color: #FFFFFF;
				text-transform: uppercase;
				font-weight: normal;
			}
			
			#wrapper #content-left #news h2
			{
				font-size: 0.9em;
				margin-top: 10px;
				color: #FFFF01;
				text-transform: uppercase;
			}
			
			#wrapper #content-left #news h2 a
			{
				color: #FFFF01;
				text-transform: uppercase;
			}		
				
			#wrapper #content-left #news h3
			{
				font-size: 1.8em;
				color: #FFFF00;
				text-transform: uppercase;
				font-weight: normal;
			}
			
			#wrapper #content-left #news p
			{
				font-size: 0.9em;
				color: #FFFFFF;
				margin: 5px 0 10px 0;
			}
			
				#wrapper #content-left #news .soundcloud
				{
					padding: 5px 5px 20px 0;
				}
			
			#wrapper #content-left #news a
			{
				color: #FFFFFF;
				text-decoration: none;
			}
				
				#wrapper #content-left #news a:hover
				{
					text-decoration: underline;
				}
				
		#wrapper #content-left #video
		{
			float: left;
			margin-top: 10px;
			background: #f6eb15;
			width: 320px;
		}
		
			#wrapper #content-left #video h1
			{
				font-size: 1.5em;
				font-weight: bold;
				padding-left: 10px;
			}
				
				#wrapper #content-left #video #videoplayer
				{
					padding-left: 10px;
				}
		
	#wrapper #content-right
	{
		float: left;
		text-align: left;
		width: 147px;
	}
	
		#wrapper #content-right h1
		{
			float: left;
			font-weight: normal;
			font-size: 1.2em;
			color: #FFFF01;
			margin-bottom: 5px;
		}
		
		#wrapper #content-right img
		{
			border: 0 !important;
		}
		
		#wrapper #content-right .twitter
		{
			float: left;
			padding: 5px 0 5px 0;
			border-top: 3px solid white;
			width: 147px;
		}
			
			#wrapper #content-right .last
			{
				border-top: 3px solid white;
				border-bottom: 3px solid white;
				margin-bottom: 10px;
			}
		
			#wrapper #content-right .twitter p
			{
				font-size: 0.8em;
				color: #666666;
				margin: 2px 0;
			}
			
				#wrapper #content-right .twitter p span
				{
					color: #FFFFFF;
					font-weight: bold;
				}
				
					#wrapper #content-right .twitter span.time
					{
						color: #666666 !important;
						font-weight: normal !important;
						font-size: 0.75em;
					}
			
			#wrapper #content-right .twitter a
			{
				color: #666666;
				text-decoration: none;
			}
			
				#wrapper #content-right .twitter a:hover
				{
					text-decoration: underline;
				}
				
			#wrapper #content-right .twitter ul
			{
				color: #666666;
				list-style: none;
				font-size: 0.8em;
			}
				
#footer
{
	float: left;
	text-align: right;
	width: 100%;
	margin-top: 30px;
	
}

	#footer p
	{
		color: #999999;
		font-size: 0.7em;
		padding: 10px;
	}
	
	#footer a
	{
		color: #999999;
		text-decoration: none;
	}
	
		#footer a:hover
		{
			text-decoration: underline;
		}