/**
 * @fileOverview    Universal CSS file which contains global styles for: (homepage) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Mon, 17 Mar 2008 16:00:00 EST.
 *                  Build Date: $Id: homepage.css,v 1.2 2008/11/14 19:19:01 npereira Exp $
 *                  Copyright (C) Discovery.com 2008. All Rights Reserved.
 * @name            greg loucas
 */


/**
 * @description     IDS for CONTAINER definitions
 */
#container-left-column {
        width: 659px;
        display: block;
        vertical-align: top;
        float: left;
}

#container-right-rail {
        width: 321px;
        display: block;
        vertical-align: top;
        float: right;
        margin-top: 10px;
}


/**
 * @description       CLASSES / IDS / XHTML TAGS for ROTATING SWF BANNER definitions
 */
#dynamic-rotating-lead { width: 659px; }

#dynamic-rotating-lead ul.content-list { list-style: none; }

#dynamic-rotating-lead ul.content-list li img{
        margin-top: 15px;
        width: 309px;
        height: 210px;
}

#dynamic-rotating-lead ul.content-list li strong { margin-left: 15px; }

#dynamic-rotating-lead ul.content-list li p {
        margin-left: 15px;
        padding: 0 10px 5px 0;
}

#dynamic-rotating-lead ul.content-list li p.category { font-weight: bold; }

#dynamic-rotating-lead ul.content-list li h2 {
        margin-left: 15px;
        font-size: 1.5em;
        line-height: 1em;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for HOME PAGE ARTICL LIST definitions
 */ 
/** runner */
#container-left-column #home-article-list .runner { height: 35px; }

#container-left-column #home-article-list .runner .votes {
        width: 75px;
        height: 35px;
        display: block;
        border-style: solid;
        border-width: 0 1px 0 0;
        margin: -35px 0 0 583px;
}

#container-left-column #home-article-list .runner .votes img {
        width: 51px;
        height: 35px;
        /*position: relative;*/
        margin: -5px 0 0 15px;
}

#container-left-column #home-article-list .runner .header {
        width: 583px;
        height: 35px;
        display: block;
        border-style: solid;
        border-width: 0 1px 0 0;
}

#container-left-column #home-article-list .header dl { list-style: none; }

#container-left-column #home-article-list .header dd {
        float: left;
        padding: 6px 0 0 0;
}

#container-left-column #home-article-list .header .rss { 
        padding: 10px 100px 0 10px;
        width: 60px;
}

#container-left-column #home-article-list .header .most-recent, #container-left-column #home-article-list .header .most-popular { padding-right: 15px; }

/** table data */
#container-left-column #home-article-list table { border-collapse: collapse; }

#container-left-column .arrow-most-recent { background: url('/images/modules/in-context/down-arrow-plain.gif') no-repeat 35% 0%; }

#container-left-column .arrow-most-popular { background: url('/images/modules/in-context/down-arrow-plain.gif') no-repeat 53.5% 0%; }

#container-left-column .arrow-most-discussed { background: url('/images/modules/in-context/down-arrow-plain.gif') no-repeat 73% 0%; }

#container-left-column .question img {
		/*position: absolute;*/
		z-index: 9999999;
		margin: 3px 0 0 1px;
}

#container-left-column #home-article-list .content-column {
        width: 584px;
        border-style: solid;
        border-width: 0 1px 4px 0;
}

#container-left-column #home-article-list .content-column h3.title { font-size: 1.2em; }

#container-left-column #home-article-list .content-column dl { list-style: none; }

#container-left-column #home-article-list .content-column dl dd { float: left; }

#container-left-column #home-article-list .content-column .thumbnail { padding: 10px 0; }

#container-left-column #home-article-list .content-column .thumbnail img {
        width: 156px;
        height: 102px;
}

#container-left-column #home-article-list .content-column .data-media {
        padding: 10px 5px 0 10px;
        width: 402px;
}

#container-left-column #home-article-list .content-column .data-comment {
        padding: 10px 5px 0 10px;
        width: 252px;
}

#container-left-column #home-article-list .content-column .comment-bubble .top {
       padding: 7px 7px 3px 7px; 
       margin-top: 10px; 
       width: 138px; 
}

#container-left-column #home-article-list .content-column .comment-bubble .top .comment {
       font-size: 0.85em;
}

#container-left-column #home-article-list .content-column .comment-bubble .bottom {
       padding: 0px 0px 0px 10px; 
       width: 142px; 
       height: 35px; 
}

#container-left-column #home-article-list .content-column .comment-bubble .bottom .more-link {
        font-size: 0.85em;
        font-weight: bold;
}

#container-left-column #home-article-list .content-column .data { padding: 10px 20px; }

#container-left-column #home-article-list .content-column .source { font-size: 0.8em; text-transform: uppercase; }

#container-left-column #home-article-list .content-column .description { 
        font-size: 0.85em;
        padding-top: 5px;
}

#container-left-column #home-article-list .count-column {
        width: 75px;
        border-style: solid;
        border-width: 0 1px 4px 0;
        text-align: center;
        vertical-align: middle;
}

#container-left-column #home-article-list #sort-overlay {
        margin: 0pt 0pt 0pt 165px; 
        background: #BDBDBD; 
        display: none; 
        position: absolute; 
        color: black; 
        font-size: 0.9em; 
        width: 363px; 
        height: 112px;        
}

#container-left-column #home-article-list #sort-overlay .hoverLeft {
		border-right: 1px dotted white; 
		margin: 10px; 
		float: left; 
		width: 98px; 
		height: 92px;
}

#container-left-column #home-article-list #sort-overlay .hoverRight {
		margin: 10px; 
		float: left; 
		width: 95px; 
		height: 92px;
}

#container-left-column #home-article-list #sort-overlay .arrow {
		z-index: 1;
		position:absolute; 
		margin: -10px 0 0 30px;
}

/**
 * @description     CLASSES / IDS / XHTML TAGS for LISTING PAGINATION definitions
 */
#listing-pagination .runner { 
        border-width: 0 1px 0 0;
        border-style: solid;
        height: 35px; 
}

#listing-pagination ul {
        float: right;
        list-style-type: none;
        margin: 8px 10px 0 0;
}

#listing-pagination ul li {
        float: left;
        padding: 0 5px;
        font-size: 0.85em;
        font-weight: bold;
}

#listing-pagination ul li.number { margin-top: 1px; }

#listing-pagination ul li.divider {
        padding-right: 5px;
        background: url('/images/pagination/listing/divider.gif') no-repeat center right;
}

#listing-pagination ul li a {
        display: block;
        overflow: hidden;
}

#listing-pagination ul li a span {
        visibility: hidden;
        text-indent: 5000px;
}