/* CSS Document */

/*HOMEPAGE LAYOUT	
+-------------------------874px----------------------------+
|#container                                                |
| +------------------------------------------------------+ |
| |#ad_leaderboard                                       | |
| +------------------------------------------------------+ |
| +------------------------------------------------------+ |
| |#content                                              | |
| | +---------------------701px------------------------+ | |
| | |#top_block              |                         | | |
| | |     Lead in #1         |       + QOTD            | | |
| | |     Lead in #2         |       + Livewire        | | |
| | |     Lead in #3         |       + About US        | | |
| | |     Lead in #4         |       + Educators       | | |
| | +------------------------+-------------------------+ | |
| | +--------------419px-----------++------283px-------+ | |
| | |#left_column                  ||#right_column     | | |
| | |                              ||                  | | |
| | |+----------------------------+||+----------------+| | |
| | ||E-Block    | Lead in #2     ||||Feature Block #1|| | |
| | ||           |----------------||||----------------|| | |
| | ||Lead in #1 | Lead in #3     ||||   Lead in #2   || | |
| | ||           |----------------||||----------------|| | |
| | ||           | Lead in #4     ||||   Lead in #3   || | |
| | |+-----------+----------------+||+----------------+| | |
| | |+----------------------------+||+----------------+| | |
| | || Lead in #2     |Reverse-E  ||||Feature Block #1|| | |
| | ||----------------|           ||||----------------|| | |
| | || Lead in #3     |Lead in #1 ||||   Lead in #2   || | |
| | ||----------------|           ||||----------------|| | |
| | || Lead in #4     |           ||||   Lead in #3   || | |
| | |+----------------+-----------+||+----------------+| | |
| | +------------------------------++------------------+ | |
| +------------------------------------------------------+ |
| +------------------------------------------------------+ |
| |#footer                                               | |
| +------------------------------------------------------+ |
+----------------------------------------------------------+
*/

/*********************************
Temporary Global Changes
*********************************/
div, p, ul, ol, table, form { margin: 0; padding: 0; }
#content { float: left; margin-left: 53px; _margin-left: 26px; width: 703px; _width: 705px; }
#top_block { border-bottom: 2px solid white; }
#upgrade_flash { margin-bottom: 0; }
.blurb { display: none; }

/*********************************
Left Column
*********************************/
#left_column { float: left; background-color: white; width: 419px; }
.left_column_block_a, .left_column_block_b { float: left; background-color: #eff1f4; border: 1px solid #a2a3a4; margin-bottom: 1px; }
.left_column_block_a { background: #e5e9ec url(http://images.channelone.com/img/gui/homepage/e_block_bg.gif) top left repeat-y; }
.left_column_block_b { background: #e5e9ec url(http://images.channelone.com/img/gui/homepage/rev_e_block_bg.gif) top left repeat-y; }
.left_column_block_a .streamer { width: 417px; _width: 413px; } /*Sets the dimensions of the block*/
.left_column_block_b .streamer { width: 417px; _width: 413px; float: left; } /*Sets the dimensions of the block*/
.left_column_block_a .feature, .left_column_block_a .feature_primero { float: right; background: white url(http://images.channelone.com/img/gui/global/global_bg_feature.jpg) bottom left repeat-x; width: 230px; _width: 246px; }
.left_column_block_b .feature, .left_column_block_b .feature_primero { float: left; background: white url(http://images.channelone.com/img/gui/global/global_bg_feature.jpg) bottom left repeat-x; width: 230px; _width: 249px; }
.left_column_block_a .feature_main_odd, .left_column_block_a .feature_main_even { width: 151px; padding-top: 10px; padding-left: 10px; }
.left_column_block_b .feature_main_odd, .left_column_block_b .feature_main_even { width: 151px; margin-top: 10px; margin-left: 259px; _margin-left: 255px; }
.feature_main_odd .subImg, .feature_main_even .subImg { float: none; margin-bottom: 0; }
#newsHome .feature_main_odd { width: 240px; margin: 0; }
#newsHome .outer { width: 414px; position: relative; z-index: 4; background: url(http://images.channelone.com/img/bkg_dotted_news.gif) top left repeat-y; }
#newsHome .inner2, #newsHome .inner1 { width: 140px; z-index: 1; position: relative; float: left; display: inline; }
#newsHome .inner1 { width: 255px; padding-left: 5px; padding-top: 5px; }
.clearer { clear: both; }
#newsHome .feature_primero, #newsHome .feature { background: none; margin: 0; padding-right: 0; padding-left: 0; border-top: 1px dotted #ccc; margin-right: 10px; margin-left: 5px; width: 140px; }
#newsHome .feature_primero { padding-top: 0; background: none; border: none; }
#newsHome .feature_main_odd .creditline { display: block; color: #666; font-size: 12px; margin-top: 2px; margin-bottom: 10px; line-height: 0.7; }
#newsHome .feature_primero .subHed .creditline, #newsHome .feature .subHed .creditline { display: block; color: #666; font-size: 11px; margin-top: 2px; margin-bottom: 2px; }
#newsHome .feature_main_odd .subHed a.header { text-decoration: none; font-size: 16px; color: #06c; font-weight: bold; display: block; line-height: 1.1; padding-bottom: 6px; }
#newsHome .feature_primero .subHed, #newsHome .feature .subHed { margin: 0; }
#newsHome .feature_primero div.art, #newsHome .feature div.art { text-align: right; }
#newsHome .feature_primero div.art p, #newsHome .feature div.art p { height: 50px; overflow: hidden; text-align: left; }
#newsHome .feature_primero .subHed a.header, #newsHome .feature .subHed a.header { text-decoration: none; font-size: 13px; color: #06c; font-weight: bold; display: block; line-height: 1.1; }
#newsHome .feature_main_odd .creditline { display: block; color: #666; font-size: 10px; }
#newsHome .feature_main_odd .subImg img { width: 240px; border: 1px solid #ccc; margin: auto; }
#newsHome .mainHeader { color: orange; font-weight: bold; margin-left: 5px; font-size: 14px; }
.feature_main_odd ul, .feature_main_even ul { list-style-type: none; list-style-position: inside; margin-bottom: 10px; }
.feature_main_odd .subHed, .feature_main_even .subHed { margin-left: auto; } /*Special subHed Instance*/
.feature_main_odd div.clear, .feature_main_even div.clear { display: none; } /*Removes <div class="clear">&nbsp;</div> from lead_in_medium.tmpl*/
.feature_main_odd form h3 { display: none; }

/*********************************
Feature_Primero Change - Ref: Globals
*********************************/
#right_column .feature_primero { background-image: none; }

/*********************************
Facebook Fanbox
*********************************/
#facebook { border-bottom: 1px solid #94a3c4; margin-bottom: 1px; }

/*********************************
Quiz Block
*********************************/
form ul { margin-top: 5px; }
form ul li { _list-style-position: outside; }
p a.block_button { display: none; }

/*********************************
Right Column
*********************************/
#right_column { float: right; background-color: white; width: 283px; }
#right_column .feature { background: white none; }

/*********************************
Skyscraper BG
*********************************/
.holder { background-image: url(http://images.channelone.com/img/gui/global/gray_gradient_bg.gif); background-position: top; background-repeat: repeat-x; width: 703px; height: 431px; overflow: hidden; top: 0px; left: 0px; }
#holder_left { float: left; width: 342px; w\idth: 342px; }
#holder_right { float: right; width: 352px; w\idth: 352px; }
.rotator { position: relative; top: 3px; left: 3px; width: 342px; height: 426px; float: left; }
.logo { position: relative; top: 0px; left: 10px; width: 170px; height: 29px; display: inline; float: left; text-align: left; }
.more { position: relative; top: 8px; right: 10px; height: 20px; display: inline; float: right; font-family: verdana; font-weight: bold; font-size: 9px; color: #fff; text-align: right; }
.more a, .more a:hover { color: #fff; }
#newsHome .feature_main_odd .beforemore { text-align: right; display: block; }
#newsHome .feature_main_odd a.more, #newsHome .feature_primero a.more, #newsHome .feature a.more { color: #06c; font-size: 9px; text-decoration: none; float: none; position: relative; top: 0; left: 0; }
.videoplayer_container { width: 348px; height: 430px; }
.player { position: relative; float: left; top: -5px; left: 0px; width: 348px; height: 250px; }
.ticker { position: relative; float: left; top: 3px; width: 703px; height: 27px; }
.playerFrame { position: relative; left: 7px; top: 0px; width: 348px; height: 395px; }

/*********************************
Weather
*********************************/
.weatherContainer { width: 285px; margin: 0px; padding: 0; background: url(http://images.channelone.com/img/weather/images/other/weather_back_main.jpg) bottom left no-repeat; }
.weatherContainer .leftColumn { float: left; width: 90px; text-align: center; padding: 0; padding-right: 5px; margin: 0; }
.weatherContainer .leftColumn img { margin: 0px; padding: 0px; }
.weatherContainer .leftColumn p { font-size: 35px; line-height: 35px; font-weight: bold; margin: 0; margin-top: -4px; padding: 0; }
.weatherContainer .rightColumn { text-align: left; margin: 0px; padding: 0px; }
.weatherContainer .rightColumn .content { font: 14px Tahoma; font-weight: bold; line-height: 1.6; margin: 0px; padding: 0px; color: #333; }
.weatherContainer .rightColumn span { font: 11px Tahoma; font-weight: normal; margin-top: 2px; }
.weatherContainer .rightColumn a { color: #0066cc; font-size: 10px; font-weight: normal; text-decoration: none; text-transform: capitalize; }
.weatherContainer .rightColumn input { margin-top: 3px; font-size: 12px; color: gray; }
.weatherContainer .rightColumn input.te { width: 130px; height: 17px; }
.weatherContainer .rightColumn .buttonContainer { float: none; display: inline; }
.weatherContainer .rightColumn .textContainer { float: left; display: inline; padding-left: 0px; font-size: 10px; }
.weatherContainer .rightColumn .formContainer { padding: 0px; margin: 0px; }
.weatherContainerTop { height: 8px; font-size: 1px; margin: 0px; padding: 0px; background: url(http://images.channelone.com/img/weather/images/other/weather_back_top.jpg) bottom left no-repeat; position: relative; top: 3px; left: 0; }
.weatherContainerBottom { height: 8px; font-size: 1px; margin: 0px; padding: 0px; width: 280px; background: url(http://images.channelone.com/img/weather/images/other/weather_back_bottom.jpg) top left no-repeat; position: relative; top: -5px; left: 0; }
.weatherContainerUL { padding: 0px; margin: 5px 0px 0px 0px; list-style-type: none; text-align: left; }
.weatherCopyright { font-size: 11px; font-weight: bold; color: #999999; margin-bottom: 5px; margin-top: -5px; margin-left: 95px; }

/*********************************
horoscopes
*********************************/
#horoscope b { background: url(../img/astro/symbols2.gif) no-repeat; display: block; height: 48px; }
#horoscope b.aries { background-position: -210px 0px; width: 44px; }
#horoscope b.taurus { background-position: -40px 0px; width: 42px; }
#horoscope b.gemini { background-position: -81px 0px; width: 43px; }
#horoscope b.cancer { background-position: -123px 0; width: 43px; }
#horoscope b.leo { background-position: -165px 0px; width: 46px; }
#horoscope b.virgo { background-position: 0px 0px; width: 40px; }
#horoscope b.libra { background-position: -335px 0px; width: 43px; }
#horoscope b.scorpio { background-position: -294px 0px; width: 42px; }
#horoscope b.sagittarius { background-position: -253px 0px; width: 42px; }
#horoscope b.capricorn { background-position: -377px 0px; width: 43px; }
#horoscope b.aquarius { background-position: -419px 0px; width: 45px; }
#horoscope b.pisces { background-position: -463px 0px; width: 43px; }
.astroContainerUL { padding: 0px; margin: 0px; margin-bottom: 2px; list-style-type: none; text-align: left; }
.astroContainerBottom { height: 8px; font-size: 1px; line-height: 0px; margin: 0px; padding: 0px; width: 280px; background: url(http://images.channelone.com/img/astro/homepage/astro_back_bottom.jpg) top left no-repeat; position: relative; top: -5px; left: 0; }
.astroContainer { width: 285px; margin: 0px; padding: 0; background: url(http://images.channelone.com/img/astro/homepage/astro_back_main.jpg) bottom left no-repeat; }
.astroContainerTop { height: 8px; font-size: 1px; line-height: 0px; margin: 0px; padding: 0px; background: url(http://images.channelone.com/img/astro/homepage/astro_back_top.jpg) bottom left no-repeat; position: relative; top: 0; left: 0; }
.astroContainer .content { font: 14px Tahoma; font-weight: bold; margin: 0px; padding: 0 10px 5px 5px; color: #333; }
.astroContainer .content a { color: #0066cc; font-size: 10px; font-weight: normal; text-decoration: none; text-transform: capitalize; }
.astroContainer .content a#daily-horoscopes { clear: both; display: block; width: 203px; height: 23px; }
.astroContainer .content #horoscope { float: left; padding: 4px 7px 0 4px; }
.astroContainer .content .astroTxt { float: left; font: 11px Tahoma; font-weight: normal; margin-top: 4px; line-height: 1.2; width: 209px; }
.astroContainer .content .astroTxt p { margin: 0; padding: 0 0 3px; }
.astroContainer .content .astroTxt a.right { float: right; text-align: right; }

/*********************************
imageVideo
*********************************/
.imageVideo { position: relative; width: 94px; }
.imageVideo a img { border: 0px; }
.imageVideo .playButton { position: absolute; bottom: 4px; right: 4px; }
.imageVideo .playButton a img { border: 0px; }
.imageVideoCamera span { color: #085da6; font-size: 12px; font-weight: bold; margin-left: 4px; }
.imageVideoCamera { margin-bottom: 2px; }
.imageVideoDescribe span { color: #085da6; font-size: 13px; font-weight: bold; }