html, body {
	background-color: #fff;
	color: #000;
	}

html, body, form, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
ul {
	list-style: none;
	}

img {
	border: 0;
	}

a {
		  /*	
		  color: #CC9933;
		  */
		  color: #CC0000;
        text-decoration: none;
        }

a:visited {
  		 /*
		 color: #CC9933; 
		 */
		 color: #CC0000;
}

a:hover {
        color: #CC9933;
        text-decoration: underline;
        }

/********** MAIN BLOCKS *************/

#header {
	width: 980px;
	}
	
#mastheadlive {
	font-size: 12px;
	font-weight: bold;
	color: Black;
	/*
	background-color: #99CCFF;
	*/
	margin: 0;
	padding: 0px 0px;
	width: 980px;
	height: 90px;
	background-image: url(../images/ElbaClipper_masthead.gif);
	background-repeat: no-repeat;
}



#mastheadliveright {
	float: left;
	width: 250px;
	color: White;
	margin-top: 40px;
	text-align: right;
	padding: 0 20px;
}


#mastheadHolder{
	width: 980px;
	height: 90px;
}

#mastheadLeft{
	width: 880px;
	float: left;
	height: 90px;
	background-image: url(../images/ElbaClipper_masthead.gif);
	background-repeat: no-repeat;
}

#mastheadRight {
	width: 100px;
	float: left;
	height: 90px;
}

#toptools {
	border: 1px solid Black;
	width: 970px;
	padding: 10px;
	margin-left: 10px;
}	

#toptools .navBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

#toptools .navBtnSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}

#content_wrapper_spacer {
	height: 10px;
	width: 980px;
}

#content_wrapper {
	width: 980px;
	/*
	background-color: Yellow;
	*/
	/*
	padding: 6px;
	*/
	}


#topadbox {
	float: left;
	width: 470px;
	/*
	background-color: Fuchsia;
	*/
	margin-left: 20px;
	margin-right: 20px;
}	

#searchbar {
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	/*
	background-color: #009900;
	*/
	/*padding-left: 10px;
	*/
	width: 250px;
}	

#searchbar h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

#rightadbox {
	float: left;
	width: 180px;
	/*
	background-color: Yellow;
	*/
	margin-left: 20px;
}	

#dateBox {
	width: 760px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#content {
	float: left;
	width: 760px;
	/*
	background-color: Orange;
	*/
	margin-left: 20px;
	margin-top: 15px;
	}

	
#columnleft {
	float: left;
	width: 380px;
	border-right: thin solid;
	border-right-width: 1px;
	background: #006600;
	}
	
#featurebox {
	float: left;
	/*
	width: 380px;
	*/
	width: 360px;
	margin-right: 20px;
	background-color: #DAB66B;
	/*
	background-color: #CC9933;
	*/
}	
	
#featurebox img {
	padding-right: 10px;
	padding-top: 10px;
	/*
	padding-bottom: 2px;
	*/
	float: left;
}	
	
#columnright {
	float: left;
	width: 358px;
	border: 1px solid;
	
	padding-left: 10px;
	padding-right: 10px;
	}
	
#combleftright {
	float: left;
	width:635px;
	background-color: #99CC66;
}		
	
#footer {
	width: 780px;
	/*
	background-color: Fuchsia;
	*/
	float: left;
	/*
	margin-left: 20px;
	*/
	}
	

#searchbar a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration: none;
}

#searchbar table {
/*
	border: thin solid;
	border-color: Black;
*/	
}


#searchbar th {
	background-color: #CC9933;
	border-bottom: 1px solid #000033;
	border-left: 1px solid #000033;
	border-right: 1px solid #000033;
	border-top: 1px solid #000033;
	margin-bottom: 0px;
}



#searchbar td {
	background-color: #F0F0F0;
	border-bottom: 1px solid #000033;
	border-bottom-width: 1px;
	border-left: 1px solid #000033;
	border-right: 1px solid #000033;
}


#searchbarleft {
	width: 600px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
}


#searchword{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font: small-caps;
	font-size: 13px;
	font-weight: bold;
}


#searchbarright {
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#toollink {
	width: 400px;
	margin-top: 20px;

}

#toollink a {
	color: #CC9933;
	font-weight: bold;
	font-size: 12px;
}

#toolleft {
	float: left;	
}

#toolright {
	float: right;
}

/*
#mastheadliveright {
	float: right;
	width: 150px;
	color: White;
	margin-top: 40px;
	text-align: right;
	padding: 0 20px;
}

*/
	
	






	
#col3col4 {
	float: right;
	width: 615px;
	}
	
#column2 {
	float: left;
	width: 317px;
	border-right: thin solid;
	border-right-width: 1px;
	}
	
#column3 {
	float: left;
	width: 317px;
	}
	
#comb23 {
	float: left;
	width:635px;
	/*
	background-color: Fuchsia;
	*/
}	

#column4 {
	float: left;
	width: 180px;
	/*
	background-color: Aqua;
	*/
	}
	

	
#column1 {
	float: left;
	width: 165px;
	overflow: hidden;
	/*
	background-color: Lime;
	*/
	}
	
	
#footer p {
	font-size: 10px;
	color: #330000;
}	
	
#podheadline h2{
	color: #000000;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 16px;
}	

#podtopstory h2 {
	color: #000000;
}


/********** END MAIN BLOCK *************/

	


/********** COLUMN1 *************/

#column1 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	padding: 6px 0px 4px 12px;
	margin-right: 16px;
	border-top: 1px dotted #999;
	/*
	background: url(http://images.salon.com/src/cover/lc_redarrow.gif) 0px 9px no-repeat;
	*/
	}

#column1 h4 {
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	text-transform: uppercase;
	padding: 0px 24px 2px 24px;
	/*
	background: url(http://images.salon.com/src/cover/lc_blackarrow.gif) 0px 4px no-repeat;
	*/
	}

#column1 ul {
	margin-bottom: 6px;
	}
	
#column1 ul li {
	padding: 0px 8px 2px 24px;
	/*
	background: url(http://images.salon.com/src/cover/bullet_dash_black.gif) 15px 7px no-repeat;
	*/
	}
	
#column1 #message {
	padding: 12px 13px 12px 15px;
	margin-right: 1px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	/*
	font-family: Georgia, 'Times New Roman', Times, serif;
	*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
        }

/* give first navbar extra padding-top */
	
#blogs_columns {
	padding-top: 8px;
	padding-bottom: 8px;
	}

/********** END COLUMN ONE *************/	
	
	
	
	
	
	
	
	
/********** COLUMN TWO *************/

/*** coverline box ***/

#headline {
	margin-bottom: 18px;
	border-bottom: 3px double #ccc;
	}

#headline_image {
	text-align: center;
	}

#headline .image_credit {
	padding: 2px 12px 0 12px;
	text-align: right;
	font-size: 12px;
	}

#headline .headline_text {
	padding: 12px 12px 0px 30px;
	}

#headline .main_headline h2 {
	margin-bottom: 8px;
	font-size: 14px;
	/*
	font-family: Georgia, 'Times New Roman', Times, serif;
	*/
	font-family: Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	color: #CC9933;
	}

#headline .secondary_headline h3 {
	border: 0;
	margin: 6px 0 2px 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC9933;
	text-transform: none;
	text-decoration: none;
	}

#headline .headline_description {
	margin: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 130%;
	}

.image_caption {
   padding: 16px 12px 12px 12px;
   font-size: 10px;
   color: #555;   
}
	
/*** end coverline box ***/


/* special message box just below coverline box */

#column2 .message {
	padding: 0 12px 6px 30px;
        }

#column2 .message p {
	margin: 0;
	padding: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	}

#column2 .message h2 {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
   background: #fff;
   color: #c00;
   font-size: 12px;                                                       
   font-weight: bold;
	font-style: normal;
	padding-bottom: 1px;
	border-bottom: 2px solid #c00;
}

/* end special message box */

/* byline css, e.g <p class="byline_author">By Joe Lunchbucket</p> */

#column2 p.byline_author, #column2 p.byline_section, #column2 p.byline_topic, #column2 p.byline_letters {
	padding: 2px 0 0 0;
	margin: 0;
	}

	/* floats needed for section/letters left/right. ew */	
#column2 p.byline_section {
	width: 200px;
	float: left;
	clear: both;
	}

#column2 p.byline_letters {
	text-align: right;
	float: right;
	width: 100px;
	}

/* end bylines */

/* header for day name on column2 */

#column2 h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	margin: 14px 12px 6px 12px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	}
	
/* classified items   */	
	
ul.classified_list {
	list-style: none;
	}
	
ul.classified_list li {
	clear: both;
	padding: 0px 6px 16px 12px;
}	

	

/* articles by day */
	
ul.articles_day {
	list-style: none;
	}
	
ul.articles_day li {
	clear: both;
	padding: 0px 6px 16px 12px;
	}
	
ul.articles_day li p.coverline_intro, ul.articles_day li h4.coverline_header {
	display: inline;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	padding-right: 6px;
}

ul.articles_day li div.article_summary {
	padding: 0px;
	margin: 0px 4px 0px 0px;
	}
	
ul.articles_day li h4.coverline_header a {
	font-weight: bold;
	padding-right: 4px;
	}

ul.articles_day li a.story_thumb {
	display: block;
	/*
	width: 60px;
	*/
	float: right;
	}

/*fp box */

ul.articles_day {
	list-style: none;
	}
	
ul.articles_day li {
	clear: both;
	padding: 0px 6px 16px 12px;
	}
	
ul.articles_day li p.coverline_intro, ul.articles_day li h4.coverline_header {
	display: inline;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	padding-right: 6px;
}

ul.articles_day2 li div.article_summary {
	padding: 0px;
	margin: 0px 4px 0px 0px;
	}
	
ul.articles_day2 li h4.coverline_header a {
	font-weight: bold;
	padding-right: 4px;
	}

ul.articles_day2 li a.story_thumb {
	display: block;
	/*
	width: 60px;
	*/
	float: right;
	}	

ul.articles_day2 a {
	color: #CC9933;
}	
	
	
/* story finder box */
	
#storyfinder {
	clear: both;
   border-top: 3px solid #c00;
	border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
	margin: 8px 12px 20px 12px;
	padding: 8px 8px 8px 8px;
	font-size: 12px;
	color: #000;
	}

#storyfinder h3 {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	color: #000;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 8px;
	}

#storyfinder form {
	padding-bottom: 12px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 12px;
	}

#storyfinder .input_text, #storyfinder select {
	width: 130px;
	border: 1px solid #ccc;
	color: #000;
	font-size: 11px;
	}

#storyfinder .input_submit {
	font-size: 11px;
	}

#storyfinder select {
	margin-top: 8px;
	}

/********** END COLUMN TWO *************/
	
	
	
	
	
	
	
	
	
/********** COLUMN THREE *************/
	
#column3 h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
	}

/* top stories box */
	
#top_stories {
	margin: 0px 0px 16px 0px;
	}

#top_stories h3 {
	margin-bottom: 4px;
	}
	
#top_stories h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

#top_stories ul {
	}

#top_stories ul li {
	padding-top: 8px;
	margin: 0 12px;
	clear: both;
	}

a.top_stories_img {
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	width: 58px;
	}
	
#top_stories ul li a {
	font-size: 12px;
	font-weight: bold;
	}

#top_stories ul li img {
	margin: 0px 0px 8px 8px;
	display: block;
	}

#top_stories ul li p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

/* active letters box */
	
#active_letters {
	clear: both;
	margin: 12px;
	padding: 8px;
	}

#active_letters {
	border-top: 3px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

#active_letters ul li {
	font-size: 12px;
	padding-bottom: 8px;
	}
	
#active_letters ul li a {
	font-weight: bold;
	}

/* most popular box */

#most_popular {
	margin: 12px;
	width: 180px;
	}

#most_popular_tabs {
    border-bottom: 3px double #c00;
    }

#most_popular_tabs a {
    display: block;
    float: left;
    }

#most_popular_tabs a.stories {
    width: 75px;
    }

#most_popular_tabs a.letters {
    width: 105px;
    }

.most_popular_list {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    }

#most_popular ol {
    padding: 12px 0 0;
    margin: 0 8px 8px 28px;
    }

#most_popular li {
    padding: 0;
    margin-bottom: 6px;
    }

#most_popular li a {
    text-decoration: none;
    font-weight: bold;
    }

#most_popular .more {
        margin: 8px 8px 8px 12px;
        padding: 0px;
        }

#most_popular .more a {
    text-decoration: none;
    font-weight: bold;
    padding-left: 16px;
    background: url(http://images.salon.com/src/cover/arrow_more.gif) center left no-repeat;
    }

#most_popular_stories {
    display: none;
    }

/* community box */
	
#community {
	margin: 12px;
	padding: 8px;
	border-top: 3px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

#community p {
	font-style: italic;
	margin-bottom: 0;
	}
	
#community h4 {	
	font-size: 12px;
	color: #039;
	font-weight: bold;
	margin-top: 12px;
	}
	
#community ul li {
	margin-top: 8px;
	}


/********** END COLUMN THREE *************/










/********** COLUMN FOUR *************/

#column4 h3 {
	font-size: 12px;
	}
	


/* the dreaded feature box */

#featured {
	margin: 12px 0px 12px 12px;
	border: 1px solid #ccc;
	}
	
#featured h3 {
	background-color: #ccc;
	padding: 4px;
	padding-left: 8px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	}

#featured ul {
	min-height: 168px;
	}

/* \*/
* html #featured ul {
	height: 168px;
	}
/* */
	
#featured ul li {
	padding: 8px 8px 0 8px;
	}

#featured h4 {
	font-size: 12px;
	}
	
#featured h4 a {
	font-weight: bold;
	margin-bottom: 8px;
	}
	
#featured ul li img {
	display: block;
	float: left;
	width: 50px;
	margin: 12px 8px 4px 0px;
	}
	
#featured_navigator {
	clear: both;
	background-color: #eaeaea;
	border-top: 1px solid #ccc;
	padding: 6px;
	}
	
#featured_navigator a {
	border: 1px solid #eaeaea;
	background-color: #eaeaea;
	font-weight: bold;
	color: #039;
	padding: 1px 3px;
	margin: 0;
	}
	
#featured_navigator #featured_next {
	border-left: 1px solid #ccc;
	padding: 0px 12px 0px 8px;
	margin: 0 0 0 4px;
	background: url(http://images.salon.com/src/cover/blackarrow.gif) center right no-repeat;
	}

#featured .featured_link_off {
	border: 1px solid #eaeaea;
	background-color: #eaeaea;
	}

#featured .featured_link_on {
	border-color: #fff;
	background-color: #fff;
	}

/* wires */

#wires {
	margin: 12px 0px 12px 12px;
	}
	
#wires h3 {
	clear: both;
	margin: 20px 0 12px 0;
	}
	
#wires ul li {
	padding-bottom: 8px;
	}
	
#wires ul li a {
	font-weight: bold;
	}
	
/********** END COLUMN FOUR *************/







/********** FOOTER *************/

#footer {
	border-top: 1px solid #ccc;
	}
	
#address {
	display: block;
	float: left;
	width: 160px;
	height: 150px;
	font-size: 10px;
	padding: 12px;
	}

#address address {
	font-style: normal;
	}
	
#fine_print ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	}
	
#fine_print ul li {
	font-size: 10px;
	display: inline;
	}
	
#fine_print ul li a {
	border-right: 1px solid #ccc;
	padding-right: 6px;
	margin-right: 2px;
	}
	
#fine_print ul li.last a {
	border-right: 0px;
	}
	
#copyright {
	font-size: 10px;
	text-align: center;
	}

/********** END FOOTER *************/











/********** MISC BOXES ********************/

#premium_box {
	/*
	font-family: Georgia, 'Times New Roman', Times, serif;
	*/
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 13px;
	clear: both;
	width: 336px;
	padding-top: 16px;
	margin: 0px 12px 20px 12px;
	}
	
#premium_box_content {
	padding: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

#premium_box_content p {
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding: 0px;
	margin: 4px 4px 0px 0px;
	color: #000;
	line-height: 130%;
	}
	
#premium_box_content p a {
	font-weight: bold;
	padding-right: 4px;
	}


/*################# videos #############*/

#headline_image .embed_video, #column4 .embed_video {
	margin-top: 16px;
	}

#column4 .embed_video {
	margin-left: 12px;
	}

#column4 .embed_video h4 {
	padding-bottom: 8px;
	}

p.more_videos {
	font-weight: bold;
	margin: 8px 0 0;
	padding: 0;
	}

p.more_videos a {
	padding-right: 16px;
	background: url(http://images.salon.com/src/cover/arrow_more.gif) center right no-repeat;
	}

#column4 p.more_videos, #column2 p.more_videos {
	padding-bottom: 12px;
	}

.embed_video .ad_content {
	text-align: center;
	padding-bottom: 12px;
	}

#column2 .embed_video {
	text-align: center;
	}

#column2 .embed_video h4 {
	padding-bottom: 6px;
	text-align: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	}

#column2 p.coverline_intro {
   display: inline;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 130%;
   padding-right: 6px;
	}
	
/************* UTIL *********/

/*################# ads #############*/

#col2_middle_ad {
        padding-bottom: 14px;
        }

#col3_ad1 {
	margin: 0 20px;
	}

.ad_content {
	text-align: center;
	}
	
#ad_box_colspan {
	padding: 18px 10px 24px 10px;
	margin: 0;
	margin-top: 8px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	width: 379px;
	clear: both;
	}
	
.isad {
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-align: center;
	}
	
.ad_box img, .ad_box_colspan img {
	margin-top: 8px;
	border: 0px;
	}

#bottom_ads {
	width: 728px;
	padding: 12px 0 12px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	margin-left: 112px;
	}

#premium_promo_middle {
	clear: both;
	padding: 20px 12px 24px 12px;
	text-align: center;
        }

/************* COMMON **************/

a.more {
	color: #CC0000;
	font-size: 13px;
	font-weight: bold;
}

p.more {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	}

p.more a {
	font-weight: bold;
	color: #039;
	padding-left: 16px;
	background: url(http://images.salon.com/src/cover/arrow_more.gif) center left no-repeat;
	}

	
/************* UTIL *********/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {
	display: none;
	}
	
.clearer {
	clear: both;
	height: 1px;
	}