/* Roanoke.com global style sheet */
/* Author: The Roanoke Times */
/* Updated: 1/30/07 */
/* Copyright (c) 2006 The Roanoke Times */
/* Credits: Silk icons courtesy http://www.famfamfam.com/lab/icons/silk/ Lightbox script courtesy http://www.huddletogether.com */

/* GLOBAL */
body {
background: #fff; 
font-family: "Arial", Verdana, sans-serif; 
font-size: 12px;
margin: 0; 
padding: 0;
}

q:before, q:after {
content: "";
} /* Fix for quotation markup in IE/Win - PB */

form {margin: 0;}

#page {
width: 972px;
padding:0 4px 0 4px;
margin: 0 auto 0 auto;
}

#content {
margin-top: 0px;}

.clear { 
clear: both;
}

abbr, acronym {
cursor:help;
border-bottom: none;
}

/* GLOBAL TEXT */
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: #4E79BD;  
text-decoration:none;
}

a:hover {
color: #2D4A78;
text-decoration: none; 
border-bottom: 1px dotted #BDBDBD;
}

#sml_pow img {
float: left;
margin: 3px 8px 0 0;
padding: 4px;
border: 1px solid #d9e0e6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
background: #fff;}

img a:hover {
border-bottom: none;
}

/* 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/v2005/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;
}


/* BREAKING NEWS */
.breakingnews {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 10px;
}	

.breakinghead {
color: #FF0000;
}

/* HEADER */
#header-top {
background:#1A3C41; 
border-bottom:solid 2px #fff;
height:18px;
padding:4px;
color:#fff; }

#header-top h1 {
text-indent: -1000em;
overflow: hidden;
background: url(/images/nd/toplogo.jpg) no-repeat 5px 2px;
line-height: 16px;
}

#search {
float: right; }

#search-box {
font-size: 9px; }

#header-center {
background: #fff url(/images/v2005/roanokelogo.jpg) no-repeat;
height:75px;
position: relative; }

h1#logo {
text-indent: -1000em;
overflow: hidden;
}

/* LOGO IMAGE MAP */
#header-center a {
position: absolute;
width: 250px;
height: 30px;
}

#header-center #logo a {
top: 10px;
left: 10px;
}

#header-center #logo a:hover {
border-bottom: none;
}

#home-link-section a {
display: block;
float: left;
border: none;
}

#home-link {
height: 50px;
width: 265px; }

#header-center .date {
bottom: 5px;
color: #fff;
left: 11px;
font-size: 11px;
position: absolute;
}

#menu {
bottom: 4px;
color:#fff;
left: 10px;
position: absolute;
}  

#header-bottom {
clear: both;
background:#1A3C41; 
border-top: solid 2px #fff;
padding: 5px 0 5px 2px;
}

#main-nav {
color: #fff;
font-size: 10px;
margin: 0;
padding: 0;
}

#main-nav li {
display: inline;
}

#main-nav li a:link {
color: #FFFFCC;
padding: 0 .5em 0 .5em;
}

#main-nav li a:visited {
color: #FFFFCC;
padding: 0 .5em 0 .5em;
}

#main-nav li a:hover {
color:#003300;
background:#FFFFCC;
border-bottom: none;
}

#weather {
float:right;
margin: 4px 30px -16px 0;
font-size: 12px;
color: #333377;
text-align:center;
width: 240px;
}

#weather h1 {
text-align: left;
font-size:12px;
font-weight:bold;
margin-top: 10px;
}

#weather h2 {
font-size:10px;
}

.weather-image {
float:left;
margin:0 -4px 4px 20px;
}

#weather .sponsor {
font-size:10px;
width: 80px;
float:left;
margin-top: 2px;
margin-left: 10px;
padding: 1px;
text-align: justify;
}

#weatherad {
border: none; 
padding-top: 3px; }

#weather img {
margin-right: 10px; }	

#weather a:hover, #weather a:link img {
border:none; }


#login {
margin:4px 5px 0 0;
width: 250px;
padding-left:5px;
float: right; }

#login a {
position: relative;
height: auto;
width: auto;}

#login a:link {
position: relative;
font-size:10px;
font-weight:bold;
text-decoration: none; }

#login a:visited {
font-size:10px;
font-weight:bold;
text-decoration: none;
}

#login a:hover {
font-size:10px;
font-weight:bold;
border-bottom: none;
}

#login h1 {
font-size:12px;
padding-bottom: 2px;
border-bottom: 2px solid #2C3544;
margin:0 0 2px 0;
}

#menu a:link {
color:#fff;
font-size:10px;
font-weight:bold;
}

#menu a:visited {
color:#fff;
font-size:10px;
font-weight:bold;
}

/* 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: 15px;
font-size:9px;
text-align:center;
}

#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:-14px;
margin-right:2px;
}

.contest {
font-weight:normal;
font-size:10px;
color: red;
float:right;
margin-top:-23px;
margin-right:2px;
}


/* TEXT AND BUTTONS */
.button-small {
font-size: 10px;
}

/* CELEBRATIONS AND OBITS */      
#celebprev {
width:70px;
margin-bottom:10px;
}

#celebnext {
width: 80px;
margin-bottom: 10px;
}
    
#obitsprev {
width:70px;
margin-bottom:10px;
}

#obitsnext {
width: 80px;
margin-bottom: 10px;}

/* FOOTER */
#footer {
clear: both;
margin-top:5px;
border-top:solid 1px #c5c5c5;
background:#fff;
padding:10px; }

#footer h1 {
background: #1A3C41;
color: #fff;
font-size: 14px;
margin: 0 0 4px 0;
padding: 3px;
font-weight: bold;
border-bottom:1px #b2b2b2 solid;
border-right:1px #b2b2b2 solid; 
position: relative; }

#footer h2 {
font-size: 12px; 
text-decoration: underline;}

.footer-index {
float: left;
margin: 0;
height:250px; }

#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;
}	

/* HEADLINE TICKER */
#headline-ticker {
float: right;
}

.ticker-frame {
padding-left: 2px; 
padding-right: 2px;
height: 74px;
width: 260px;
margin: 0 10px 0 5px;
z-index: 100000;
}

/* 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(http://www.roanoke.com/images/v2005/lightboxv1/overlay.png); }

/* Print preview message */
#preview-message {
	display:none;
}	
