@import url(base.css);
@import url(footer.css);

/* @import url(fsi.css); == delete if not needed */

/* ========== [Newspaper Name here] CSS ======== */


html, body {              /* Need to set backgrounds on both */

}
body {
	background-image: url(http://cssimages.tbo.com/shared/frontbackgrdgradrule.gif);
	background-position: 20px 50%;
}
#wrapper-rail {
	width: 970px;         /* 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 {
	overflow: hidden;	
}

/* ========= 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: 800px;  
	left: 0;
	top: 0;
}
.sc {				      /* (sc = SECONDARY CONTENT) */
	width: 190px;	      /* border: 1px dashed #36c; */ 	
	left: 800px;
	top: 0;
	_top: 8px;            /* display: none; - uncomment if right column not needed */
	text-align: center;
}

.clear_children,.cc_tallest { position: relative; }
/*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/*#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: ' >';
}

/* Client CSS Document */

#topnav {
text-align:center;
background-color:#000000;
padding:10px 0;
color:#ffffff;
}

#header {
border-top:5px solid #999999;
border-bottom:5px solid #999999;
_border-bottom:3px solid #999999;
background-color:#999999;
}

#topbanner {
text-align:center;
background-color:#000000;
padding:10px 0;
}

#bottomnav {
text-align:center;
background-color:#000000;
padding:10px 0;
color:#ffffff;
}

#content {
padding:10px 0;
}

#ads {
text-align:center;
border-left:1px #000 solid;
padding:0 0 0 5px;
}

#t-nav a:hover {
	color:#fc6;
}

#topbanner{
	padding:2px;
}

#topnav{
	padding:5px;
}

#bottomnav{
	padding:2px;
}

#t-market-box-feature{
	background:#fff !important;
	background-image:none !important;
}

.t-ph {
background:transparent url(../content/images/marketplace/bluefade_tab_left.gif) no-repeat;
}

.t-ph h1 {
background:transparent url(../content/images/marketplace/bluefade_tab_right.gif) no-repeat;
}

.t-bgcat1 .t-ph {
background:transparent url(../content/images/marketplace/t_cat_portable_1_left.gif) no-repeat;
}

#wrapper-rail {
	margin-left: 0pt;
}

img {
	display: inline;
}

#topnav a, #bottomnav a {
	color: #696969;
	text-decoration: underline;
}

#bottomnav p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.25em;
}

#sr_g, .container7 {
	width: 800px !important;
}

.container2 {
	width: 190px !important;
	
}

#searchbar #search {
	width: auto;
	background-image: none;
}

#searchbar {
	background: none;
	height: 10px;
}

#t-footer {
	margin: 0px;
	border: 0px !important;
	background: none;
}

#t-footer {border-left:none !important;background:none !important;}

#sectionhed_full #text h1 span {
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 0.9em;
}

#sectionhed_full #text h1 span {
color:#000000;
display:block;
margin-top:-15px;}

#sectionhed_full {margin-bottom:0 !important;}
#sectionhead h1, #sectionhed_full h1, #sectionhed h1{padding:0 !important;}
#sectionhed_full #page_sponsor, #sectionhed_full {height:0px !important;}