/*Coastsider customization of blueprint css framework*/


body
{font-size: 80%; 
	line-height: 1.6;
	color: #000000;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

}

h1,h2,h3,h4,h5,h6
{
	color: #000000;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1
{
	font-size: 2.25em;
	line-height: 1.3;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	font-weight: bolder;
}

h2
{
	font-size: 1.5em;
	margin-bottom: 0.75em;
}

h3
{
	font-size: 1em;
	line-height: 1;
	margin-bottom: 1em;
}

h4
{
	font-size: .9em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h5
{
	font-size: .75em;
	margin-bottom: 1.5em;
}

h6 { font-size: .75em; }


a:link
{
	color: #005689;
	text-decoration: none;
}

a:visited
{
	color: #005689;
	text-decoration: none;
}

a:active
{
	color: #008000;
	border-bottom: 1px dotted #008000;
}

a:hover
{
	color: #008000;
	border-bottom: 1px #008000 dotted;
}

.container
{
	padding: 0 10px 10px 10px;
	overflow: hidden; 
}

table {border-collapse:separate;border-spacing:0;}
caption {text-align:left;font-weight:normal;}
th {text-align:right;font-weight:bold;}
td {text-align:right;font-weight:normal;}
table, td, th {vertical-align:middle;}


/*End of modifications to blueprint css*/


/*--- BANNER ---*/

.banner { }

.bannerdescription
{
	font-family: georgia, serif;
	/*	font-style: italic;*/
	font-size: 225%;
	color: #0000FF;
	font-weight: bolder;
}

.sections
{
	color: #000000;
	border-top: 3px solid #008000;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.sections a:link
{
	text-decoration: none;
	color: #000000;
}

.sections a:visited
{
	text-decoration: none;
	color: #000000;
}

.sections a:active
{
	color: #008000;
	border-bottom: 1px solid #008000;
	
}

.sections a:hover
{
	color: #008000;
	border-bottom: 1px solid #008000;
}

/*---  MAIN COLUMN ---*/
.dateline
{
	color: #008000;
	border-top: 1px #000000 solid;
	border-bottom: 1px #7F7F7F solid;
	font-weight: bold;
	margin: 4px 0 2px 0;
}

.author
{
	color: #4C4C4C;
	font-size: 95%;
}

.sidebar
{
	background-color: #FFEDCC;
	padding: 10px;
}

.pullquote
{
	font-size: 20pt;
	line-height: 24pt;
	font-weight: bold;
	padding: 0 0 0 0;
	border-width: 1pt 0 1pt 0;
	color: #828282;
	float: left;
	clear: both;
	font-family: serif;
	font-style: italic;
}

.pullquoteattribution
{
	font-size: 10pt;
	line-height: 12pt;
	font-style: italic;
	font-weight: normal;
}

.comment
{
	border-top: 1px solid #4C4C4C;
	margin-bottom: 10px;
}


.jump
{
	padding: 0 0 18px 0;
	font-weight: bold;
}

.preview
{
	background-color: #D1FFD6;
	padding: 5px;
}

/*------------- STORY TAGS ----------------*/
.opinion
{
	background-color: #008000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 .1em 0 .1em;
	margin-right: .2em;

}

.breaking
{
	background-color: #FF777A;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 .1em 0 .1em;
	margin-right: .2em;
}



.featured
{
	background-color: #869AFF;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 .1em 0 .1em;
	margin-right: .2em;
}



/*------------PHOTOS-----------*/

.photo a {	border: none;}

.photoby
{
	text-align: right; 	margin: 0 0 0 0;
	font-size: 75%; 
	clear:left;
}

.flvby
{
	text-align: right; 	
	font-size: 75%;  
}

.caption
{
	font-style: italic;
	margin: 0 0 15pt 0;
}


/*--- Letters ---*/

.letter
{
	padding: 5px  0 0 0 ;
	margin: 0 0 10px 0;
	background-image: url(http://coastsider.com/images/graphics/parchment.gif);

}

.letter_headline
{
	padding: 0  5px 0 5px ;
	font-size: 90;
	color: #AD532F;
}

.letter_author
{
	color: #4C4C4C;
	font-size: 90%;
	padding: 0 5px 0 5px ;
}

.letter_body
{
	padding: 0 5px 0 5px ;

}



/*---  Navbar ---*/

.navtitle
{
	color: #008000;
	border-top: 1px #000000 solid;
	border-bottom: 1px #7F7F7F solid;
	font-weight: bold;
	margin: 4px 0 2px 0;
}

.navwrap {	text-indent: -1em;
	margin-left: 1em;}

.navlist
{
	color: #000000;
	padding: 0 0 0 0;
	text-decoration: none;

}

.alert
{
	background-color: #FFF7E7;
	padding: 5px;
	border: 1px solid #666;
}

#weather p
{
	margin-bottom: 0px;
	margin-top: 0px;
}



/*---  ADVERTISING  ---*/

.leaderboard { padding: 0 0 5px 120px;}
.leaderboard a { border: none;}

.banner_ad { padding: 10px 0 10px 0;}
.banner_ad a { border: none;}

.square_button { text-align:center;}
.square_button a { text-align:center;border: none;}


/*--- FOOTER ---*/

.footer { padding-top: 10px; }


/*-- WIKI --*/

.wmd-preview
{
	background-color: #D1FFD6;
	padding: 5px;
}

/*-- POPUP ADDITIONAL INFO ON HOVER --*/
/*-- from http://www2.psacake.com:81/web/jl.asp --*/

a.info 
{
	position: relative;
	/*this is the key*/
	z-index: 24;
	background-color: #EBF5FE;
	color: #000;
	text-decoration: none;
}



a.info:hover
{
	z-index: 25;
	background-color: #FFED8C;
}

a.info span { display: none; }

a.info:hover span
{
	/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: -2em;
	width: 8em;
	padding: 2px;
	border: 1px solid #008040;
	background-color: #E7FFF3;
	color: #000;
	text-align: center;
	font-size: 90%; 
}

a:hover
{
	background: #ffffff;
	text-decoration: none;
}

/*BG color is a must for IE6*/
a.annotation span
{
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 130px;
	color: #0054A7;
	overflow: visible;
}

a.annotation:hover span
{
	display: inline;
	position: absolute;
	border: 1px #008040 solid;
	color: #000000;
	background-color: #FFFBE6;
}