@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 */
	background:#ccc !important;
}
body {
		background-color: #ccc !important;
}
#wrapper-rail {
	width: 1020px;         /* width set for bg and centering */
	margin: 0 auto;       /* center site here */
	background-color: #fff;
}
#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: 635px;
}
#wrapper {
	overflow: hidden;	
	width: 798px;

}

/* ========= 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: 850px;  
	left: 0;
	top: 0;
}
.sc {				      /* (sc = SECONDARY CONTENT) */
	width: 190px;	      /* border: 1px dashed #36c; */ 	
	left: 800px;
	top: 0;
	_top: 8px; 
	background-color: #CBD3DF;
	padding: 15px 15px 143px;

}

.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;  -------- Uncomment if header contains floats */
	/*border: 1px solid #999;
	border-width: 0 1px;*/
}
#cFooter {
	margin-top: 8px;
	text-align: center;	
}
.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: ' >';
}


.footer {
	background:url('http://daily-journal.com/garcia/images/header_logo_back.jpg');
	text-align:center;
	font-size:11px;
	color:#fff;
	width: 1000px;
}

.footer a {
  color:#fff;
}

.footer a:hover {
  color:#cccccc;
}

.footer {
	clear:both;
	padding:10px;
}

.footer p {
	margin:0px;
	padding:0px;
}

.header_logo {
	background: #428AC6;
}


.header_qlinks {

  background:url('http://daily-journal.com/garcia/images/header_qlinks_back.jpg');

	font-size:10px;

	color:#ffffff;

}



.header_qlinks a {

  color:#ffffff;

	font-weight:bold;

	text-decoration:none;

} 



.header_qlinks a:hover {

  color:#cccccc;

	font-weight:bold;

	text-decoration:underline;

}



.header_logo {

  background: #428AC6;

}



.header_weather {

  color:#ffffff;

	font-size:12px

}



.header_weather a {

  color:#ffffff;

	text-decoration:none;

}



.header_weather a:hover {

  color:#cccccc;

  text-decoration:underline; 

}



.header_weather p {

  font-size:10px;

}



.header_news_nav {

  background-color:#2b5283;

	font-size:12px;

	font-weight:bold;

}



.header_news_nav a {

  font-weight:bold;

	color:#ffffff;

	text-decoration:none;

}



.header_news_nav a:hover {

  color:#cccccc;

  text-decoration:underline;

}



.header_news_subnav {

  background-color:#203c60;

	font-weight:bold;

  font-size:10px;

}



.header_news_subnav a {

  font-weight:bold;

	color:#ffffff;

	text-decoration:none;

}



.header_news_subnav a:hover {

  color:#cccccc;

  text-decoration:underline;

} 



.header_adv_nav {

  font-size:12px;

	font-weight:bold;

	background-color:#336699;

} 



.header_adv_nav a {

  font-weight:bold;

	color:#ffffff;

	text-decoration:none;

}



.header_adv_nav a:hover {

  color:#cccccc;

  text-decoration:underline;

}



.header_search {

  background:url('http://daily-journal.com/garcia/images/header_search_back.gif');

	font-size:11px;

	font-weight:bold;

	color:#666666;

}



.header_search a {

  color:#666666;

	text-decoration:none;

}



.header_search a:hover {

  color:#cccccc;

	text-decoration:underline;

}



.header_search form input[type="text"] {

  border:1px solid #ccc;

}



.header_search form input[type="button"] {

  border:1px solid #666666;

	background:url('http://daily-journal.com/garcia/images/button_search_back.gif');

	font-size:11px;

	font-family:Verdana;

	font-weight:bold;

	color:#666666;

}



.header_search form select {

  border:1px solid #666666;

	font-size:11px;

	font-family:Verdana;

	font-weight:bold;

	color:#666666;

}



.header_search_nav {

  font-weight:normal;

}



.header_search_member {

  font-weight:normal;

}


.header_qlinks {

  padding:5px 0px 5px 15px;

}



.header_logo {

  width:100%;

}



.header_weather {

  width:270px;

  float:right;

	padding-right:22px;

}



.header_news_nav {

  float:left;

	width:615px;

	padding:4px 0px 4px 22px;

}



.header_news_nav a {

  margin:0px 20px 0px 0px;

}



.header_news_subnav {

  float:left;

	width:948px;

	height:10px;

	padding:2px 0px 4px 22px;

}



.header_news_subnav a {

  margin:0px 12px 0px 0px;

}



.header_adv_nav {

  float:right;

	width:361px;

	padding:4px 0px 4px 22px;

}



.header_adv_nav a {

  margin:0px 10px 0px 0px;

}





.header_search {
	clear:both;
	height:37px;
	position:relative;

}



.header_search form {

	float:left;

	position:relative;

	top:7px;

	padding-left:22px;

}



.header_search form input[type="text"] {

  width:230px;

}



.header_search form input[type="submit"] {

  width:28px;

	height:19px;

}



.header_search_nav {

  float:left;

	margin-left:16px;

	margin-top:11px;

}



.header_search_member {

  float:right;

	margin-right:22px;

	margin-top:11px;

}




.featured_calendar td {
border:1px dotted #8B9CB9;
color:#262F3E;
text-align:center;
}


.featured_calendar {
margin-top:5px;
width:180px;
}
.featured_calendar td {
width:24px;
}
.headlines_container {
float:left;
padding-left:22px;
padding-right:10px;
position:relative;
top:10px;
width:248px;
}
.headlines_container ul {
margin:2px 0px 0px 15px;
padding:0px;
}
.headlines_container h1 {
margin-top:10px;
}
.extras_container {
float:left;
position:relative;
top:10px;
width:146px;
}