/* ------------------------------------------------------------------- #
# 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: Arial, Helvetica, Verdana, sans-serif;
background-color: #000;
font-size: 10px;
color: #CCC;
padding: 0;
margin: 0;
}

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: #CCC;
/* color: #6C9BC3; */
text-decoration: underline;
}

a:hover {
color: #F00;
/* color: #F93; */
text-decoration: none;
}



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

#banner {
background: #000;
height: 80px;
padding: 0;
margin: 0px auto;
}

#banner-container {
width: 800px;
margin: 0px auto;
padding: 0;
}

#ads {
float: left;
margin-top: 5px;
}

#logo {
background: transparent url("images/logo.png") no-repeat;
float: right;
margin-top: 10px;
width: 300px;
height: 60px;
}

#gradient {
height: 40px;
padding: 0;
margin: 0;
}

.welcome {
padding: 20px 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: 10px;
font-weight: bold;
}

#nav-main ul li a {
line-height: 31px;
color: #CCC;
font-size: 10px;
text-decoration: none;
}

#nav-main ul li a:hover {
color: #F00;
/* color: #F93; */
}

.arrow {
color: #F00;
/* color: #F90; */
}



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

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

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

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



/* --- THEME 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: #DDD;
text-decoration: none;
background-color: #111;
/* background-color: #010170; */
/* background-color: #151515; */
display: block;
margin-bottom: 2px;
border: solid #333 1px;
padding: 3px 0 3px 15px;
}

#theme-menu ul li a:hover {
color: #CCC;
/* color: #151515; */
text-decoration: none;
background-color: #980000;
/* background-color: #DDD; */
}



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

.wrapper {
background-color: #424242;
border-color: #151515;
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: #DDDDDD;
background-color: #980000;
/* background-color: #151515; */
border-color: #151515;
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: #DDDDDD;
background-color: #010170;
/* background-color: #f8931f;
background-color: #151515; */
border-color: #151515;
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: #DDDDDD;
background-color: #232323;
border-color: #151515;
border-style: solid;
border-width: 1px;
padding: 10px;
margin: 0px 5px 20px 5px;
}

.body-2 {
color: #DDDDDD;
background-color: #232323;
border-color: #151515;
border-style: solid;
border-width: 1px;
padding: 20px 10px 20px 10px;
margin: 0 5px 5px 5px;
}

.body-3 {
color: #DDDDDD;
background-color: #232323;
border-color: #151515;
border-style: solid;
border-width: 1px;
margin: 0 5px 20px 5px;
}

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

.body-5 {
color: #DDDDDD;
background-color: #232323;
border-color: #151515;
border-style: solid;
border-width: 1px;
padding: 10px;
margin: 0 5px 20px 5px;
}

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

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



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

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

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

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

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

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

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

.song-row {
background: #191919;
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: #C9CED2;
border-bottom: 1px #444 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 {
color: #CCC;
font-size: 12px;
}


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

.popup-body {
background: #000;
/* background: #4C5844; */
padding: 10px;
}

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

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



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

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

.success {
color: #86BE3D;
font-weight: bold;
}



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

.photo {
background: #151515;
border: 1px #000 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: #CCC;
font-size: 15px;
font-weight: bold;
padding-left: 20px;
}

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

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

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

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



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

img {
border: 0px;
}

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

.error-txt {
color: red;
}

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

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

.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;
}



/* --- THEME 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: 5px;
/* 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 #151515 solid;
background-color: #CCC;
}

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

input.button {
font-size: 10px; 
color: #CCC;
cursor: pointer;
border: 1px #000000 solid;
background-color: #111111;
}

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

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

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

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

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

.spacer-button {
margin: 2px;
}



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

#spacer-side {
height: 10px;
}

#spacer-footer {
height: 8px;
}



/* --- 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: #888;
padding: 10px;
}