*{margin:0; padding:0;}

body{
	color:#1a1a1a;
	font-family:arial, sans-serif;
	background: url(../_graphics/bg.jpg) top center fixed;
	font-size:1.0em;
}

#mainwrap{
	width:784px;
	margin:0 auto;
	font-size:0.8em;
}

#content{
	margin-top:20px;
}

.random_content{
	display:none;
}

#chart{
	width:464px;
	float:left;
	display:inline;
	margin-right:18px;
}

#col2{
	width:300px;
	float:left;
	display:inline;
}

p{
	margin-bottom:10px;
}

#chart .chart_pos h3{
	font-size:2.8em;
	float:left;
	width:45px;
	text-align:center;
	color:#A3864A;
	margin:0;
	padding:0;
}

#col2 #about_project h3{
	margin-left:0;
	padding:0;
}

#col2 h4{
	background:#fff;
	font-size:0.8em;
}

#col2 h4 a{
	text-decoration:none;
	color:#303030;
}

#col2 h4 a:hover{
	color:#303030;
}

#col2 h4 a.selected_chart{
	color:#303030;
}

#col2 h3{
	background:#fff;
	font-size:1.4em;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:2px;
	color:#303030;
}

#chart h3 a, #col2 h3 a{
	color:#303030;
	text-decoration:none;
}

#chart h3 a:hover, #col2 h3 a:hover{
	color:#B4975A;
}

.row{
	background:#fff;
	margin-bottom:6px;
}

#col2 .row{
	margin-bottom:5px;
}

.alt{
	background:#fff;
}

.row1, .row2{
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}

#chart .row img{
	border:1px solid #1a1a1a;
	width:418px;
}

a{
	color:#B4975A;
}

.clear{
	clear:both;
	height:1px;
	line-height:0;
	font-size:1px;
}

#login_bar{
	background:#fff;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	font-size:0.8em;
}

#login_bar input{
	background:#303030;
	color:#fff;
	border:0;
}

#col2 .feed_source{
	margin-left:3px;
}

.feed_source{
	font-size:0.8em;
	color:#A3864A;
	margin:0;
	font-weight:bold;
}

.chart_content{
	float:left;
	width:400px;
	display:inline;
	margin-left:5px;
}

/*Titles*/
h1, h2{
	text-indent:-9999px;
}

h1#h1_stone{
	background: url(../_graphics/h1_stoneroses.png);
	width:326px;
	height:235px;
	behavior:url(../iepngfix.htc);
	margin-top:30px;
}

#h3_themost{
	background: url(../_graphics/titles_01.gif) 0 -535px;
	text-indent:-9999px;
	height:10px;
	margin-top:5px;
	width:382px;
	font-size:0.6em;
}

#chart .row img.content_thumb{
	width:50px;
	float:left;
	margin-top:5px;
	display:inline;
	margin-right:5px;
	margin-bottom:5px;
}

#h3_seenavideo a{
	background: url(../_graphics/titles_01.gif) 0 -613px;
	display:block;
	text-indent:-9999px;
	margin-top:5px;
	margin-left:5px;
	height:39px;
}

#toptwenty{
	padding:14px;
	background:#A3864A;
	margin-bottom:6px;
}

h2#h2_latest_comments{
	background: url(../_graphics/titles_01.gif)	0 -595px no-repeat;
	height:17px;
}

.latest_comment{
	border-bottom:1px solid #A3864A;
	padding:5px 0;
}

.posted_by{
	font-size:0.8em;
	margin:0;
}

h2#h2_toptwenty{
	background:url(../_graphics/titles_01.gif) #A3864A no-repeat;	
	height:23px;
	font-size:0.6em;
}

h2#h2_viewtoptwenty a{
	background:url(../_graphics/titles_01.gif) 0 -31px #A3864A no-repeat;	
	height:23px;
	display:block
}

h4{
	font-size:0.9em;
	text-transform:uppercase;
}

h3#h3_addyour{
	background: url(../_graphics/titles_01.gif) 0 -279px;
	height:16px;
	text-indent:-9999px;
	font-size:1px;
	margin-bottom:5px;
	margin-top:5px;
	padding:0;
}

h3#h3_more_content{
	background: url(../_graphics/titles_01.gif) 0 -295px;
	text-indent:-9999px;
	font-size:1px;
	height:16px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
}


#chart h4, #col2 h3{
	font-size:1.6em;
	color:#303030;
	letter-spacing:-1px;
	margin-top:5px;
	line-height:0.9em;
}

#col2 h3{
	margin-bottom:0;
	font-size:1.0em;
	margin-top:0;
}

.h4_comments{
	margin-top:5px;
	border-top:1px solid #303030;
	padding-top:5px;
}


/*Vote styling*/
.vote_message{
	background:#303030;
	padding:2px 4px;
	position:absolute;
	color:#fff;
	text-decoration:none;
}

.vote_area{
	clear:left;
	background:#A3864A;
	padding:0 4px;
}

.content_area{
	clear:left;
	background:#A3864A;
	color:#fff;
	padding:10px 20px 10px 20px; 
	display:none;
}

.vote_area a{
	font-size:0.8em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}	

.vote_area a:hover{
	color:#E0BD74;
}

/*Bullet icons*/
.vote, .add_photo, .add_video{
	background: url(../_graphics/actions_01.gif) no-repeat;
	padding-left:10px;
}

.add_video{
	margin-left:5px;
	display:inline;
}

.comment_link{
	background: url(../_graphics/actions_01.gif) 0 -16px no-repeat;
	padding-left:14px;
	margin-right:2px;
	font-size:0.8em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.a_share{
	background: url(../_graphics/actions_01.gif) 0 -48px no-repeat;
	padding-left:12px;
	margin-right:3px;
}

.notrel{
	background: url(../_graphics/actions_01.gif) 0 -32px no-repeat;
	padding-left:10px;
}


.visit_source{
	color:#fff;
	font-size:0.8em;
	margin-top:10px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

.visit_source:hover{
	color:#C5A563;
}

#filters{
	background:#fff;
	padding:5px;
	margin-bottom:10px;
}

/*Video Player*/
#player{
	padding-top:7px;
	display:block;
}

#bufferbarIndicator{
	background:#fff; height:8px; display:block; width:0px;
	font-size:1px; line-height:1px;
}

#timebarIndicator{
	background:#444; height:8px; display:block; width:0px; margin-top:-8px;
	font-size:1px; line-height:1px;
}

#timebar{
	width:410px;
	background:#000;
}

#controls{
	background:#B4975A;
	padding:3px;
	width:412px;
	margin-top:2px;
	font-size:0.8em;
	font-weight:bold;
}

#controls a{
	color:#fff;
	text-decoration:none;
}

#controls a:hover{
	color:#303030;
}

/*Share links*/
.shareWrap{
	display:none;
}

.shareWrap a{
	text-indent:-9999px;
	display:block;
}

.share_facebook{
	background: url(../_graphics/share_links.gif) 0 -28px;
	height:11px;
	width:55px;
	float:left;
	margin-right:10px;
}

.share_facebook:hover{
	background: url(../_graphics/share_links.gif) 0 -40px;
}

.share_twitter{
	background: url(../_graphics/share_links.gif) 0 0px;
	height:13px;
	width:49px;
	float:left;
}

.share_twitter:hover{
	background: url(../_graphics/share_links.gif) 0 -14px;
}

/*Comments*/
.comment_item p{
	margin-bottom:5px;
}

/*Comment form*/
.comment_form .post_comment{
	background:#96793e;
	color:#fff;
	border:none;
	text-transform:uppercase;
}

.comment_form textarea{
	width:99%;
	font-family:arial, sans-serif;
	font-size:1.0em;
	background:#C5A563;
	border:none 0;
	color:#fff;
}

.infodiv{
	text-transform:uppercase;
	margin-top:15px;
}

.infodiv .chars{
	font-size:0.7em;
}

#chart h4.comment_user{
	font-size:0.8em;
	font-weight:normal;
	text-transform:capitalize;
	letter-spacing:0;
}


/*Gigs page*/
h4 a{
	color:#303030;
	text-decoration:none;
}

h4 a:hover{
	color:#B4975A;
}

.upload_msg{
	color:#fff;
	background:#C5A563;
	display:block;
	font-weight:bold;
	padding:3px;
}

/*About project*/
#about_project{
	background:#fff;
	padding:5px 8px;
	margin-bottom:15px;
}

.about_hide{
	display:none;
}

/*Add your content*/
#add_your{
	background:#fff;
	padding:5px 8px;
}

#add_your a{
	float:left;
	text-transform:uppercase;
	color:#303030;
	text-decoration:none;
	font-weight:bold;
	margin-right:10px;
	font-size:0.9em;
}


/*Releases homepage*/
body#home #col2 .relContent{
	width:280px;
}

body#home  #col2 .relContent img{
	width:100%;
}

body#home  #col2 h2{
	width:280px;
}

/*More content section*/
#more_content{
	background:#fff;
	padding:8px;
	margin-top:14px;
}

#more_content ul{
	list-style:none;
}

#more_content .row1, #more_content .row2{
	margin-right:10px;
}

#more_content .row1, #more_content .row2, #more_content .row3{
	float:left;
	display:inline;
	width:87px;
}

#more_content li{
	border-bottom:1px solid #A3864A;
	padding-bottom:5px;
}

#more_content a{
	text-transform:uppercase;
	color:#303030;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}

#add_your a:hover, #more_content a:hover{
	color:#C5A563;
}

/*Menu*/
#ul_menu{
	position:relative;
	list-style:none;
	background: url(../_graphics/ul_menu.gif);
	text-indent:-9999px;
	width:756px;
	height:18px;
	}
	
#nav{
	display:block;
	background:#fff;
	padding:11px 11px 11px 16px;
	margin-top:20px;
}

#ul_menu li{
	position:absolute;
	display:block;
	height:17px;
	top:0;
}

#ul_menu li a{
	display:block;
	height:100%;
	width:100%;	
}

/*Normal states*/
#li_home {width:73px; left:0;}
#li_releases {left:90px;width:110px;}
#li_gigarchive {left:216px;width:137px;}
#li_news {left:371px;width:64px;}
#li_videos {left:449px;width:80px;}
#li_podcast {left:546px;width:103px;}
#li_signup {left:664px;width:90px;}

/*Hove states*/
#li_home a:hover {background: url(../_graphics/ul_menu.gif) 0 -42px ;}
#li_releases a:hover {background: url(../_graphics/ul_menu.gif) -90px -42px ;}
#li_gigarchive a:hover {background: url(../_graphics/ul_menu.gif) -216px -42px ;}
#li_news a:hover {background: url(../_graphics/ul_menu.gif) -371px -42px ;}
#li_videos a:hover {background: url(../_graphics/ul_menu.gif) -449px -42px ;}
#li_podcast a:hover {background: url(../_graphics/ul_menu.gif) -546px -42px ;}
#li_signup a:hover {background: url(../_graphics/ul_menu.gif) -664px -42px ;}

/*Active states*/
body#home #li_home{background: url(../_graphics/ul_menu.gif) 0 -22px;}
body#releases #li_releases{background: url(../_graphics/ul_menu.gif) -90px -22px;}
body#gigarchive #li_gigarchive{background: url(../_graphics/ul_menu.gif) -216px -22px;}
body#news #li_news{background: url(../_graphics/ul_menu.gif) -371px -22px;}
body#videos #li_videos{background: url(../_graphics/ul_menu.gif) -449px -22px;}
body#signup #li_signup{background: url(../_graphics/ul_menu.gif) -664px -22px;}


/*Signup form*/
.checkbox{
	width:20px;
	border:none 0;
	float:none;
}

#colFull{
	background:#fff;
	margin-top:20px;
	padding:10px 20px 20px 20px;
}

#signup_btn, #submit_btn{
	background:#A3864A;
	color:#fff;
	border:none;
	padding:2px 5px;
	text-transform:uppercase;
	margin-left:205px;
	width:90px;
}

#signup_btn{
	margin-left:630px;
}

body#memory #login_form .txt_input,body#memory #login_form textarea {
	width:300px;
}

.comment_form label, .comment_form input, .comment_form textarea{
	float:none;
}

form label{
	width:200px;
	float:left;
	text-align:right;
	display:inline;
	margin-right:5px;
}

form input, form textarea{
	width:200px;
	float:left;
	border:1px solid #303030;
	font-family:arial, sans-serif;
	margin-bottom:10px;
	font-size:0.9em;
}

form br{
	clear:left;
}

#whats_this{
	position:absolute;
	background: url(../_graphics/whatsthis.gif);
	width:99px;
	height:11px;#
	font-size:1px;
	text-indent:-9999px;	
	left:50%;
	margin-left:-50px;
	top:370px;
}

#footer{
	background:#fff;
	color:#303030;
	font-size:0.9em;
	clear:both;
	padding:1px 10px;
	text-align:right;
	position:relative;
	top:20px;
	margin-bottom:20px;
}

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

.clearfix {overflow:hidden;}

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