/*------------------------------------------------------
Copyright 2006 - 2007 by Talldude Networks, LLC.
Design by Copyright Huw Williams | www.oinkba.com
------------------------------------------------------*/

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #000;
font-size: 11px;
color: #FFF;
padding: 0;
margin: 0;
}

p, ol, ul {
font-size: 12px;
color: #FFF;
}

/* --- SITE LINKS --------- */

a {
color: #C60;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family: Arial, Helvetica, Verdana, sans-serif;

margin-top: 0;
color: #2D598D;
}

h1 {
background: transparent url("images/jr_logo_sml.gif") no-repeat 0 30%;
border-bottom: 1px dotted #930;
padding-left: 35px;
font-size: 21px;
color: #999;
font-weight: bold;
}

h2 {
font-size: 14px;
font-weight: bold;
line-height: 0px;
padding-top: 5px;
}

h3 {
padding-left: 8px;
font-style: italic;
font-weight: normal;
font-size: 110%;
}

/* --- WRAPPER --------- */

.wrapper {
background: transparent url("images/wrapper.png") repeat-y;
width: 780px;
margin: 0px auto;
padding: 0;
}

/* --- BANNER --------- */

.banner {
background: transparent url("images/head.png") repeat-x;
height: 99px;
padding: 0;
margin-top: 0px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 0px;
}

.logo {
background: transparent url("http://www.sexaudio.com/skins/Cobalt/images/jr_logo.gif") no-repeat;
position: relative;
width: 300px;
height: 50px;
left: 15px;
top: 30px;
}

.shadow {
background: transparent url("images/head_shadow.png") repeat-x;
height: 18px;
padding: 0;
margin: 0px 5px 0px 5px;
}

/* --- NAVBAR --------- */

.navbar {
background: transparent url("images/head_navbar.png") repeat-x;
text-align: center;
height: 26px;
margin: 0px 5px 0px 5px;
}

.navbar ul {
list-style-image: none;
margin: 0px;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}

/* --- NAVIGATION --------- */

.nav-main ul {
margin-left: 0px;
margin-right: 0px;
}

.nav-main ul li {
display: inline;
float: left;
margin-right: 0px;
width: 72px;
text-align: center;
font-size: 10px;
font-weight: bold;
}

.nav-main ul li a {
display: block;
background: transparent url("images/button_off.png") no-repeat 0 0;
height: 25px;
line-height: 25px;
color: #EEE;
text-decoration: none;
}

.nav-main ul li a.current {
background: transparent url("images/button_on.png") no-repeat 0 0;
color: #CCC;
}

.nav-main ul li a:hover {
/* background: transparent url("images/button_on.png") no-repeat 0 0; */
color: #E80;
}

.nav-main ul li a.current:hover {
background: transparent url("images/button_on.png") no-repeat 0 0;
color: #CCC;
}

/* --- CONTAINER --------- */

.container {
margin: 0px 5px;
}

/* --- MAIN CONTENT --------- */

.content {
margin-left: 0px;
width: 574px;
padding: 0px;
float: left;
}

/* --- SUB CONTENTS --------- */

.sub-content-1 {
margin-left: 0px;
width: 374px;
padding: 0px;
float: left; }

.sub-content-2 {
margin-right: 0px;
width: 200px;
padding: 0px;
float: left;
}

/* --- RIGHT CONTENT --------- */

.content-right {
margin-right: 0px;
width: 190px;
padding: 0px;
float: right;
}

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

.head-1 {
background: #001926 url("images/jr_logo_sml.gif") no-repeat 5px 45%;
border-bottom: 1px #069 solid;
padding-left: 40px;
font-size: 11px;
height: 25px;
font-weight: bold;
color: #FFF;
line-height: 26px;
margin: 5px 5px 0 5px;
}

.head-2 {
border-bottom: 1px #069 solid;
padding-left: 20px;
font-size: 11px;
height: 25px;
font-weight: bold;
color: #9C0;
line-height: 26px;
margin: 5px 5px 0 5px;
}

.body-1 {
background: #00324B;
padding: 10px;
margin: 0 5px 5px 5px;
}

.body-2 {
background: #00324B;
padding: 10px;
margin: 0 5px 5px 5px;
}

.body-3 {
background: #000;
padding: 10px;
margin: 0 5px 5px 5px;
}

.inset-1 {
width: 100%;
background: #000;
padding: 3px 3px 0px 3px;
}

.inset-2 {
padding: 10px;
}

.title-1 {
background: #00324B;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #4CAAFF;
}

.row-1 {
background: #001926;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

/* --- TEMPLATE ELEMENTS --------- */

.head {
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.title {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.symbols {
background: #001926;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #4CAAFF;
}

.row {
background: #000;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.row-small {
background: #001926;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.row-main {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.topspot {
background: #00324B;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.topten {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.position {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #FFF;
}

.rank {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #C30;
}

.count {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #FFF;
}

.foot {
background: #001926;
padding: 2px;
font-size: 10px;
font-weight: bold;
color: #FFF;
}

.search-error {
background: #000000;
padding: 4px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}

/* --- CALENDAR --------- */

.iframe {
background-color: #00324B;
padding: 4px;
}

.cal-head {
background: #070D13;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #FFF;
text-align: center;
}

.cal-title {
background: #666;
padding: 4px;
font-size: 10px;
font-weight: bold;
color: #FC0;
text-align: center;
}

.cal-row {
background: #004D73;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #FFF;
text-align: center;
}

.cal-active {
background: #070D13;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #FFF;
text-align: center;
}

/* --- TEXT SIZES AND IMAGES --------- */

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

.small-link-txt {
font-size: 9px;
font-weight: bold;
}

.medium-link-txt {
font-size: 12px;
font-weight: bold;
}

.large-link-txt {
font-size: 14px;
font-weight: bold;
font-variant: small-caps;
}

.small-txt-1 {
font-size: 9px;
font-weight: bold;
color: #FFF;
}

.small-txt-2 {
font-size: 9px;
font-weight: bold;
color: #FC0;
}

.small-txt-3 {
font-size: 9px;
font-weight: bold;
color: #C30;
}

.small-txt-4 {
font-size: 9px;
font-weight: bold;
color: #4CAAFF;
}

.small-txt-review {
font-size: 10px;
color: #FFF;
}

.medium-txt-review {
font-size: 11px;
color: #FFF;
}


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

form.margin {
margin: 0px;
}

input.text, select, file {
font-size: 10px;
border: 1px #CCC solid;
background-color: #CCC;
}

input.text, select {
margin-bottom: 2px;
}

input.button {
font-size: 9px; 
color: #C60;
cursor: pointer;
border: 1px #001926 solid;
background-color: #001926;
}

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

textarea {
font-size: 12px;
border: 1px #CCC solid;
background-color: #CCC;
}

.login-txt {
font-size: 9px; 
color: #CCC;
}

/* --- SPACERS --------- */

.spacer-side {
height: 10px;
}

.spacer-footer {
height: 30px;
}

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

.footer-container {
width: 780px;
clear: both;
}

.footer-slice {
background: transparent url("images/footer_slice.png") no-repeat;
width: 780px;
height: 5px;
margin: 0px auto;
}

.footer-info {
background: #001926;
width: 760px;
margin: 10px auto;
text-align: center;
font-size: 11px;
color: #999;
padding: 10px;
}

.slSelect {
font-size: 10px;
}

.slSubmit {
font-size: 10px;
}

/* --- DROP DOWN MENU ----------- */

#dropmenudiv {
position: absolute;
border: 2px solid black;
border-bottom-width: 0;
font-size: 10px;
line-height: 16px;
z-index: 100;
}

#dropmenudiv a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 2px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover {
background-color: #002946;
}

/* --- BBCODE ----------- */

/* URL's */
.bb_url {
}

/* Unordered List */
.bb_ul {
}

/* Ordered List */
.bb_ol {
}

/* Code */
.bb_code {
padding: 3px;
background-color: #121212;
font-family: monospace;
}

/* Quote */
.bb_quote {
padding: 3px;
background-color: #121212;
font-family: Verdana, Arial, Helvetica, sans-serif;
}