/********************************************

	GENERAL STYLES
	Tag-specific styles: body, a, td, img
	General reuseable classes

********************************************/

body  /* The body tag. Body background, overall font settings. */
{	
	background-color:#849580;
	color:#666664;
	background-image:url(bg_body.gif);
}

a /* The link tag. Overall link settings. */
{
	color:#666664; 
}

/*
	color:#556754;
*/

/********************************************

	ICON LINKS
	Classes for varios links with an image icon
	CommentLink, PrintLink, EmailPageLink etc
	
********************************************/

.iconlink a {} /* All icon link a-tags */

.iconlink a:hover /* Hover for all icon link a-tags */
{
    background-color:#E0E8D9;	
}




/********************************************

	OVERALL PAGE STRUCTURE
	Styles for the basic buildning blocks of the page

********************************************/

#fullpagewrap /* Wrap for #page. For setting background. */
{
	background-image:url(bg_fullpagewrap.jpg);
}

#pagewrap /* Wrap for #page. For setting background. */
{
	background-image:url(bg_pagewrap.jpg);
}

#pagebottom /* Page end... */
{
	background-image:url(bg_pagebottom.jpg);
}

#page /* The div holding the page. */
{
	background-color:#82927C;
	background-image:url(bg_page.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

#navigationtrail /* The div holding the navigation trail. */
{
    width:548px;
	background-image:none;
	background-color:#A9B5A2;
	margin-bottom:2px;
}

#navigationtrail a
{
    color:#434343;    
}

#navigationtrail a:hover
{
	background-color:#E0E8D9;
}

#footer /* The div holding the page footer. Do not change text-align */
{
color:#ACB2A7;
}
#footer a
{
    color:#ACB2A7;
}

#footer a:hover
{
    color:#455445;
	background-color:#A9B6A5;	
}

/********************************************

	MENU
	Menu items and links
	
********************************************/

#navigation 
{
    padding-top:3px;
    padding-left:1px;
}

#navigation a
{
	color:#CBD8C5;
}

#navigation a:hover
{
    background-color:#D13D1C;
	color:#F8C89C;
}

#navigation .selected a
{
	color:#F8C89C;
}

#navigation .selectedexpanded a
{
	color:#F8C89C;
}

#navigation ul li div.menuitem
{
    background-image:url(topmenuitem.gif);
    padding-bottom:2px;
}

#navigation ul li div.selected
{
	background-image:url(topmenuitem_selected.gif);
}

#navigation ul li div.expanded
{
	background-image:url(topmenuitem_expanded.gif);
}

#navigation ul li div.selectedexpanded
{
	background-image:url(topmenuitem_selected_expanded.gif);
}

/*  LEVEL 2   ul li ul li */

#navigation ul li ul li div.menuitem
{
	background-image:url(menuitem.gif);
}

#navigation ul li ul li div.selected
{
	background-image:url(menuitem_selected.gif);
}

#navigation ul li ul li div.expanded
{
	background-image:url(menuitem.gif);
}

#navigation ul li ul li div.selectedexpanded
{
	background-image:url(menuitem_selected.gif);
}

/********************************************

	MAINCONTENT
	The "article" content
	
********************************************/

#maincontent /* The box holding the page heading + main body text + print/tip links */
{
	background-color:#FFFEFB;		
}

#mainbody img
{
	border:6px #EDEFE9 solid;
}

/********************************************

	PROGRAMINFO
	On program page to the right of the content
	
********************************************/

#programinfomedialinks
{
	background-image:url(bg_programinfo_medialinks.gif);
}

#programinfomedialinksbottom
{
    background-image:url(bg_programinfo_medialinks_shadow.gif);
}

#broadcastinfo tr.firstrow td div
{
    background-color:#E0E8D9;
    color:#060605;
}


/********************************************

	PUFFS
	Classes for puffs and puff area
	
********************************************/

.puffrow /* Puffgroup size 1 (full width / one row) */
{
	background-image:url(bg_puffrow.gif);
}

.puff1 /* Puff size 1 (full width / one row) */
{
	background-color:#FFFEFB;
}


/*
.puffheading
{
	font-family:Arial;
	font-weight:normal;
	font-size:170%;
	color:#555555;
	margin-bottom:12px;
	margin-top:0px;
}

.puffheading a
{
	color:#555555;
}
*/

.puffheading a:hover
{
	color:#808C7A;
}


/* BOTTOM PUFF */

.bottompuffarea .puffrow
{
	background-image:url(bg_puffrow_shadow.gif);
}

.bottompuffarea .puffcontentwrap
{
	background-color:#D7DDCC;
	border:6px #E9ECE3 solid;
}

.bottompuffarea .puffcontentwrap
{
	background-color:#D7DDCC;
	border:6px #E9ECE3 solid;
}

.bottompuffarea .arrowlink /* Read more... */
{
	background-image:url(i_linkarrow_bottompuff.gif);
}

/********************************************

	PROGRAMINDEX PUFFS
	
********************************************/

.pagetype-programindex .mainpuffarea /* The box holding a puff area */
{
    background-color:#B6C0AF;
}

/* PUFF CAPTION - ONLY PROGRAM INDEX YET... */

.pagetype-programindex .mainpuffarea .puffcaption
{
    background-color:#3F403A;
    color:White;
}

/* NEXT PROGRAM PUFF */

.pagetype-programindex .mainpuffarea .nextprogrampuff
{
    background-color:#B23D1F;
    color:#F8D6BF;
}

.pagetype-programindex .mainpuffarea .nextprogrampuff a
{
    color:#F8D6BF;
}

.pagetype-programindex .mainpuffarea .nextprogrampuff a:hover
{
    color:#F8D6BF;
    background-color:#C84B25;
}

.nextprogrampuff .iconlink
{
	background-image:url(i_linkarrow_nextprogram.gif);
}

/********************************************

	SERIESINFO
	
********************************************/

#seriesinfo
{
    /* todo */
	background-image:url(bg_seriesinfo_shadow.jpg);
}

#seriesinfocontent 
{
	border:6px #D7DDCC solid;
}


/********************************************

	TRAILER
	
********************************************/

#trailer
{
	background-image:url(bg_seriesinfo_trailer.jpg);
}

/********************************************

	SCHEDULE
	
********************************************/

#schedule
{
	background-image:url(bg_seriesinfo_schedule.jpg);
}

#schedule #seriesprogrambox a:hover
{
	background-color:#CDE58A;
}

#schedule a:hover
{
	background-color:#E0E8D9;
}

/* SERIESPROGRAMBOX */

.seriesprogramboxnextprogram
{
    background-color:#CDE58A;
}

/********************************************

	PAGETYPE-POPUP
	
********************************************/
body.pagetype-popup 
{
    background-image:none;
    background-color:#DAE0D6; 
}