/**
 * @fileOverview    Custom CSS file which contains custom styles for: (show sites) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Tues, 1 Dec 2009 13:39:17 EST.
 *                  Build Date: $Id: $
 *                  Copyright (C) Discovery.com 2010. All Rights Reserved.
 * @name           sabrina ngai
 */


/**
 * NOTE: 
 * There are global styles defined at the all-nets level and individual network level. Styles listed below will either augment or override those global styles. 
 * In the spirit of green coding, copy and paste just the necessary parts onto a new file to reduce file size.
 * Generally speaking, if you change border size or turn border off/on other than its default setting, then width must be changed as well
 * If content start to wrap or stack then there is probably a pixel off somewhere
 * Font sizes should only be in ems
 * Web safe colors can be abbreviated to 3 digits ex: #F0C instead of #FF00CC 
 * "pair" means the definitions below this comment needs to paired (use together)
*/
 
 
/**
 * @description     GLOBAL IDS for BODY, CONTAINER and TOPHAT definitions
 */
body { 
		background: #000 url('/tv/american-chopper/css-images/american-chopper-page-bkg.jpg') no-repeat top center;
        /*font-family: Arial, Helvetica, sans-serif;*/
}

/* link and visited text color */
a, a:link, a:visited { color: #787878; }

/* link text color on rollover(hover)  */
a:hover, a:active, a:focus { color: #C00000; }

#container-left-column { 
		background-color: none;
		background-image: none;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (container) definitions
 * These generic module containers define the padding, border with & color and background color of every module under the player except for the footer
 * By default there is a one pixel white border around these modules.  If no border is desired, then width definition should alos be turned on.  
 */
.one-columns-module {
		/* pair */
		/* width: 286px; */
		/* border: none; */
}

.two-columns-module {
		/* pair */
		/* width: 622px; */
		/* border: none; */
}

.three-columns-module {
		/* pair */
		/* width: 958px; */
		/* border: none; */
}

.one-columns-module,
.two-columns-module,
.three-columns-module {
		background-color: #171c21;
		border-color: #242424;
	    color: #787878;
		/*font-family: Arial, Helvetica, sans-serif;*/
}



/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (header) definitions
 * Affects all headers on left column
 */
#container-left-column dl.header dd.title h2 {  /* header text */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.55em;
		color: #C00000;
		line-height: 0.80em;
		font-weight: normal;
		padding-bottom: 9px;
}

#container-left-column dl.header dd.more-content a {  /* more link text */
		color: #C00000; 
		font-weight: bold;
		line-height: 1.20em;
		padding: 3px 0 6px 0;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (header) definitions
 * Affects all headers on right column
 */
#container-right-rail dl.header dd.title h4 { /* header text */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.55em;
		color: #C00000;
		line-height: 0.80em;
		font-weight: normal;
		padding-bottom: 9px;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (rule below header) definitions
 * rule can be defined at the global level or at individual module level (see specific module styles below)
 */
.rule {	border-color: #2b3239; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (banner) definitions
 * Affects text and link color for banner dark and light theme
 */
#banner-show-topic .light-theme .show-information .navigation dd a { color: #C00000; }

#banner-show-topic .light-theme .show-information .navigation dd a:hover { color: #333; }

#banner-show-topic .light-theme .show-information .showtime { color: #333; }

#banner-show-topic .dark-theme .show-information .navigation dd a { color: #C00000; }

#banner-show-topic .dark-theme .show-information .navigation dd a:hover { color: #CCC; }

#banner-show-topic .dark-theme .show-information .showtime { color: #787878; }

#banner-show-topic .navigation dd {
		font-size: 1.0em;
		font-weight: bold;
}

#banner-show-topic .show-information .showtime { 
		font-size: 1.0em; 
		font-weight: bold;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (minified playlist player) definitions
 * Affects the player and its Now/Next navigation.
 * There is no border by default.  If a border is desired, then the width definitions have to be turned on. This will shrink the width by 2 pixels to accomodate the border 
 */
#minified-playlist-player { 
		background: url('/tv/american-chopper/css-images/american-chopper-video-bkg.jpg') no-repeat 0 0;
		/* "no-repeat" means no tiling.  You can set it to "repeat-x" or "repeat-y" */
		/* "0 0" means align "top left".  You can also align it "top right", "bottom left", or "bottom right" */
		background-color: transparent;
		/* pair */
		/*border: 1px solid #FFF;
		width: 996px;*/
}

#minified-playlist-player #video-title-controls { 
		font-size: 1.0em;
		color: #787878; /*font color to nonlinkable text*/
}

#minified-playlist-player #video-title-controls a { color: #C00000; } /*font color to linkable text*/


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (consolidated video content title) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.consolidated-video-content {
		background: url('/tv/american-chopper/css-images/video-thumbs-bkg.jpg') no-repeat 0 0;
        background-color: #171c21;
		/*border-color: #FFF;*/
		/* pair */
		/*border: none;
		width: 958px;*/
}

.consolidated-video-content .video-list { border-color: #FFF; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video thumbnails) definitions
 */
/* video thumbnail list */
.video-list dd { background-color: transparent; }

.video-list dd a .video-thumbnail { border-color: transparent; } /* Transparent border is not supported in ie6.  The border will be the color of its nearby text color. */

.video-list dd a:hover .video-thumbnail { border-color: #FFF; }

/*.video-list dd a:hover img { border-color: #C00000; }*/

.video-list dd a:hover span img { border-color: transparent; }

/* video descriptions */
.video-list dd p { color: #787878; }

/* video descriptions overlay */
.video-list a:hover .overlay-descriptive-text { 
        color: #000;
        /*background-color: #FFF;
		border-color: #C00000;*/
}

/* playlist count overlay */
.video-list .descriptive-text .overlay-clip-count { 
        color: #FFF;
        background-color: #333;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video descriptions) definitions
 */
.video-list .clip-type { color: #787878; }
.video-list .clip-name a { color: #787878; }
.video-list .clip-name a:hover, .video-list .clip-name a:visited,{ color: #ccc; }



/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (ad 300x250 rectangle) definitions
 */
.rectangle { background: #D7D7D7; }

.rectangle .ad-rectangle { background: #D7D7D7; }

.ad-rectangle-text { color: #666; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (about) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.about-content {
		background: url('/tv/american-chopper/css-images/about-bkg.jpg') no-repeat 0 0;
        background-color: #171c21;
		/*border-color: #C00000;*/
		/* pair */
		/*border: none;
		width: 286px;*/
}

.about-content .rule { 
		/*border-color: #E4E4E4;*/ /* either change a border color or hide the border, not both */
		/*border: none;*/
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (carousel) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.slideshow {
		background: url('/tv/american-chopper/css-images/1-col-gradient.jpg') no-repeat 0 0;
        background-color: #171c21;
		/*border-color: #C00000;*/
		/* pair */
		/*border: none;
		width: 286px;*/
}

.slideshow .carousel .images img {
		border-color: #999; /* either change a border color or hide the border, not both */
		border: none;
}

.slideshow .carousel ul.navigation li.name { color: #C00000; }

.slideshow .carousel ul.navigation li.name { font-size: 1.2em; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (blog posts) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.recent-blog-posts {
		background: url('/tv/american-chopper/css-images/2-col-gradient-short.jpg') no-repeat 0 0;
        background-color: #171c21;
		/*border-color: #C00000;*/
		/* pair */
		/*border: none;
		width: 622px;*/
}

.recent-blog-posts .rule { 
		/*border-color: #E4E4E4;*/ /* either change a border color or hide the border, not both */
		/*border: none;*/
}

.recent-blog-posts dl.posts dd.thumbnail img { 
		border-color: #E4E4E4; /* either change a border color or hide the border, not both */
		border: none;
}

.recent-blog-posts dl.posts dd.description a { color: #C00000; }

.recent-blog-posts dl.posts dd.more-posts ul li { color: #C00000; }

.recent-blog-posts dl.posts dd.more-posts a { color: #C00000; }

.recent-blog-posts dl.posts dd.description { font-size: 1.30em; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (photos and more) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.photos-and-more {
		background: url('/tv/american-chopper/css-images/2-col-gradient-tall.jpg') no-repeat 0 0;
        background-color: #12151a;
		/*border-color: #C00000;*/
		/* pair */
		/*border: none;
		width: 622px;*/
}

.photos-and-more dl.photos dd.feature-photo img,
.photos-and-more dl.photos dd.more-photos img { 
		border-color: #E4E4E4; /* either change a border color or hide the border, not both */
		border: none;
}

.photos-and-more dl.photos p.caption a { color: #C00000; }

.photos-and-more dl.photos p.caption { font-size: 1.0em; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (featured promotables) definitions
 * There is a 1 pixel border by default.  If no border is desired, then the width definitions have to be turned on. 
 */
.featured-promotables {
		background: url('/tv/american-chopper/css-images/2-col-gradient-short.jpg') no-repeat 0 0;
       background-color: #171c21;
		/*border-color: #C00000;*/
		/* pair */
		/*border: none;
		width: 622px;*/
}

.featured-promotables dd a { color: #C00000; }

.featured-promotables dl.promos dd.item img { 
		border-color: #E4E4E4; /* either change a border color or hide the border, not both */
		border: none;
}

.featured-promotables dl.promos dd.item p.caption {
        font-size: 1.0em;
		font-weight: bold;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (suggested links) (suggested topics) definitions
 */
.module-suggested-links { 
        background: url('/tv/american-chopper/css-images/1-col-gradient.jpg') no-repeat 0 0;
		background-color: #171c21;
		/*border-color: #242424;*/
}

.module-suggested-links .rule { 
		/*border-color: #E4E4E4;*/ /* either change a border color or hide the border, not both */
		/*border: none;*/
}

.module-suggested-links ul { color: #747474; }

.module-suggested-links li { font-size: 1.0em; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (ecommerce) definitions
 */
.ecommerce-two-columns-module { 
        background: url('/tv/american-chopper/css-images/1-col-gradient.jpg') no-repeat 0 0;
		background-color: #171c21;
		/*border-color: #242424;*/
}

.ecommerce-two-columns-module .rule { 
		/*border-color: #E4E4E4;*/ /* either change a border color or hide the border, not both */
		/*border: none;*/
}

.ecommerce-two-columns-module .module-content { font-size: 0.85em }

.ecommerce-two-columns-module .feature-product .shop-now a { font-size: 1.1em; }

.module-divider { background-color: #2b3239; }

.ecommerce-two-columns-module .secondary-products strong.promo-text { color: #66CC00; }
 
.ecommerce-two-columns-module .offer-price { color: #787878; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (google ad sense) definitions
 */
#container-right-rail #google-afc-region-one .afc-headline {
        font: bold 0.95em Arial, Helvetica, sans-serif;
        /*color: #787878;
        background: none;*/
}

#container-right-rail #google-afc-region-one .afc-headline a { color: #787878; }

#container-right-rail #google-afc-region-one ul {
        list-style-type: none;
}


#container-right-rail #google-afc-region-one a:active, #google-afc-region-one a:hover, #google-afc-region-one a:focus { text-decoration:underline;}

#container-right-rail #google-afc-region-one a.afc-title {
        font: bold 0.95em Arial, Helvetica, sans-serif;
		color: #C00000;
}

#container-right-rail #google-afc-region-one .afc-description {
        font: 0.95em Arial, Helvetica, sans-serif;
        color: #787878;
}

#container-right-rail #google-afc-region-one a.afc-url {
        font: 0.75em Arial, Helvetica, sans-serif;
        color: #999;
}

#container-right-rail #google-afc-region-one .afc-item a,
#container-right-rail #google-afc-region-one .afc-item a:link,
#container-right-rail #google-afc-region-one .afc-item a:visited { text-decoration: none; }

#container-right-rail #google-afc-region-one .afc-item a:hover, 
#container-right-rail #google-afc-region-one .afc-item a:active, 
#container-right-rail #google-afc-region-one .afc-item a:focus { text-decoration: underline; }




/**
 * @description     CLASSES / IDS / XHTML TAGS for PAGE CREDITS definitions
 */
#page-credits {
		background-color: transparent;
		font-size: 0.85em; 
}

#page-credits dd { border-right: 1px solid #232323; }

#page-credits ul { color: #575757; }

#page-credits p { color: #575757; }

#page-credits ul li a { color: #C00000; }

/* footer copy */
.footer-copy {
        color: #575757;
}