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

	UR seriesida
    Bajo el cielo de Madrid

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

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

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

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

body
{
    background-color:#7B2015;
    background-image:none;
    color:#555555;    
}

a
{
    color:#555555;
}

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

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

.iconlink a:hover
{
    color:#F4B47A;
    background-color:#CA4F27;
}

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

.printlink /* Print the page */
{
	background-image:url(i_print.gif);
}

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

	HEADINGS
	h1, h2, and special headings 
	
********************************************/

h1
{
	font-family:verdana;
	font-weight:bold;
	font-size:150%;
}

h2
{
	font-family:verdana;
	font-weight:bold;
	font-size:110%;
}

h3
{
	font-family:verdana;
	font-weight:bold;
	font-size:100%;
}

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

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

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

#fullpagewrap
{
	background-image:none;
}

#pagewrap
{
    background-image:url(bg_pagewrap.gif); /* Vertikal bakgrund runt body  */
}

#pagebottom /* Page end... */
{
	background-image:url(bg_pagebottom.gif); /* Botten på sida och vertikal bakgrund */
	height:25px; /* Så mycket som skall synas av bilden*/
}

#page
{
    /*background-image:none;*/
    background-color:#19130E;
    background-image:url(bg_page.gif);
    background-position:top;
    background-repeat:repeat-x;    
}


td#leftcolumn
{
    padding-top:26px;
}

/*
td#leftcolumn, td#columnseparator, td#contentcolumn
{
    background-image:url(bg_leftandmaincolumn.gif);
    background-position:top;
    background-repeat:repeat-x;
    
}
*/

#navigationtrail
{
    color:#CD6040;
    line-height:25px;
	background-image:none;
}

#navigationtrail a
{
	color:#CD6040;
}

#navigationtrail a:hover
{
    background-color:#9C3219;
	color:#F4B47A;
}

#footer
{
    color:#878684;
}

#footer a
{
    color:#878684;
}

#footer a:hover
{
    color:#AAAAA6;
    background-color:#5F5B55;
}

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

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

#navigation a
{
	color:#F4B47A;
}


#navigation a:hover
{
    background-color:#EFE3A7;
	color:#1A130E;
}

#navigation .selected a
{
	color:#1A130E;
}

#navigation .selectedexpanded a
{
	color:#1A130E;
}

#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);
}

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

	SEARCH
	The search field next to the menu
	
********************************************/

.searchbutton /* Search button. Do not change float or display. */
{
	background-image: url(b_search.gif);
}

.searchbutton:hover /* Search button. Do not change float or display. */
{
	background-image: url(b_search_hover.gif);
}

.searchfield /* The text field */
{
    background-color:#E3DDB7;
	border-top: solid 1px #7A2410;
	border-left: solid 1px #7A2410;
	border-right: solid 1px #4C220E;
	border-bottom: solid 1px #4C220E;
	c-olor: #3D4645;
}

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

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

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


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

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

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

#programinfo .videolink a
{
	color:#999685;
}

#programinfo .videolink a:hover
{
    color:#F4B47A;
    background-color:#CA4F27;
}

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

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

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

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

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

.puff1
{
    background-color:#E0DAB9;
}

.puffheading
{
	font-family:Verdana;
	font-weight:bold;
	font-size:150%;
}

.puffheading a
{
}

.puffheading a:hover
{
	color:#CA4F27;
}

/* BOTTOM PUFF */

.bottompuffarea .puffrow
{
	background-image:none;
}

.bottompuffarea a
{
    color:#E7AB76;
}

.bottompuffarea .puffcontentwrap
{
    color:#F4B47A;
	background-color:#8A1201;
	border:6px #7B2015 solid;
}

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

	PROGRAMINDEX
	
********************************************/

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


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

/* NEXT PROGRAM PUFF */

.pagetype-programindex .mainpuffarea .nextprogrampuff
{
    background-color:#A33216;
    color:#F4E2D1;
}

.pagetype-programindex .mainpuffarea .nextprogrampuff h2 a:hover
{
    background-color:transparent;
    c-olor:#F8E5E2;
}


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

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

#seriesinfo
{
	background-image:none;
}

#seriesinfocontent 
{
	b-ackground-color:#F6F7F5;
	b-order:6px White solid;
	border-color:#DEDABE;
}

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

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


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

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

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

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


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

	INFOBOX
	
********************************************/

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

	PAGETYPE-...
	
********************************************/

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

	PAGETYPE-START
	
********************************************/

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

body.pagetype-popup 
{
    background-color:#D5D0AE;
}

#schedule a:hover
{
    background-color:#CA4F27;
    color:#F4B47A;
}