/**
**  Global
***/

/* COLORS ----------------------------------------------------*/
/* bright Green (text)      #00F000
/* Green we like            #ACC84A ; 7ACA49 ; 6DC349
/* Blue Shale (background)  #3F4F5B
/* Bright blue (accents)    #006BD6
/* Dark Gray                #333333
/* A blue we like           #608CC5 (central desktop)
/* facebook blue            #3B5998
/* Light Gray               #9C9C9C
/* Yellow                   #ffcc00
/* Coffee                   #C6C193
/* Silver                   #E6E6E6
/* Orange                   #FF7900 Darker #FF6600
/* New blue shale           #585E71
/* ---------------------------------------------------------- */

/*------------------------------------------------------------*/
/* DIVISIONS
/*------------------------------------------------------------*/

body {
 background-color:#333333;
}
#wrapper {
  width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	font-family:Calibri, Verdana, Tahoma, Arial;
}
#divheader {
    float:left;
    width: 800px;
    height:200px;
    padding-bottom: 10px ;
    margin: 0px 0px 2px 0px;
	  background-color: #333333;
	  border: solid 0px #fff;
}
#divmainbox {
    width: 800px;
    height: 330px;
    float:left;
    margin: 0px;
    padding: 0px;
    background-color: #000;
    border: solid 1px #fff;
}

#divButtons {
    float:right;
    margin:0px 40px 0px 0px;
}
#player {
 width:574px; height:55px; float:left; margin:0px; padding:0px;
}
#divMedia {
    float:left;
    height: 270px; 
    width: 558px;
    margin: 2px 10px 10px 0px;
    padding-top: 1px;
    border:solid 0px green;
}

#divList {
    float:left;
    width:500px;
    height: 180px;
    padding:5px;
    overflow:auto;
    border-right:solid 0px red;
}


/* --- START ROLLOVER HORIZONTAL LIST 
Comments: Use display: inline; and list-style-type: none; to set a basic horizontal list. 
Use padding and background color on the "a" element to achieve colored blocks. 
Use a different background color on the a:hover to achieve a rollover effect. 
*/

ul#navlist {
    clear:both;
    height: 25px;
    list-style-type:none;
    padding:0px;
    margin:0px;
    white-space:nowrap;
}

#navlist li {
    float:left;
    width: 20.1%;
    text-align: center;
    background-color: #333333;
    font-size: 0.9em;
    font-weight: bold;    
    border:solid 0px white;
}

#navlist a:link, #navlist a:visited
{
    color: #fff;
    background-color: #333333; /*--#036;*/
    text-decoration: none;
}

#navlist ul a { 
    display:block;
    margin:0px 6px 0px 0px;
    padding:0px 10px 0px 0px;
    text-align:center;
    text-decoration:none;
}

#navlist a:hover {
    color: #6DC349;
    text-decoration: none;
    font-weight: bold;
}

#footer {
    float:none;
    margin: 10px 20px 0px 20px;
    padding-top: 10px;
}

/*--- END ROLLOVER HORIZONTAL LIST */
/* "boxes" are w=200px h=150px
/*------------------------------------------------------------*/
/*  TEXTS
/*------------------------------------------------------------*/

right.table {
    background-color:#333333;
    margin:0px 10px 0px 10px;
    padding: 5px 10px 5px 10px;
    height: 270px; 
    width: 140px;
}

h1 {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 3px 3px 1px 10px;
}
h2 {
	color: #fff;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 3px 3px 1px 10px;
}
.menus {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px 0px 1px 10px;
}
.content {
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 3px 3px 1px 10px;
}
.small {
	line-height:1.3;
	font-size: .8em;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	color: #fff;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
}
.small2 
{ 
  line-height: 2.0;
  text-align: center;
	font-size: .8em;
	font-weight: normal;
	color:#fff;
	margin-left: 10px;
	margin-right: 0px;
	text-align: center;
}
.black {
    color: Black;
}

.iTune, a:link, a:visited {
  text-align:left;
	text-indent: 10px;
	font-size: .9em;
	color: #6DC349;
	font-family:Verdana, Tahoma, Arial;
	font-weight: normal;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px 2px 10px 10px;
	margin-left: 0px;
	word-spacing:8px;
	letter-spacing: 1px;
	text-decoration:none;
}
.iTune a:hover {
    color: #FF6600;
}
.iTune:active {
}

.cform_hdr {
font-family: Verdana;
font-size: 1.0em;
font-weight: bold;
color:#fff;
text-align:center;
margin-bottom: 2px;
}
.cform_txt {
font-family: Verdana;
font-size: 0.8em;
color:#6DC349;
text-align:left;
margin-bottom: 5px;
}
.cform_lbl {
font-family: Verdana;
font-size: 0.8em;
color:#fff;
text-align:left;
margin-bottom: 5px;
}