﻿@charset "utf-8";
/* 
******************************************
WAGM default master stylesheet
Created: Aug. 4, 2008
Last modified: Aug. 5, 2008
******************************************
*/

/* 
++++++++++++++++++++++++++++++++++++++++++
BEGIN LAYOUT styles section BEGIN
==========================================
*/

body, html
{
    background: #003;
    margin: 0;
    padding: 0;
}

body 
{
    min-width: 950px;   
}

/* main positioning container */
div#wrapall 
{
    width: 950px;
    margin: 10px auto;
    background: #fff;
    background-image: url(/media/images/default_tile.gif);
    background-repeat: repeat-y;
}

/*login and site search */
div#banner 
{
    height: 15px;
    font-size: 10px;
    color: #fff;
    background: #0C0531;
    margin: 0 auto 0 auto;
    padding: 0 5px 10px 5px;
}

div#bannerlinks 
{
    float: left;
	min-width: 300px;
}

div#bannerlinks ul, div#headermenu ul, div#footer ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

div#bannerlinks ul li, div#headermenu ul li, div#footer ul li
{
    display: inline;
    padding: 0 10px 0 0;
}

div#bannerlinks ul li a, div#footer ul li a, div#bannersearch a 
{
    color: #f60;
    font-weight: normal;
    text-decoration: none;
}

div#bannerlinks ul li a:hover, div#footer ul li a:hover, div#bannersearch a:hover
{
    color: #ccc;
    text-decoration: underline;
}

div#bannersearch 
{
    float: right;
}

/* logo and banner ad */
div#header, div#headermenu, div#main
{
    margin: 0 auto 0 auto;
    color: #000;
    background: #fff;
}

div#header 
{
    height: 100px;
    padding: 5px;
}

div#headerlogo 
{
    width: 200px;
    float: left;
}

div#headerad 
{
    width: 728px;
    float: right;
}

/* news alert */
div.alert 
{
    color: #fff;
    background: #090;
    margin: 0 auto 0 auto;
    padding: 5px;
    border: 5px solid #040;
}

div.alert a 
{
    color: #fff;
    text-decoration: none;
}

div.alert a:hover 
{
    color: #ccc;
    text-decoration: underline;
}

span.alertslug 
{
    font-size: 14px;
    font-weight: bold;
}

/* main menu */
div#headermenu
{
    height: 30px;
    padding: 5px 0 0 5px;
}

div#headermenu ul li
{
    padding: 0 15px 0 0;
}

.menu-normal {
    background: #009 url(/media/images/bluetile.gif) repeat;
}

.menu-normal a {
    position:  static;
    display:  block; 
}

.menu-normal a, .menu-normal a:hover, .menu-normal a:visited, .menu-normal a:active
{
    color: #fff;
    padding: 5px;
    text-decoration: none;
}

div#headermenu 
{
    background: #009 url(/media/images/headermenu_bg.gif) repeat-x;
}

/* main content; see above for #main */
div#left 
{
    float: left;
    width: 620px;
    padding: 5px 0px 5px 5px;
}

div#right 
{
    float: right;
    width: 300px;
    padding: 5px;
    text-align: center;
}

/* footer */
div#footer
{
    margin: 0 auto 0 auto;
    padding: 5px;
    font-size: 10px;
    background: #0C0531;
    color: #fff;
}

div#footer p 
{
    font-size: 10px;
    padding: 0;
    margin: 0;
}

/* generic clearing div */
div.clearall
{
    clear: both;
}

/* Home Page */


/*story rotator */

div#storyRotator 
{
    height: 325px;
    overflow: hidden;
}

div#storyList 
{
    float: right;
    width: 345px;
    overflow: auto;
}

div#storyList ul 
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
}

div#storyList ul li 
{
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #000;
}

div#storyList ul li:hover
{
    background: #f0f8ff;
}

div#storySlide 
{
    margin-right: 355px;
    height: 325px;
    padding: 5px;
    background: #c6deff;
}

div#storySlide img#storyImg 
{
    width: 250px;
    height: 188px;
}

div#storySlide p 
{
    font-size: 10px;
    margin-top: 0;
}

/* weather section */


div#weatherSummary 
{
    margin-bottom: 10px;
}

div#newsFeatures 
{
    margin-bottom: 10px;
}

div#newsFeatures div#fc1 
{
    float: right;
}

div#newsFeatures div#newsPoll 
{
    width: 390px;
    height: 218px;
    margin-right: 210px;
    border: 1px solid #000;
    padding: 5px;
    background: #f0f8ff;
    overflow: auto;
}

div.storySection 
{
    margin: 10px auto 10px auto;
}

div.storySection h3 
{
    padding-bottom: 0;
}

div.storySection p.storyDate 
{
    padding: 0;
}

/* News Page */

div.story 
{
    margin-bottom: 15px;
    height: 200px;
    overflow: hidden;
}

div.details p.date 
{
    padding: 0;
    margin: 0;
    font-style: italic;
    font-size: 9px;
}

div.details p 
{
    padding: 0;
    margin: 0;
    line-height: 150%;
}

/* Weather Page */

div#weatherButtons 
{
    padding: 10px 0 30px 0;
    text-align: center;
}

div#weatherButtons input
{
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    font-weight: bold;
}

div#weatherButtons input.weatherButton:hover 
{
    background: #ffc;
}

div#weatherButtons input.weatherButton
{
    border: 1px solid #000;
    background: #f0f8ff;
}

input.activeButton 
{
    border: 1px solid #f00;
}

/* Poll Page */

div.pollResult 
{
    padding: 0 0 10px 0;
}

div.pollResult h4 span.qdate
{
    font-weight: normal;
    font-style: italic;
}

table.answers 
{
    width: 100%;
    border-top: 1px solid #000;
}

table.answers tr td 
{
    border-bottom: 1px solid #000;
    padding: 5px;
    vertical-align: top;
    width: 25%;
}

table.answers tr td.alt
{
    background: #f0f8ff;
}

/* Dollar Stretcher */

div.dsoffer 
{
    margin: 10px 0 10px 0;
    border-bottom: 3px solid #006;
}

p.dsoffer_price 
{
    text-align: right;
    font-weight: bold;
}

span.dsoffer_original_price 
{
    text-decoration: line-through;
    color: #333;
    font-weight: normal;
}

span.dsoffer_ds_price 
{
    color: #060;
}

/* Story Page */

div#player 
{
    float: left;
    width: 340px;
    height: 280px;
    border: 1px solid #000;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: #fff url(/media/images/news/thumbs/video_news_none.gif) no-repeat;
}

p.goback 
{
    text-align: right;
    padding: 5px;
}

/* what's new page */

div.storyList 
{
    margin-bottom: 15px;
    overflow: hidden;
}

/* ET Page */

div.etstory {
    margin: 10px 0 20px 0;
}

div.etstory h3 {
    padding: 0 0 5px 0;
    margin: 0;
}

div.etstory p {
    padding: 0 0 10px 0;
    margin: 0;
}

.etthumb {
    border: 1px solid #000 !important;
    float: left;
    margin: 0 10px 0 0;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
END LAYOUT styles section END
===========================================
*/

/* 
+++++++++++++++++++++++++++++++++++++++++++
BEGIN TYPOGRAPHY styles section BEGIN
===========================================
*/

/* base text elements */
body, p, input, textarea, td
{
    font: normal normal normal 12px arial,helvetica,verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6 
{
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0;
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 20px;
}

h3 
{
    font-size: 16px;
}

h4 
{
    font-size: 14px;
}

p.postdate 
{
    padding: 0;
    margin: 0;
    font-size: 10px;
    font-style: italic;
}

dt 
{
    font-weight: bold;
}

/* open text classes */
.warning 
{
    color: #f00;
    font-weight: bold;
}

.passed 
{
    color: #090;
    font-weight: bold;
}

.centered 
{
    text-align: center;
}

.left 
{
    text-align: left;
}

.floatLeft 
{
    float: left;
    margin: 0 5px 5px 0;
}

.hideit 
{
    display: none;
}

/* images scribed by default, no scribe option */
img 
{
    border: 1px solid #000;
}

img.noborder 
{
    border: none;
}

/* hyperlinks */
a 
{
    color: #00f;
    font-weight: bold;
    text-decoration: none;
}

a:hover 
{
    color: #333;
    text-decoration: underline;
}

a:active, a:visited 
{
    color: #f00;
}

/* table for forms */
table.form 
{
    border: none;
}

table.form td 
{
    border: none;
    padding: 5px;
    margin: 0;
    vertical-align: top;
}

table.form td.label, table.form td.required 
{
    text-align: right;
    white-space: nowrap;
}

table.form td.required 
{
    font-weight: bold;
}


.jobboard h3 {
    padding: 0;
    margin: 10px 0 5px 0;
}

.jobboard p {
    padding: 0;
    margin: 0 0 5px 0;
}

p.divider {
    margin-bottom: 10px;
    border-bottom: 1px solid #003;
}

/*
++++++++++++++++++++++++++++++++++++++++++++
END TYPOGRAPHY styles section END
============================================
*/
