body {
	background:#efefef;
	font-family: arial, sans-serif;
	font-size:12px;
}


/* additional styles from original site */
.advertisement{border:0px solid #85B689;font-weight:bold;color:#666;text-align:center;background:#fff;margin:0 0 2px 0; z-index:5000; margin-bottom:10px;}

.containertitle {font-weight:bold; color:#000; text-align:left; border-bottom: 1px solid #ccc; margin-bottom:5px;margin-top:8px; clear: both;}
.containertitle a {color:#c22;}

.html_module {margin-top:5px;margin-bottom:5px;}

.container_3col_left {float:left; width: 33%;}
.container_3col_middle {float:left; width: 30%; border-left:1px solid #ccc;border-right: 1px solid #ccc; padding:0 5px; margin:0px 5px 0px 3px;}
.container_3col_right {float:left; width:33%;}

.container_image_center {background-color:#fff; text-align:center; margin-bottom:5px;}

.timestamp {font-size:10px; color: #666;}

.navigation li ul li {
    border: 0px; 
    font-weight: normal;
    font-size: 12px;
    height: 16px;
    padding-left:10px;
}

.story_list { font-size: 12px; }
.relatedlist { font-size: 12px;}

.container_image_right {background-color:#efefef;float:right;padding:5px;margin-left:10px;margin-bottom:5px;}

#traffic_reports { 
    margin-top: 0px;
    font-size: 10px; 
    font-weight: bold; 
    line-height: 14px;
    border: 1px solid black; 
    padding: 8px;
    padding-top: 8px;
    overflow: visible;
    text-align: center; }
#traffic_legend {
    color: #c22;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2; 
    background-color: white; 
    position: relative; 
    left: 10px; 
    top: 15px;
    display: inline; 
    overflow: visible; 
    border: 1px solid black;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px; }
#traffic_legend a { color: #c22; }
#traffic_legend a:hover { text-decoration: underline; }

#cant_find_it {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffee;
}

.light_text { color: #666; }
.red { color: red; }

/* this is a set of styles for a big image with a couple of links below */
.picture_box { font-size: 11px; }
.picture_box h1 { font-size: 12px; font-weight: bold; text-align: left; color: #c22; display: inline; }
.picture_box h2 { font-size: 12px; font-weight: bold; text-align: left; border: 0px; display: inline; }


/* this is a set of generic styles for any html_module which may appear on a section front */
.section_box { font-size: 12px; border: 1px solid #993333; padding: 5px; padding-top: 4px; }
/* section box title */
.section_box h1 { font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; color: #cc2222; }
.section_box h1 a { color: #cc2222; }
.section_box h1 a:hover { text-decoration: underline; }

/* below image font */
.section_box h2 { font-size: 12px; font-weight: bold; border: 0px; }

/* also check out font */
.section_box h3 { font-style: italic; border: 0px; font-size: 12px; font-weight: bold; }


/* an alternate section box, this one is for text only, the headers are inline */
.section_box2 { font-size: 11px; border: 1px solid #993333; padding: 5px; }
.section_box2 h1 { font-size: 11px; font-weight: bold; text-align: left; color: #993333; display: inline; }
.section_box2 h2 { font-size: 11px; font-weight: bold; text-align: left; border: 0px; display: inline; }


/* styles for the yellow bg, you want to make the style="section_box alternate_bg" */
.alternate_bg { background-color: #ffffee; border: 1px solid #fff2be; }
.alternate_bg a { font-weight: bold; }

/* these styles are used for the six-square grid, one div with style "section_grid" sits on top of another */
.section_grid { overflow: hidden; }
.section_grid .span3 { width: 33.0%; float: left; font-size: 12px; margin-bottom:5px;}
.section_grid .span3 h2 { border: 0px; font-size: 12px; font-weight: bold; }


/* these styles are used for the big ask the expert grid */
.ask_expert_box { font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.ask_expert_box a { font-weight: normal; }
.ask_expert_box h1 { font-size: 12px; font-weight: bold; border-top: 4px solid #888; background-color: #ffffee; }
.ask_expert_box div { float: left; width: 50%; }
.ask_expert_box ul { list-style: disc; list-style-position: inside; }

.section .top_story h1, .top_story h1{font-size:18px;margin-bottom:7px;text-align:left;}
.top_story h2{font-size:14px;margin-bottom:7px;}
.top_story h2.overline{font-size:13px;}
.top_story h3{font-size:11px;font-style:italic;margin-bottom:5px;}
.top_story h3.kicker{font-style:italic;}
.top_story h3.shirttail{}
.top_story h3.printSection{font-size:12px;margin-bottom:0;}
.top_story h4{font-size:11px;}
.top_story h4.copyright{}
.top_story h5{font-size:10px;display:inline;float:left;}
.top_story h5.createDate,
.top_story h5.expireDate,
.top_story h5.modDate,
.top_story h5.printDate{float:none;}
.top_story h4,.top_story .byline,.top_story h3{font-weight:normal;}

.story p {
font-size: 12px; 
}

.story h1 {
font-size: 18px; 
}

.section .story h1 {
font-size: 18px; 
}

/* blog styles */
.blogpic {float:right;border:1px solid #000;margin-left:3px; margin-right:5px; margin-top:4px;}

/* Additions, Dave Roberts */

.top_stories .story h1 { font-size: 18px; font-weight:bold;}
.more_stories h1 a {font-size:12px; font-weight:bold; }

.ff_traffic {line-height:1.2em; padding:2px;}
.ff_traffic fieldset {border:1px solid #ccc; padding:3px; margin:2px; }
.ff_traffic legend {font-weight:bold;}

body.story #storyAssets #mainImage div.image {	
	background:#fff;
	text-align:center;
	float:none;
	margin:0;
	clear:both;
}

.tout_image { float: right; margin-left:3px; margin-right: 10px; border: 1px solid Black;margin-top:7px;}
.tout_title { border-bottom: 1px solid rgb(204,204,204); margin-bottom: 5px; }
.tout_title a { color: rgb(204,34,34); text-transform: uppercase; }

/* DRoberts additions to stylesheet */
.story h2 {font-size:12px; font-weight:bold; border-bottom: none; margin: -2px 0 0px 0;}

.relatedlist li, .story_list li, .related li {
padding-top:3px;
}

li.story a {
font-size:12px;
}

body.story #storyAssets {
	width:310px;
    float:right;
    border:#000 1px solid;
    border-bottom:#666 4px solid;
    margin:20px 0 10px 10px;
}

#storyBody h1 {
font-family: Georgia,"Times New Roman",serif;
font-size: 24px; 
clear:both;
}

#storyBody h2 {
font-size:16px; 
font-weight:bold; 
border-bottom: none; 
margin: -2px 0 0px 0;
padding-bottom: 10px;
}

#storyBody h3 {
font-weight: normal;
font-size: 11px;
font-style:normal;
margin-bottom:-3px;
}

#storyBody h3.creditline {
font-size:11px;
/* padding-bottom:10px; */

}

body.story #col2 .content, .gallery #galleryFooter {
    border-bottom:#FFF 6px double;
}

.bullet {color:#444;font-weight:bold; padding-right:3px;font-weight:bold;}
.arrow {color:#f00; letter-spacing:1px; font-size:11px; font-weight:bold;}

.square{
    list-style:square;
    color:#666;
    margin: 0 0 0 15px;
}

.story h5{
font-size:11px;
display:inline;
}

#storyDate-Links h5 {
padding-bottom: 10px;
padding-left: 0pt;
font-size: 11px;
color: #666666;
font-weight:normal;
}

#mainImage .image h2 {
padding:1px;
padding-left:5px;
font-weight:normal;
color:#000;
text-align:left;
font-size: 11px;
clear:both;
}

.image h5 {
padding-top:3px;
padding-right:4px;
text-align: right;
float:right;
font-size: 10px;
color: #666666;
}

.section .top_story h1 {
font-size:18px;
text-align:left;
margin-bottom:0px;
}

h1.tout_title a {
font-size:12px;
}

.tout h1 {margin-top:3px;}

.related { 
font-size: 12px; 
margin-top: -6px;
}

.section ul.top_stories .story ul.story_list { 
font-size: 12px; 
margin-top: -8px;
}


.inside_wrap {padding:2px; margin-bottom:10px; width=100%; background:#fff;}
.inside_red {border-bottom: 4px solid #960019;}
.inside_y {background:#FCFED7; padding:2px; border-bottom: 1px solid #e1e1e1;}
.inside_ly {background:#F9FDC2;padding:2px; border-bottom: 1px solid #e1e1e1;}

/* =RSS Definitions ***********************************************/
.rss h2 {border-bottom:1px solid blue; clear:both; font-size:14px;}
.rss fieldset {border-top:solid 2px #ccc;border-left:none; border-right:none;border-bottom:none;clear:left; margin-bottom:15px;}
.rss legend {margin-bottom:5px; color:#000; font-weight:bold;}
.rss ul {margin:0; padding:0;}
.rss h3 {margin:0 0 3px 0; padding:10px 0 1px 0 ; clear:left; font-size:12px; border-bottom:1px dotted silver; width:90%;}
.rss li {padding:0 0 2px 0;margin:0; list-style-type:none; }
.rss li span {font-size:10px;color:gray;}
.rss#xml li a, .xml {background:  url("http://media.charlotteobserver.com/static/images/common/rss_xml_12px.gif") 0 2px no-repeat; padding:0 1em 0 33px;}
.rss#yahoo li a, .yahoo {background:  url("http://media.charlotteobserver.com/static/images/common/rss_yahoo_12px.gif") 0 2px no-repeat; padding:0 1em 0 75px;}
.rss#yahoo[id] li a:hover, .rss#xml[id] li a:hover, .xml:hover, .yahoo:hover {background-position:1px 1px;}

.more_stories h2 {
font-weight:bold;
color:#000;
}

.more_stories p {
color:#000;
}

.smalltitle {
font-weight:bold;
}

.navigation { margin-bottom: 20px; }
.clt_nav {margin-bottom: 7px; padding-top:10px;}

.clt_nav li {
    font-family: arial, sans-serif;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: bold;
    padding-left: 5px;
    font-size: 12px; }
.clt_nav li a { color: #333; }
.clt_nav li a:hover { text-decoration: underline; }
.clt_nav .header {
    font-family: arial, sans-serif;
    border: 0px; 
    border-bottom: 4px solid #036; 
    text-transform: uppercase;
    padding-left: 3px;
    color: #036;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
}
.clt_nav li ul li {
    border: 0px; 
    font-weight: normal;
    font-size: 12px;
    height: 16px;
    padding-left:15px;
}

#classifieds_link_box {
margin-bottom:10px;
}

#storyTitle {
font-size: 18px;
font-weight: bold;
}

#byLine {
font-weight: normal;
font-size: 11px;
font-style: normal;
}

.link_list li {
    list-style:square;
    color:#666;
    margin: 0 0 0 15px;
}

h2.related_content_title{
	display:none;
}

.story-table {
width:100%;
padding:3px;
}

.story-table-even-row {
background-color:#e1e1e1;
}

.story-table-odd-row {
background-color:#fff;
}

#storyBody p {
margin-bottom:10px;
margin-top:10px;
}

.image img, .container_image_center img, .highlight img, ul.top_stories .story img{
/* padding-top:3px; */
border: 1px solid Black;
}

.user_comments {
color:#000;
font-size:12px;
font-weight:bold;
}

.comments_icon {
border: none;
}

.TSN1 {font: 10px Verdana,Helvetica,Arial;}
.TSN1a {font: 12px Verdana,Helvetica,Arial; font-weight: bold;}
.TSN1b {color:#a50400; font: 10px Verdana,Helvetica,Arial; font-weight: bold;}
.TSN1c {font: 10px Verdana,Helvetica,Arial; font-weight: bold;}
.TSN1d {font: 16px Verdana,Helvetica,Arial; font-weight: bold;}

.TSN2 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; font-weight: bold; background:#003366;}

.TSN2 a {color:#FFFFFF; text-decoration:none;}
.TSN2 a:hover {color:#999999;}

.TSN3 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; background:#000066;}
.TSN4 {color:#FFCC99; font: 11px Verdana,Helvetica,Arial; font-weight: bold; background:#000000;}
.TSN5 {font: 10px Verdana,Helvetica,Arial; background:#CCCCCC;}
.TSN6 {color:#ffffff; font: 11px Verdana,Helvetica,Arial; font-weight: bold; background:#003366;}

.TSN7 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; font-weight: bold; background:#CCCCCC;}
.TSN7 a {color:#FFFFFF; text-decoration:none;}
.TSN7 a:hover {color:#999999;}

.TSN8 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; font-weight: bold; background:#666666;}
.TSN8 a {color:#FFFFFF; text-decoration:none;}
.TSN8 a:hover {color:#999999;}

.TSN9 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; font-weight: bold; background:#CCCCCC;}
.TSN9 a {color:#FFFFFF; text-decoration:none;}
.TSN9 a:hover {color:#999999;}

.TSN10 {color:#FFFFFF; font: 10px Verdana,Helvetica,Arial; font-weight:  bold; background:#CCCCCC;}
.TSN10 a {color:#FFFFFF; text-decoration:none;}
.TSN10 a:hover {color:#999999;} 

.spacer {
line-height:0px; 
font-size:0px; 
border:0px; 
margin:0px; 
padding:0px;
}

#weathernode{
    position:absolute;
    left:0;
    top:0;
    width:130px;
    margin-right:8px;
}

.mmword {
	color:#b22222;
	font-weight:bold;
}

/. Prospero styles  ./

#recent_comm {padding:10px;width:425px; margin-left:20px;}
#recent_comm ul {margin-left:15px;}
.ptItem1 {border-bottom:1px #eee solid;padding-bottom:2px;}
.ptItem1 li {list-style:square;}
.recent {font-weight:bold;margin-bottom:10px;}
.post {font-weighT:bold;margin:30 0 10px 0;}
.ptNameFieldLabel {font-weight:bold; margin-top:10px;}

#center_rail {float:left;margin:0px;width:625px;}

#leaderboard {
z-index:5000;
}