/*
PURPOSE:
	[1] Basic cascading stylesheet for ALL borswers
	[2] Widgets - [ template(s) : framework/article, framework/indices ]
	[3] MEDIA = SCREEN

REVISION HISTORY:
	June 30th, 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.
*/


/*
==================================
CLASS - COLORS
==================================
*/
.lightWidgetRow { background-color: #FFF; }
.darkWidgetRow { background-color: #E8E8E8; }


/*
==================================
CLASS - TEXT
==================================
*/
.ecommPromoText { color: #66CC00; }


/*
==================================
CLASS - SPACERS
==================================
*/
.tvWidgetDatePadding { padding: 8px 0 8px 16px; }
.tvWidgetDetailPadding { padding: 8px 16px 8px 0; }

.moreListings { padding: 8px 0 8px 88px; }

.standardWidgetPadding { padding: 10px 16px; }

.standardWidgetPadding #wide_ad_unit {
	height:70px;
}

.standardWidgetPadding #narrow_ad_unit {
	padding:0px;
	height:auto;
}

/*
==================================
ID - BOXES
==================================
*/
#ecommWidgetHighlight {
	display: block;
	width: 139px;
	height: 190px;
	overflow: hidden;
}

#ecommWidgetDivider {
	display: block;
	width: 13px;
	height: 190px;
	margin: -190px 0 0 140px;
}

#ecommWidgetDivider .ecommWidgetSpacer {
	display: block;
	width: 1px;
	height: 190px;
	background: #CCC;
	overflow: hidden;
}

#ecommWidgetItems {
	display: block;
	width: 140px;
	height: 190px;
	margin: -190px 0 0 153px;
	overflow: hidden;
}

#listingsDivider {
	border: solid #CCC;
	border-width: 1px 0 0 0;
}

#newsWidgetDate {
	display: block;
	width: 55px;
	height: 10px;
}

#newsWidgetDescription {
	display: block;
	width: auto;
	height: auto;
	margin: -10px 0 0 55px;
}

/*
==================================
ID - FRAMES
==================================
*/
#oneColumnWidget {
	border: 1px solid #CCC;
	width: 159px;
	height: auto;
}

#twoColumnWidget {
	border: 1px solid #CCC;
	width: 324px;
	height: auto;
}

#twoColumnWidget #promo-item #promo-image {
	display: block;
	width: 70px;
	height: 70px;
}

#twoColumnWidget #promo-item #promo-text {
	display: block;
	width: 222px;
	height: 70px;
	overflow: hidden;
	margin: -70px 0 0 70px;
}

#threeColumnWidget {
	border: 1px solid #CCC;
	width: 457px;
	height: auto;
}

#threeColumnBottomWidget {
	border: 1px solid #CCC;
	width: 491px;
	height: auto;
}

#fourColumnWidget {
	border: 1px solid #CCC;
	width: 623px;
	height: auto;
}

#fourColumnBottomWidget {
	border: 1px solid #CCC;
	width: 657px;
	height: auto;
}

#fiveColumnBottomWidget {
	border: 1px solid #CCC;
	width: 823px;
	height: auto;
}

/*
==================================
ID - HTML TAGS
==================================
*/
#promo p, #related-links p { padding-bottom: 10px; }

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

#wide_ad_unit ul li {
	float:left;
	overflow:hidden;
	list-style-type:none;
	margin-right:1px;
	width:315px;
}

#wide_ad_unit ul li span, #narrow_ad_unit span {
	font-size:90%;
}

/*
==================================
ID - SPACERS
==================================
*/
#photo { padding: 0 0 16px 16px; }

#widgets-in-top-right { padding-left: 16px; }
#widgets-in-top-left { padding-right: 16px; }
#widgets-in-bottom, #widgets-out-bottom, #widgets-out { padding-top: 10px; }