/*
PURPOSE:
	[1] Basic cascading stylesheet for ALL borswers
	[2] THE SCIENCE CHANNEL
	[3] MEDIA = SCREEN

REVISION HISTORY:
	April 25th, 2007. v1.0. Created.

STATUS OF THIS DOCUMENT:
	This is a working draft.

MAINTAINER:
	Carl Lewin
	c a r l _ l e w i n @ d i s c o v e r y . c o m

LEGAL NOTICE:
	Distribution of this document is limited.
	Copyright (C) Discovery.com 2007. All Rights Reserved.
*/


/*
==================================
HTML TAGS - ANCHOR TAGS
==================================
*/
/*a { color: #D65620; outline: none;  }
a:visited {
}
a:hover, a:focus { color: #D65620; }
a:active { color: #D65620; }*/


/*
==================================
ID - BOXES
==================================
*/
#pageHeader { background: #000; color: #FFF; }


/*
==================================
ID - HTML TAGS
==================================
*/
#pageHeader ul {
	padding: 5px 15px 0 15px;
	list-style-type: none;
}

#pkgNaviTop ul {
	padding: 12px 12px 6px 12px;
	list-style-type: none;
}

#pkgNaviTop a, #pkgNaviTop a:visited, #pkgNaviTop a:hover, #pkgNaviTop a:focus, #pkgNaviTop a:active { color: #D65620; }

#pkgNaviBody ul {
	padding: 0 12px 12px 12px;
	list-style-type: none;
}

#pkgNaviBody a, #pkgNaviBody a:visited { color: #666; }
#pkgNaviBody a:hover, #pkgNaviBody a:focus, #pkgNaviBody a:active { color: #D65620; }

#pkgNaviBody h2 { color: #000; }

#pageCredits a, #pageCredits a:visited, #pageCredits a:hover, #pageCredits a:focus, #pageCredits a:active { color: #D65620; }


/*
==================================
ID - SPACERS
==================================
*/
#pkgNaviTop {
	width: 161px;
	height: 50px;
	background: #EAEAEA;
}

#pkgNaviBody {
	width: 161px;
	height: 550px;
	background: #C6C6C6;
}

#pkgNaviBody ul li h2 { padding-top: 16px; }

#pkgNaviBody ul li h3 { padding-top: 8px; }


/*
==================================
ID - TEXT
==================================
*/
#packageNavigation {
	font: 93%/1.1em Verdana, Arial, Helvetica, sans-serif;
	/* letter-spacing: -0.3px; */
}

/*
==================================
CLASS - HSW COBRAND
==================================
*/
#content .hsw-co-branding {
    width: auto;
    height: 25px;
    background: url('/images/co-branding/how-stuff-works.gif') no-repeat top right;
}

.cobrandBumper{
    margin: 15px 16px 0 16px;
}