/*------------------------------------------------------
Copyright Huw Williams | www.oinkba.com
Some rights reserved
http://creativecommons.org/licenses/by/2.5/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------*/

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

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

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

a {
color: #FFCC00;
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("images/jr_logo.gif") no-repeat;
position: relative;
width: 379px;
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: 65px;
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: #FFCC00;
}

.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: #BBB;
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: #BBB;
}

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

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

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

.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: #BBB;
}

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

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

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

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

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

.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: #BBB;
}

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

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

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

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

.cal-head {
background: #070D13;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
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: #BBB;
text-align: center;
}

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

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

img.border {
border: 1px #BBB 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: #BBB;
}

.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: #BBB;
}

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


/* --- 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;
}