body {
 background-color:#000000;
 background-image:url(../images/main_gradbg.gif);
 background-repeat:repeat-x;
 background-position:0px 121px;
 font-family:Arial, Helvetica, sans-serif; 
 color:#333333;
}

#main{
 width:850px;
 position:absolute;
 z-index:1;
 left:50%;
 margin-left:-425px; 
}

#header{
 width:100%;
 height:123px;
 position:relative;
}
#header img{
 position:absolute;
 top:20px;
 left:20px;
}



#navbar{
 width:850px;
 height:60px;
 background-image:url(/images/navbar_gradbg.gif);
 background-repeat:repeat-x;
 background-position:top;
 background-color:#18032b;
}
#navbar ul { list-style:none;}
#navbar ul li{
 float:left;
}
#navbar ul li a{
 display: block;
 background-position:0px 0px;
 background-repeat:no-repeat;
 height:60px;
 overflow:hidden;
}
#navbar ul li a span{ display:none; }

#navbar ul li a:hover { background-position:0px -60px; }
#navbar #nav_home{
 background-image:url(/images/nav_home.gif);
 width:110px; 
}
#navbar #nav_artists{
 background-image:url(/images/nav_artists.gif);
 width:150px; 
}
#navbar #nav_aboutus{
 background-image:url(/images/nav_aboutus.gif);
 width:151px; 
}
#navbar #nav_signup{
 background-image:url(/images/nav_signup.gif);
 width:150px; 
}



/* Contains the swirls of color in the background of the header */
#bg_decor{
 width:100%;
 height:120px;
 background-image:url(/images/home_header_bg.jpg);
 background-position:center -185px;
 background-repeat:no-repeat;
}


#content{
 width:100%;
 background-image:url(/images/content_gradbg.gif);
 background-repeat:repeat-x;
 background-color:#000000;
 position:relative;
 min-height:477px;
}
#content_left{
 position:absolute;
 background-image:url(/images/content_leftborder.gif);
 background-repeat:no-repeat;
 width:30px;
 height:644px;
 left:-30px;
 top:-60px;
}
#content_right{
 position:absolute;
 background-image:url(/images/content_rightborder.gif);
 background-repeat:no-repeat;
 width:30px;
 height:644px;
 right:-30px;
 top:-60px;
}
#social_links{ margin:auto; margin-top:30px; width:120px; list-style:none;}
#social_links li{ float:left; width:35px; }

.rounded{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
 }
 
 #footer{
  width:100%;
  text-align:center;
  color:#ab9ada;
  font-size:12px;
  margin-bottom:10px;
 }
 #footer ul li{
  display:inline;
  padding-right:10px;
 }
 #footer a{
  color:#ffff97;
  text-decoration:none;
 }
 #footer a:hover{ text-decoration:underline; }
 #footer a:visited{ color:#ab9ada; }

#footer_credit a{ color:#330066;}
#footer_credit a:visited{ color:#330066;}

.small { font-size:12px; }

.textbox{
 background-color:#ffffff;
 border:2px solid #9762b6;
 padding:10px;
}
.sub #content{
 width:830px;
 padding:10px;
}

#artist_content h1 {
 background-color:#351950;
 width:685px;
 font-size:30px;
 padding:6px;
 padding-left:12px;
 font-family:Lucida Grande, Verdana, Arial, Helvetica, Sans;
 color:#FFFFFF;
 margin-bottom:4px;
 letter-spacing:-3px;
}
#artist_content h1 span {
  background-image:url(../images/artistname_grad.png);
  background-repeat:repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
  width:400px;
}
#artist_sidebar{
 width:200px;
 padding:7px;
 position:relative;
 height:100%;
 float:left;
}
#artist_sidebar ul{
 width:100%;
 list-style:none;
 margin:0;
 margin-top:370px;
 background-image:url(../images/artist_info_curve.png);
 background-repeat:no-repeat;
 background-color:#351950;
 padding-top:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 min-height:250px;
}
#artist_sidebar li{
 font-size:12px;
 color:#FFFFFF;
 font-weight:bold;
 padding-left:7px;
 margin-bottom:4px;
 padding-bottom:6px;
 background-image:url(../images/artist_info_divider.png);
 background-repeat:no-repeat;
 background-position:9px bottom;
 
}
#artist_sidebar a{
 color:#ffffff;
}

#artist_sidebar li span{
 color:#231f53;
 font-size:11px;
 display:block;
 font-weight:normal;
}

.quickflip_card{
  position:relative;
  left:-90px;
}

.artist_card{
  position:relative;
  width:270px;
  height:370px;
}
.artist_card img{
 position:relative;
 top:6px;
 left:9px;
}
#artist_bio{
 width:470px;
 font-size:12px;
 color:#666666;
 float:left;
 margin-top:20px;
}
h2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 color:#2c0d4c;
 padding-bottom:10px;
}
.clear { clear:both; }

#other_artists ul{
 list-style:none;
 margin:0px auto;
}
h3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#2c0d4c;
 padding-bottom:6px;
}
#other_artists h3{ text-align:center; }
#other_artists li{
 background-image:url(../images/artist_card_shadow_mid.png);
 background-repeat:no-repeat;
 background-position:top left;
 height:193px;
 width:140px;
 float:left;
 padding-left:2px;
 padding-top:5px;
 margin-right:2px;
}

hr {
 border: 0;
 color: #555555;
 background-color: #AAAAAA;
 height: 1px;
 width: 100%;
 margin-top:20px;
 margin-bottom:20px;
}
.small { font-size:10px; }
.subtitle { margin:10px 0px; }
.error { color:#990000; text-align:center; }


/* artist page ################################## */
#file_list{
 list-style:none;
 margin-top:10px;
}
#file_list li{
 background-image:url(../images/light_gradbg.gif);
 background-repeat:repeat-x;
 height:50px;
 width:400px;
 border:2px solid #9762b6;
 position:relative;
}
#file_list li a{
  width:40px;
  height:40px;
  background-image:url(../images/btn_download.gif);
  background-repeat:no-repeat;
  display:block;
  float:right;
  text-indent:-9999px;
  margin-top:5px;
  margin-right:7px;
}
#file_list .title{
 font-size:16px;
 font-weight:bold;
 color:#351950;
 position:absolute;
 top:6px;
 left:12px;
}
#file_list .subtitle{
 font-size:13px;
 color:#351950;
 position:absolute;
 top:16px;
 left:16px;
}
#code_form{ margin-left:auto; margin-right:auto; margin-top:10px; }

/* artists page ################################## */
.alpha_list{
  list-style:none;
  margin-left:30px;
}
.alpha_list li{
 display:block;
 float:left;
 margin-right:1px;
}

.alpha_list li a{
 text-decoration:none;
 color:#888888;
 font-weight:bold;
 font-size:15px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:22px;
 height:20px;
 display:block;
 text-align:center;
 padding-top:2px;
}
.alpha_list a:hover{
 background-image:url(../images/alpha_bg_over.gif);
}

.alpha_list a:visited{
 color:#bbbbbb;
}
.alpha_list .current {
 color:#555555;
 background-image:url(../images/alpha_bg_disabled.gif);
}
.alpha_list .current:visited {
 color:#555555;
}
.alpha_list li .showall{
 width:88px;
 background-image:none;
 padding-top:0px; 
}
.statusmessage{
 padding:40px;
 text-align:center;
 font-weight:bold;
}
.artist_list{
 list-style:none;
 margin-left:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.artist_list li{
 background-image:url(../images/artistlist_bg.gif);
 background-repeat:no-repeat;
 background-position:bottom;
 display:block;
 width:700px;
 padding:10px;
 position:relative;
}
.artist_list li .artist_name{
 text-decoration:none;
 font-size:15px;
 font-weight:bold;
}
.artist_list li img{
 position:relative;
 top:8px;
 -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
 -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
 
}
.artist_list li .artist_genre{
 position:absolute;
 right:10px;
 bottom:6px;
 font-size:11px;
}
.artist_genre span{
 font-weight:bold;
 color:#23063a;
}
.socialnetwork{
 width:24px;
 float:left;
 margin-right:7px;
}


#artist_twitter .twitter_feed{
 list-style:none;
 width:100%;
 font-size:11px;
}
#artist_twitter .twitter_feed li{
  margin-left:15px;
  margin-right:15px;
  padding-top:6px;
  padding-bottom:6px;
  border-bottom:1px solid #aaaaaa;
}
#artist_twitter .twitter_feed li a{
 color:#7d4ca7;
 text-decoration:none;
}
#artist_twitter .twitter_date{
 font-size:10px;
 color:#4ab0cc;
}

.breadcrumb{ font-size:11px; padding-left:10px; margin-bottom:10px; }

.terms h1{ font-weight:bold; font-size:16px; padding:5px 0px;}
.terms h2{ font-weight:bold; font-size:15px; padding:5px 0px;}
.terms ol{ margin-left:20px; }
.terms li { margin-left:10px; }
.terms p{ margin:5px 0px; }