/**
 * @fileOverview    Universal CSS file which contains global styles for: (general purposel list / large list & small list) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Fri, 06 June 2008 23:00:00 EST.
 *                  Build Date: $Id: ecumenical-purpose-list.css,v 1.2 2008/11/14 19:19:00 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 HEADER OPUS
 */
#container-left-column #header dl { list-style: none; }

#container-left-column #header dd { float: left; }

#container-left-column #header .opus {
        width: 370px;
        padding: 0 15px 15px 15px;
        vertical-align: top;
}

#container-left-column #header .opus-full {
        padding: 0 15px 15px 15px;
        vertical-align: top;
}

#container-left-column #header .opus h1{ 
        padding-bottom: 10px;
        font-size: 1.5em;
}

#container-left-column #header .opus-full h1{ 
        padding-bottom: 10px;
        font-size: 1.5em;
}

#container-left-column #header .opus .description { padding-bottom: 5px; }

#container-left-column #header .opus .link { font-weight: bold; }

#container-left-column #header .opus-full .description { padding-bottom: 5px; }

#container-left-column #header .opus-full .link { font-weight: bold; }

#container-left-column #header .supplementary { 
        vertical-align: top;
        padding-bottom: 10px; 
}

#container-left-column #header .supplementary div.container {
        padding: 20px;
        border-style: solid; 
        width: 215px;
        border-width: 1px;
        background-color: #f9f9f9;
}

#container-left-column #header .supplementary div.container h2 { font-size: 0.95em; }

#container-left-column #header .supplementary div.container ul { padding-left: 15px; }

#container-left-column #header .supplementary div.container li { font-size: 0.85em; }


/**
 * @description  CLASSES / IDS / XHTML TAGS for LARGE FEATURE LIST
 */
#container-left-column #large-list .feature {
        list-style-type: none;
        border-style: solid; 
        border-width: 1px 1px 1px 0px; 
        padding-bottom: 15px;
}

#container-left-column #large-list .feature  { 
        float: left; 
        width: 658px
}

#container-left-column #large-list .feature dd { float: left; }

#container-left-column #large-list .feature .image { padding: 15px 10px 15px 0; }

#container-left-column #large-list .feature .zoom { 
		height:14px;
		margin-left:-14px;
		width:14px; }
		
#container-left-column #large-list .feature img { 
        width: 319px; 
        height: 208px;
}

#container-left-column #large-list .feature .details { 
        padding: 15px 0 0 0; 
        width: 325px;
}

#container-left-column #large-list .feature .title { 
        font-size: 1.5em; 
        font-weight: bolder;
        line-height: 1.1em;
        padding-bottom: 6px;
}

#container-left-column #large-list .feature .description {  padding: 0 10px 15px 0; }

#container-left-column #large-list .feature ul { 
        list-style-type: none;
        padding-bottom: 5px;
}

#container-left-column #large-list .feature li {
        font-size: 0.85em; 
        font-weight: bolder;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for LISTING PAGINATION definitions
 */
#listing-pagination .runner { 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;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for BANNER definitions
 */
#banner-container-flash-object img {
        width: 659px;
        height: 85px;
}

#banner-container-flash-object dl {
        list-style-type: none;
        width: 659px;
        height: 25px;
        margin-top: -25px;
}

#banner-container-flash-object dl dd {
        float: left;
        height: 25px;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 25px;
        vertical-align: middle;
        text-align: center;
}

#banner-container-flash-object dl dd a { padding: 0 10px; }


/**
 * @description  CLASSES / IDS / XHTML TAGS for MAIN FEATURE SMALL LIST
 */
#container-left-column #small-list .main-feature {
        list-style-type: none;
        border-style: solid; 
        border-width: 1px 1px 4px 0px; 
}

#container-left-column #small-list .main-feature  { 
        float: left; 
        width: 658px
}

#container-left-column #small-list .main-feature dd { float: left; }

#container-left-column #small-list .main-feature .image { padding: 15px 10px 15px 0; }

#container-left-column #small-list .main-feature img { 
        width: 319px; 
        height: 208px; 
}

#container-left-column #small-list .main-feature .details { 
        padding: 15px 0 0 0; 
        width: 325px;
}

#container-left-column #small-list .main-feature .title { 
        font-size: 1.5em; 
        font-weight: bolder;
        line-height: 1.1em;
        padding-bottom: 6px;
}

#container-left-column #small-list .main-feature .description { padding: 0 10px 15px 0; }

#container-left-column #small-list .main-feature ul { 
        list-style-type: none;
        padding-bottom: 5px;
}

#container-left-column #small-list .main-feature li {
        font-size: 0.85em; 
        font-weight: bolder;
}


/**
 * @description  CLASSES / IDS / XHTML TAGS for FEATURES LIST
 */
#container-left-column #small-list .feature dd { float: left; }

#container-left-column #small-list .feature {
        list-style-type: none;
        padding-bottom: 15px;
        border-style: solid; 
        border-width: 0px 1px 4px 0px;
        float: left; 
        width: 658px
}

#container-left-column #small-list .feature .image { padding: 15px 10px 15px 0; }

#container-left-column #small-list .feature img {
        width: 156px;
        height: 102px;
}

#container-left-column #small-list .feature .details {
        padding: 15px 0 15px 0;
        width: 480px;   
}

#container-left-column #small-list .feature .title {
        line-height: 1.3em;
        font-size: 0.95em; 
        font-weight: bolder;
}

#container-left-column #small-list .feature ul { list-style-type: none; }

#container-left-column  #small-list .feature li { 
        float: left; 
        padding: 0 5px 5px 0; 
        font-size: 0.85em; 
        font-weight: bolder;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for AUTHOR definitions
 */
#author {
        height: 45px;
        border-style: solid;
        border-width: 0 0 5px 0;
        font-size: 0.85em;
        list-style-type: none;
}

#author dd { float: left; }

#author .avatar { width: 55px; }
#author .avatar p { padding: 3px 0 0 20px; }
#author .avatar img {
        width: 33px;
        height: 33px;
}

#author .information { width: 490px; }
#author .information p { margin: 7px 0 0 10px; }

#author .feed { width: 110px; }
#author .feed p { margin-top: 23px; }