/* ------------------------------------------------------------------- #
# File: Evolution.css (Evolution Template CSS)
# Author: Huw Williams | huw@oinkba.com
# Copyright 2006 www.oinkba.com
# Revision: 1.1 (10th August 2006)
 
* You may edit the files included with this distribution to suit your
* own site, but please leave these credits intact.
# ------------------------------------------------------------------- */


body {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
background-color: #000;
font-size: 11px;
color: #FFF;
padding: 0;
margin: 0;
background-image:url(images/site_bg.jpg) ;
background-repeat: repeat-x;
}

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

h2 {
font-weight: bold;
font-size: 18px;
}

h3 {
font-weight: bold;
font-size: 14px;
}

h4 {
font-weight: normal;
font-size: 11px;
}


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

a {
color: #FF9900;
text-decoration: underline;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
}


/* --- TS Top area --------- */

#ts-top {
width: 780px;
height: 35px;
position: relative;
background-image: url(images/ts_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


/* <!--- menus styles found in the menus.lbi  --->*/
.menu1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	height:24px;
	padding-top:7px;
	padding-left:60px;
}
.menu2{
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	height:24px;
}
/* this is the background for a menu's cell */
.menu_cell{
	
	width:50px;

	/* this is the default colour. if you need to specify specific link colour use the
		menu_link:link style
	*/
	color:#FFFFFF;
}
/* this is in the event you want another menus style for hovering.
	this will be triggered by a javascript event
*/
.menu_cell_over{
}
/* menu text styles */
a.menu_link:link, a.menu_link:visited{
	color:#002d64;
	text-decoration:none;
}
a.menu_link:hover{
	color:#f26649;
}
a.menu_link:active{
	color:#FFFF00;
}
#menu_bar{
	height:24px;
	
	background-repeat:repeat-x;
text-align:right;
}


/* --- HEADER --------- */

#banner {
height: 110px;
padding: 0;
margin-top: 5px;
}

#banner-container {
background-color: #111111;
background: transparent url("images/banner_container.gif") no-repeat;
width: 760px;
margin: 0px auto;
padding: 10px;
}

#ads {
padding: 0;
margin: 0;
}

#logo-box {
background: transparent url("images/logo_box.png") no-repeat;
height: 85px;
padding: 0;
margin: 0;
}

.welcome {
padding: 25px 30px 4px 0px;
text-align: right;
}


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

#navbar {
height: 31px;
width: 760px;
margin: 0px auto;
padding: 0;
}

#navbar ul {
position: relative;
padding-left: 0px;
}

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

#nav-main ul li {
display: inline;
float: left;
font-size: 13px;
font-weight: bold;
}

#nav-main ul li a {
line-height: 31px;
color: #999;
text-decoration: none;

}

#nav-main ul li a:hover {
color: #F90;
}

.arrow {
color: #F90;
}


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

#nav-head {
margin: 0px;
padding: 0px;
font-size: 11px;
font-weight: bold;
color: #DDD;
}

.nav-left {
position: relative;
left: 0px;
}

.nav-right {
position: relative;
left: 165px;
}




/* --- MEMBER/ARTIST MENU --------- */

div#theme-menu {
font-weight: bold;
}

#theme-menu ul {
margin: 0px;
padding: 0px;
}

#theme-menu ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
font-size: 11px;
}

#theme-menu ul li a:link, #theme-menu ul li a:visited {
color: #FFF;
text-decoration: none;
background-color: #4E565C;
display: block;
margin-bottom: 2px;
border: solid #434343 1px;
padding: 3px 0 3px 15px;
}

#theme-menu ul li a:hover {
color: #000;
text-decoration: none;
background-color: #FFF;
}



div#theme-menu-abuse {
font-weight: bold;
}

#theme-menu-abuse  ul {
margin: 0px;
padding: 0px;
}

#theme-menu-abuse  ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
font-size: 11px;
}

#theme-menu-abuse  ul li a:link, #theme-menu-abuse ul li a:visited {
color: #FF9900;
text-decoration: none;
background-color: #4E565C;
display: block;
margin-bottom: 2px;
border: solid #434343 1px;
padding: 3px 0 3px 15px;
}

#theme-menu-abuse  ul li a:hover {
color: #000;
text-decoration: none;
background-color: #FFF;
}



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

.wrapper {
background-color: #111111;
border-color: #434343;
border-style: solid;
border-width: 0px;
width: 780px;
margin: 0px auto;
padding: 0;
}


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

#container {
margin: 0px 10px;
}


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

#content {
margin-left: 0px;
width: 560px;
padding: 0px;
float: left;
}

#content-full {
width: 760px;
margin: 0px;
padding: 0px;
float: left;
}


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

#sub-content-1 {
margin-left: 0px;
width: 275px;
padding: 0px;
float: left; }

#sub-content-2 {
margin-right: 0px;
width: 275px;
padding: 0px;
float: right;
}

#clear-content {
margin-left: 0px;
width: 560px;
padding: 0px;
clear: both;
}


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

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


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

.head-550-2 {
color: #FFFFFF;
background-color: #111111;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding-left: 15px;
font-size: 11px;
height: 29px;
font-weight: bold;
line-height: 30px;
margin: 5px 5px 1px 5px;
}


.head-550-ch {
color: #FFFFFF;
background-color: #111111;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding-left: 15px;
font-size: 11px;
height: 29px;
font-weight: bold;
line-height: 30px;
margin: 5px 5px 1px 5px;
}

.head-180-2 {
color: #FFFFFF;
background-color: #111111;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding-left: 15px;
font-size: 11px;
height: 30px;
font-weight: bold;
line-height: 30px;
margin: 5px 5px 1px 5px;
}

.body-1 {
color: #FFFFFF;
background-color: #333333;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding: 10px;
margin: 0px 5px 20px 5px;
}

.body-2 {
color: #FFFFFF;
background-color: #333333;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding: 20px 10px 20px 10px;
margin: 0 5px 5px 5px;
}

.body-3 {
color: #FFFFFF;
background-color: #333333;
border-color: #434343;
border-style: solid;
border-width: 1px;
margin: 0 5px 20px 5px;
}

#body-4 {
background: #333;
border: 1px #434343 solid;
margin: 0 5px 20px 5px;
}

.body-5 {
color: #FFFFFF;
background-color: #333333;
border-color: #434343;
border-style: solid;
border-width: 1px;
padding: 10px;
margin: 0 5px 20px 5px;
}

#body-6 {
border: 1px #434343 solid;
padding: 10px;
}

#line {
border-bottom: 1px #434343 dotted;
}


/* --- FEATURED/SPOTLIGHT BOXES --------- */

.featured-link {
font-size: 15px;
font-weight: bold;
line-height: 15px;
}

.featured-txt {
color: #CCC;
font-size: 12px;
}

.featured-info {
color: #CFF;
font-size: 10px;
padding: 6px 0;
}

.featured-info-txt {
color: #CCC;
font-size: 10px;
}

#row-play {
background: #111;
padding: 2px;
font-size: 12px;
color: #CCC;
}

.song-head {
background: #111;
padding: 4px;
font-size: 11px;
color: #FFF;
font-weight: bold;
}

.song-row {
background: #434343;
padding: 4px;
font-size: 10px;
color: #CCC;
}


/* --- REVIEW TEXT AND POPUPS --------- */

.review-title {
color: #CCC;
font-size: 16px;
font-weight: bold;
}

.review-info {
background: #111;
color: #CCC;
font-size: 11px;
padding: 4px;
}

.review-txt {
font-size: 12px;
}

.review-line {
background: #333;
border-bottom: 1px #434343 dotted;
margin: 10px;
}


/* --- BLOGS --------- */

.blog-link {
font-size: 15px;
font-weight: bold;
line-height: 25px;
}

.blog-info {
background: #111;
color: #CCC;
font-size: 11px;
padding: 4px;
}

.blog-txt {
font-size: 12px;
}


/* --- RATING/PLAYER/INFO/REVIEW POPUP BOXES --------- */

.popup-body {
background: #111;
padding: 10px;
}

.popup-table {
background: #000;
border: 1px #434343 solid;
padding: 10px;
}

.popup-player {
background: #000;
padding: 10px;
}


/* --- SUCCESS AND ERROR TEXT --------- */

.error {
color: red;
font-weight: bold;
}

.success {
color: #0C0;
font-weight: bold;
}


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

.photo {
background: #434343;
border: 1px #111 solid;
padding: 10px;
}



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

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

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

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

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


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

.cal-head-big {
background: #333;
padding: 10px;
font-size: 13px;
font-weight: bold;
color: #CCC;
text-align: center;
}

.cal-title-big {
background: #000;
padding: 8px;
font-size: 12px;
font-weight: bold;
color: #FC0;
text-align: center;
}

.cal-row-big {
background: #333;
padding: 8px;
font-size: 12px;
font-weight: bold;
color: #CCC;
text-align: left;
}

.cal-active-big {
background: #000;
padding: 0px;
font-size: 10px;
font-weight: bold;
text-align: left;
}



/* --- SHOW/HIDE CONTENT --------- */

.dhtml-title {
color: #FFF;
font-size: 15px;
font-weight: bold;
padding-left: 20px;
}

.dhtml-menu {
padding-left: 10px;
}

.dhtmlgoodies_question {
color: #F90;
overflow: hidden;
cursor: pointer;
}

.dhtmlgoodies_answer {
border: 1px solid #434343;
background-color: #111;
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative;
}

.dhtmlgoodies_answer_content {
padding: 6px;
font-size: 1.0em;	
position: relative;
}


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

img {
border: 0px;
}

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

.error-txt {
color: red;
}

.small-txt-1 {
font-size: 9px;
}

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

.online {
font-size: 12px;
font-weight: bold;
color: #66CC00;
text-decoration: blink;
}

.bullet-green {
background: transparent url("images/bullet_green.png") no-repeat 0px 1px;
padding-left: 12px;
}

.bullet-blue {
background: transparent url("images/bullet_blue.png") no-repeat 0px 1px;
padding-left: 12px;
}

.bullet-yellow {
background: transparent url("images/bullet_yellow.png") no-repeat 0px 1px;
padding-left: 12px;
}


/* --- TITLES --------- */

.blog {
background: transparent url("images/bullet_blog.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.review {
background: transparent url("images/bullet_review.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.gallery {
background: transparent url("images/bullet_gallery.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.event {
background: transparent url("images/bullet_event.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.video {
background: transparent url("images/bullet_video.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.music {
background: transparent url("images/bullet_music.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.store {
background: transparent url("images/bullet_store.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}

.forum {
background: transparent url("images/bullet_forum.png") no-repeat;
padding-left: 30px;
padding-top: 1px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
}



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

form.margin {
margin: 0px;
}

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

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

input.button {
font-size: 10px; 
color: #000;
cursor: pointer;
border: 1px #434343 solid;
background-color: #F90;
}

input.button:hover {
background-color: #FFF;
color: #000;
}

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

.form-txt {
font-size: 12px; 
color: #CCC;
}

.highlight-txt {
font-size: 12px; 
color: #990;
font-weight: normal;
}

.form-txt-sml {
font-size: 10px; 
color: #CCC;
}

.spacer-button {
margin: 2px;
}


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

#spacer-side {
height: 10px;
}

#spacer-footer {
height: 12px;
}


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

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

#footer-slice {
width: 780px;
height: 10px;
margin: 0px auto;
}

#footer-info {
background: transparent url("images/footer.gif") no-repeat;
width: 760px;
height: 60px;
margin: 10px auto;
text-align: left;
font-size: 11px;
line-height: 18px;
color: #666;
padding: 10px;
}