@charset "UTF-8";
/* CSS Document */

html, body { line-height: 0.9em; color: #999999; background: #000 url(../images/bg.gif) top center repeat; margin: 0 auto; padding: 0; text-align: center; font-family: Arial, Helvetica, Sans-serif;}

.wrapper-header { background: url(../images/head.gif); margin: 0px auto 10px auto; padding: 0; width: 1000px; height: 160px; position: relative; }

.menu { width: 735px; height: 30px; float: right; margin: 139px 9px 0 0; }

.wrapper-content { margin: 0 auto; padding: 0; width: 1000px; position: relative;}

.wrapper-footer { background: url(../images/footer_bg.gif); background-repeat: no-repeat; background-position: bottom; margin: 20px auto 0  auto; padding: 15px 0 0 0; width: 1000px; height: 50px; position: relative; clear: both; border-top: 1px dotted #333;}

.wrapper-base { background: url(../images/base.gif); background-repeat: no-repeat; background-position: top; margin: 0 auto; padding: 0; width: 1000px; height: 50px; position: relative; clear: both;}

.left-column { width: 241px; padding: 0; float: left; margin: 0 0 20px 12px;}

.right-column { width: 230px; padding: 0; float: right; margin: 10px 14px 20px 0;}

.content-column { width: 490px; padding: 0; float: left; margin: 10px 0 20px 0; text-align: left;}
.content-twocolumn { width: 730px; padding: 0; float: left; margin: 10px 0 0 0; text-align: left;}
.content-searchcolumn { width: 730px; padding: 0; float: left; margin: 0; text-align: left;}

.maincontent { color: #fff; padding: 0 5px 0px 5px; margin: 0; text-align: left;} 

.onestop { width: 480px; height: 300px; background: url(../images/onestop.jpg) no-repeat; padding: 0; margin: 10px 0 0 0; font-size: 0.75em;}
.onestoptext {width: 170px; float: left; margin: 190px 0 0 30px;}
.onestop_form {margin: 25px 20px 0 0; padding: 0; float: right; width: 240px;}
select.onestopfield {background-color:#fff; color: #000; width: 165px; border-width:1px; border-color:#666; padding: 2px; margin: 0;} 
input.onestopfield {background-color:#fff; color: #000; width: 160px; height: 13px; border-width:1px; border-color:#666; padding: 1px; margin: 0;} 
input.onestopsubmit {margin: 0; padding: 0; width: 73px; height: 22px; background: #000 url(../images/submit.gif) no-repeat; border: 0;}
input.onestopreset {margin: 0; padding: 0; width: 73px; height: 22px; background: #000 url(../images/reset.gif) no-repeat; border: 0;}
.onestopfoot { background: url(../images/onestop_foot.jpg); background-repeat: no-repeat; width: 480px; padding: 0; margin: 0; height: 20px;} 

.onestop_left {width: 231px; padding: 0; margin: 10px 0 0 0; text-align: left;}

.register_form {margin: 0; font-size: 0.7em; color: #CCCCCC; padding:0;}
.search_form {margin: 0; font-size: 0.7em; color: #CCCCCC; padding:0;}

.recordings { background: url(../images/recordings_bg.gif); background-repeat: no-repeat; width: 231px; padding: 5px 10px 10px 10px; margin: 10px 0 0 0; text-align: left;}
.recordings ul { padding: 0; margin: 30px 10px 0 0px; text-align: left; line-height: 1.1em; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; color: #fff; list-style: none;}
.recordings ul ul { padding: 0; margin: 3px 0 0 24px; text-align: left; list-style: outside disc url(../images/green_arrow.gif);}
.recordings li { padding-top: 3px;}
.recordings hr {color: #cddc28; background-color: #000; height: 1px; border:0; border-bottom: 1px dotted #cddc28; padding: 0; margin: 0 10px 4px 0; } 
.recordings-foot { background: url(../images/recordings_foot.gif); background-repeat: no-repeat; width: 231px; padding: 0; margin: 0; height: 18px;} 

.toptracks { padding: 0; margin: 0 0 0 30px;}
.toptracks ul { padding: 0; margin: 0; text-align: left; font-size: 0.8em; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #fff; list-style: outside disc url(../images/green_arrow.gif);}
.toptracks li { padding-bottom: 2px;}

.form {padding: 0; margin: 0;} 

.searchform-top { background: url(../images/search_bg.gif); background-repeat: no-repeat; width: 231px; height: 25px; padding:0; margin:0;}
.searchformtext { background: url(../images/box_bg.gif); background-position: bottom left; background-repeat: no-repeat; padding: 10px; text-align: left; width: 231px}
.searchformtext p { font-size: 0.7em; color: #ccc; padding: 0 20px 0 0; line-heigh: 1.1em;}
.searchformtext a { color: #cddc28; font-weight: normal; text-decoration: none;}
input.searchinput {background-color:#fff; color: #000; border-width:1px; border-color:#666; width: 120px; margin:0; padding: 3px; font-size:0.7em; }
input.searchbut {margin: 0; padding: 0; width: 73px; height: 22px; background: #000 url(../images/search.gif) no-repeat; border: 0;}

.login-top { background: url(../images/login_bg.gif); background-repeat: no-repeat; background-position: top left; margin: 0; padding: 0; width: 231px; height: 25px;}
.login-sectiontext { background: url(../images/box_bg.gif); background-position: bottom left; background-repeat: no-repeat; margin: 0; padding: 1px 0px 10px 0px; text-align: left; color: #fff; width: 231px}
.login-sectiontext p { font-size: 0.7em; color: #ccc; padding: 0 20px 0 10px; line-height: 1.1em;}
input.logintext {background-color:#fff; color: #000; border-width:1px; border-color:#666; width: 140px; margin:0 0 0 10px; padding: 3px; font-size:0.7em; }
input.logininput {margin: 0; padding: 0; width: 55px; height: 22px; background: #000 url(../images/join.gif) no-repeat; border: 0;}

.genres {width: 230px; height: 318px; margin: 10px 0 0 0; padding: 0;}
.mp3player {width: 231px; height: 240px; margin: 10px 0 0 0; padding: 0;}


.news { background: url(../images/news_bg.gif); background-repeat: no-repeat; width: 231px; padding: 0; margin: 10px 0 0 0; text-align: left;}
.newsfoot { background: url(../images/news_foot.gif); background-repeat: no-repeat; width: 231px; padding: 0; margin: 0; height: 16px;} 
.newstext { padding: 24px 10px 2px 10px; margin: 0; text-align: left;}
.news img {float: left; padding: 0 10px 2px 0; margin: 0;}
.news p {line-height: 1.1em; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; color: #ccc;}

td.resultsleft { background-color: #333333; color:#CCCCCC; padding: 2px 10px 2px 2px; font-weight: bold; text-align: right; font-size: 0.7em; height: 20px;}
td.resultstop { color:#CCCCCC; padding: 0; text-align: left; font-size: 16px;}
td.resultsright { color:#fff; padding: 2px 2px 2px 10px; font-weight: bold; text-align: left; font-size: 0.7em; vertical-align: text-top; height: 20px;}

.srch_container { color: #999999; font-family:Georgia, Serif; font-size: 15px; font-weight: normal; margin: 10px 0; width: inherit;}
.srch_container2 { margin: 0 0 10px 0;}
.srch_left { float: left; color: #fff; font-family:Georgia, Serif; font-size: 16px; font-weight: normal;}
.srch_right { float: right; padding: 0; margin:0;}

.more { display: none; padding: 0;}
a.showLink, a.hideLink {text-decoration: none; border: 0;}
a.hideLink {text-decoration: none; border: 0;}
a.showLink:hover, a.hideLink:hover {text-decoration: none; border: 0;}


.tabs {width: 730px; margin: 10px 0; padding: 0; height: 30px;}
.tabs_left {float: left;}
.tabs_right {float: right; margin-right: 20px;}

.coverbg {width: 120px; height: 180px; background:  #000 url(../images/coverbg.gif) no-repeat;; padding: 12px 12px 20px 12px; text-align: center;}
.coverwrap1 {float: left;}
.coverwrap2 {margin-left: 334px;}
.cover1 {float: left;}
.cover2 {margin-left: 167px;}



strong {color: #cddc28; font-weight: bold; font-size:1em;}
p {font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; color: #999999; font-weight: normal;}
.small {line-height: 1.1em; font-size: 0.65em; font-family: 'Arial', Sans-serif; color: #000; margin-top: 10px;}
a {color: #cddc28; font-weight: bold; font-size:1em; text-decoration: none;}
a: hover {color: #ccc; font-weight: bold; font-size:1em; text-decoration: none;}
h1 {line-height: 1.1em; font-size: 1.1em; font-family: Georgia, Serif; color: #e31e4e; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e31e4e;}
h2 { color: #cddc28; font-family:Georgia, Serif; font-size: 24px; border-bottom: 1px dotted #cddc28; font-weight: normal;} 
h3 { color: #fff; font-family:Georgia, Serif; font-size: 16px; font-weight: normal;}
h3 a { color: #cddc28; font-weight: normal; text-decoration: none;}
h3 a:hover { color: #ccc; font-weight: normal; text-decoration: none;}
h4 { color: #fff; font-family:Georgia, Serif; font-size: 16px; padding: 0; margin: 0; font-weight: normal;}
h5 { color: #fff; font-family:Georgia, Serif; font-size: 15px; font-weight: normal;}
h6 { color: #ccc; font-family:Georgia, Serif; font-size: 15px; font-weight: normal;}
h7 { color: #cddc28; font-family:Georgia, Serif; font-size: 15px; font-weight: normal;}
ul {line-height: 1.1em; font-size: 0.9em; font-family: 'Arial', Sans-serif; color: #000; margin-top: 0;}
hr {color: #cddc28; background-color: #000; height: 1px; border:0; border-bottom: 1px dotted #cddc28; padding: 0; margin: 3px 0; }