@import url("/themes/css.php");
/*body { font-size: 12px; color: #fff; }*/
body{margin: 0;padding: 0;font-family:Verdana, Helvetica, Arial, sans-serif;;}

/* Advertise */
#ads300 {float:right;padding-right:10px;text-align:right;width:300px;height:300px}
#ads {margin-top:15px}

/* Achieve */
#achieve ul {margin: 0;padding: 0;list-style: none}
#achieve li{float:left;margin: 0;margin: 0;width:130px;height:180px;padding-right: 12px}
#achieve img{height:110px;width:110px;border: 1px solid #000}

/* charts */
#charts #artist, #charts #song, .category, .tab {float:left;width:50%}
.col3 {float:left;width:30%;margin5%}
/* Updates */
#update{margin-right:10px;height:350px;overflow:auto;border:1px solid #eee}
#update p{font-size:90%}
#update a{color:#0099ff} #update a:hover{color:#ff6347}
#update span{font-size:15px;color:#ff6347}

.ainfo{margin:0 0 30px 0;float:left;width:40%}
.ainfo img{width:133px;height:133px;border: 1px solid #000}
.asongs{margin:0 0 30px 0;float:left;width:60%}
.asongs b, .category b, .n span, a#l{display:none}

#searchinfo {margin:10px 0 10px 0;padding:5px;background:#eef3f9;}
#searchresult ol {padding:0 0 0 20px;}
#searchresult li {padding:0 0 10px 0px;}
#searchresult h3{margin:5px 0 5px;color:#999;font-size:90%;text-transform: lowercase;font-weight:normal}
#searchresult img {padding:0 0 0px 10px;}

#featuring {padding:5px 0;clear:both}
#featuring img{height:133px;width:133px}
#featuring ul {margin: 0;padding: 0;list-style: none}
#featuring li{float:left;margin: 0;margin: 0;width:133px;padding-right: 12px;padding-bottom: 20px}

#news h2,#featuring h2, #updates h2, .tab h2, #right h2, .h2{color:#4873c5;text-transform:uppercase;font-weight:normal}
#news span,#news p{font-size:90%;}
#news h3{font-size:90%;color:#000;text-transform:uppercase;font-weight:normal}



/* page layouts */

#container {width:770px;margin-right:auto;margin-left:auto;margin-top:10px;padding:0;text-align:left;}
#top{clear: both;margin-bottom: 10px}
#main{padding:0 0 0 10px;float:left;width: 580px;margin-bottom: 10px;margin-right: 5px}
#right{float:left;width: 170px;margin-bottom: 10px}
#footer{padding:20px 0 0 10px;clear:both;height: 40px;}

/* top elements */

#top h1 {text-indent:-5000px;height:39px;width:275px;padding0;margin:0;background:url(/img/logo.gif) no-repeat}
#top #logo {text-indent:-5000px;height:39px;width:275px;padding0;margin:0;background:url(/img/logo.gif) no-repeat}
#top2 h1 {background:none;display:inline;font-size:80%;color:#666;font-weight:normal}

#top2 {padding:3px 0 0 10px;width:220px}
#top3 {width:530px;height:20px}

/* Main elements */
#az{margin-bottom:20px}
#az h2{font-size:100%;color:#4873c5;font-weight:normal;text-transform:uppercase}
#az a:hover{color:#fff;background:#999}

/* right elements */
 input{background: #eef3f9;font-size:90%;border: 1px solid #ccc}
.radios{border: 0px}
 .buttons{color:#4873c5}
 
#right #search p{font-size:90%;color:#999}
#right #search {color:#999;font-weight:bold}
#right #search h2{color:#4873c5;font-weight:normal;text-transform:uppercase}
#right #opts {background:url(/img/soptbg.gif) no-repeat;background-position: center center;width:140px; height:100px}

/* Global atrributes */

/* Form Elements */
fieldset{margin:10px;padding:10px;border:1px solid #ccc}
select{background:#eee}
legend{text-transform:uppercase}


/* Text related */

img{border:0px;}
label {cursor: pointer;cursor: hand} 
a {color:#000;text-decoration: none}
a:hover {color: #ff6347}
h1{margin: 0;padding: 0}
h2{margin:0 0 5px; font-size: 90%;font-weight:bold}
h3{margin:5px 0 5px;font-size:95%}
p{margin:0 0 10px;line-height: 140%}
hr {border: none; height: 1px; background: #ddd; margin: 0.5em 0}
.hr hr {display:none}
.hr {margin: 6px; 0;border: none;width:100%;height: 6px; background: #eef3f9}
.tiny{font-size: 80%;color: #999}
.pink{color:#ff6347}
.right{float:right}
.left{float:left}
.center{float:center}
.clear{clear:both;width:100%}
.ad{font-family: Arial;font-size: 125%;color: #ff6347}