/***
** This file defines the basic layout of 
** the entire site.  If there is something that is specific to a certain page
** please create a new CSS file to keep this one from becoming cluttered
***/
a:focus { 
outline:none; 
} 

body {
  margin: 0px;
  padding: 0px;
}



#background {
 background: url("images/palms.gif") repeat-x;
 margin: 0;
 padding: 0px 0 0 0;
}

#shadow {
 width:1000px;
 margin: 0 auto;
 height:100%;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/naplesnews20/css/common/images/shadow.png',sizingMethod='scale');
}

#shadow[id] { 
 background:url("images/shadow.png") repeat-y;
}

#header{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/naplesnews20/css/common/images/header.png',sizingMethod='scale');
 width:1000px;
 height:135px;
 position:relative;
 margin: 0 auto;
}
#header[id] { 
 background: url("images/header.png") no-repeat top;
}


/**This is for the AP Video Player, which depends on a <div> named flashcontent. Please do not use or name anything else <flashcontent> Floggings with scorpions will ensue. Thank you and have a nice day. **/
#flashcontent{
 margin: 20px auto;
 text-align: center;
}

#header #home{ z-index: 100; position:absolute; z-index:10000; top:20px; height:105px; width:490px; display:block; background-color: transparent;}
#header #home span{display:none; cursor: pointer;}
#header #registration{position:absolute; top:18px; right:22px;font-size:13px;}
#header #update-time{position:absolute; top:110px; left:35px; font-size:14px; }
#header #weather{position:absolute; top:40px; right:10px; }

#ie6fix{
 width:1000px;
 height:85px;
 position:absolute;
 margin: 0 auto;
 z-index: 12000;
 top:45px;	
 background-color: none;
 background-image: none;
}

#ie6fix #homelink {
  cursor: pointer;
  z-index: 12002;
  display:block;
  height:85px;
  left:10px;
  position:absolute;
  top:0px;
  width:470px;
  background-color: transparent;
}

#ie6fix #weatherlink {
  cursor: pointer;
  z-index: 12002;
  display:block;
  height:85px;
  left:670px;
  position:absolute;
  top:0px;
  width:315px;
  background-color: transparent;
}

#temphelp{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.naplesnews.com/naplesnews20/css/common/images/help.png',sizingMethod='scale');
 position:absolute; 
 top:0px; 
 left:500px;
 height:40px; 
 width:170px; 
 cursor: pointer;
 z-index:12003;
}
#temphelp[id] { 
 background: url("http://media.naplesnews.com/naplesnews20/css/common/images/help.png") no-repeat top;
}
#content{
  width:978px; 
  position:relative; 	
  margin: 0 auto; 
  background-color: white;
  background-image: url(images/content_background.gif);
  padding: 0px;
}

#footer{padding-top:20px; text-align:center;}

#end-cap{ 
width:1000px; 
height:27px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.naplesnews.com/naplesnews20/pages/stageyourplace/css/images/footer-syp.png',sizingMethod='scale');
margin: auto; 
}

#end-cap[id] { 
background: url("http://media.naplesnews.com/naplesnews20/css/common/images/footer.png") no-repeat; 
}

#right-column{
  float:right; 
  height:auto; 
  width:220px; 
}


.topads{
  width: 208px;	
  margin: 0 auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* this is the style for the flash breaking new box */
.flashlist{ 
            font-weight:bold;
            line-height:11px;
}


#Main-Content-Panel #Leader-Board #Breaking-News{ 
position: absolute;
right: 0px;
width: 340px; height: 265px; 
}



#Main-Content-Panel #Leader-Board #Breaking-News .head { 
background-repeat: no-repeat; 
width: 340px; 
/*background-image: url(images/breakingnews_sponsor.gif);*/ 
height: 38px; 
margin-top: -3px;  
}

#Main-Content-Panel #Leader-Board #Breaking-News .content { 
width: 340px; 
background-image: url(images/breaking_news_1px.gif); 
}

#Main-Content-Panel #Leader-Board #Breaking-News #latest-news { 
height: 171px; 
overflow: hidden; 
}
#Main-Content-Panel #Leader-Board #Breaking-News .tail{ 
background-repeat: no-repeat; 
width: 340px; 
background-image: url(images/breaking_news-ftrtall.gif); 
height: 45px; 
padding:5px 0px 0px 10px; 
}


#Main-Content-Panel #Leader-Board #leadstory { 
width:400px; 
height:280px; 
position: absolute;
left: 0px;
}
#Main-Content-Panel #Leader-Board #leadstory img { width:450px; }
#Main-Content-Panel #Breaking-News #Breaking-News-box { height: 265px; }


#Breaking-News .more a { 
color: #503a1d; 
font-size:11px; 
font-weight: bold; 
padding: 5px; 
line-height:10px; }

#Breaking-News-box { 
 padding: 5px;
 padding-bottom: 10px;
 width: 340px;
}


#Breaking-News h2.block { 
  background: white url(latest_news_skin/tl.gif) no-repeat;
  height: 26px;
  width: 200px;
  position: relative;
  margin: 0px;
  padding: 0px;
}

#Breaking-News h2.block span { display: none; }


#Main-Content-Panel #Breaking-News h2 { 
  /*background-image: url(images/breaking_news-title.gif);*/
  width: 144px;
  height: 16px;
  margin: 0px;
  margin-left: 14px;
}

#Main-Content-Panel #Breaking-News h2 span { 
  display: none;
}
#Main-Content-Panel #Breaking-News #latest-news { 
  padding: 5px 10px 10px 10px;
}

#Main-Content-Panel #Breaking-News #latest-news ul { 
padding-top:0px;
}

#Main-Content-Panel{ 
  float: left; 
  width: 745px; 
  margin-left: 7px;

  display: inline; /* Fixes the margin doubling bug in IE 6 when floating*/
                    
  background-image: url(images/middle_border.gif);
  background-repeat: repeat-y;
  background-position: -10px;
}

#Main-Content-Panel[id] {
  display: block;
}
#Main-Content-Panel #Leader-Board{ 
  background-color: white;
  background-image: none;
  padding-bottom: 0px;
  position: relative;
  height: 280px;
  padding-top: 10px;
}


#Main-Content-Panel #left-rail{
  width: 362px; 
  float: left;
}

  
#Main-Content-Panel #right-rail{
  width: 362px; 
  padding-top: 0; 
  margin-right: 5px; 
  padding-left: 5px; 
  float: right; 
}

/* Limit comment entry box width */
#id_comment{
  width: 430px;
}


/* Styles for advertisements */
#default-big-box-300x250{
  text-align: center; 
  border: 1px solid #BABABA;
  padding: 10px; 
  margin-top: 5px;
  margin-bottom: 5px;
}
#default-1-180x150{
  text-align: center; 	
}
#default-2-180x150{
  text-align: center; 
}

.advertise-button {
  margin: 5px 0 5px 4px; text-align:center;
}

  /****************/
 /* Nav bar code */
/****************/
#topnav ul, #topnav li { margin: 0px; padding: 0px; }
#topnav ul { width: 900px;  }
#shadow #navbars { height: 60px; width:978px; background: #3c5c73 url('images/nav/topnav_bg.gif') top repeat-x; 	margin: 0 auto; position: relative; }
#navbars #topnav{ height: 60px; overflow:hidden;}
#navbars #topnav li, #navbars .bottomnav li{ display:inline; list-style:none; height:35px; width:50px;}
#topnav span{display:none;}
#topnav li a{ display:block; height:35px; float:left;}
#topnav ul ul li a{ display:block; width: auto!important; height:35px; float:left; padding: 0px 20px; }

#news a{ width: 75px; background: url("images/nav/topnav_news.gif") no-repeat; }
#sports a{ width: 68px; background: url("images/nav/topnav_sports.gif") no-repeat; }
#entertainment a{ width: 121px; background: url("images/nav/topnav_entertainment.gif") no-repeat; }
#studio55 a{ width: 86px; background: url("images/nav/topnav_studio55.gif") no-repeat; }
#multimedia a{ width: 95px; background: url("images/nav/topnav_multimedia.gif") no-repeat; }
#community a{ width: 104px; background: url("images/nav/topnav_community.gif") no-repeat; }
#classified a{ width: 87px; background: url("images/nav/topnav_classified.gif") no-repeat; }
#subscribe a{ width: 87px; background: url("images/nav/topnav_subscribe.gif") no-repeat; }

#hotjobs a{ width: 75px; background: url("images/nav/topnav_hotjobs.gif") no-repeat; }
#hotjobnav li a{ margin-top:-12px; height:47px; }
#hotjobnav li a:hover, #hotjobs li a:active{ }
#genericnav li a:hover, #genericnav li a:active { background-position:0 -35px; }

#topnav #search-box{position: absolute; right: 0px; margin:8px 7px 0 0; z-index:10}
#topnav li a:hover, #topnav li a:active{ }

ul.topmenu {  position: absolute;  left: 0px;  top: 0px; }
ul.topmenu ul {  position: absolute;  top: 40px;  left: 5px; }

ul.topmenu ul li a, ul.topmenu ul li a:visited, ul.topmenu ul li a:hover, ul.topmenu ul li a:active {  color: white;  border: 1px;  height: 25px;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:lighter;  font-size: 1em; text-decoration: none; background: none !important;} 



/* inline code */
div.inline { width: 200px; }
div.inline li {margin: .4em 0; font-size: 11px; }
div.inline a:link { text-decoration: none; color: #666; }
div.inline a:hover { text-decoration: underline; }
div.inline p {padding: 3px !important; color: #000033; font-size: 11px; margin: .4em 0;}
h4#more-deals-inline {clear:both; font-size:12px; 
margin:0; padding:2px 4px !important; border:1px solid #BABABA; border-width:1px 0; background-color:#F5F2ED; }
ul#story-inline-ads {margin:0; padding:0; }
ul#story-inline-ads li {margin:0; padding:4px 2px; border-bottom:1px solid #ccc; font-size:.95em; background:none; }
ul#story-inline-ads li a { font-weight: normal; font-size: 11px; }
div.more-from { padding: 0; }
div.inline h3 { border-bottom: 1px dotted silver; font-size: 1.2em; }

div.story-content div.ad-inline {
  background: none;
  width: 120px;
  width: 0px; /* until new ads are ready */
  margin: 0px 0px 0px 0px; /* until new ads are ready */
  padding: 0px; 
  border: 0px;
}
/* inside story layout */
div.inline-full { width: 100%; clear: both; }
div.inline-left, div.inline-right, div.inline-center { width: 250px; }
div.inline {width: 150px; background: #e1ddd4; padding: 0; margin: 0; display: block; }
div.inline-left {float: left; clear: left; margin: 0 10px 5px 0 !important; padding: 5px;  }
div.inline-center, div.inline-full {width: 445px;  float: none;  margin: 1em auto; padding: 10px; border: 1px solid #000033; }
div.inline-right {float: right; clear: right; margin: 0 0 0 10px; padding: 10px; border: 1px solid #000033; }
div.inline td {padding: 5px; }
div.text-ads { border-top: 1px dotted #000066; }
div.mediagallery-inline { background: none; border: none; padding: 0px; }
#navbars .bottomnav{ height: 25px; }

/* storypage rules from old site */
img.story-tease { float: right; margin: 8px 0 4px 8px; border: 2px solid #503A1D;}
#blogdescription { padding: 5px; background: #f7f4ed; border: 1px solid #000033; margin: 0 0 10px; }
#blogdescription p, h5 {padding: 0; margin: 0 0 5px;}


table.full-table { 
  width: 100%;
}

table.full-table tbody{ 
  width: 100%;
}

table.full-table td, table.full-table th { 
  white-space: nowrap;
  width: 100%;
 }

.toolbox { 
  background-color:#E1DCD2;
  border:1px solid #503A1D;
  margin:5px 0px;
  padding:5px;
}

.form-box { 
  background-color:#E1DCD2;
  border:1px solid #503A1D;
  margin:10px 0px;
  padding:10px;
}
.form-box .vSelectField, .form-box .vTextField { 
  width: 100%;
  margin: 5px 0px;
}
.form-box input.vSubmitField { 
  display: block;
}
/* boxes using Eric's skins.js */
.magicbox-border-top {
	background-image: url(images/box_t.gif);
}

.magicbox-border-right {
	background-image:url(images/box_r.gif);
}

.magicbox-border-bottom {
	background-image:url(images/box_b.gif);
}

.magicbox-border-left {
	float: left;
	background: #E1DCD2 url(images/box_l.gif);
}

.magicbox-corner-top-left {
	background-image:url(images/box_tl.gif);
	padding: 6px;
}

.magicbox-corner-top-right {
	background-image:url(images/box_tr.gif);
}

.magicbox-corner-bottom-right {
	background-image:url(images/box_br.gif);
}

.magicbox-corner-bottom-left {
	background-image:url(images/box_bl.gif);
}

/* text classes */
.comment-group .head { 
  background-image:url(images/comment_top.jpg);
  background-repeat: no-repeat;
  width: 425px;
  height: 10px;
  margin-bottom:0px;
  padding-bottom:0px;
  font-size: 0; 
  line-height: 0;
}

.comment-group .tail { 
  background-image:url(images/comment_btm.jpg);
  background-repeat: no-repeat;
  width: 425px;
  height: 32px;
  padding-top: 30px;
  font-size:.9em;
}

.comment-group .tail p { 
color:#698ea8;
text-align: left;
margin-top: -10px;
margin-left:10px;
padding-left: 0px;
padding-right: 30px;

 }
.comment-group { 
  margin-bottom: 10px;
}

h3.comments { 
  color: #A9C2C6;
  font-size: 1.4em;
  border-top: 1px solid black;
  margin: 10px 0px;
  padding-top: 10px;
}

.karmasummary {
  padding: 0px 0px 0px 0px !important;
  font-style:italic;
}
.karmavote {
  padding-top: 2px !important;
  margin-bottom: 2px !important;
  border: 1px;
  border-style: solid none none none;
}

#comments .note { 
  margin-bottom: 30px;
}
.comment { 
  background-image:url(images/comment_1px.jpg);
  background-repeat: repeat-y;
  padding: 3px 0px 3px 15px;
  width: 425px;
  
}
.comment p { 
  margin: 0px;
  padding: 0px 0px 10px 0px;
  width: 390px;
  
}
.comment-show .comment-shown {
   display: block;
}

.comment-show .censor-stage, .comment-hide .censor-stage {
    border: 1px solid black;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
    width: 380px;
}  

.comment-hide .comment-shown {
    display: none;
}

/* These are the tools widgets */
.tools span { 
 background-repeat: no-repeat;  
 display: block;
}

.tools .email span { 
  background-image: url(http://media.naplesnews.com/naplesnews20/css/common/images/pixel_icons/email.png);
  width: 56px;
  height: 16px;
}
.tools .print span { 
  background-image: url(http://media.naplesnews.com/naplesnews20/css/common/images/pixel_icons/print.png);
  width: 51px;
  height: 16px;

}
.tools .bookmark span { 
  background-image: url(http://media.naplesnews.com/naplesnews20/css/common/images/pixel_icons/bookmark.png);
  width: 71px;
  height: 16px;

}
.tools .ipod span { 
  background-image: url(http://media.naplesnews.com/naplesnews20/css/common/images/pixel_icons/ipod.png);
  width: 42px;
  height: 16px;
}
.tools span label { 
  display: none;
}

.spacer {margin-top: 10px;} 

#default-1-180x150 {
  margin-bottom: 10px;
}

ul.headlines {
margin-left: 0px;
}


#content-text {
width: 360px;
padding: 0px;

}

#content-text a {font-size:15px;}

#content-text 
a:link {text-decoration:none}

#content-text 
a:visited {text-decoration:none !important; color:#3C5C73;}

#content-text 
a:hover {text-decoration:underline}

#content-text 
a:active {text-decoration:none}

#hurricane-guide, #eye-on-the-storm {
margin-top:9px; margin-left: 3px;
}


#left-content-studio55 {
padding-top: 65px;
}


#right-content-studio55 {
padding-top: 65px;
}

/*<!--these rules are for the digest section-->*/

a.digest-title {
 font-family:Georgia, "Times New Roman", Times, serif;
 color: #3C5C73;
}

#content-text .timestamp {
 color:#666666;
}

.photo-digest {
 float:left; border:thin solid #000000;
 margin: 13px 5px 5px 0;
 margin: 5px 5px 5px 0;
 
} 

/*#content-text a:link {
 text-decoration:none;
 color:#3E5D74;
}*/

a.more, p.more  {
color:#878787;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
/*<!--end digest section-->*/


.scroll-track {
height:10px;
width:10px;
background-color:#f1ece2;
}

.scroll-handle{
height:10px;
width:10px;
background-color:#D1CCC2;
cursor:pointer;
}

#classified-block { width:210px; }
#classified-block img { margin-top:-2px; }

.two-column-player {
margin-top: 60px;
}

#mm-container {
padding: 10px 0px 10px 0px;
}
#mm-featured {
min-height:100px;
background-color:#e1dcd2;
padding:10px;
}
#mm-featured h5 { color:#CC0000; }
#mm-digest {
min-height:80px; 
padding:10px 0px 5px 0px;
}
#mm-digest img,  #mm-featured img {
float:left;
border:thin solid #000000;
margin-right:10px;
}
#mm-digest-text { margin-left:112px; }
#mm-digest-tease { margin:3px 0px 3px 0px; font-size:11px;  }

.mm-digest p { float:right; margin:0px; }

#mm-list { padding:0px 0px 0pt 20px; }

#mm-list h5 {
  margin-left: -21px;
}