/*
      3-column CSS Created by Keith Donegan of Code-Sucks.com
	  http://www.code-sucks.com
	  
*/

* {
	margin:0;
	padding:0;
	}
	
body,html {
	min-height:101%;
	}
	
body {
	background-color:#dadada;
	background-image:url(images/gray_gradient.jpg);
	background-repeat:repeat-x;
	color: #545454;
	
	}
    
#wrapper1 { 
 background-color: #fff;
 margin: 0 auto;
 width: 910px;
 /*background-image:url(images/column_bg.gif);
 background-repeat:repeat-y;*/
}
#header {
 color: #333;
 width: 750px;
 float: left;
 padding: 20px;
 border: 0;
 height: 190px;
 margin: 10px 0px 5px 0px;
 background: #fff;
}
img.header {margin: 5px;
}
#navigation {
 float: left;
 width: 910px;
 color: #fff;
 padding: 2px;
 border: 0;
 margin: 0px 0px 2px 0px;
 background: transparent;
}



/* Navigation menu CSS from tutorials of www.alsacreations.com/articles */


#menu {
list-style-type: none;
width: 900px; /* precision for Opera */
}

.menu li {
float: left;
font-family: verdana, Arial, helvetica;
line-height: 115%;
font-size: 23px;
color: #fff;
list-style-type: none;
display: inline;
margin-top: 5px;
margin-bottom: 5px;

}

.menu a {
margin: 0 2px;
width: 100px;
height: 25px;
display: block;
text-align: center;
border-right: 1px solid #fff;
text-decoration: none;
color: #fff;
background: url(images/nav1.gif) repeat-x;
padding: 3px;
font-size: 15px;
font-weight: bold;

}

.menu a:hover {
background: gray;
border-right: 1px solid #fff; 
text-decoration: none;
}



a.test {text-decoration: none;
color: #fff;
}
a.test:hover{text-decoration: underline;
}


/* end navigation bar*/

/* mini-nav bar */

ul#mnav {    
         float: right;
          font-family: Verdana, Arial, helvetica, sans-serif;
          font-size: 11px;
          color: Gray;
          display: inline;
          border: 0;
          list-style-type: none;
                  
}

li.mnav {display: inline;
         border-top: 1px solid gray;
         list-style: none;
         float: right;
         border-bottom: 1px solid gray;
         padding: 3px;
}

#leftcolumn { 
 color: #333;
 border: 0;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 0;
 width: 170px;
  float: left;
  font-family: Rockwell, Palatino Linotype;
}

  

#content { 
 float: left;
 color: #333;
 border-left: 2px solid gray;
 border-right: 2px solid gray;
 background: #fff;
 margin: 0;
 padding: 10px;
 width: 501px;
 min-height: 1000px;
 display: inline ;
 
}
#rightcolumn { 
 color: #333;
 border: 0px;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 width: 175px;
 float: left;
 position: relative;
 font-family: Rockwell, Palatino Linotype;
}


#rotator {
 color: #333;
 background: #fff;
 margin: 0;
 padding: 10px;
 height: 70px;
 

}
 
 
 

.clear { clear: both; }

div#footer {clear: both;
         border: 0;
         border-top: 8px solid #fff ;
         background: #9e0044; 
         width: 910px;
         margin: 0;
                  }
div#footer p {background: transparent center;
              font-size: 11px;
              line-height: 18px;
              margin: 0 0 0 0 0;
              padding: 0;
              text-align: center;
              color: #fff;
              font-weight: bold;
              
              
}

div#network {clear: both;
             border: 0;
             border-top: 0;
             width: 920px;
             margin: 0 0 0 0 0;
             background: #eceff0 center;
}
ul.network li.network {font-family: veranda, Arial, helvetica;
                       font-size: 10px;
                       color: Gray;
                       line-height: 10px;
                       list-style-type: disc;
                       margin: 0px;
                       padding: 0;
}

li.network a:link, li.network a:visited {color: #097b97;
                                   
    }
li.network a:hover {color: #000;
               
}                       
                        
li.networks {font-family: veranda, Arial, helvetica;
            font-size: 10px;
            color: Gray;
            font-weight: bold;
            margin-top: 2px;
            margin-bottom: 2px;
            list-style-type: none;
} 
table.network   {width: 700px;
                 margin-left: 100px;
                 margin-right: 100px;
                 padding: 0;
                             }
td.network: {width: 200px;
             vertical-align: top;
             }
                                   


div#bmagtv {width: 490px;
            text-align: center;
}
div#addthis {width: 480px;
             text-align: right;
             border: 0;
             margin: 10px;
             padding: 5px;
             float: inherit;
}
div#ads {width: 490;
         text-align: center;
         border-bottom: 1px dotted gray;
         padding: 10px;
}

/* headlines*/
h1 {font-family: Rockwell, Palatino Linotype, times new roman, times, serif;
    font-size: 25px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 15px;
        }
    
h2 {font-family: Rockwell, Palatino Linotype, times new roman, times, serif;
    font-size: 18px;
       font-weight: normal;
       margin-bottom: 15px;
       margin-top: 15px;
}

h3 {font-family: Rockwell, Palatino Linotype, times new roman, times, serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #000;
}

h4 {font-family: Rockwell, Palatino Linotype, times new roman, times, serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 12px;
    color: #000;
}
h1 a:hover {color: #5c98aa;
            text-decoration: none;
                                                        
}
h1 a:link, a:visited {color: #5c98aa;
          text-decoration: none;
}
h2 a:hover {color: #5c98aa;
           text-decoration: none;
                                                        
}
h2 a:link, a:visited {color: #5c98aa;
          text-decoration: none;
}
h3 a:hover {color: #5c98aa;
           text-decoration: underline;
                                                        
}
h3 a:link, a:visited {color: #5c98aa;
        
}

h4 a:hover {color: #5c98aa;
            text-decoration: none;
                                                        
}
h4 a:link, a:visited {color: #5c98aa;
                       text-decoration: none;
}
h3.read {text-align: right;
}
h5 {font-family: verbena, arial, helvetica;
    color: #000;
    font-size: 12px;
    line-height: 135%;
    font-weight: lighter;
    }
h5 a:link, a:visited {color: #000;
                       text-decoration: none;
}
 /*images*/
 img.story {padding: 5px;
 }   
 img.lstory {padding: 5px;
             float: left;
 } 
 img.rstory {padding: 5px;
             float: right;
 }     
img.headline {padding-bottom: 15px;
              }
              
img.buzz {float: left;
          padding: 5px;
          border: 1px;
}  
img {margin: 5px;
}            
#fashionshow li 
{
    display: inline;
}   
#livewell li 
{
    display: block;
}  
    
/*story type*/
p {font-family: verdana, Arial, helvetica;
   font-size: 11px;
   color: #000;
   line-height: 145%;
   margin-bottom: 15px;
 
   }
   
p a:link, p a:visited, p a:active {color: #097b97;
               
}
p a:hover  {color: #097b97;
               
}
p.small {font-family: verdana, Arial, helvetica, serif;
        font-size: 12px;
        line-height: 110%;
        color: #000;
}   
p.small a:link, p.small a:visited {color: #097b97;
                                   
    }
p.small a:hover {color: #097b97;
               
}

p.details {font-family: verdana, arial, helvetica;
           font-size: 9px;
           font-weight: bold;
           color: #097b97;
           line-height: 100%;
           text-align: left;
           margin-bottom: 3px;
          
}
p.details a:link, p.details a:visted {color: #097b97;
                                      text-decoration: none;
}
p.details a:hover {color: #000;
                    text-decoration: underline;
}

p.story a:link, p.details a:visted {color: #097b97;
                                      text-decoration: none;
}
p.story a:hover {color: #097b97;
                    text-decoration: underline;
                                  
}

.buzz {font-family: veranda, Arial, helvetica, Sans-Serif;
        font-size: 12px;
        line-height: 125%;
        color: #000;
        
        padding-bottom: 8px;
}

.buzz a:hover {color: #097b97;
                    text-decoration: underline;
}
td.buzz { border-bottom: 2px gray solid;
}
div.box {border: 2px #d1d3d4 solid ;
                 padding: 10px;
                 background: #fff;
                 width: 175px;
                 float: right;
                 font-family: Verdana, Arial;
                 font-size: 12px;
                 color: Black;
                 margin: 10px;
}
div.weather {border: 0 ;
                 padding: 10px;
                 background: #fff;
                 width: 175px;
                 float: right;
                 font-family: Verdana, Arial;
                 font-size: 12px;
                 color: Black;
                 margin: 10px;
}



/*story heads*/
h1.headline {font-family:Rockwell, Palatino Linotype;
             font-weight: bolder;
             margin-bottom: 10px;
             letter-spacing: 0;
             color: #000;
             font-size: 22px;
}
      
h2.headline {font-family:Rockwell, Palatino Linotype;
             font-weight: bold;
             margin-bottom: 15px;
             letter-spacing: 0;
             color: #000;
             font-size: 15px;   
}          

/* lists */
ul {font-family: verdana, Arial, helvetica;
   font-size: 11px;
   color: #000;
   line-height: 145%; 
   list-style-position: inside;
   list-style-type: disc;
   margin-bottom: 15px;
} 

ol {font-family: verdana, Arial, helvetica;
   font-size: 11px;
   color: #000;
   line-height: 125%; 
   list-style-position: inside;
   margin-bottom: 15px;
} 
ul a:link, a:visited  {color: #097b97;
               
}
ul a:hover  {color: #097b97;
               
}

       
/* left menu */
#quicklinks {margin: 0px 5px 5px 0px;
            padding: 5px;
            width: 160px;
            
}
              
.left {font-family: Rockwell, Palatino Linotype; 
       font-size: 18px;
       list-style: none;
       border-bottom: 2px gray solid;
       padding-top: 5px;
       padding-bottom: 5px;
       list-style-position: outside;
       margin: 0;
      
       line-height: 135%;
   
}

.left a:link, p.left a:visited {color: #000;
                                text-decoration: none;
                                   
    }
.left a:hover {color: #000;
               text-decoration: underline;
}
contest {list-style: none;
       border-bottom: 2px gray solid;
       padding-top: 10px;
       padding-bottom: 10px;
       list-style-position: outside;
       margin: 0;
       min-height: 65px;
       line-height: 135%;
       font-family: veranda, arial, helvetica;
        font-size: 18px;
}
li.contest
{font-family: veranda, arial, helvetica; 
       font-size: 18px;
       list-style: none;
       border-bottom: 0;
       padding-top: 10px;
       padding-bottom: 0;
       list-style-position: outside;
       margin: 0;
       
       line-height: 135%;
   
}
h1.contest {font-family: Rockwell, Palatino Linotype; 
            font-size: 18px;
            line-height: 135%;
}
description {font-family: Arial, helvetica, serif;
        font-size: 12px;
        line-height: 110%;
        color: #000;
}  
p.description a:link, p.description a:visited {color: #097b97;
                                   
    }
p.description a:hover {color: #000;
               
}

/* right column */
#rquicklinks {margin: 0px 0px 0px 0px;
            padding: 5px;
            width: 165px;
            
}
.right {font-family: Rockwell, Palatino Linotype; 
       font-size: 18px;
       list-style: none;
       border-bottom: 2px gray solid;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       list-style-position: outside;
       height: auto;
       line-height: 135%;
       
}

.right a:link, p.right a:visited {color: #000;
                                 text-decoration: none;
                                   
    }
.right a:hover {color: #000;
                text-decoration: underline;
}

cover {font-family: veranda, arial, helvetica; 
       font-size: 18px;
       list-style: none;
       border-bottom: 2px gray solid;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       list-style-position: outside;
       height: auto;
       line-height: 135%;
       
}
li.cover
{font-family: veranda, arial, helvetica; 
       font-size: 18px;
       list-style: none;
       border-bottom: 0;
       padding-top: 10px;
       padding-bottom: 0;
       padding-left: 10px;
       list-style-position: outside;
       list-style-type: none;
       margin: 0;
       
       line-height: 135%;
}
search {font-family: veranda, arial, helvetica; 
       font-size: 18px;
       list-style: none;
       border-bottom: 2px gray solid;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       list-style-position: outside;
       height: auto;
       line-height: 135%;
}

/* homepage features */


.features  {margin: 0px;
            padding: 5px;
            width: 490px;
            border-bottom: 1px gray dotted;
            height: auto;
         
                      
}
#webonly {margin: 0;
          padding-bottom: 5px;
          width: 495px;
          border-bottom: 15px #930044 solid;
}
table.webonly {margin: 0;
               
               width: 495px;
}
td.webonly {font-family: Georgia;
            font-size: 12px;
            border-right: 2px solid gray;
         
            margin: 3px;
            padding: 3px;
            vertical-align: top;
            }
            
h1.webonly {font-family: Rockwell, Palatino Linotype;
            font-size: 20px;
            font-weight: normal;
}                       
            
td.web    {font-family: verdana;
            font-size: 12px;
            margin: 3px;
            padding: 3px;
            vertical-align: top;
}       
.linebreak {line-height: 125%;
            background-color: #9e0044;
            font-family: Rockwell, Palatino Linotype;
            font-size: 25px;
            color: #ffffff;
            padding: 5px;
}



/* tables*/
table.buzz {width: 490px;
            padding: 20px;
            border: 0;
}

table#currents {width: 490px;
                padding: 15px;
                border: 0;
}
td.currents {text-align: left;
}
h1.currents {font-family: Rockwell, Palatino Linotype;
             font-size: 15pt;
             color: #ff8649;
             margin-top: 0;
             margin-bottom: 15px;
}
h2.currents {font-family: Rockwell, Palatino Linotype;
             font-size: 12pt;
             color: #000000;
             margin-top: 0;
             margin-bottom: 5px;
}
img.currents {padding: 5px;
}

/* blogs */
div#blog {
    
     width: 495px;
     height: auto;
   
     }
div#lblog {width: 150px;
           float: left;
}
div#rblog {width: 150px;
           float: right;
}
img.blog {float: left;
          margin: 5px;
          border: 0;
}
        
/* beach styling */
div#beach {position: absolute;
           left: 30%;
           width: 400px;
           margin-bottom: 25px;
           clear: both;
           display: block;
           padding-bottom: 20px;
           }   
           
ul.lbeach {font-family: arial;
           font-size: 14px;
           color: #000;
           margin: 15px;
           float: left;
           
}         
ul.rbeach {font-family: arial;
           font-size: 14px;
           color: #000;
           margin: 15px;
           float: none;
}   
div#beachad {width: 490px;
             clear: both;
             display: block;
             margin: 10px;
}
                    
ul.beachad {margin: 5px;
            

}
li.beachad {
            list-style: none;
            display: inline;
}
        

img.beach   {margin: 5px;
             border: 0;
             }
             
             
div.video {margin: 3px;
           padding: 3px;
           border-top: 2px solid gray;
}             
/*
	Featured Content Slider
	by: Chris Coyier
*/


					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left;
           									   /*margin-right: 10px;*/
           									   border: 0}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; text-decoration: none; border: none;}


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 493px; margin: 0 3px; position: relative; min-height: 460px;
											  background: url(images/bg2.png) top left;
											  background-repeat:no-repeat; }
/*
	TYPOGRAPHY
*/

a, a:visited								{ color: #000; text-decoration: none; }
a:hover, a:active							{ color: #000; text-decoration: underline;}
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #fff; font-size: 13px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 0px;}
h1.slider {font-family: Rockwell, Palatino Linotype, times new roman, times, serif;
    font-size: 25px;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 15px;
        }

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 35px; left: 35px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 350px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 0px solid black; margin-right: 5px; 
           									 margin-left: 0;
           									 margin-top: 0;
           									 margin-bottom: 0;
           									  }
#movers-row									{ margin: -43px 0 0 62px; border-top: 1px solid #fff; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

img.slider {margin: 0;
            border: 0;
}