/*
PURPOSE:
	[1] Basic cascading stylesheet for [ CATEGORY : ALL ] [ TYPE : ALL ].

REVISION HISTORY:
	May 03th, 2004. v1.0. Created.
	July 05th, 2005. Added .greyBackground
	October 19th, 2005. v2.0. Added redesign styles

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 2005. All Rights Reserved.
*/


/*
###########################
HTML TAGS
###########################
*/
body { margin: 0px; color: rgb(0,0,0); background-color: rgb(255,255,255); }
a img { border: 0px none; }
li { font: 10px Verdana, Arial, sans-serif; letter-spacing: 0.0em; }


/*
###########################
LINKS
###########################
*/
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }

a.black:link { color: rgb(0,0,0); }
a.black:visited { color: rgb(0,0,0); }
a.black:active { color: rgb(0,0,0); }
a.black:hover { color: rgb(0,0,0); }

a.white:link { color: rgb(255,255,255); }
a.white:visited { color: rgb(255,255,255); }
a.white:active { color: rgb(255,255,255); }
a.white:hover { color: rgb(255,255,255); }


/*
###########################
TEXT
###########################
*/
.centerWell { height: 580px; }
h1 {
	/* 11pt/13pt */
	font: bold 12px/14px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	margin: 1px 0px 1px 0px;
}
h2 {
	/* 10pt/12pt */
	font: bold 11px/13px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	margin: 1px 0px 1px 0px;
}
h3 {
	font: bold 8pt/11pt Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	margin: 1px 0px 1px 0px;
}
h4, h5, h6 {
	font: 10px/12px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	margin: 1px 0px 1px 0px;
}

.smallText {
	font: 9px Arial, sans-serif;
	letter-spacing: 0.0em;
}
.standardText {
	font: 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}
.mediumText {
	font: 11px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}
.largeText {
	font: 12px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}

.headline {
	/* 11pt/13pt */
	font: bold 12px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}
.subhead {
	/* 10pt/12pt */
	font: bold 11px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}
.byline {
	font: 7pt/9pt Arial, sans-serif;
	letter-spacing: 0.0em;
}
.caption {
	/* 9px Arial */
	font: 10px Verdana, sans-serif;
	letter-spacing: 0.0em;
}
.quote {
	font: bold 10px/15px Verdana, Arial, sans-serif;
	letter-spacing: 0.1em;
}

.headerTextOnly {
	font: bold 8pt/11pt Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
}
.headerText {
	font: bold 8pt/11pt Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	padding-top: 4px;
}
.headerShopping {
	font: bold 8pt/11pt Verdana, Arial, sans-serif;
	letter-spacing: -0.1em;
	padding-top: 4px;
}
.headerBullet {
	padding: 5px 5px 4px 10px;
}
				
.date {
	font: 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	color: rgb(0,0,0);
	line-height: 23px;
	vertical-align: middle;
	margin-left: 15px;
}

.fontToggle {
	font: 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	margin: 3px;
}

.zeroLine, .lineZero { line-height: 0px; }
.lineFiveFiveSix { line-height: 556px; } /* 655 - (25 - 48 - 25 - 1) */
.lineSixTwoNine { line-height: 629px; } /* 655 - (25 - 1) */
.lineEightZeroOne { line-height: 801px; } /* 900 - (25 - 48 - 25 - 1) */
.lineEightSevenFour { line-height: 874px; } /* 900 - (25 - 1) */
.lineOne { line-height: 1px; }


/*
###########################
COLORS
###########################
*/
.black {  color: rgb(0,0,0); }
.darkGrey { color: rgb(102,102,102); }
.mediumGrey { color: rgb(153,153,153); }
.grey { color: rgb(204,204,204); }
.white { color: rgb(255,255,255); }
.good { color: #11cc11;}
.bad { color: #cc1111; }

.greyBackground { background-color: rgb(204,204,204); }


/*
###########################
FORMS
###########################
*/
form { margin: 0px; }

.inField, .inputText {
	font: bold 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	color: rgb(102,102,102);
}

.selectText {
	font: bold 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	font-variant: small-caps;
	color: rgb(102,102,102);
}

.pulldownWidth {  width: 200px; }
.paddingPulldownImage { padding: 12px 5px 0px 10px; }
.paddingPulldown { padding: 9px 0px 0px 0px; }


/*
###########################
ADS
###########################
*/
.advertisement {
	font: bold 10px Verdana, Arial, sans-serif;
	letter-spacing: 0.0em;
	color: rgb(153,153,153);
	padding-top: 5px;
}

.headerAdText { font: bold 10px Verdana, Arial, sans-serif; letter-spacing: 0.0em; color: rgb(255,255,255); }


/*
###########################
CREDITS
###########################
*/
.creditsText { font: 9px Arial, sans-serif; letter-spacing: 0.0em; padding-top: 5px; }
.creditsBoxSix { padding: 30px 75px 20px 75px; text-align: center; }
.creditsBoxSeven { padding: 30px 155px 20px 155px; text-align: center; }
.creditsBoxEight { padding: 30px 195px 20px 155px; text-align: center; }


/*
###########################
BOX DEFINITIONS
###########################
*/
.headerBox { border: 1px solid rgb(204,204,204); }
.bodyBox { border: solid rgb(204,204,204); border-width: 0px 1px 1px 1px; }
.sideBox { border: solid rgb(204,204,204); border-width: 0px 1px 0px 1px; }

.headerXY150 { width: 148px; height: 23px; }
.bodyXY150 { width: 148px; height: auto; }

.headerXY190 { width: 188px; height: 23px; }
.bodyXY190 { width: 188px; height: auto; }

.headerXY305 { width: 303px; height: 23px; }
.bodyXY305 { width: 303px; height: auto; }
.pulldownXY305 { width: 303px; height: 38px; }

.headerXY460 { width: 458px; height: 23px; }
.bodyXY460 { width: 458px; height: auto; }
.pulldownXY460 { width: 458px; height: 38px; }

.headerXY615 { width: 613px; height: 23px; }
.bodyXY615 { width: 613px; height: auto; }
.pulldownXY615 { width: 613px; height: 38px; }

.headerXY655 { width: 653px; height: 23px; }
.bodyXY655 { width: 653px; height: auto; }
.pulldownXY655 { width: 653px; height: 38px; }

.headerXY770 { width: 768px; height: 23px; }
.bodyXY770 { width: 768px; height: auto; }

.barTypeOneColumn { width: 150px; height: 25px; }
.barTypeTwoColumn { width: 305px; height: 25px; }
.barTypeThreeColumn { width: 460px; height: 25px; }
.barTypeFourColumn { width: 615px; height: 25px; }
.barTypeFiveColumn { width: 770px; height: 25px; }

.barTypeOneColumnMore { width: 190px; height: 25px; }
.barTypeThreeColumnMore { width: 428px; height: 25px; }
.barTypeFourColumnMore { width: 655px; height: 25px; }
.barTypeFullWidth { width: 810px; height: 25px; }


/*
###########################
MARGINS, PADDING, SHIMS
###########################
*/
/* top, right, bottom, left */
.widthSix { width: 615px; }
.widthSeven { width: 770px; }
.widthEight { width: 810px; }

.zeroOut { margin: 0px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }

.shim5 { margin-top: 5px; }
.shim10 { margin-top: 10px; }
.shim15 { margin-top: 15px; }
.shim20 { margin-top: 20px; }
.shim25 { margin-top: 25px; }

.shift5 { margin-left: 5px; }
.shift10 { margin-left: 10px; }
.shift15 { margin-left: 15px; }
.shift20 { margin-left: 20px; }


/*
###########################
DISPLAY
###########################
*/
.hide { display: none; }
.block { display: block; }
.floatRight { float: right; }
.floatLeft { float: left; }


/*
###########################
POSITIONING
###########################
*/
.posAbsolute { position: absolute; }
.posRelative { position: relative; }
.posUFO { position:absolute; top:0px; left:0px; }


/*
###########################
POSITION SPECIFIC CONTAINER
DSC :: ATLAS :: AMEX
###########################
*/
.wrapper 
{
position:relative;
margin:0px auto;
text-align:left;
width:990px;
}

.wrapperNav
{
position:relative;
margin:0px auto;
text-align:left;
width:150px;
}

.wrapperBanner
{
position:relative;
margin:0px auto;
text-align:left;
width:615px;
}

.wrapper770
{
position:relative;
margin:0px auto;
text-align:left;
width:770px;
}