body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url(../images/bg.gif);
background-repeat: repeat;
}

a:link { color: #000; }
a:visited { color: #000; }
a:active { color: #000; }
a:hover { color: #ff0000; }

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #transparent;
height: 170px; /*Height of top section*/
background-image: url(images/header.png);
}

#contentwrapper{
float: left;
width: 796px;
border: 2px solid;
border-color: #000;
background-image: url(images/allposters_bg.gif);
}

#contentcolumn{
margin-right: 0px; /*Set right margin to RightColumnWidth*/
}

#footer{
clear: left;
width: 100%;
background: #000;
height: 25px;
color: #FFF;
font: 8pt Arial, Helvetica;
text-align: center;
margin-left: auto;
margin-right: auto;
-moz-border-radius-topleft: 0px; /* Firefox */
-moz-border-radius-topright: 0px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 0px; /* Safari */
-webkit-border-top-right-radius: 0px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 0px; /* CSS 3 Support */
-border-top-right-radius: 0px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

#footer a:link{
color: #fff;
text-decoration: none;
}
#footer a:active{
color: #fff;
text-decoration: none;
}
#footer a:visited{
color: #fff;
text-decoration: none;
}
#footer a:hover{
color: #fff;
text-decoration: underline;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

a.headerimage {
display: block;
width: 300px;
height: 170px;
background: transparent;
z-index:299;
}

a.headerimage_box1 {
display: block;
width: 8px;
height: 8px;
background: transparent;
z-index:300;
margin-left: 238px;
margin-top: -65px;
}

a.headerimage_box1:hover {
background-image: url(http://www.coachellarecordings.com/images/x.png);
}

a.headerimage_box2 {
display: block;
width: 8px;
height: 8px;
background: transparent;
z-index:301;
margin-left: 237px;
margin-top: -17px;
}

a.headerimage_box2:hover {
background-image: url(http://www.coachellarecordings.com/images/x.png);
}

img.posters {border: 5px solid; border-color: #fff;}
A:hover img.posters {border: 5px solid; border-color: #ff0000;}

a.header_black:link {color: #000;}
a.header_black:active {color: #000;}
a.header_black:visited {color: #000;}
a.header_black:hover {color: #ff0000;}

a.header_white:link {color: #fff;}
a.header_white:active {color: #fff;}
a.header_white:visited {color: #fff;}
a.header_white:hover {color: #ff0000;}

a.big_bold:link {color: #000;}
a.big_bold:active {color: #000;}
a.big_bold:visited {color: #000;}
a.big_bold:hover {color: #ff0000;}

.header_white {font: 10pt Arial, Helvetica; color: #fff; font-weight: bold;}
.header_black {font: 10pt Arial, Helvetica; color: #000; font-weight: bold;}

a.logout{
background: transparent url('../images/roundedge-red-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 10pt Arial;
line-height: 22px; 
height: 30px; 
padding-left: 8px; 
text-decoration: none;
}

a:link.logout, a:visited.logout, a:hover.logout, a:active.logout{
color: #fff;
}

a.logout span{
background: transparent url('../images/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px;
}

a:hover.logout{ 
text-decoration: underline;
}

.buttonwrapper{ 
overflow: hidden;
width: 100%;
}

#sourcebox {
width: 700px;
padding: 5px;
text-align: left;
margin-left: auto;
margin-right: auto;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

#bandlistbox {
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

#jumpbox {
width: 700px;
padding: 5px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#backbox {
float: right;
padding: 5px;
text-align: right;
font: 10pt Arial, Helvetica;
font-weight: bold;
}

.bigband {
font: 15pt Arial, Helvetica;
font-weight: bold;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.current-rating {
	background: url(../images/star.gif); left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:250px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:10%;
	z-index:11;
}
.star-rating a.two-stars{
	width:20%;
	z-index:10;
}
.star-rating a.three-stars{
	width:30%;
	z-index:9;
}
.star-rating a.four-stars{
	width:40%;
	z-index:8;
}
.star-rating a.five-stars{
	width:50%;
	z-index:7;
}
.star-rating a.six-stars{
	width:60%;
	z-index:6;
}
.star-rating a.seven-stars{
	width:70%;
	z-index:5;
}
.star-rating a.eight-stars{
	width:80%;
	z-index:4;
}
.star-rating a.nine-stars{
	width:90%;
	z-index:3;
}
.star-rating a.ten-stars{
	width:100%;
	z-index:2;
}

.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

.commentbox{
background-color: #f0f0f0;
width: 390px;
padding: 10px;
color: #000;
font: 10pt Arial, Helvetica;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

.commentfooter{
background: url(http://www.coachellarecordings.com/images/arrow.gif) 20px -3px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font: 10pt Arial, Helvetica;
color: #000;
}

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
/* Head links */
#cssdropdown li.headlink { width: 205px; float: left; margin-left: -1px; border: 2px solid; border-color: #656565; background-color: #dfdfdf; text-align: center; color: #656565;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

#cssdropdown li.headlink a { display: block; padding: 2px; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 2px solid; border-color: #656565; color: #656565; text-align: left;
-moz-border-radius-topleft: 0px; /* Firefox */
-moz-border-radius-topright: 0px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */

}
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 3px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background-color: #bfbfbf; }

/* Pretty styling */
#cssdropdown a { color: #656565; text-decoration: none; font: 10pt Arial, Helvetica; font-weight: bold; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: #dfdfdf; }
#cssdropdown li.headlink ul { background-position: bottom; padding-bottom: 3px; }

#picturediv {
float: right;
padding: 0px;
text-align: right;
}

a.page_link:link {font: 10pt Arial, Helvetica; color: #000;}
a.page_link:visited {color: #000;}
a.page_link:active {color: #000;}
a.page_link:hover {color: #ff0000;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 10pt Arial, Helvetica;
border-bottom: 1px solid #000;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #000;
border-bottom: none;
background-color: #b3b3b3;
color: #000;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 0px; /* Firefox */
-moz-border-radius-bottomleft: 0px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 0px; /* Safari */
-webkit-border-bottom-left-radius: 0px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 0px; /* CSS 3 Support */
-border-bottom-left-radius: 0px; /* CSS 3 Support */

}

.basictab li a:visited{
color: #000;
}

.basictab li a:active{
color: #000;
}

#lastfmbox {
width: 150px;
background-color: #C90101;
color: #fff;
text-align: left;
padding: 5px;
font: 8pt Arial, Helvetica;

-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */

}

#memberbox2 {
margin-top: -14px;
background: #fff;
text-align: left;
width: 600px;
padding: 5px;
font: 10pt Arial, Helvetica;
color: #000;
margin-left: auto;
margin-right: auto;
-moz-border-radius-topleft: 3px; /* Firefox */
-moz-border-radius-topright: 3px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 3px; /* Safari */
-webkit-border-top-right-radius: 3px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 3px; /* CSS 3 Support */
-border-top-right-radius: 3px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */

}

.small_text_red {font: 8pt Arial, Helvetica; color: #ff0000;}

#videocontainerbox {
background: #fff;
text-align: left;
width: 650px;
padding: 5px;
font: 10pt Arial, Helvetica;
color: #000;
margin-left: auto;
margin-right: auto;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */

}

#relatedvideos {
width: 550px;
padding: 3px;
text-align: left;
font: 10pt Arial, Helvetica;
color: #000;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */

}

#similarvids {
width: 200px;
padding: 3px;
text-align:right;
font: 10pt Arial, Helvetica;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

.videotitle {
font: 14pt Arial, Helvetica;
font-weight: bold;
color: #000;
}

#videotags {
width: 450px;
font: 10pt Arial, Helvetica;
padding: 4px;
-moz-border-radius-topleft: 10px; /* Firefox */
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */

-webkit-border-top-left-radius: 10px; /* Safari */
-webkit-border-top-right-radius: 10px; /* Safari */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-webkit-border-bottom-left-radius: 10px; /* Safari */

-border-top-left-radius: 10px; /* CSS 3 Support */
-border-top-right-radius: 10px; /* CSS 3 Support */
-border-bottom-right-radius: 10px; /* CSS 3 Support */
-border-bottom-left-radius: 10px; /* CSS 3 Support */
}

.news_title {font: 14pt Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000;}
.news_comment {font: 10pt Arial, Helvetica; color: #000000;}
.news_author {font: 8pt Arial, Helvetica; color: #ff0000;}
.news_date {font: 8pt Arial, Helvetica; color: #000000;}

.headerform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 90px;
border: 1px solid #bbb;
padding: 2px;
-moz-border-radius-topleft: 3px; /* Firefox */
-moz-border-radius-topright: 3px; /* Firefox */
-moz-border-radius-bottomright: 3px; /* Firefox */
-moz-border-radius-bottomleft: 3px; /* Firefox */

-webkit-border-top-left-radius: 3px; /* Safari */
-webkit-border-top-right-radius: 3px; /* Safari */
-webkit-border-bottom-right-radius: 3px; /* Safari */
-webkit-border-bottom-left-radius: 3px; /* Safari */

-border-top-left-radius: 3px; /* CSS 3 Support */
-border-top-right-radius: 3px; /* CSS 3 Support */
-border-bottom-right-radius: 3px; /* CSS 3 Support */
-border-bottom-left-radius: 3px; /* CSS 3 Support */
}

.headerform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 90px;
border: 1px solid #bbb;
padding: 2px;
-moz-border-radius-topleft: 3px; /* Firefox */
-moz-border-radius-topright: 3px; /* Firefox */
-moz-border-radius-bottomright: 3px; /* Firefox */
-moz-border-radius-bottomleft: 3px; /* Firefox */

-webkit-border-top-left-radius: 3px; /* Safari */
-webkit-border-top-right-radius: 3px; /* Safari */
-webkit-border-bottom-right-radius: 3px; /* Safari */
-webkit-border-bottom-left-radius: 3px; /* Safari */

-border-top-left-radius: 3px; /* CSS 3 Support */
-border-top-right-radius: 3px; /* CSS 3 Support */
-border-bottom-right-radius: 3px; /* CSS 3 Support */
-border-bottom-left-radius: 3px; /* CSS 3 Support */
}

.green {font: 24pt Arial, Helvetica; font-weight: bold; color: #02FF06}
.red {font: 24pt Arial, Helvetica; font-weight: bold; color: #ff0000}
.green2 {font: 10pt Arial, Helvetica; font-weight: bold; color: #02FF06}
.red2 {font: 10pt Arial, Helvetica; font-weight: bold; color: #ff0000}