@charset "UTF-8";
/* CSS Document */

body{
background: #4b4b4b url(images/crowdbg.png) no-repeat center top;
width: 900px;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
}

#social{
margin: 0 auto;
float: right;
margin-top: 12px;
margin-right: 10px;
display: block;
width: 130px;
}

#social li{
float: left;
margin-right: 0;
list-style: none;
}

#social .img{
opacity:0.6;
filter:alpha(opacity=60);
margin-right: 5px;
}

#social .img:hover{
opacity: 1.0;
filter:alpha(opacity=100);
margin-right: 5px;
}

#social .img2{
opacity:0.6;
filter:alpha(opacity=60);
}

#social .img2:hover{
opacity: 1.0;
filter:alpha(opacity=100);
}
#header{
margin: 0 auto;
margin-left: 1px;
width: 900px;
height: 105px;
background: #000000;
}

#search{
margin: 0 auto;
background: #333333;
height: 42px;
width: 288px;
}

#search .text{
margin-top: 8px;
margin-left: 15px;
border: 1px solid #666666;
background: #FFFFFF;
height: 20px;
width: 200px;
}

#logo{
position: absolute;
margin-top: 14px;
margin-left: 25px;
width: 144px;
height: 76px;
background: url(images/logo.png);
}

#menu {
margin: 0 auto;
position: absolute;
width: auto;
height: 29px;
margin-top: 30px;
margin-left: 550px;
}

#menu ul {
margin-top: 0px;
right: 0;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
margin-right: 0;
} 

#menu a {
display: block;
right: 0;
padding:8px 10px 8px 10px;
text-decoration: none;
font-family: Georgia;
font-weight: none;
font-size: 14px;
color: #FFFFFF;
}

a span.two{
cursor:pointer;
font-family: Georgia;
font-weight: none;
font-size: 14px;
color: #ff8e2a;
padding:8px 10px 8px 10px; }

#menu .current a{
font-weight: bold;
color: #ff8e2a;
}

#video_player{
margin-top: 10px;
margin-left: 180px;
float: left;
}

#holder{
margin: 0 auto;
position: absolute;
margin-top: 350px;
margin-left: 1px;
width: 900px;
height: auto;
background: url(images/holder_bg.png);
border-top: 1px solid #2b2c2a;
border-bottom: 1px solid #2b2c2a;
padding-bottom: 30px;
}

#top_content{
margin: 0 auto;
float: left;
width: 890px;
height: auto;
}


#top_content p{
font-family: Arial;
line-height: normal;
font-size: 11px;
color: #CCCCCC;
padding-left: 10px;
padding-bottom: 5px;
margin-right: 10px;
}

#top_content a{
font-family: Arial;
font-size: 11px;
color: #a78b6d;
text-decoration: none;
}

#top_content a:hover{
font-family: Arial;
font-size: 11px;
color: #ff8e2a;
text-decoration: underline;
}

#top_content_player{
margin: 0 auto;
float: left;
width: 100%;
height: 302px;
}

#top_content_player a{
font-family: Arial;
font-size: 11px;
color: #a78b6d;
text-decoration: none;
}

#top_content_player a:hover{
font-family: Arial;
font-size: 11px;
color: #ff8e2a;
text-decoration: underline;
}

#top_content_head{
margin: 0 auto;
float: right;
margin-top: 5px;
margin-right: 5px;
height: 33px;
width: 890px;
background: url(images/top_content_head.png);
}

#top_content_head h1{
text-align: left;
font-family: Georgia;
font-size: 16px;
color: #FFFFFF;
padding-left: 12px;
margin-top: 7px;
}

#main{
margin: 0 auto;
float: right;
width: 563px;
height: auto;
}

#main p{
font-family: Arial;
line-height: 20px;
font-size: 11px;
color: #CCCCCC;
padding-left: 10px;
margin-top: -25px;
padding-bottom: 5px;
margin-right: 10px;
}

#main_head{
margin: 0 auto;
float: right;
margin-top: 5px;
margin-right: 5px;
height: 33px;
width: 563px;
background: url(images/main_header.png);
}

#main_head h1{
text-align: left;
font-family: Georgia;
font-size: 16px;
color: #FFFFFF;
padding-left: 12px;
margin-top: 7px;
}

#sidebar{
margin: 0 auto;
float: left;
width: 322px;
height: auto;
}

#sidebar .img{
opacity:0.6;
filter:alpha(opacity=60);
}

#sidebar .img:hover{
opacity: 1.0;
filter:alpha(opacity=100);
}

#sidebar p{
font-family: Arial;
font-size: 11px;
color: #CCCCCC;
padding-left: 10px;
}

#sidebar a{
font-family: Arial;
font-size: 11px;
color: #999999;
text-decoration: none;
}

#sidebar a:hover{
font-family: Arial;
font-size: 11px;
color: #ff8e2a;
text-decoration: underline;
}

#sidebar_head{
margin: 0 auto;
float: left;
margin-top: 5px;
margin-left: 5px;
height: 33px;
width: 322px;
background: url(images/sidebar_header.png);
}

#sidebar_head h1{
text-align: left;
font-family: Georgia;
font-size: 16px;
color: #FFFFFF;
padding-left: 12px;
margin-top: 7px;
}

#sidebar_container{
width:322px;
float:left;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	margin-left: 20px;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 8px 10px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #4f4f4f;
	width: 200px;
	opacity:0.8;
    filter:alpha(opacity=80);}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-family: Georgia;
        font-weight: none;
        font-size: 14px;
        color: #FFFFFF;}

	#sddm div a:hover{
		color: #FFF}
		
		#footer{
		float: left;
		position: fixed;
		bottom: 0;
		background: #000000;
		height: auto;
		width: 900px;
		}
		
		#footer p{
		font-family: Georgia;
		font-size: 10px;
		color: #333333;
		text-align: center;
		}

h1 {
	font-size: 20px;
	line-height: 20px;
}

ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

a {
text-decoration: none;
color: #CCCCCC;
}

a:hover {
text-decoration: underline;
}

small {
color: gray;
font-weight: normal;
font-size: 11px;
display: block;
}

#widget {
overflow: hidden;
background: #0f0f0f;
padding: 1em;
margin-top: 652px;
height: 305px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 880px;
-moz-border-radius-bottomright: 10px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 96px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: .5em;
font-size: 14px;
}

li p {
color: #ffffff;
margin-top: .4em;
}