body { 
margin-top: 20px; 
margin-left: 20px; 
background-color: #000000;
font: normal 8pt Verdana, Arial;
color: #ffffff;
}

img {
border: 0;
}

a {
color: #ffffff;
text-decoration: none;
}

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

/* layout div styles */
#box {
position: absolute;
left: 50%;
margin-left: -410px;
width: 820px;
top: 16px;
}

#footer {
clear: both;
height: 30px;
font: 8pt Verdana, Arial;
color: #333333;
}

#footer span, #footer span a  {
color: #99ff66;
}

#footer a {
color: #333333;
}

#footer a:hover {
color: #cccccc;
}

/**********************
article styles 
**********************/
#article {
float: left;
width: 550px;
margin: 16px 0 10px 0;
overflow: hidden;
}

#article h1, #fullsize h1 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: bold 14pt Verdana, Arial;
}

#article h2, #fullsize h2 {
margin: 0;
padding: 0;
margin-bottom: 10px; 
font: italic 11pt Verdana, Arial;
}

#article p, #fullsize p {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: normal 10pt Verdana, Arial;
}

#article img {
float: right;
clear: both;
padding: 18px 0 10px 15px;
}

#flashcontainer, #flashcontent, #FLVcontainer, #FLVcontent {
float: right;
clear: both;
background-color: #1B1B1B;
}

/* landscape article styles */
#fullsize {
float: left;
width: 820px;
margin: 16px 0 10px 0;
}

/**********************
section synopsis styles 
**********************/

#sectionSynopsisRHS {
float: right;
width: 244px;
margin: 20px 0 10px 0;
overflow: hidden;
}

.sectionSynopsis .article {
height: 77px;
overflow: hidden;
margin: 8px 6px 0 8px;
}

.sectionSynopsis img, .sectionSynopsis .spacer {
float: left;
margin: 0px 6px 20px 0;
height: 64px;
width: 50px;
color: #FF3333;
}

.sectionSynopsis .spacer {
border: 1px solid #1B1B1B;
background: url(assets/logo_brand2.gif) no-repeat center center;
}

.sectionSynopsis h1 {
font: bold 8pt Verdana, Arial;
}

.sectionSynopsis h2 {
margin-bottom: 6px; 
font: italic 8pt Verdana, Arial;
}

.sectionSynopsis h1, .sectionSynopsis h2, .sectionSynopsis p  {
margin: 0;
padding: 0; 
}

/* jukebox styles */
.sectionSynopsis .jukeboxItem {
height: 54px;
overflow: hidden;
margin: 6px 6px 0 8px;
}

.sectionSynopsis .jukeboxItem img {
float: left;
margin: 0px 6px 0px 0;
height: 54px;
width: 54px;
}

.jukebox h1 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: bold 12pt Verdana, Arial;
}

.jukebox h2 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: italic 11pt Verdana, Arial;
}

.jukebox h3 {
margin: 0;
padding: 0;
margin-bottom: 10px; 
font: normal 10pt Verdana, Arial;
}

/*********************
section listing styles
*********************/

#sectionBanner {
margin: 8px 0 0 10px;
}

.sectionListing  {
float: left;
width: 600px;
}

.sectionTitle {
margin: 8px 0 20px 0;
}

.sectionListing div {
margin-bottom: 20px;
height: 120px;
overflow: hidden;
}

.sectionListing img {
float: left;
margin: 0 8px 0 3px;
height: 100px;
width: 80px;
}

.sectionListing .spacer{
float: left;
margin: 0 8px 0 3px;
height: 100px;
width: 80px;
border: 1px solid #1B1B1B;
background: url(assets/logo_brand2.gif) no-repeat center center;
}

.sectionListing h1 {
padding: 0;
margin: 4px 0 16px 0 ; 
font: bold 11pt Verdana, Arial;
}

.sectionListing h2 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: bold 10pt Verdana, Arial;
}

.sectionListing h3 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: italic 9pt Verdana, Arial;
}

.sectionListing p {
margin: 0;
padding: 0;
margin-bottom: 6px; 
font: normal 9pt Verdana, Arial;
}

/*********************
side panel styles
*********************/
#rhs {
float: right;
width: 170px;
margin: -76px 10px 0 0;
overflow: hidden;
}

#rhs .spItem {
margin-bottom: 20px;
}

#rhs img {
margin: 0 0 10px 0;
}

#rhs h1 {
padding: 0;
margin: 4px 0 16px 0 ; 
font: bold 10pt Verdana, Arial;
}

#rhs h2 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: bold 9pt Verdana, Arial;
}

#rhs h3 {
margin: 0;
padding: 0;
margin-bottom: 5px; 
font: italic 8pt Verdana, Arial;
}

#rhs p, #rhs div {
margin: 0;
padding: 0;
margin-bottom: 6px; 
font: normal 8pt Verdana, Arial;
}

/**********
Link styles
**********/

.sectionSynopsis#bread a:hover, .sectionListing#bread a:hover, #article.bread a:hover {
color: #ff0099; 
}

.sectionSynopsis#music a:hover, .sectionListing#music a:hover, #article.music a:hover {
color: #99ff66; 
}

.sectionSynopsis#come a:hover, .sectionListing#come a:hover, #article.come a:hover {
color: #ff9900; 
}

.sectionSynopsis#film a:hover, .sectionListing#film a:hover, #article.film a:hover {
color: #3366ff; 
}