/*
PURPOSE:
	[1] Basic cascading stylesheet for ALL browsers
	[2] All Content Pages
	[3] MEDIA = SCREEN

REVISION HISTORY:
	April 10th, 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
==================================
*/
* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background: #FFF;
	font: 70%/1.2 Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
}


/*
==================================
HTML TAGS - ANCHOR TAGS
==================================
*/
a, img { border: 0 none; }

a, a:visited { text-decoration: none; }
a:active, a:hover, a:focus { text-decoration: underline; }

a.black, a.black:visited, a.black:active, a.black:hover, a.black:focus { color: #000; }
a.white, a.white:visited, a.white:active, a.white:hover, a.white:focus { color: #FFF; }

a.rss {
	padding-right: 13px;
	background: url(/common/sgallery/rss/light/feed-icon-10x10.gif) center right no-repeat;
}


/*
==================================
HTML TAGS - FORMS
==================================
*/
input.text {
	color: #666;
	background: #FFF;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
	height: 13px;
}

textarea.textarea {
	color: #666;
	background: #FFF;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
}

input.submit {
	color: #666;
	font: bold 10px/10px Verdana, sans-serif;
}


/*
==================================
HTML TAGS - TEXT
==================================
*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.0em;
}

h1.headline { font-size: 120%; }

strong, b {
	font-weight: bold;
	font-size: 90%;
}


/*
==================================
CLASS - COLORS
==================================
*/
.black { color: #000; }
.darkGrey { color: #333; }
.mediumGrey { color: #999; }
.grey { color: #CCC; }
.white { color: #FFF; }

.good { color: #11cc11; }
.bad { color: #cc1111; }


/*
==================================
CLASS - FLOAT + CLEARING
==================================
*/
.floatLeft { float: left; }
.floatRight { float: right; }

.clearfix:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.clear { clear: both; }


/*
==================================
CLASS - POSITIONING
==================================
*/
.adSlugPosition { margin-left: 13px; }


/*
==================================
CLASS - SPACERS
==================================
*/
.bumper { margin: 20px 16px 16px 16px; }
.bumperAdjacentTop { margin: 20px 16px 0 16px; }
.bumperAdjacentBottom { margin: 0 16px 16px 16px; }
.standardFramePadding { padding: 10px 16px; }

.onexone {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.onexfive {
	width: 1px;
	height: 5px;
	overflow: hidden;
}

.onexsix {
	width: 1px;
	height: 6px;
	overflow: hidden;
}

.onexten {
	width: 1px;
	height: 10px;
	overflow: hidden;
}


.onexfifteen {
	width: 1px;
	height: 15px;
	overflow: hidden;
}

.fivexfive {
	width: 5px;
	height: 5px;
	overflow: hidden;
}


/*
==================================
CLASS - TEXT
==================================
*/
.adSlug {
	font: small-caps bold 95%/1.2 Verdana, Helvetica, Arial, sans-serif;
	color: #999999;
}

.smallText, .subHeadline { font-size: 82%; }


/*
==================================
CLASS - VISIBILITY + POSITIONING
==================================
*/
.block { display: block; }
.none { display: none; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }


/*
==================================
ID - FRAMES
==================================
*/
#threeColumnFrame {
	border: 1px solid #CCC;
	width: 491px;
	min-height: 550px;
}

#fourColumnFrame {
	border: 1px solid #CCC;
	width: 657px;
	min-height: 550px;
}

#sixColumnFrame {
	border: 1px solid #CCC;
	width: 988px;
	height: auto;
	/*background-color: #FFF;
	color: #000;*/
}

/*
==================================
ID - HTML TAGS
==================================
*/
#articleText p { padding-bottom: 10px; }

#articleText ul {
	list-style-type: disc;
	padding-left: 15px;
}

#articleText ol {
	list-style-type: decimal;
	padding-left: 15px;
}

#footerSearch input.query {
	width: 250px;
	height: 13px;
	background: #FFF;
	color: #666;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
}

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

#pageHeader ul {
	padding: 5px 15px 0 15px;
	list-style-type: none;
}

#pageHeader ul li {
	float: left;
}

#googleAfcContainer ul li{
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin-right: 2px;
	width: 238px;
}

/*
==================================
ID - SPACERS
==================================
*/
#footerCredits { padding: 5px 10px 8px 10px; }

#footerCredits #category {
	width: 132px;
	padding-right: 10px;
}

#footerCredits #credits {
	width: 831px;
	padding-bottom: 3px;
}

#footerCredits #privacy-policy, #footerCredits #copyright, #footerCredits #marketing { margin: 3px 0 3px 141px; }

#footerSearch #query { padding: 8px; }

#googleAfcContainer {
	height: 58px;
	/*background-color: #FFF;
	color: #000;*/
}

/*
==================================
ID - TEXT
==================================
*/
#footerSearch #sitesearch {
	font: bold 125% Helvetica, Verdana, sans-serif;
	letter-spacing: -0.1px;
	color: #666;
}

#pageCredits {
	width: 990px;
	height: auto;
	margin-top: 16px;
	/* background: #EBEBEB; */
	font-size: 82%;
	color: #000;
	clear: left;
}

#footerNewsletter {
	font: bold 125% Helvetica, Verdana, sans-serif;
}