/* kbess@thesunnews.com 
     override full font family from site.css
     modified .story p to remove bold and line height line 138
     added underline on a: hover 
     added padding to .navigation li
     
     6.1.2007
     Added columnist css
	 
	 10.24.07
	 Override #mast_subscribe => site.css (line 68)
	 to fit Make Homepage script

*/

body {
    font-family:arial,sans-serif;
    font-size: 0.6em;
}

a:hover {
    text-decoration: underline;
}

#center_rail, #right_rail { overflow: hidden; }

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

.navigation { margin-bottom: 20px; }
.navigation li {
    padding-top: 1px;
    padding-bottom: 0px;
}
.navigation li ul li {
    border: 0px; 
    font-weight: normal;
    font-size: 12px;
    padding-left:10px;
    height: auto;
}

.relatedlist { font-size: 12px;}

.story p {
    font-size: 12px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:lighter;
    line-height:1.25; 
}

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

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

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


/* section front styles */
.section h2 { margin-top: 15px; color: #000; }
.section h2 a { color: #000; }

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

.image_highlight { margin-right: 5px; }
.image_highlight img { border: 1px solid black; }

.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;}

.section .top_stories .story h1 { font-size: 18px; }
.section .story p { margin-bottom: 0px; }
.section .story_list li.story h1 { font-size: 12px; font-weight: normal; }

/* related story/external link asset styles */
.section .story .story_list { margin-left: 25px; }
.section .story .story_list li { font-size: 14px; font-weight: normal; }
/* end related story/external link asset styles */

.section .dates li h1 { font-size: 12px; font-weight: normal; display: inline; }
.section .dates li h5 { font-size: 12px; font-weight: normal; display: inline; }

/* kbess , fix line height */
.top_stories .story h1 {
    font-size: 12px;  
    font-weight: bold;
    height: 12px;
}
.more_stories h1 a {font-size:12px; font-weight:bold; }

.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;
}

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

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

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

.more_stories p {
    color:#000;
}

/* end section front styles */


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

.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:2px; }

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

#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 h2.shirttail {
    font-size:12px; 
    font-weight:normal;
    font-style: italic;
    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;
}

#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;
}
.story .story_comments {clear: both;}
/* end story detail styles */
/* style for popup thumbnails */

div.thumbnail{border:0px none;
               font-family: Arial, Helvetica, sans-serif;
               font-size: 12px;
               font-style-adjust:none;
               font-style:normal;
               font-variant:normal;
               font-height:normal;
               font-weight:normal;

              float: left;
              height:100px;
          margin-bottom:5px;
          width:100px;
              padding:5px;
              }


div.standalone{text-align:left;
               border:0px none;
             font-family:Arial,Helvetica,sans-serif;
             font-size:12px;
             font-size-adjust:none;
             font-style:normal;
             font-height:normal;
              }

div.image img{display:inline;
            border:none;
             }

div.image h4{
              color:#666666;
              font-size: 0.8em;
              text-align:right;
             }

div.image p{
            text-align:left;
           }


/* end popup thumbnail styles */



/* =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.myrtlebeachonline.com/images/mi/icons/xml_29x12.gif") 0 2px no-repeat; padding:0 1em 0 33px;}
.rss#yahoo li a, .yahoo {background:  url("http://media.myrtlebeachonline.com/images/mi/icons/yahoo_73x12.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;}



#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:11px;
font-weight:normal;
}

.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;} 
.divclear {
clear:both;
}

.advertisement { padding-bottom:5px; }

/* styles for the real estate search page */
#promos .promospot fieldset { height: 170px; }
#findahome_column1, #findahome_column2, #findahome_column3 { width: 32%; }

.re_showcase { letter-spacing: 3px; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 25px; }
.re_span3 { width: 33%; text-align: center; float: left; margin-top: 10px; }
.re_realtors_head { letter-spacing: 3px; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 25px; background-color: #888; }
.re_span2 div { width: 45%; text-align: center; float: left; margin-top: 10px; margin: 5px; border: 1px solid #888; border-top: 3px; height: 100%; }
.re_more h1 { display: inline; font-weight: bold; font-size: 14px; }
.re_more { border-top: 6px solid #bbb; border-bottom: 6px solid #bbb; width: 350px; margin-left: 80px; }
.re_more a { color: blue; text-decoration: none; }
.re_more a:hover { color: red; text-decoration: underline; }

/* end styles for the real estate search page */

/* styles for q&a / ate promos */
.promo h1 { color: red; border-bottom: 2px solid #aaa; text-align: left; font-size: 12px; font-weight: bold; padding-bottom: 2px; }
.promo h1 a { color: red; }
.promo img { float: right; }
/* end styles for a&a / ate promos */

/* styles for section link bars */
.section_bar { border-bottom: 1px solid #ccc; margin-top: 15px; }
.section_bar h1 { color: #000; float: left; font-size: 12px; font-weight: bold; margin-left: 3px; margin-right: 15px; }
.section_bar h1 a { color: #000; }
.section_bar div { text-align: right; }
/* end styles for section link bars */

/* styles for lead story box */
.lead_story { margin-bottom: 15px; text-align: center; }
.lead_story h1 { font-size: 18px; font-weight: bold; }
/* end styles for lead story */

/* ask the expert promo styles */
.promo_ate { margin-bottom: 10px; }

.promo_ate h2 { display: inline; font-size: 14px; border: 0px; }
.promo_ate h2 a { text-decoration: none; color: #003399; }
.promo_ate h2 a:hover { text-decoration: underline; color: red; }

.promo_ate_left { float: left; border-top: 2px solid #666699; background-color: #ffffef; width: 48%; margin-top: 2px; }
.promo_ate_right { border-top: 2px solid #666699; background-color: #ffffef; margin-top: 2px; }

.promo_ate ul li#first-child { color: #777777; list-style-type: none; font-weight: bold; font-size: 12px; }
.promo_ate ul li { list-style-type: disc; list-style-position: inside; }
/* end ask the expert promo styles */

/* columnist css */
.top_stories .columnists.story h2.title {
     border:0pt none;
     font-size:16px;
     text-transform:none;
}
.top_stories .columnists.story {
     font-size:12px;
}
.columnists.story h3 {
     border-bottom:0px none;
}
.columnists .byline_creditline h3 {
     color:#666666;
     font-size:11px;
}
.columnists.story img.mug {
     float:left;
     margin-right:8px;
}

/* Most Popular Stories styles */

.most_popular {
	font: normal 12px arial, helvetica, sans-serif;
	border: 1px solid #C0C0C0;
	padding: 10px;
	background-color: #FFF;
}
.most_popular h2 {
	color: #000;
	margin: 0;
	border-bottom: 2px solid #C0C0C0;
}

/* end Most Popular Stories styles */

.span2 .gallery_list{width:49%;float:left;margin-right:5px; clear: none;}
.span4 .gallery_list{width:24%;float:left;margin-right:5px; clear: none;}
.span3 .gallery_list{width:32%;float:left;margin-right:5px; clear: none;}

/* Override Mast_subcribe area */
#mast_subscribe {
margin-top:2px;
}
.ContactInfo h2.AboutUs {font-size: 2em; color: #c00;}
.ContactInfo { line-height: 2em; margin-bottom: 2em;}
div.AboutInfo { line-height: 1.5em; }
div.AboutInfo p { margin-bottom: 2em; }

/* Styles to support Front Page Gallery Widget -- rwm 5/9/08 */
.gallery_list { width: 298px; height: 280px; background-color: #dde; border: 1px solid #aaa; }
.gallery_list h2 { font-size: 1.4em; margin-top: 0px; border-bottom: none; text-align: center; }
.fp_gallery { text-align: center; width: 97px;  float: left; height: 90px; padding: 5px 0px; }
.fp_gallery h2 { border-bottom: none; font-size: 1.0em; }
.fp_img_block { width:90px; height: 60px; overflow:hidden; border: 2px solid white;}

/* Styles to support 3 up gallery index pages -- rwm /5/9/08 */
.sf_gallery { width: 190px; float: left; }
.gallery_frame { background-position: 50%; background-repeat: none; width: 130px; height: 120px; overflow:hidden; border: 5px solid white; }
.sf_gallery h2 { border-bottom: 0px solid #fff; }
.sf_gallery h3 { color: #777; border-bottom: 0px solid #fff; }

/* Styles to support 3 across using single galleries in a topstory stack */
.span3 .gallery_list { background-color: #fff; height: 170px; }
.span3 .fp_gallery { width: 190px; }
.span3 .fp_img_block { width: 90px; height: 60px; padding-left: 48px;}
.span3 .fp_img_block img { width:90px; height: 60px; }

/* Styles to support 6 across in a Full group */
#center_rail .gallery_list { background-color: transparent; border: 0px solid #fff; width: 100%; height: auto; }
#center_rail .fp_gallery { height: 110px; }