@import url(base.css);
@import url(footer.css);

/* @import url(fsi.css); == delete if not needed */

/* ========== [Newspaper Name here] CSS ======== */

#tPCtable {
	width: 100%;
}
#tPCtable td {
	
}
html, body {              /* Need to set backgrounds on both */
	
}
body {
	
}
#wrapper-rail {
	width: 1115px;         /* width set for bg and centering */ 
	/* margin: 0 auto;       center site here */        
}
#searchbar {
	                      /* height: 26px; uncomment if search upstages mr. navbar */
}
body#categories-page #t-pc-page td.t-c { /* This fixes bad markup on the ROP pages */
	width: 590px;
}
#wrapper, #t-footer {
	overflow: hidden;
}
#cNav {
	padding: 0 7px 0 8px;
	
}
/* ========= Absolute Positioned Columns ==========
   Use SI.ClearChildren v1.0 javascript (in j dir)
   See dave for use                    
   ================================================
*/

.c {                      /* (c = CONTENT) */
	position: relative;   border: 1px solid #f00;       	
	/* width: 990px; */              
	height: auto;
}
.pc,.sc {                 /* (pc = PRIMARY CONTENT) */
	position: absolute;
	width: 932px;  
	left: 0;
	top: 0;
}
.sc {				      /* (sc = SECONDARY CONTENT) */
	width: 180px;	   
	left: 942px;
	top: 0;
	_top: 8px;            /* display: none; - uncomment if right column not needed */
}
.pc {
	/*border: 1px dashed #f00;*/
}

.clear_children,.cc_tallest { position: relative; }
/*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

		
/* ========== Client Header/Banner CSS ============ */
#cHeader {
	position: relative;
	overflow: hidden;
	/*border: 1px solid #999;
	border-width: 0 1px;*/
}
#cFooter {
	margin-top: 8px;
	text-align: center;	
	clear: both;
}
.cBanner {
	/* display: none; - uncomment if banners not needed*/
}
.cBanner img, .cBanner object, .cBanner iframe, .cBanner table, .cBanner div {
	text-align: center;   
	margin: 8px auto;                
}
.cVertBanner {
	/* display: none; - uncomment if right column not needed*/
}
.cVertBanner img, .cVertBanner object, .cVertBanner iframe, .cVertBanner table, .cVertBanner div  {
	margin: 0 auto 10px;
}

/*#cHeader a, #cFooter a, #cHeader img, #cFooter img  {
	display: inline;                /* For client markup compatibility - resets images & anchors to inline 
}*/

/*#cHeader table td {              /* Resets to normal td alignment behavior - will overide any html alignments though! 
	vertical-align: middle; 
}*/
	
/*#cHeader table {                  Client markup might not expect table borders to be collapsed
	border-collapse: collapse;
	width: 100%;
}*/

/* Inline hack for IE7 if needed
*:first-child+html {   }    */

/* ==== global has #subnav z-index at 2, some dropdown menus fall under subnav.
   Use this if the dropdown code is in the cHeader div.
 
#cHeader * {
	z-index: 100 !important;	
}
/* or... 
#cHeader {
	z-index: 100 !important;	
}
#wrapper {
	z-index: 0 !important;	
}*/

/* ==== t-footer centering - uncomment if no links used in t-footer

#t-footer {  
	text-align: center;
}
#t-powered-by-logo {
  position: static;
  }
#t-footer img {
	text-align: center;
	margin: 0 auto;
}*/

/*==================================================*/
/*    TEMPORARY STYLES UNTIL ADDED TO GLOBAL CSS    */
/*==================================================*/

.alpha-list {
  left: 15px;
 }
a {
	-moz-outline: none !important;
} 

/* New print styles for print solution */

#printlinkwrapper {
	text-align:	center;
	margin: 10px auto;
	width: 320px;
	}
#printlinkwrapper a {
	border: 1px solid #666;
	border-color: #999 #333 #333 #999;
	padding: 4px 10px;
	display: inline-block;
	text-transform: uppercase;
	margin-right: 10px;
}
#printlinkwrapper a:hover {
	color: #f00;
	border-color: #333 #999 #999 #333;
}

table#printwrapper div.subholder {
	overflow: visible !important;
	border: 0 !important;
	margin: 8px 20px 0;
}

/* SS Portable Tiles and "More..." links */

div.tSSTiles { 
	/* this is the div that surrounds the entire thumbnail */	
}
div.tSSTiles strong { 
	color: #f00;
}

/* div.tSSTiles span {   This will hide the SS name if wanted
	display: none;
} */
div.tSSTiles img {
	border: 1px solid #999;	
}
div.tSSTiles img:hover { 
	border: 1px solid #f00;	
}
a.tSSTilesMoreLink {
	width: 160px;
	color: #333;
	padding: 0 0 6px 0;
	text-decoration: underline;
	display: block;
	font: bold 10px arial;
	margin: 3px auto 0;
}
a.tSSTilesMoreLink:hover {
	text-decoration: none;
}
a.tSSTilesMoreLink:after {
	content: ' >';
}





/*-------Header Start ----*/

#masthead {
	background: white;
	width: 100%;
	font-size: 9px;
	margin: 0;
	font-family:arial,helvetica,sans-serif;
}

#masthead img {
	border: none;
}

#masthead a, a:visited, a:active {
	color: #039;
	text-decoration: none;
}

#masthead a:hover {
	text-decoration: underline;
}

#masthead #mast_subscribe {
	float: left;
	text-align: center;
	font-size: 10px;
	margin-top: 10px;
}

#masthead #mast_content {
        float: right;
}

#masthead #mast_logo {
	float: left;
	margin-bottom: 5px;
}

#masthead #mast_leaderboard {
	padding: 2px 0 2px;
	text-align:center;
	clear:both;
	background:#ccc;
}

#masthead #mast_leaderboard div {
        margin: 0 auto;
}

#masthead #mast_breadcrumb {
	border:1px solid #ccc;
	background-color:#f2f2f2;
	padding:3px 5px;
	font-size:11px;
	text-align:left;
        clear: both;
}

#masthead #navigation {
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	font-size:11px;
	font-weight: bold;
	text-align:left;
        clear: both;
}

#masthead #navigation ul {
	display: inline;
	padding: 0;
	margin: 0;
}

#masthead #navigation li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid black;
}

/* ---------- Client Footer ---------- */ 

#mi_footer {
	font-size:11px;
	position:relative;
	border-top:1px solid #666;
	height:50px;
	clear:both;
	font-family: verdana, arial, sans-serif;
}

#mi_footer .footerlinks {
	margin:0 auto;
	padding: 0;
	text-align: center;
}

#mi_footer .footerlinks li {display:inline;}

#mi_footer img {
	border: none;
}

#mi_footer #realcitieslink {
	float: left;
}

#mi_footer #realcities {width:120px;}

#mi_footer a, #mi_footer a:visited, #mi_footer a:active {
	color: #039;
	text-decoration: none;
}

#mi_footer a:hover {
	text-decoration: underline;
}

#footer {
    width: 1024px;
    text-align: center;
    margin: 0px auto;
}
#footer .wrap {
    width: 1024px;
    height: 50px;
}
#footer .real {
    float: left;
    width: 150px;
    margin-top: 10px;
}
#footerCopy {
    margin: 0 auto 10px;
    text-align: center;
    color: #808080;
    font-size: 9px;
    float: left;
    width: 1024px;
    padding-top: 10px;
	padding-bottom; 10px;
}
#footer .copy a:link {
    color: #808080;
}
#footer-ad {
    width: 1024px;
    height: 90px;
    text-align: center;
    clear: both;
    margin: 20px 0px 5px 0px;
}

#FooterLinks {
    float: left;
    width: 874px;
    margin-top: 15px;
    display: block;
    height: 45px;
    text-align: left;
}
#FooterLinks div {
    float: left;
    width: 874px;
    white-space: nowrap;
}
#FooterLinks a {
    display: inline;
    width: auto;
    white-space: nowrap;
}

#main {
    margin: 0px;
    padding: 0px;
}
#main-margin {
    margin-left: 10px;
}
#main-body {
}
#main-header {
}

#header {
    margin: 0px auto;
    text-align: center;
}
#header .subscribe {
    float: left;
    width: 120px;
    text-align: center;
    margin: 0px auto;
    padding-top: 15px;
}
#header .logo {
    float: left;
    width: 389px;
    padding-top: 8px;
    margin: 0px auto;
    text-align: center;
}
#header .logo250 {
    float: left;
    width: 270px;
    padding-top: 8px;
    padding-right: 20px;
    padding-left: 50px;
	margin: 0px auto;
    text-align: center;
}
#header .fflogo {
    float: left;
    width: 240px;
    padding-top: 8px;
    padding-left: 30px;
    padding-right: 20px;
	margin: 0px auto;
    text-align: center;
}

#header .weather {
    float: left;
    width: 180px;
    text-align: left;
    margin: 0px auto;
    text-align: left;
}
#header .ad {
    float: left;
    width: 290px;
    padding-top: 8px;
    margin: 0px auto;
    text-align: center;
}
#header .adleaderboard {
    margin: 2px;
}

#HeaderSearch {
    /*width: 1100px;*/
    border-top: 1px solid #C6D5EA;
    border-right: 1px solid #C6D5EA;
    background: #C6D5EA url('http://www.aberdeennews.com/graphics/site/searchHead.jpg') repeat-x;  
    height: 35px;
    color:#fff; font-weight:bold; background-color:#C6D5EA
}
#HeaderSearchWrapper {
    /*width: 1100px;
    background: url('http://www.aberdeennews.com/graphics/site/shadow-right.jpg') repeat-y right;*/
    clear: both;
    /*height: 35px*/
	}
#HeaderSearchShadow {
    width: 1100px;
    height: 10px;
    background: url('http://www.aberdeennews.com/graphics/site/shadow-vert.jpg') repeat-x;
    border-top: 1px solid #dcdcdc;
}
#HeaderSearch .bar {
    width: 550px;
    margin-top: 5px;
    margin-left: 15px;
    height: 20px;
    overflow: hidden;
}
#bar {
    width: 550px;
    margin-top: 5px;
    margin-left: 15px;
    height: 20px;  
    overflow: hidden;      
}

.navouter {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 118px;
    font: bold 11px arial, sans-serif;
    border-top: solid 1px #395070;
    text-align: left;
}
.navinner {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 118px;
    margin-bottom: 4px;
}
.navhead {
    background-color: #023F9A;
    width: 120px;
    margin-top: 2px;
    border-bottom: 3px solid #395070;
    border-top: 1px solid #395070;
    font-weight: bold;
    text-indent: 4px;
    font-size: 11px;
    background: url('http://www.aberdeennews.com/graphics/site/title100.jpg') repeat-x;    
    color: #fff
}
.navhead A:link, .navhead A:active, .navhead A:visited {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.navhead A:hover {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;    
}
.navlinkimg {
    width: 118px;
    text-indent: 14px;
    background: url('http://www.aberdeennews.com/graphics/site/NewsDot.jpg') no-repeat;
    border: 1px solid #395070;
    margin-top: -1px;
    padding-top: 2px;
    padding-bottom: 2px    
}
.navlinkimg A:link, .navlinkimg A:active, .navlinkimg A:visited {
    text-indent: 14px;
    text-decoration: none;
    /*background: url('http://www.aberdeennews.com/graphics/site/NewsDot.jpg') no-repeat;*/
}
.navlinkimg A:hover {
    text-indent: 14px;
    text-decoration: underline;
}
.navlink {
    width: 118px;
    font: bold 11px arial, sans-serif;
    border: solid 1px #395070;
    margin-top: -1px;
    text-indent: 2px;
    padding-top: 2px;
    padding-bottom: 2px;    
}
.navlink A:link, A:active, A:visited {
    text-decoration: none;
}
.navlink A:hover {
    background-color: #C6D5EA;
    text-decoration: underline;
}
.navlinksub {
    width: 116px;
    font: normal 11px arial, sans-serif;
    border: solid 1px #395070;
    margin-top: -1px;
    text-indent: 4px;
    padding-top: 2px;
    padding-bottom: 2px;    
}
.navlinksub A:link, A:active, A:visited {
    text-decoration: none;
}
.navlinksub A:hover {
    background-color: #C6D5EA;
    text-decoration: underline;
}

#leftlinks {
	width: 120px;
	border: 1px solid #f00;
}

.navhead {
	font-size: 10px !important;
}


