/*------------------------------------------------------
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 {
background: url("images/splatter1.jpg"); 

font-family: Verdana, Arial, Helvetica, sans-serif;
font-face: Verdana, sans-serif;
font-size: 9px;
color: #FFFFFF;			/* changes SAMPLE SONG' in the featured artist window */
padding: 0;
margin: 0;
}

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

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

a {
color: #FFFFFF;			/* Changes font colour of artist name in featured artist and newest artist boxes */
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

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

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

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

h1 {
border-bottom: 1px dotted #930;
padding-left: 35px;
font-size: 21px;
color: #FFFFFF;			/* changes font colour of 'headline' admin blog box */
font-weight: bold;
}

h2 {
font-size: 24px;
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");
width: 890px;
margin: 0px auto;
padding: 0;
}

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

.banner {
background: transparent url("images/logo.gif");		/* top banner/logo of website */
height: 166px;
padding: 0;
margin-top: 0px;			/* these dictate the border in the header - usually 5px */
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.logo {
position: relative;
width: 0px;
height: 0px;
left: 0px;
top: 0px;
}

.shadow {
background: #000000;  	/* transparent url("images/head_shadow.png") repeat-x;   */
height: 5px;									/* height of shadow image under navbar (used to be 18px) */			
padding: 0;
margin: 0px 5px 0px 5px;
}

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

.navbar {
background: #000000; 		/* background colour of main menu across the top*/  
text-align: center;
height: 40px;			/* distance between bottom of main horizontal menu and top of main content*/
margin: 0px 5px 0px 5px;
}

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

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

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

.nav-main ul li {
display: inline;
float: left;
margin-right: 0px;
width: 103px;				/* must be the same as width of button_on.png */
text-align: center;
font-size: 12px;			/* font size of items in main menu bar across the top*/
font-weight: bold;
}

.nav-main ul li a {
display: block;
background: transparent url("images/button_off.png") no-repeat 0 0;
height: 25px;					/* height of red highlight behind things on menu bar */
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 {
background: #212021;
margin: 0px 5px;
}

/* --- LEFT CONTENT --------- */

.content-left {
background: #212021;				/*   */
margin-left: 0px;
width: 220px;
padding: 0px;
float: left;
}



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

.content {
background: #212021;		/* background of main content (behind new & featured artist boxes */
margin-left: 10px;
width: 400px;		/* width of middle content box i.e. not the width of the overall page */
padding: 0px;
float: left;
}

.content2 {
background: #212021;		/* background of main content (behind new & featured artist boxes */
margin-left: 0px;
width: 520px;		/* width of middle content box i.e. not the width of the overall page */
padding: 0px;
float: left;
}


.content3 {
background: #212021;		/* background of main content (behind new & featured artist boxes */
margin-left: 0px;
width: 550px;		/* width of middle content box i.e. not the width of the overall page */
padding: 0px;
float: left;
}


.content4 {
background: #212021;		/* background of main content (behind new & featured artist boxes */
margin-left: 0px;
width: 630px;		/* width of middle content box i.e. not the width of the overall page */
padding: 0px;
float: left;
}


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

.sub-content-1 {
background: transparent url("images/bak.jpg");	
margin-left: 0px;
width: 500px;
padding: 0px;
float: left; }

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

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

.content-right {
background: #212021;	/* transparent url("images/bak.jpg"); */	
margin-right: 0px;
width: 230px;
padding: 0px;
float: right;
}

.content-right2 {
background: #212021;	/* transparent url("images/bak.jpg"); */	
margin-right: 0px;
width: 340px;
padding: 0px;
float: right;
}

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

.head-1 {
background: #000000 url("images/pinkbak.jpg");  /* --- changes the featured artist and newest artist headline background---- */
border: 2px #000000 solid;
border-top: 2px #000000 solid;
border-bottom: 2px #000000 solid;


padding-left: 20px;
font-size: 12px;
height: 25px;
font-weight: bold;
color: #FFFFFF;   		/* font colour of 'Featured artist' and 'Newest Artists' */
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: #FFFFFF;
line-height: 26px;
margin: 5px 5px 0 5px;
}

.body-1 {
background: url("images/dotsbg.jpg");

			   /* --- changes the surrounding box border on featured artist and newest artist---- */

border: 2px #000000 solid;
border-top: 0px #000000 solid;
border-bottom: 2px #000000 solid;
padding: 5px;
margin: 0 3px 3px 3px;
}

.body-2 {
background: #312C29;	/* --- changes background on boxes in right hand column---- */
border: 2px #000000 solid;
border-top: 0px #000000 solid;
border-bottom: 2px #000000 solid;
padding: 10px;
margin: 0 5px 5px 5px;
}

.body-3 {
background: #212021;  /* --- this will change the background in the headline box only ---- */
border: 2px #000000 solid;
border-top: 2px #000000 solid;
border-bottom: 2px #000000 solid;
padding: 10px;
margin: 0 5px 5px 5px;
}

.inset-1 {
width: 100%;
border: 2px #000000 solid;
border-top: 2px #000000 solid;
border-bottom: 2px #000000 solid;
background: #312C29;		/* --- this will change the background in the featured artist box ---- */
padding: 3px 3px 0px 3px;
}

.inset-2 {
padding: 10px;
}

.title-1 {
background: #CC0000;		/* --- changes colour of song title bar within the featured artist box---- */
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #ffffff;		/* --- changes font colour song title bar within the featured artist box---- */
}

.row-1 {
background: #000000;	/* --- changes colour of lower song title bar within the featured artist box---- */
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;		/* --- changes font colour within the featured artist box song title bar---- */
}

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

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

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

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

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

.row-small {
background: #000000;	/* Changes lower half of background in NEWEST ARTISTS BOX */
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #000000;
}

.row-main {
background: #000000;	/* Changes upper half of background in NEWEST ARTISTS BOX */
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

.small-txt-review {
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
}

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


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

form.margin {
margin: 0px;
}

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

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

input.button {
font-size: 10px; 
color: #FFFFFF;
cursor: pointer;
border: 2px #000000 solid;
background-color: #AD0000;
}

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: 0px;		/* distance between top/status bar and the main menu bar below it */
}

.spacer-footer {
height: 0px;
}

/* --- 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: #000000;      /* changes background of footer note */
width: 855px;
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: #FFFFFF;
font-family: monospace;
}

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