/* css by adrian holovaty, adrian at holovaty dot com

   Helpful stuff:
   http://css-discuss.incutio.com/?page=BoxModelHack
   http://centricle.com/ref/css/filters/tests/star_html/
   http://www.l-c-n.com/IE5tests/hiding/index.shtml

THIS STYLE SHEET HAS BEEN COPIED FROM STYLE.CSS AND RENAMED UNTIL WE HAVE A WAY TO INCORPORATE CHANGES INTO STYLE.CSS - IF EVER.
*/

/* MAIN ****************************************************/

* { margin: 0; padding: 0; }
body {
	background: #fff;
	font-family: verdana,sans-serif;
}

/*ALTERNATE BODY TAG FOR PLAIN WHITE BCKGRND*/
body#popup {
	background: #fff;
	font-family: verdana,sans-serif;
}

#main {
	background: #fff;
	width: 748px;
}
img { border: none; }
h1 {
	font: bold 20px 'trebuchet ms',arial,helvetica,sans-serif;
	margin: 0 0 3px;
}
h2, #ap span.headline {
	font: bold 17px 'trebuchet ms',arial,helvetica,sans-serif;
	margin: 0 0 3px;
}
h3 {
	font: bold 14px/16px 'trebuchet ms',arial,helvetica,sans-serif;
	margin: 0 0 5px;
}
h4 {
	font: bold 13px/15px 'trebuchet ms',arial,helvetica,sans-serif;
	margin: 0 0 5px;
}
a:link, a:visited { text-decoration: underline; }

/* HEADER **************************************************/

#homepage #header {
	background: url("/img/masthead_back_homepage.gif") no-repeat;
	height: 150px;
}
#homepage #masthead {
	position: absolute; left: 200px; top: 8px;
}

#bannerpage #header {
	background: url("/img/running_header.jpg") no-repeat;
	height: 80px;
}

#bannerpage #masthead {
	position: absolute; left: 18px; top: 18px;
}

#bannerpage #masthead-section {
	position: absolute; left: 18px; top: 60px; width: 230px;
	text-align: center;
}

#bigadpage #header {
	background: url("/img/masthead_back_bigadpage.gif") no-repeat;
	height: 171px;
}
#bigadpage #masthead {
	position: absolute; left: 9px; top: 100px;
}
#bigadpage #masthead-section {
	position: absolute; left: 6px; top: 106px; width: 730px;
	text-align: center;
}

#toplinks {
	position: absolute; left: 13px; top: 93px; width: 525px;
	color: #fff;
	font: 10px verdana,arial,helvetica,sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#toplinks p {
	display: inline;
	padding: 3px 0 0 15px;
}
#toplinks p.updatedtime {
	border-right: 1px solid #71798b;
	padding-right: 15px;
}
#toplinks a:link,
#toplinks a:visited {
	color: #fff;
	text-decoration: none;
}
#toplinks a:hover{
	color: #eee;
	text-decoration: underline;
}

/* HORIZONTAL NAVIGATION ***********************************/

#horiznav {
	position: absolute; left: 167px;
	list-style-type: none;
	background: #f0f0f0;
	width: 571px;
}
#homepage #horiznav { top: 111px; }
#bannerpage #horiznav { top: 91px; }
#bigadpage #horiznav { top: 132px; }

#horiznav li {
	display: inline;
	height: 22px;
}
#horiznav img { border: none; }

/* LEFT NAVIGATION *****************************************/

#leftnav {
	position: absolute; left: 0;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
	width: 151px;  /* correct box model; no support for escapes */
	\width: 167px; /* IE5 */
	w\idth: 151px; /* correct box model; support for escapes */
}
#homepage #leftnav { top: 111px; }
#bannerpage #leftnav { top: 91px; }
#bigadpage #leftnav { top: 132px; }

#leftnav a:link { color: #247; text-decoration: none; border-bottom: 1px dotted #aaa; }
#leftnav a:visited { color: #469; text-decoration: none; border-bottom: 1px dotted #ccc; }

/* IE does not display "dotted" correctly, so give it solid */
* html #leftnav a:link { border-bottom: 1px solid #bbb; }
* html #leftnav a:visited { border-bottom: 1px solid #ddd; }
* html #leftnav a:link.img_link { border-bottom: 0px solid #ddd; }
* html #leftnav a:visited.img_link { border-bottom: 0px solid #ddd; }

#leftnav form {
	text-align: right;
	margin: 0 10px 0 0;
}
#leftnav input.in {
	font: 10px verdana,arial,sans-serif;
	padding: 1px;
	width: 100px;
	\width: 102px;
	w\idth: 100px;
	height: 16px;
	\height: 18px;
	he\ight: 16px;
}
#leftnav input.sub {
	font: 10px verdana,arial,sans-serif;
	height: 19px;
}
#leftnav p.advsearch {
	font: 10px verdana,arial,sans-serif;
	text-align: right;
	margin: 0 10px 0 0;
}
#leftnav ul.sections {
	list-style: none;
}
#leftnav ul.sections li {
	margin: 0 0 8px;
}
#leftnav ul.sections li p {
	margin: 0; padding: 0;
	width: 143px;
	height: 14px;
	border-bottom: 1px dotted #cacbc9;
}
* html #leftnav ul.sections li p {
	border-bottom: 1px solid #dbdcda;
}
#leftnav ul.sections li ul li {
	font: 11px/17px verdana,arial,sans-serif;
	margin: 0;
	list-style: none;
	padding-left: .7em;
	background: url("/img/arrow_gray.gif") no-repeat 0 .5em;
}
#leftnav ul.contacts {
	list-style: none;
}
#leftnav ul.contacts li {
	margin: 0 0 8px;
}
#leftnav ul.contacts li ul li {
	font: 11px/17px verdana,arial,sans-serif;
	margin: 0;
	list-style: none;
	padding-left: .7em;
	background: url("/img/star_small.gif") no-repeat -.1em .4em;
}

/* RIGHT RAIL **********************************************/

#rightrail {
	position: absolute; left: 593px;
	background: #f7f8ee;
	padding: 10px;
	width: 128px;
	\width: 149px;
	w\idth: 128px;
	border-left: 1px dotted #dadada;
	border-bottom: 1px dotted #dadada;
}
#homepage #rightrail { top: 133px; }
#bannerpage #rightrail { top: 113px; }
#bigadpage #rightrail { top: 154px; }

* html #rightrail {
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
#rightrail a:link,
#rightrail a:visited {
	font-weight: bold;
	color: #435e8f;
	text-decoration: none;
}
#rightrail h2 {
	margin: 10px 0 5px;
}
#rightrail ul {
	list-style: none;
	font: 11px/17px verdana,arial,sans-serif;
}
#rightrail ul li {
	padding-left: .7em;
	background: url("/img/arrow_orange.gif") no-repeat 0 .5em;
}
#rightrail li a:link,
#rightrail li a:visited {
	font-weight: normal;
	color: #d98927;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}
* html #rightrail li a:link,
* html #rightrail li a:visited {
	border-bottom: 1px solid #ddd;
}
#rightrail p {
	font: 10px/14px verdana,arial,sans-serif;
	margin: 0 0 5px;
}
#rightrail h2.imghed {
	width: 125px;
}

/* ADVERTISING *********************************************/

#topad {
	position: absolute; left: 547px; top: 13px;
}
#bannerad {
	position: absolute; left: 277px; top: 6px;
}
#bigad {
	position: absolute; left: 8px; top: 9px;
}

/* WEATHER *************************************************/

#weather {
	background: #ccc url("http://www.northbayweather.com/santarosa/icon.jpg") no-repeat;
	font-family: verdana,sans-serif;
	position: absolute; left: 13px; top: 13px;
	width: 182px;
	height: 88px;
	font: bold 10px verdana,arial,sans-serif;
	color: #996600;
	border: 1px solid #000;
}

#weather_text {
	width: 110px;
	height: 62px;
	position: absolute; left: 65px; top: 3px;
}

#weather img {
	border: 1px solid #fff;
}
#weather a:link,
#weather a:visited {
	color: #333;
	text-decoration: none;
}
#weather p.sponsor {
background: #666;
	position: absolute; left: 5px; top: 67px;
	width: 172px;
	height: 15px;
	text-align: center;
	color: #fff;
}
#weather h2 { display: none; }

/* CONTENT *************************************************/

#content {
position: absolute; left: 10px;
	background: #fff;
height: 1050px;

}


#homepage #content {
	/* override just for home page, which doesn't have a long right-rail */
	padding: 0 5px 0 179px;
	width: auto;
}
#content p.timestamp {
	height: 14px;
	font: bold 10px verdana,arial,helvetica,sans-serif;
	color: #aa9;
	width: 400px;
	margin: 2px 0 0;
	border-bottom: 1px dotted #d1d1d1;
}
* html #content p.timestamp {
	border-bottom: 1px solid #e2e2e2;
}
body.storypage #content h2 {
	color: #666;
	font: italic bold 16px 'trebuchet ms',verdana,sans-serif;
}
#content p,
#content ul {
	font: 11px/15px verdana,arial,helvetica,sans-serif;
	margin: 0 0 10px;
}

#popup p,
#popup ul {
	font: 11px/15px verdana,arial,helvetica,sans-serif;
	margin: 0 10px 0 10px;
}

#content p.center {
text-align: center;
}

#content ul {
	list-style: inside;
}

#content a, #ap span.byline, #ap span.bylinetitle {
	font-weight: bold;
}
#content a:link,
#content a:visited, {
	color: #435e8f;
}

#content h1 a,
#content h2 a,
#content h3 a {
	text-decoration: none;
}

/* TOP STORIES *********************************************/

#topstories {
	width: 400px;
}
#leadstory p.leadimageleft   { float: left; margin: 0 10px 10px 0; }
#leadstory p.leadimageright  { float: right; margin: 0 0 10px 10px; }
#leadstory p.leadimagecenter { text-align: center; margin: 0; }
/*Joe added the following styles to keep the photo credit and photo together on the lead homepage image*/
#leadstory p.leadimageleft table tr td.credit  { font: 9px verdana,arial,sans-serif; text-align: right; }
#leadstory p.leadimageright table tr td.credit { font: 9px verdana,arial,sans-serif; text-align: right; }
#leadstory p.leadimagecenter table tr td.credit { font: 9px verdana,arial,sans-serif; text-align: right; }

#leadstory li {
	margin: 0;
}
#otherleads {
	clear: both;
	padding: 5px 0 0;
}
/* hide from IE mac because of browser-specific float bug \*/
#otherleads div.left {
	float: left;
	padding: 0 10px 0 0;
	width: 184px;
	\width: 194px;
	w\idth: 184px;
}
#otherleads div.right {
	float: left;
	border-left: 1px dotted #d1d1d1;
	padding: 0 0 0 10px;
	width: 189px;
	\width: 200px;
	w\idth: 189px;
}
* html #otherleads div.right {
	border-left: 1px solid #e2e2e2;
}
/* end hiding from IE5 mac */

/* STORY ROWS **********************************************/

div.storyrow {
	clear: both;
	padding: 5px 0 0;
}
/* hide from IE mac because of browser-specific float bug \*/
div.storyrow div.left {
	float: left;
	padding: 0 10px 0 0;
	width: 184px;
	\width: 194px;
	w\idth: 184px;
}
div.storyrow div.right {
	float: left;
	border-left: 1px dotted #d1d1d1;
	padding: 0 0 0 10px;
	
	width: 185px;
	\width: 196px;
	w\idth: 185px;
}
* html div.storyrow div.right {
	border-left: 1px solid #e2e2e2;
}
#homepage div.storyrow div.right {
	width: 349px;
	\width: 360px;
	w\idth: 349px;
}
/* end hiding from IE5 mac */

/* this "grabs" the background color, if any, and makes sure it flow through
   the entirety of the storyrow div */
div.storyrow div.footer {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*SPECIAL STORYROW CHANGES - for boxes on index pages*/
div#special div.storyrow {
	clear: both;
	padding: 5px 0 0;
}
/* hide from IE mac because of browser-specific float bug \*/
div#special div.storyrow div.left {
	float: left;
	padding: 0 10px 0 0;
	width: 180px;
	\width: 190px;
	w\idth: 180px;
}
div#special div.storyrow div.right {
	float: left;
	border-left: 1px dotted #d1d1d1;
	padding: 0 0 0 10px;
	
	width: 181px;
	\width: 192px;
	w\idth: 181px;
}
* html div#special div.storyrow div.right {
	border-left: 1px solid #e2e2e2;
}
#homepage div#special div.storyrow div.right {
	width: 349px;
	\width: 360px;
	w\idth: 349px;
}
/* end hiding from IE5 mac */

#bannerpage #special {
	clear: both;
	background: #fbfcf7;
	margin: 10px 0 5px -10px;
	padding: 5px 5px 5px 10px;
}

/*END SPECIAL STORY ROWS*/

/* ENTERTAINMENT *******************************************/

#homepage #entertainment {
	clear: both;
	background: #fbfcf7;
	margin: 10px 0 5px -10px;
	padding: 5px 5px 5px 10px;
}
#homepage #entertainment h4 {
	margin: 0; padding: 0;
	font: 11px verdana,arial,sans-serif;
}
#homepage #entertainment div.storyrow div.right {
	width: 344px;
}

/* STOCK MARKET TABLE **************************************/

#homepage #markets {
	font: 11px verdana,arial,sans-serif;
}
#homepage #markets tr.dow { background: #f5f6e9; }
#homepage #markets tr.nasdaq { background: #fff; }
#homepage #markets tr.sp500 { background: #f5f6e9; }
#homepage #markets th { padding: 1px 0 0 5px; font-weight: bold; text-align: left; }
#homepage #markets td { padding: 1px 10px; text-align: right; }

/* IMAGE HEADLINES *****************************************/

.imghed {
	width: 100%;
	margin-bottom: .3em;
	border-bottom: 1px dotted #d1d1d1;
}
* html .imghed {
	border-bottom: 1px solid #e2e2e2;
}

/* STORY PAGE STUFF ****************************************/

body.storypage #byline {
	margin: 10px 0;
}
body.storypage #byline p {
	margin: 0;
}
body.storypage p.storydate {
	margin: 10px 0;
	color: #666;
}
body.storypage p.tagline { font-style: italic; }
body.storypage div.photo {
	clear: both;
	float: right;
	width: 206px;
	\width: 221px;
	w\idth: 206px;
	margin: 15px 0 15px 15px;
}
body.storypage div.photo hr { display: none; } /* it's only for non-graphical browsers */
body.storypage div.photo img {
	background: #ececec;
	padding: 2px;
	border: 1px solid #ddd;
}
body.storypage div.photo p {
	margin: 0 0 3px;
}

body.storypage div.sidebar {
	clear: both;
	float: right;
	background: #f7f8ee;
	border: 1px solid #ddd;
	margin: 15px 0 15px 15px;
	padding: 10px;
	width: 185px;
	\width: 221px;
	w\idth: 185px;
}
body.storypage div.sidebar hr { display: none; } /* it's only for non-graphical browsers */
body.storypage div.sidebar li { margin-bottom: 1em; }

/* FOOTERS *************************************************/

#content-footer {
	clear: both;
}
#page-footer {
	clear: both;
	background: #fff;
	padding: 19px 0;
	font: 11px verdana,arial,sans-serif;
	color: #888;
	text-align: left;
	width: 753px;
}
#page-footer a:link,
#page-footer a:visited {
	color: #435e8f;
}
#page-footer hr { display: none; }

/* GENERIC CLASSES *****************************************/

.lowtech { display: none; }
img.bordered {
	background: #ececec;
	padding: 2px;
	border: 1px solid #ddd;
}
/* Joe added the table tags in the embedded photo styles below to hold credits to smaller pics on the homepage*/
p.embedded-photo-left { float: left; padding: 0 5px 0 0; }
p.embedded-photo-left table tr td.credit {font: 9px verdana,arial,sans-serif; text-align: right; }
p.embedded-photo-left img { border: none; }
p.embedded-photo-right { float: right; padding: 0 0 0 5px; }
p.embedded-photo-right table tr td.credit {font: 9px verdana,arial,sans-serif; text-align: right; }
p.embedded-photo-right img { border: none; }
ul.spreadout li { margin: 0 0 3px; }
div.contentbox {
	clear: both;
	border: 1px solid #ddd;
	background: #f7f8ee;
	padding: 10px;
	margin: 10px 0;
}

/*MORE JOE ADDS*/

/*Control text links for wire feeds*/
#content #wirelinks a:link,
#content #wirelinks a:visited, {
	color: #435e8f;
	font: bold 11px/15px verdana,arial,helvetica,sans-serif;
	margin: 0 0 10px;
}

#content #wirelinks span {
	color: #000000;
	font: bold 11px/15px verdana,arial,helvetica,sans-serif;
	margin: 0 0 10px;
}

#highlight_box_left {
	float: left; margin: 0 10px 10px 0;
	background: #eee;
	padding: 10px;
	width: 138px;
	\width: 159px;
	w\idth: 138px;
	border: 1px solid #ddd;
	font: 11px/17px verdana,arial,helvetica,sans-serif;
}

#highlight_box_right {
	float: right; margin: 0 10px 10px 0;
	background: #eee;
	padding: 10px;
	width: 138px;
	\width: 159px;
	w\idth: 138px;
	border: 1px solid #ddd;
	font: 11px/17px verdana,arial,helvetica,sans-serif;
}

#highlight_box_full {
	background: #eee;
	padding: 10px;
	width: 348px;
	\width: 369px;
	w\idth: 348px;
	border: 1px solid #ddd;
	font: 11px/17px verdana,arial,helvetica,sans-serif;
}

/* TOP ADS *********************************************/

#topads {
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	padding: 10px 5px 5px 5px;
	margin: -7px 0 10px 0;
	width: 117px;
	\width: 115px;
	w\idth: 117px;
}
#topads a:link,
#topads a:visited {
	font-weight: bold;
	color: #435e8f;
	text-decoration: none;
}
#topads a:hover {
	color: red;
}