/* ------------------------------------------------------------------- #
# File: proton.css (template CSS)
# Author: Huw Williams | huw@oinkba.com
# Copyright 2006 www.oinkba.com
# Revision: 1.4 (10th April 2006)
 
* You may edit the files included with this distribution to suit your
* own site, but please leave these credits intact.
# ------------------------------------------------------------------- */


/* --- GENERIC ---------- */

ul, LI {
	background-position: left center;
	list-style-position: inside;
	list-style-type: square;
	color:#FFFFFF;
}



body {
 font-family: Tahoma, Geneva, Verdana, sans-serif;
 padding: 0px;
 background-color: #333333;
 padding-bottom: 30px;
 font-size: 11px;
 color: #445E82;
 
 
scrollbar-face-color:#7CBBFF;
scrollbar-highlight-color:#7AA7E0;
scrollbar-3dlight-color:#FBFBFB;
scrollbar-darkshadow-color:#666666;
scrollbar-shadow-color:#AFAFAF;
scrollbar-arrow-color:#636363;
scrollbar-track-color:#FBFBFB;

}



#container {

  } 
  


#white A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #48b2fe; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; font-size:12px; font-weight:900;
}
#white A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #348fd3; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline; font-size:12px; font-weight:900;
}
#white A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #48b2fe; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline; font-size:12px; font-weight:900;
}
#white A:hover {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #48b2fe; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline; font-size:12px; font-weight:900;
}

 

body.bglogo {
 margin: 0px;
 padding: 10px;
 background-repeat: no-repeat;
  background-color: #8FA6C5;

}

body.bg-black {
 background-color: #829BBD;
}

body.iframe {
 margin: 0px;
 padding: 10px;
 background-color: #101010;
}

body.iframe-store {
 margin: 0px;
 padding: 10px;
 background-color: #101010;
}

body.iframe-games {
 background-color: #829BBD;
}

p {
 font-size: 11px;
 line-height: 1.2em;
 color: #FFFFFF;
}

h1 {
 font-weight: bold;
 font-size: 24px;
 color: #FFFFFF;
}

h2 {
 font-weight: bold;
 font-size: 18px;
}

h3 {
 font-weight: bold;
 font-size: 12px;
}

h4 {
 font-weight: normal;
 font-size: 14px;
}

h5 {
 font-weight: bold;
 font-size: 11px;
 color: #3D7EC0;
 line-height: 20px;
}

h6 {
 font-weight: normal;
 font-size: 9px;
 color: #FFFFFF;
}

a:link, a:active, a:visited {
 color: #FF9500;
  font-weight: bold;
 text-decoration: none;
}

a:hover {
 color: #FF9500;
   font-weight: bold;
 text-decoration: underline;
}


/* --- HEADER AND NAVIGATION ---------- */

div#menu {
 padding: 20px 30px 55px 30px;
 background-image: url();
 background-repeat: no-repeat;
 background-position: 10px 40px;

}

div#navbar {
 font-size: 11px; 
 font-weight: bold;
}

#navbar ul li a:link, #navbar ul li a:visited {
 display: inline;
 text-decoration: none;
 color: #FFFFFF;
}

#navbar ul li a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

#navbar ul li a.current {
 color: #CCCCCC;
 text-decoration: none;
}

#navbar ul li {
 list-style-type: none;
 display: inline;
}

#navbar ul {
 text-align: right;
 margin-right: 25px;
 margin-top: 5px;
}

div#search {
 text-align: right;
 margin-right: 25px;
 margin-top: 30px;
  color: #FFFFFF
}

img.members, img.artists, img.forums, img.radio, img.tv {
 float: right;
 margin-right: 25px;
 margin-top: 30px;
}

/* --- MAIN AND COLUMN BOXES ---------- */



div#boxmain2 {
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 background-color: #302F2F;
 color:#FFFFFF;
}

div#boxmain_transp {
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;
}

div#boxcolumn {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;

}

div#boxcolumn-links {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;

}

div#boxcolumn-news {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;
}

div#boxcolumn-stats {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;


 
}

div#boxcolumn_black {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;

}

div#boxcolumn_lines {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;

}

div#boxcolumn_hottest {
 width: 150px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;


}

div#boxcolumn_player {
 width: 180px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;
 
}

div#boxcolumn_radio {
 width: 180px;
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
  color:#FFFFFF;
 background-color: #302F2F;

}

div#boxmessage {
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 color:#FFFFFF;
 background-color: #302F2F;
}

/* --- BOX HEADERS ---------- */

div#box_header {
 font-weight: bold;
 font-size: 12px;
 color: #72ADD2;
 text-align: center;
 text-transform:uppercase;
 background-color: #302F2F;
 padding: 4px;
 margin: 0px -10px 10px -10px;
}


div#boxmain {
 border: 1px #445E82 solid;
 padding: 0px 10px 10px 10px;
 margin-bottom: 20px;
 background-color: #302F2F;
 color:#72ADD2;
}



div#box_header2 {
 font-weight: bold;
 font-size: 12px;
 color: #72ADD2;
 text-align: center;
 text-transform:uppercase;
 background-color: #302F2F;
 padding: 4px;
 margin: 0px -10px 10px -10px;
}

div#box_header3 {
 font-weight: bold;
 font-size: 12px;
 color: #72ADD2;
 text-align: center;
 text-transform:uppercase;
 background-color: #302F2F;
 padding: 4px;
 margin: 0px -10px 10px -10px;

}

/* --- VARIOUS ---------- */

#table {
 border: 1px #BEC1C6 solid;}

#table2 {
 background-color: #302F2F;
 color:#FFFFFF;
}

#table3 {
 background-color: #302F2F;
  color:#FFFFFF;
 border: 1px #BEC1C6 solid;}

#info {
 padding: 5px;
 font-size: 12px;
 text-align: center;
 background-color: #302F2F;
 color: #FFFFFF;
}

#row {
 padding: 1px;
 font-size: 11px;
 text-align: center;
 background-color: #302F2F;
 color: #FFFFFF;
 
 border: 1px #445E82 solid;
 padding: 10px 10px 10px 10px;


 
 
}

#headrow {
 padding: 1px;
 font-size: 11px;
 text-align: center;
 background-color: #302F2F;
 color: #CC9900;
}

#rank {
 padding: 1px;
 font-size: 14px;
 text-align: center;
 background-color: #111;
 color: #3D7EC0;
 font-weight: bold;
}

#box {
 padding: 2px;
 font-size: 9px;
 background-color: #302F2F;
 color: #FFFFFF;
}

#title {
 padding: 3px;
 font-size: 11px;
 background-color: #302F2F;
 color: #FFFFFF;
 border-top: solid #FFFFFF 1px;
 border-bottom: solid #FFFFFF 1px;

 }
 
 


#title2 {
 padding: 3px;
 font-size: 11px;
 background-color: #302F2F;
 color: #FFFFFF;
 border-top: solid #FFFFFF 1px;
 border-bottom: solid #FFFFFF 1px;

 }
 
 
 #title3 {
 padding: 3px;
 font-size: 11px;
 background-color: #302F2F;
 color: #FFFFFF;
 border: double  solid #FFFFFF 1px;


 }
 
 
 

#content {
 padding: 5px;
 font-size: 11px;
 color: #FFFFFF;
}

#spacer {
 padding: 5px;
 background-color: #302F2F;
 font-size: 11px;
}

/* --- SONG PLAY ELEMENTS ---------- */

.song-name {
 font-size: 12px;
 padding: 5px;
 background-color: #829BBD;
 font-weight: bold;
}

/* --- SEARCH BOXES ---------- */

.search-text-sml {
 font-size: 9px;
 padding: 2px; 
 color: #FFFFFF
}

.search-artist-name {
 font-size: 16px;
 padding: 2px;
 font-weight: bold;
  color: #FFFFFF
}

.padd-2px {
 padding: 2px;
 font-size: 11px;
}

.line {
 border-bottom: 1px #444 dotted;
}

/* --- ARTISTS THEME MENU ---------- */

div#theme-menu {
 font-size: 12px;
 text-align: left;
 line-height: 15px;
 }

#theme-menu a:link, #theme-menu a:visited, #theme-menu a:active {
 color: #FFFFFF;
}

#theme-menu a:hover {
 color: #FFFFFF;
}

/* --- IMAGES ---------- */

img {
 border: 0px #FFFFFF solid;
}

img.border {
 border: 1px #BEC1C6 solid;}

/* --- FORMS AND BUTTONS ---------- */

input.text, select, file {
 font-size: 10px;
 border: 1px #FF9500 double;
 

}

input.genremenu {

 font-size: 10px;
 border: 1px #FF9500 double;
 padding-top: 7px;

}

textarea {
 font-size: 12px;
 border: 1px #FF9500 solid;
}

input.button {
 color: #FFFFFF;
 border: 1px #FF9500 solid;
 cursor: pointer;
 background-color: #8FA6C5;
 font-size: 10px;
 font-weight: bold;
}

input.button a:hover {
 background-color: #FF9500;
}

.form-txt {
 font-size: 11px;
 color: #FFFFFF;
}

/* --- ARTISTS POPUP BOXES ---------- */

.pop-head {
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}

.cell-left {
 font-size: 10px;
 text-align: right;
 background-color: #FFFFFF;

}

.cell-right {
 font-size: 10px;
 text-align: left;
 background-color: #FFFFFF;

}

/* --- SITE POPUP BOXES ---------- */

.form-title {
 font-weight: bold;
 font-size: 16px;
 background-color: #FFFFFF;
 text-align: left;
}

.form-info {
 font-size: 11px;
 background-color: #FF9500
}

.input-left {
 font-size: 11px;
 background-color: #FF9500;
 text-align: right;
}

.input-right {
 font-size: 11px;
 background-color: #FF9500;
 text-align: left;
}

/* --- ARTISTS BLOG ---------- */

.blog-table {
 background-color: #FFFFFF;
}

.blog-date-posted {
 font-size: 11px;
 color: #666666;
 text-transform: uppercase;
}

.blog-title {
 font-size: 15px;
 color: #AADD99;
 font-weight: bold;
}

.blog-title-about {
 font-size: 16px;
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
}

.blog-content {
 font-size: 12px;
 line-height: 1.4em;
}

.blog-endline {
 border-bottom: 1px #444444 dotted;
}

.blog-sidebar {
 background-color: #FFFFFF;
}

.blog-sidebar-title {
 font-size: 11px;
 color: #666666
}

.blog-sidebar-about {
 font-size: 11px;
 color: #FFFFFF;
 text-transform: uppercase;
}

.blog-sidebar-content {
 font-size: 12px;
 color: #99AADD;
}

/* --- ARTISTS STORE ---------- */

.store-image {
 font-size: 10px;
}

.store-header {
 font-size: 12px;
 font-style: bold;
 background-color: #212121;
}

.store-cell {
 font-size: 11px;
 background-color: #1A2A3A;
}

.store-buy {
 font-size: 10px;
 background-color: #FF9500;
}

/* --- ARTISTS VIDEOS ---------- */

.video-headers {
 font-size: 10px;
 color: #99CC00;
 background-color: #212121;
}

.video-cells {
 font-size: 10px;
 background-color: #1A2A3A;
}

.video-buttons {
 background-color: #212121;
}

.video-time {
 font-size: 10px;
 font: #FF9500;
}

.video-caption {
 font-size: 11px;
 font-style: bold;
 background-color: #090909;
}

.video-caption-txt {
 font-size: 11px;
}

.video-advisory {
 font-size: 11px;
 font-style: bold;
 background-color: #800000;
}

/* --- ERROR PAGES ---------- */

.error {
 font-weight: bold;
 font-size: 24px;
 padding: 10px;
 text-align: center;
 background-color: #EC2E23;
}

.error-title {
 font-size: 13px;
 background-color: #8FA6C5;
}

.error-link {
 font-size: 13px;
 background-color: #8FA6C5;
 text-align: center;
}

/* --- SUCCESS PAGES ---------- */

.success {
 font-weight: bold;
 font-size: 24px;
 padding: 20px;
 background-color: #1A2A3A;
 text-align: center;
}

.success-txt {
 font-size: 13px;
 padding: 20px;
 text-align: center;
}

/* --- PRIVACY & TERMS ---------- */

span.actions {
 float: right;
}

/* ---------- SITE FOOTER ---------- */

div#footer {
 padding: 2%;
 text-align: center;
 clear: both;
 background-color:#051014;
}

div#footer-navbar {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 11px;
 text-align: center;
}

#footer-navbar a:link, #footer-navbar a:visited, #footer-navbar a:active {
 color: #043256;
 text-decoration: none;
}

#footer-navbar a:hover {
 color: #3363A8;
 text-decoration: none;
 border-bottom: 1px #199CD0 dotted;
}

#footer-adds {
 text-align: center;
 margin-right: 40px;
 margin-left: 40px;
}

div#copyright {
 text-align: center;
 color:#FFFFFF;
 font-weight:bold;
}