/* Roanoke.com global08 style sheet */
/* Author: The Roanoke Times */
/* Updated: 1/2008 */
/* Copyright (c) 2006 The Roanoke Times */
/* Credits: Silk icons courtesy http://www.famfamfam.com/lab/icons/silk/ Lightbox script courtesy http://www.huddletogether.com */

/* Element Tags */
body {
    background:#c5c5c5;
    font-family:Arial, Verdana, sans-serif; 
    font-size:12px;
    margin:0; 
    padding:0; }

form {
    margin:0; }
    
h1, h2, h3, h4 {
    margin:0; }

ul {
    margin:4px 0 4px 25px;
    list-style:square;
    padding:0; }

li {
    padding:3px 0 3px 0; }

a { 
    color: #003399;  
    text-decoration:none; }

a:hover {
    color: #000099;
    text-decoration: none; 
    border-bottom:1px solid #000099; }


/* Standard styles */
.clear { 
    clear: both; }

#page {
    width:972px;
    padding:0 4px 0 4px;
    margin:0 auto 0 auto; }

#content {
    margin-top:0px; }


/* MAST ELEMENTS */
.mast-header {
    width:972px;
    float:left;
    border-top:1px solid #cccccc;
    margin:0;
    background:#fff url(/images/2008/mastBackground.jpg) no-repeat; }

/*Listed them all keeps IE img from jumping*/
.mast-header a:hover {
	border:none;}
.mast-header a:link img{
    border:none;}

.mast-header a:visited img{
    border:none;}    
    
.mast-header a:hover img{
    border:none;}

.mast-header a:active img{
    border:none;}
    


/* Left Mast Elements */
#div-mastLeft {
    float:left;
    width:725px; }

.left-row-one {
    width:720px;
    float:left;
    margin-bottom:15px; }

/*Change the image to top-logo for diff urls*/
/*  background:url(/images/2008/roanokeLogo.jpg) */
.top-logo {
    background:url(/images/2008/roanokeLogo.jpg) no-repeat;
    float:left;
    width:250px;
    height:35px;
    margin:10px 0 0 10px; }

h1#logo {
    text-indent: -1000em;
    overflow: hidden;}

.top-logo a {
    float:left;
    width: 300px;
    height: 45px;}

.top-logo #logo a {
    top: 125px;
    left: 10px;}

.top-logo #logo a:hover {
    border-bottom: none;}

/*end logo link*/    


#div-buttons{
    float:right;
    margin-top:.3em;
    margin-right:.5em;}
    
#severe-weather{
    padding:1px 0 2px 0;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    background-color: #f0f0f0;}

#severe-weather a{
    color:#CC0000;}
    
.left-row-two {
    float:left; }

.date-weather-login {
    float:left;
    width:265px;
    margin-right:12px;
    padding:0; }

.date {
    float:left;
    font-size:11px;
    color:#444444;
    font-weight:bold;
    margin-left:10px; }

.weather{
    float:right;
    padding:0;
    margin:0px;
    height:28px;
    width:58px;}

.weather p{
    float:left;
    font-weight:bold;
    padding:0;
    margin:0;
    vertical-align:top;
    font-size:12px;}

.weather-img{
    float:left;
    padding:0;}

#login {
    display:none;
    float:left;
    clear:left;
    width:250px;
    font-weight:bold;
    font-size:11px;
    margin:0px 0 0 10px;
    #margin-top:10px; 
    padding:0;}

#login p {
    clear:both;
    margin-top:0;}

#login-button {
    vertical-align:middle;
    margin:0em 0 0 .5em; }

/*when user logs in*/
#account-login{
    display:none;
    float:left;
    clear:left;
    width:250px;
    font-weight:bold;
    font-size:11px;
    margin:5px 0 0 10px;
    padding:0;
    #padding-top:10px;}

#account-login h4{
    font-size:11px;
    font-weight:bold;}
    
#account-login{
    clear:both;
    margin-top:0;}

#change{
    margin-top:0;
    font-size:10px;}

/*end Login*/
#div-input-boxes {
    float:left; }

.login-input {
    width:100px;
    margin:0;
    font-size:9px;
    color:#999999;
    width:95px;
    border:1px solid #999999; }

#div-update {
    width:415px;
    float:left;
    padding:0;
    margin-left:7px; }

.update-box {
    width:200px;
    height:84px;
    background:#FEFEFE url(/images/2008/updateGrad.jpg) repeat-x;
    color:#000000;
    font-size:11px; }

.update-box h3 {
    font-size:12px;
    padding-top:3px;
    text-align:center;
    border-bottom:1px solid #D6D2C9; }
    
.update-box h4{
    font-size:11px;
    padding-left:5px;}

.update-box a{
    float:left;
    font-size:11px;
    padding:0 3px 0 5px;}
    
.highlight {
    color:#CC0000; }

#div-check {
    float:left; }
    
#div-breaking {
    float:right; }

/* Right Mast Elements */
#div-mastRight {
    float:right;
    width:245px; 
    margin-bottom:10px;}

#div-input-search input {
    width:175px; 
    color:#999999;
    font-size:11px;}

/*#div-input-search {
    margin:11px 0 3px 12px; }*/
#div-input-search {
    margin:.85em 0 .45em 1.5em;}
  
#search-button {
    vertical-align:bottom;}

.calendar-titles {
    float:left;
    font:bold 10px verdana;
    border-bottom:solid 1px #999;
    padding:0 3px 0 4px; }

#cal-prev-month {
    margin-top:2px;
    float:left; }

#div-cal-text {
    text-align:center;
    width:76px;
    float:left;}

#cal-next-month {
    margin:2px;
    float:right; }

#mast-calendar {
    margin-left:5px; }

#mast-calendar label{
    margin:0 0 0 60px;
    font-size:11px;}

.event-calendar-small {
    float:left;
    width:100px; }

.daysofweek-small {
    font-size:9px;
    font-family:Arial; }

.days-small {
    font-size:9px;
    font-family:Arial;
    padding:0px 2px; }

.days #today{
    font-weight: bold;
    color:red; }

.upcoming-events-small {
    float:right;
    width:115px;
    margin-right:5px;
    font-size:11px;
    vertical-align:middle; }

.events {
    list-style:none;
    margin:0;
    padding:0;
    font-size:9px; }

.events li {
    clear:both;
    padding-top:0;
    padding-bottom:2px;
    width:115px;}

.eventdate {
    float:left;
    margin:0 5px 0 2px; }

.eventtitle {
    margin-right:5px; }

.moreevents {
    clear:left;
    font-size:10px;
    padding-top:0px;
    font-weight:bold;}

/* Main Navigation */

#header-bottom {
    background:#D6D2C9;
    float:left;
    width:100%;}
    
#main-nav {
    float:left;
    font-size:11px;
    margin:0;
    padding:5px 0 5px 2px; }

#main-nav li {
    display:inline; }

#main-nav li a:link {
    color:#000000;
    padding:0 .5em 0 .5em; }

#main-nav li a:hover {
    color:#003399;
    background:#f0f0f0; }
    
#main-nav li a:visited {
    color:#000000;
    padding:0 .5em 0 .5em; }
    
#menu a:link {
    color:#fff;
    font-size:11px;
    font-weight:bold; }

#menu a:visited {
    color:#fff;
    font-size:11px;
    font-weight:bold; }


/*Cookie iframe*/
#ticker{
    display:none;}

/* Classified button */
#classified-menu {
    text-align:center;
    width:60px;
    float:right;
    margin:0;
    padding:.45em 1.75em .5em;
    background:url(/images/2008/classifiedGrad.jpg) repeat-x; }

#classified-menu a {
    color:#000;
    font-size:11px; }
    
 #classified-menu a:hover {
    color:#003399; }

/*-- stuff that was already in there --*/

/* TABS */
.tabs  {
    margin: 10px 0px 4px 10px;
    padding: 0;
    font-size: 12px;}

.tabs li {
    display: inline;
    margin: 2px 0 0 -1px; }

.tabs li a, .tabs li a.visited{
    padding: 4px;
    background:url(/images/2008/tabGrad.jpg) repeat-x;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none; }

.tabs li a.current{
    padding: 4px;
    border-bottom: 1px solid #fff;
    color: #2D4A78;
    background: #fff;}

.tabs li a:hover {
    border-bottom: solid 1px #fff;
    color: #2D4A78; }

/* BREAKING NEWS */
.breakingnews {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 10px;}	

.breakinghead {
    color: #FF0000;}

    
/*Interior pages & Subfront header*/    
#home-link-section a {
    display: block;
    float: left;
    border: none;}

#home-link {
    height: 50px;
    width: 265px; }
    
    /* Ads */
#pre-header {
    background:#B1B6C2;
    padding:5px 5px 10px 5px; 
    #padding-bottom:5px;
    height:100px;
    margin:0;}
    
/*Hack for Firefox - need to fix*/
#header{
    margin-top:-5px;
    #margin-top:0px;}


/*Hacks for FF, IE, and Safari*/
#OAS_RMF_Top1_EXP{
    /*margin-top:-90px;*/
    margin-top:0px\9;} 
 
#OAS_RMF_Top1_EXP, x:-moz-any-link {
    /*margin-top:-90px;*/
    margin-top:90px\9;
    #margin-top:0;}
    
#top-leader {
    width:760px;
    margin-left:20px;
    font-size:9px;
    margin-bottom:0px;}

#top-leader a:hover {
    border:none;}
    
/*For ads with iframe code*/
#leaderboard-remnant object{
	margin-top:-12px;
	overflow:hidden;}
/*for ad with link*/
#top-leader #leaderlink{    
    margin-top:-4px;}

#top-leader #leaderlink img{
    float:left;
    border:none;} 
    
#top-side-block {
    font-size: 9px;
    text-align: center;
    float:right;
    clear:both;
    margin-right:10px;
    border:none;
    padding:0;
    width:150px;}

#top-side-block a{
    border:none; }
    


/* ADVERTISEMENTS */
#ad-leaderboard {
    margin-top: 10px;
    font-size:9px;
    text-align:center;
    margin-bottom: 10px;}

#ad-leaderboard a:hover {
    border:none;}

#ad-skyscraper {
    float: right;
    font-size:9px;
    text-align:center;}

#ad-skyscraper a:hover {
    border-bottom: none;}

#ad-bigbox {
    float: right;
    margin-right: 20px;
    font-size:9px;
    text-align:center;
    width:300px;}

#ad-bigbox a:link img {
    border:none;}
    
#ad-bigbox a:hover, a:active, a:visited img {
    border:none;}

/* CONTENT */
.more-link {
    font-weight:normal;
    font-size:10px;
    float:right;
    margin-top:-16px;
    margin-right:2px;}

.contest {
    font-weight:normal;
    font-size:10px;
    color: red;
    float:right;
    margin-top:-23px;
    margin-right:2px;}


/* FOOTER */
#footer {
    
    clear: both;
    margin-top:5px;
    border-top:solid 1px #c5c5c5;
    background:#fff;
    padding:10px; }

#footer h3 {
    background:url(/images/2008/tabGrad.jpg) repeat-x;
    color: #fff;
    font-size: 14px;
    margin: 0 0 4px 0;
    padding: 3px;
    font-weight: bold;
    border:#cccccc; 
    position: relative; }

#footer h4 {
    font-size: 12px; 
    text-decoration: underline;}

.footer-index {
    float: left;
    margin: 0;
    height:275px; }

#foot-news, #foot-ent, #foot-online, #foot-market {
    background-color:#eaeaea;
    padding: 2px 4px 2px 4px;}

#foot-sports, #foot-local, #foot-bus {
    padding: 2px 4px 2px 4px; }

#foot-news {
    width: 110px;}

#foot-sports {
    width: 115px;   }

#foot-ent {
    width: 120px;}

#foot-local {
    width: 145px;}

#foot-online {
    width: 120px;}

#foot-bus {
    width: 155px;}

#foot-market {
    width: 130px;}

#footer ul {
    font-size: 11px;
    margin: 5px 5px 0 0;
    padding: 0;
    list-style: none;}

#footer li {
    padding: 0; 
    margin: 0;}

#footer a:link {
    color: #2d4a78;}

#footer a:visited {
    color: #2d4a78;}

#footer a:hover {
    background: #2d4a78;
    color: #fff;
    border-bottom: none;}

#sitetools {
    clear: both;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 1.3em;}

#sitetools img {
    float: left;
    margin-left: 290px;
    margin-top: 20px;
    border: none;}

#sitetools ul {
    margin: 0 0 0 5px;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 7px;}

#sitetools p {
    clear: left;
    margin: 0 0 0 430px;
    font-size: 9px;
    color: #ccc;
    padding-top: 10px;}

/* REAL CITIES LOGO */	
img#real-city {
    margin: 5px 0 0 437px;}	

/* LIGHTBOX */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;}

#lightboxDetails{
    font-size: 1em;
    padding-top: 0.4em;}	

#lightboxCaption{
    float: left;
    font-family: "Arial", sans-serif;
    width: 85%;}

#keyboardMsg{
    float: right;
    font-weight: bold;
    width: 15%;
    text-align: right;}

#closeButton{
     top: 5px; right: 5px; }

#lightbox img{
    border: none; clear: both;} 

#lightbox a:hover {
    border-bottom: none;}

#overlay img{ 
    border: none; }

#overlay{
    background-image: url(/images/v2005/lightboxv1/overlay.png); }

/* Print preview message */
#preview-message {
	display:none;}

/*Daily Deal Widgets*/
.dailyDealWidget {
    margin:0;
    margin-left:-5px;
    margin-left:0px\9;
    padding:0;
    float:left;}	

.dailyDealWidget object{
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;}	

    
#dailyDealButton{
    margin-top:4px;
    margin-top:10px\9; 
    width:150px\9;
    height:90px;\9;}

#dailyDealButton object{
    overflow:hidden;
    height:100px;
    width:158px;
    width:150px\9;
    height:90px;\9;
    }
 

.dailyDealButton{
    margin-top:4px;
    margin-top:10px\9; 
    width:150px\9;
    height:90px;\9;}
    
.dailyDealButton object{
    overflow:hidden;
    height:100px;
    width:158px;
    width:150px\9;
    height:90px;\9;
    }
 
 /*Daily Deal Widgets*/
#div-daily-deal  {
    margin:0;
    margin-left:-5px;
    margin-left:0px\9;
    padding:0;
    float:left;
    border:none;}	

#div-daily-deal iframe{
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;
    border:none;
    width:205px;
    height:220px;}	


/*hack for gateway peelback	
#adx_ldo0_162700
{
    left:auto !important;
    right:auto !important;}
#adx_ldo2_162700
{
    left:auto !important;
    right:auto !important;}*/