/*   

Theme Name: SwellMagnet2

Theme URI: http://www.extima.com

Description: Swell Magnet Custom Responsive Theme -- WordPress v4.0

Author: Roberto Bahena/Extima Team (based on Chris Coyiers Blank)

Author URI: http://www.extima.com

Version: 3

*/



/*

 *

 *  Lets Get Bootstraped!

 *

 ***************************/

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css');

/* @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css'); */


/* new  styles 2020 */
.socalnowimage {width:100%; max-width:520px;}

/* new home page styles 2016 */

.home-banner-1{
padding: 20px 0px;
}

.generic-banner{
padding: 20px 0px;

}

@media (min-width:991px) {

.homepageheading div#right-col-head { width:25%; }



.smallads2016 .smallad { float:left; }

.smallads2016 .smallad.ad1 { margin-left:25px; margin-right:10px; }

.smallads2016 .smallad.ad2 { margin-right:10px; }

li#menu-item-432 ul { top:42px; }

}



.postid-1990 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1989 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1988 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1987 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-2355 .featuredcamtitle > a { display:none !important; margin:0 auto; }



.postid-3692 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3694 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3696 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3698 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3700 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3702 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3704 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3706 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3709 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3711 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3713 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-3716 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1980 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1982 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1983 .featuredcamtitle > a { display:none !important; margin:0 auto; }

.postid-1101 .featuredcamtitle > a { display:none !important; margin:0 auto; }



.page-id-18 #mp-floating-cart { display:none; }



.newhomebannersh { display: inline-block; box-shadow: 3px 3px 3px; }

.featuredcamtitle { text-transform: uppercase; font-weight: bold; font-size: 1.2em; padding-top: 15px; }

.featuredcamtitle a { text-decoration:underline; }

.newhomepagewrap .swellplayercontainer { padding-bottom: 41.75%; }
.swellplayercontainer { position: relative; padding-top: 30px; height: 0; overflow: hidden; padding-bottom: 51.45%; max-width:720px; margin:0 auto;}

.swellframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; }

.swellad { position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:10; }

.swellad img { max-width:100%; }

.newhomepagewrap div#bottom-link-box,.newforecasttemplate div#bottom-link-box,.surfcamwrapper div#bottom-link-box { max-width:831px; }



.newhomepagewrap .email-blast,.newforecasttemplate .email-blast,.surfcamwrapper .email-blast { max-width:720px; }

.newhomepagewrap .email-title,.newforecasttemplate .email-title,.surfcamwrapper .email-title { max-width:720px; }

.newhomepagewrap .new-text-forhome,.newforecasttemplate .new-text-forhome,.surfcamwrapper .new-text-forhome { padding-top:10px; }

.newhomepagewrap .new-text-forhome p,.newforecasttemplate .new-text-forhome p,.surfcamwrapper .new-text-forhome p { color: white; font-weight: bold; font-size: 17px; }





.surfcamwrapper .featuredcamtitle { text-transform:none; }



.page-template-template-surf-forecast .post { max-width: 778px; margin: 0 auto; }

#table-holder { background:white; }

/* end home page styles 2016 */



.swellwrap.swell-nopad { padding-right:0px; padding-left:0px; }

	

	#page-wrap { /* width:970px; */ margin: 0px auto 0px auto; }



	

	.back-to-top {

			position: fixed;

			bottom: 7em;

			right: 0px;

			text-decoration: none;

			color: #000000;

			background-color: rgba(235, 235, 235, 0.80);

			font-size: 12px;

			padding: 1em;

			display: none;

		}



		.back-to-top:hover {	

			background-color: rgba(135, 135, 135, 0.50);

		}	

		

		

		div.masthead-outside {

    color: #fff;

    font-weight: bolder;

    border-width: 0px;

    border-color: white;

    border-style: solid;

    height: 26px;

    padding: 4px;

    font-size: large;

	text-align:center;

	text-transform:uppercase;

	background-color: transparent;

background-image: -webkit-linear-gradient(#6785f3, #141a2a 86%);

background-image: -o-linear-gradient(#6785f3, #141a2a 86%);

background-image: linear-gradient(#6785f3, #141a2a 86%);

line-height:24px;

border-right:none;

border-left:none;

}



.new-banner { margin:20px; }



.mobile-logo { display:none; }

.forecast-mobile-ad { display:none; }

/* .home #text-54 { display:none; }

#text-3 { display:none; }

.home #text-3 { display:block; } */

.square-ad-300-250 strong { display:none; }	

.socialmedia-buttons{ margin-top:0px !important; }

* { margin: 0; padding: 0; }

body { background-color: transparent;

background-image: -webkit-linear-gradient(#072942, #A0ADB6 53%);

background-image: -o-linear-gradient(#072942, #A0ADB6 53%);

background-image: linear-gradient(#072942, #A0ADB6 53%);

/*background: white url(images/mbg.jpg) repeat-x;*/ 

font: 14px/1.4 'Source Sans Pro', sans-serif; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

.clear { clear: both; }

.alignright { float:right; }

.alignleft { float:left; }

.none{ display:none; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

a > img{ border: 0; }



.entry .meta { display:none; }



#coupon-link { font-size:19px; color:black; }

#coupon-link:hover { color:red; }



.surf-r { color:#00ccff !important; }

.surf-r:hover { color:#666 !important; }



.surf-report-wrap { width: 326px;

margin: 0 auto;

box-shadow: 0px 0px 3px 2px #999;

height: 508px;

margin-bottom: 25px;

}



.page-template-default .entry .frame-holder img { max-width:100%; }



/* header stuff

------*/

#header { background: url(images/headerBg.png) left center repeat-x; /*background: #000033;*/ /*url(images/left_mast3.png) center no-repeat;*/ /*height: 155px;*/ position:relative; padding-left: 0px; padding-right:0px; border:5px solid black; }

.swell-top { /*background: #0E4A75;*/ color:white; padding:5px 0px 5px 0px; /*url(images/top_mast.png) top center no-repeat;*/ /* height: 28px;*/ border-bottom:1px solid transparent;}

/*div.logo { float:left; position:relative; top: 42px; left: 12px; } */

#header > .swellwrap { padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; }

 div.logo { float:left; max-width:220px;/*position:absolute; top:44px; left:13px;*/ }

 .swell-float-right { float:right; }

 .swell-top .swell-float-right: { text-align:right; }

div.logo img { max-width:210px; }

/* div.bannerSpace { float:right; position:relative; top:51px; right: 35px; width:645px; height:82px; overflow:hidden; }*/

div.bannerSpace { /*position:absolute; top:46px; left:235px;*/ max-width:728px; height:90px; background:#8696a3;float:right; } 

/*div.bannerSpace div#text-2 div.textwidget { width:645px !important; height: 82px !important; }

div.bannerSpace div#text-2 div.textwidget a img { width:645px !important; height: 82px !important; }

div.bannerSpace div#text-2 div.textwidget iframe { width:645px !important; height: 82px !important; }

div.bannerSpace div#text-2 div.textwidget embed { width:645px !important; height: 82px !important; }*/

/*div.bannerSpace div#text-2 div.textwidget img { width:645px !important; height: 82px !important; }*/





.tabs-shortcode .ui-tabs-nav li a {

padding: 2px 2.637em !important;

}



/* main navigation

--------*/

div.swell-nav { /*background:#0E4A75;*/ border-top:1px solid #000;/*#336699;*/ border-bottom:1px solid #000;/*#336699;*/ padding-left:0px; padding-right:0px; background-color: transparent;

background-image: -webkit-linear-gradient(#252525, #060606 83%);

background-image: -o-linear-gradient(#252525, #060606 83%);

background-image: linear-gradient(#252525, #060606 83%);

/* background: #000 url(images/left-col-topper.jpg) no-repeat; */}





div.menu-main-navigation-container { /*background: url(images/menu_bg.jpg) repeat-x;*/ min-height:42px; }



/* see /js/menu/easypie/css/main.css for menu styling */



#menu-item-337 a { padding: 12px 14px 0px 14px !important; }

/*#menu-item-337 a:hover { padding: 12px 14px 0px 14px !important; }*/

#menu-item-434 a { font-size:12px !important;}

/*#menu-item-434 a:hover { font-size:12px !important;}*/

#menu-item-5 a { font-size:15px !important; }

/* #menu-item-5 a:hover { font-size:15px !important; } */

#menu-item-5 { padding: 0px 0px 3px 0px !important; }

/* page wrap layout - and other general styles

----------------------*/





/* banner Styles 

-----------------------*/

.home-banner-1 .widget_text { background:url(images/frame2.png) center center no-repeat; height:120px; width:500px; margin: 0 auto; }

.home-banner-1 .textwidget { width: 468px; height: 60px; margin: 0 auto; position:relative; top: 23px;}

.generic-banner .widget_text { background:url(images/frame2.png) center center no-repeat; height:120px; width:500px; margin: 0 auto; }

.generic-banner .textwidget { max-width: 468px; height: 60px; margin: 0 auto; position:relative; top: 23px;}

#sidebar1 { width: 160px; margin: 10px auto; }

#sidebar1 #text-6 { /*height: 624px !important;*/ }

#sidebar1 .widget_text { /*height: 624px !important;*/margin-bottom:15px; }

#sidebar2 .widget-text { /*height: 624px !important;*/ margin-bottom:15px; }

#sidebar2 .textwidget { /*height: 624px !important;*/ margin-bottom:15px; }

#sidebar2 { width: 160px; margin: 10px auto; }

div.square-ad-180-150.ad-300-250 { width:302px; }

div.square-ad-180-150 { width: 190px; margin: 10px auto; }

/*div.square-ad-300-250 #text-13 { width:300px; float:left; }

div.square-ad-300-250 #text-14 { width:300px; float:left; }*/

div.square-ad-300-250 #text-15 { width:300px; margin:0 auto; float:none; }

div.square-ad-300-250 #text-35 { width:300px; margin:0 auto; float:none; }

div.square-ad-300-250 #text-31 { width:300px; margin:0 auto; float:none; }

div.square-ad-300-250 .widget { width:300px; float:left; }

div.square-ad-300-250 .textwidget { /*height:250px; box-shadow: 0px 6px 3px -2px; -moz-box-shadow: 0px 6px 3px -2px;

	-webkit-box-shadow: 0px 6px 3px -2px;*/ }



.postid-404 .chad-widget.generic-banner .widget_text { background: none; min-height:150px; } 



/* use this class to display a blue bar

-------------*/

div.head-bar { background-color: transparent;

background-image: -webkit-linear-gradient(#000A1E, #0B3F66 86%);

background-image: -o-linear-gradient(#000A1E, #0B3F66 86%);

background-image: linear-gradient(#000A1E, #0B3F66 86%); 

/* background:#000 url(images/mid-col-topper.jpg) no-repeat; */

/*width:600px;*/

width:100%; 

min-height:40px; 

color:#EEE;

border-bottom: 4px outset #CDD4DA; }



/* this is the grey box at the bottom of every page displaying surf cam links

---------------*/

/*div#bottom-link-box { background: #FFF url(images/scbg.png) no-repeat; width:570px; height:239px; margin:0 auto; text-align:center; padding-top: 13px;}*/

div#bottom-link-box { /*background: #FFF url(images/scbg3.png) no-repeat;*/ background:#ddd; border-radius:9px; box-shadow:0px 0px 6px rgba(0, 0, 0, 0.7); max-width:831px; width:100%; min-height:410px; margin:25px auto; text-align:center; padding-top: 15px; padding-bottom:15px; padding-left:8px; padding-right:8px; }

div#bottom-link-box h4 { font-size:20px; margin-bottom:5px; margin-top:0px; font-weight:900;}

div#bottom-link-box .cam-section { font-style:italic; font-weight:600; color:black; font-size:17px; margin-bottom:5px; margin-top:5px; }

div#bottom-link-box a { font-weight:300; color:black; }

div#bottom-link-box a:hover { font-weight:300; color:red; }



/*

span.bull2 { margin-left:1px !important; }

#395{ display: none !important; }

*/

/*

div.separator { width:540px; margin:0 auto; border:dashed 1px black; }

div#bottom-link-box .cams span a { text-decoration:none; color: #050505; }

div#bottom-link-box .cams span a:hover { text-decoration:underline; color: red; }

div#bottom-link-box .reports { width:540px; margin:0 auto; padding-top:10px; font-size:15px; } 

div#bottom-link-box .reports span { margin:1px; }

div#bottom-link-box .reports span a { text-decoration: none; font-weight:bold; color: #050505; }

div#bottom-link-box .reports span a:hover { text-decoration:underline; color: red; }

div#bottom-link-box .cams { width:555px; margin:0 auto; padding-bottom:11px; }

div#bottom-link-box .cams span{ margin: 1px; font-weight:bold; font-size: 13px; }

span.bull { background:url(images/bull.jpg) center center no-repeat; padding: 2px; margin:0px 0px 0px 0px !important; }



span#395.bull2 { display:none !important; }

span.bull2:after{content: '\2022'; margin-left:1px;}

*/

/* Home page and main column layout 

-------------*/

/*div#holder { background:white url(image/holderbg.jpg) repeat-y 50% 0; }*/





div#table-holder:after { content:""; display:table; clear:both; }



div#left-col { float:left; width:184px; background:#ddd url(images/colbg.jpg) repeat; }



div#left-col-head { background-color: transparent;

background-image: -webkit-linear-gradient(#04192E, #5790BB 86%);

background-image: -o-linear-gradient(#04192E, #5790BB 86%);

background-image: linear-gradient(#04192E, #5790BB 86%);

/*background:#000 url(images/left-col-topper.jpg) no-repeat;*/ 

width: 25%; 

height:40px; 

color:#CCC; 

float: left;

text-align:center;

border-bottom:4px outset #CDD4DA; }



div#social-widget-2 { position:relative; top: 13px; }



div#main-col { float: none; width:100%; background:white; }



div#main-col-head {

    background-color: transparent;

    background-image: -webkit-linear-gradient(#000A1E, #0B3F66 86%);

    background-image: -o-linear-gradient(#000A1E, #0B3F66 86%);

    background-image: linear-gradient(#000A1E, #0B3F66 86%);

    /* background: #000 url(images/mid-col-topper.jpg) no-repeat; */

    width: 50%;

    height: 40px;

    color: #EEE;

    float: left;

    border-bottom: 4px outset #CDD4DA;

}



div#main-col-head a { color: #EEE; text-decoration: none; }

div#main-col-head a:hover { color: red; text-decoration: none; }



div#right-col { float:left; width:184px; background:url(images/colbg.jpg) repeat; }

div#right-col-head {  background-color: transparent;

background-image: -webkit-linear-gradient(#04192E, #5790BB 86%);

background-image: -o-linear-gradient(#04192E, #5790BB 86%);

background-image: linear-gradient(#04192E, #5790BB 86%);

/* background:#000 url(images/right-col-topper.jpg) no-repeat; */ 

width:25%; 

height:40px; 

float: left;

color:#CCC; 

text-align:center;

border-bottom:4px outset #CDD4DA; }



table#table-holder td:first-child, .swell-left { 

	background:url(images/colbg.jpg) repeat;

	border-left:1px solid black;

}

table#table-holder td:nth-child(even), .swell-center { 

	background:white url(images/holderbg.jpg) repeat;

}

table#table-holder td:last-child, .swell-right {

	background:url(images/colbg.jpg) repeat;

	border-right:1px solid black;

}



/* for single-surf-cams issue

---------*/

table#table-holder-2 #left-td { 

	background:url(images/colbg.jpg) repeat;

	border-left:1px solid black;

}

table#table-holder-2 #main-td { 

	background:white url(images/holderbg.jpg) repeat;

}

table#table-holder-2 #right-td {

	background:url(images/colbg.jpg) repeat;

	border-right:1px solid black;

}



div#social-home { max-width:415px; margin: 10px auto; text-align:center; }



div#notice { padding-bottom: 15px; font-weight: bold; font-size: 17px; }



/* page stylings

--------------------*/



.wind-cast { width:290px; margin: 0 auto; }

.wind-cast ul { margin:0 0 0 20px; }

.wind-cast ul li:before { content: "\00BB \0020"; }



/* sliders style

--------------------*/



/* see bxslider in js directory



/*div#sliderSpace { background: url(images/slideframe.png) center center no-repeat; width: 474px; height:415px; margin:0 auto; }

div#sliderSpace img { position:relative; top:4px; left:2px; }



div#sliderSpace-2 { background: url(images/slideframe2.png) center center no-repeat; width: 563px; height:414px; margin:0 auto; }

div#sliderSpace-2 img { position:relative; top: 5px; /*left:5px;*/ /* } */



/* merchandise page 

-------------*/

.merch-holder { background: #EEE; padding:15px; border: 2px solid #666; border-radius:6px;}

.post-merch { float:left; width:229px; margin-left: 40px; margin-top: 10px; }

.merch-img img { float:none !important; }

.entry-merch { background:#DDD; border: 2px solid #999; }

.entry-merch:hover { border: 2px solid red; }



/* image styles and general stuff

---------*/

div.socal-img { width: 475px; margin: 0 auto; }

div.socal-img img { /*border: none; box-shadow: 2px 5px 16px 3px;*/ }

div.tide-charts { width:530px; margin:10px auto; }



.b1 { font-size: 18px; }

.b2 { font-size: 20px; color: #FFF; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }

h1 { }

h2.title { margin: 0px 0px 0px 0px; font-weight: bold; font-size: 17px; }

h2.title-1 { margin: 0px 0px 0px 0px; font-weight: bold; padding-top: 8px; padding-left: 25px; font-size: 17px; }

h2.title-2 { margin: 0px 0px 0px 0px; font-weight: bold; padding-top: 8px; padding-left: 25px; font-size: 15px; }

h3 { }

span.title-3 { font-size: 17px; }

span.cap { text-transform:uppercase; }

.cap { text-transform:uppercase; }

span.fonti { font-size:14px; }

.fonti { font-size:14px; text-transform:uppercase; }

p { margin: 0 0 10px 0; }

a { color: #666;/*#050505;*/ text-decoration: none; }

a:hover { text-decoration: underline; color: red; } 



/* Swellmagnet Blog page image

-----------*/

.swell-blog img { padding: 15px 15px 15px 0px; }

.gallery img { padding: 0px 0px 0px 0px; }



/* Single Surf Cam Style

-------------*/

#post-398 .entry { padding:0px 0px 0px 0px; }

#post-411 .entry { padding:0px 0px 0px 0px; }

#post-413 .entry { padding:0px 0px 0px 0px; }

#post-423 .entry { padding:0px 0px 0px 0px; }

#post-452 .entry { padding:0px 0px 0px 0px; }

#post-1098 .entry { padding:0px 0px 0px 0px; }

#post-1109 .entry { padding:0px 0px 0px 0px; }

/*#post-1101 .entry { padding:0px 0px 0px 0px; }*/

#post-293 .entry { padding:25px 0px 25px 0px; }



#campic { position:relative; right: 19px; }

/*-------------*/



/* Surf Cam Page Style

----------------*/

#post-373 .entry { padding: 0px 10px 10px 10px; }

.cam-holder { background:#DDD; padding:15px 0px 15px 0px; border:2px inset #999; }

.post-cam { float:left; width:226px; height:215px; padding-bottom:10px; margin-left:3px; }

.entry-cam { background: #DDD; }
/*border: 2px solid #999;*/
div#mediaspace_wrapper { margin:0 auto; }

.widget-weather { margin:0 auto; }



/* Link page style 

------------*/

.page-id-11 .entry { padding:10px 0px 10px 0px; border-bottom:2px inset #AAA; }

.page-id-11 .relatedlink { color: #DDD; }

#page-links-1 { width:250px; margin-top:15px; margin-left:11px; margin-bottom:15px; }

#page-links-2 { width:250px; margin-top:15px; margin-left:11px; margin-bottom:15px; } 

/*--------*/



/* single article image styles

-------------*/

.aligncenter { margin: 5px auto !important; }

.wp-caption { text-align:center; background:#DDD; margin:5px;}

#cboxTitle { bottom: 45px !important; }



blockquote { }

blockquote p { }



ul, ol { margin: 0 0 10px 0; }

ul li, ol li { list-style:none; margin-bottom:5px; }
.single-surf-cams .post { max-width:100%; }
.post {

    max-width: 778px;

    margin: 0px auto;

}
.single-surf-cams .entry { padding: 0px 25px 25px 25px; max-width: 778px; margin: 0 auto; }
.content-container p { margin: 5px 0 10px 0; }

.thumb-holder { border: 2px solid #000; -moz-box-shadow: 0px 6px 3px -2px; -webkit-box-shadow: 0px 6px 3px -2px; box-shadow: 0px 6px 3px -2px;}

.entry { padding: 25px 25px 25px 25px; color:#333; }



/* product category pages 2016 */

.tax-product_category.term-swellmagnet-prod .entry { padding: 35px 10px 25px 10px; color:#333; }

.tax-product_category.term-swellmagnet-prod .mp_product_images { border:2px solid red; box-shadow: 4px 4px 6px rgba(0,0,0,0.86); }

.tax-product_category.term-swellmagnet-prod div.mp_product_meta { background:black; border:none; border-radius:0px; color:white; padding:5px; box-shadow: 4px 4px 6px rgba(0,0,0,0.86); }

.tax-product_category.term-swellmagnet-prod div.mp_product_meta .mp_product_name { display:none; }

.tax-product_category.term-swellmagnet-prod .mp_product_price { display:none; }

.tax-product_category.term-swellmagnet-prod .mp_product_excerpt > p > a,.tax-product_category .mp_product_excerpt > a { display:none; }

.tax-product_category.term-swellmagnet-prod .mp_product_excerpt .excerptw { display: inline-block; width: 200px; text-align: left; font-size: 12px; }

.tax-product_category.term-swellmagnet-prod .mp_product_excerpt .tmpPrice { display: inline-block; font-size:30px; }

.mp_products_filter { display:none; }



.postid-3579.mp-single .mp_single_product_details .mp_product_meta { background:black; color:white; border:none; border-radius:0px; }

.postid-3579.mp-single .mp_product .mp_product_name a { color:white; }



#post-3812 .mp_product_callout,#post-3812 .mp_product_price { display:none; }

#mp-buy-product-3812-form .mp_button.mp_button-addcart { display:none; }





.entry a { font-weight:bold; color: #666;/*#050505;*/ text-decoration: none; }

.entry a:hover { text-decoration: underline; color: red;}

.add-shadow { border: 2px solid black;

	box-shadow: 0px 6px 3px -2px;

	-moz-box-shadow: 0px 6px 3px -2px;

	-webkit-box-shadow: 0px 6px 3px -2px;



}

.add-shadow-2 { border: 2px solid black;

	box-shadow: 0px 6px 3px -2px;

	-moz-box-shadow: 0px 6px 3px -2px;

	-webkit-box-shadow: 0px 6px 3px -2px;

	border-radius: 6px;



}

.frame-holder {

	margin: 15px 0px 15px 0px; 

}

.just-shadow { /*border: 2px solid black;*/

	box-shadow: 0px 6px 3px -2px;

	-moz-box-shadow: 0px 6px 3px -2px;

	-webkit-box-shadow: 0px 6px 3px -2px;

}

.box-1 {

	background: #FFC;

	padding: 15px;

	border: 2px solid #666;

	border-radius: 6px;

	text-align: justify;

}

.box-y {

	background: #FFC;

	padding: 15px;

	border: 2px solid #666;

	border-radius: 6px;

}

.box-2 { background: #999;

	padding: 15px;

	border: 2px solid #333;

	border-radius: 6px;

	text-align: justify;

}

.box-c { background: #999;

padding: 10px;

	border: 2px solid #333;

	border-radius: 6px;

	text-align: center;



width: 100% !important;

}



.box-c.tab-holder{

width: 100% !important;

}



.box-n { background: #999;

	padding: 15px;

	border: 2px solid #333;

	border-radius: 6px;

}

.box-merch { border: 2px solid;

	padding: 15px;

	background: #EEE;

	border-radius: 6px;

	margin-top: 10px;

}

.adv-image { border:2px solid #666; }

.img-box { background:#FFC; margin-top:15px; border:2px solid #666; padding: 15px; }

.fsh-box { width: 336px; }

#post-208 .video_lightbox_anchor_image { width: 435px; }

#post-238 .video_lightbox_anchor_image { width: 435px; }

#attachment_300 { background: #EEE; border-radius: 6px; border: 1px solid #666; }

.page-id-293 .buoys { position: relative; /*right: 25px;*/ }

.buoys a { font-weight:bold; color: #666;/*#050505;*/ text-decoration: none; }

.buoys a:hover { text-decoration: underline; color: red; }

.secondary-content p { margin:0px 0px 0px 0px; }

pre { }

code, tt { }



div.excerpt-holder p a:first-child { display:none; }



#meta { }

.postmetadata { }



#sidebar { }



#post-398 .navigation { padding:0px 25px 0px 25px; }

#post-411 .navigation { padding:0px 25px 0px 25px; }

#post-413 .navigation { padding:0px 25px 0px 25px; }

#post-423 .navigation { padding:0px 25px 0px 25px; }

#post-452 .navigation { padding:0px 25px 0px 25px; }

   .next-posts { float:right; }

   .prev-posts { float:left; }



#searchform { position:relative; top:8px; left:10px; }

	#s { background: #89A8C4; border: 1px solid; height: 20px; border-radius: 0px; width:160px; }

	#searchsubmit { position: relative; left: -25px; bottom: -4px; }

	

#commentform { padding: 5px 0px 0px 25px; }

#commentform div { padding-bottom: 10px;  }

/* comment form button */

#submit { border: none;

	padding: 5px;

	text-transform: uppercase;

	font-weight: bold;

	color: #EEE;

	background: #920900;

	cursor:pointer;

	}

#submit:hover { color:#89a8c4; }

/* q & a form button */

#qaplus_searchsubmit { border: none;

	padding: 5px;

	text-transform: uppercase;

	font-weight: bold;

	color: #EEE;

	background: #920900;

	cursor:pointer;

	}

#qaplus_searchsubmit:hover { color:#89A8C4; }

/* contact form button */

.wpcf7-submit { border: none;

	padding: 5px;

	text-transform: uppercase;

	font-weight: bold;

	color: #EEE;

	background: #920900;

	cursor:pointer;

	}

.wpcf7-submit:hover { color:#89A8C4; }

/* all inputs and text areas */

input[type=text] { border-radius:6px;}

input[type=password] { border-radius:6px;}

textarea { border-radius:6px; }



#respond { padding: 25px; }



/* Footer Style

---------*/

div#footer { background: #23394D url(images/ft1bg.jpg) repeat-x; border-left:1px solid black; border-right:1px solid black; border-bottom: 2px solid #808080; height:30px; text-align:center; color:#CCC; /*line-height:30px;*/}



div#sub-footer { background:black; /* border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black;  */ text-align:center; height:35px; color:#EEE; /* border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; */ line-height:35px; font-size:12px;}



div#sub-footer a { color: #CCC; text-decoration:none; }

div#sub-footer a:hover { color: #EEE; }

	

/* Footer Menu

---------*/

div#nav_menu-2 { width: 286px; margin:0 auto; }

ul#menu-footer-menu { margin:0px 0px 0px 0px; }

ul#menu-footer-menu li { float:left; margin:0px 0px 0px 0px; padding-top:6px; }

ul#menu-footer-menu li a { color: #CCC; text-align: center; text-decoration: none; display: block; padding: 0px 10px 0px 10px;}

ul#menu-footer-menu li a:hover { color: #EEE; }



ol.commentlist { list-style: none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



/* Single Surf Cams Inside Tabs Content Style

-------------------------------------------------------*/

div.masthead {

    background-color: gray;

    color: #fff;

    font-weight: bolder;

    border-width: 1px;

    border-color: black;

    border-style: solid;

    height: 20px;

    padding: 4px;

    font-size: large;

}



table.weather {

    width: 260px;

    font-size: 100%;

    margin-right: 0;

	border-style: none;

	border-color: gray;

	border-collapse: collapse;

	background-color: white;

    color: black;

}

table.weather th { 

    text-align: left; 

	padding-left: 20px;

    color: black;

}

table.weather td {

	border-width: 1px;

	/*padding: 4px;*/

	border-style: none;

	border-color: gray;

	background-color: white !important;

    color: black;

}

table.weather h1 { margin-bottom: 0; }



.topSection

{

	float: left;

	width: 468px;

	border-bottom: 2px solid #000;	

}



div.windTitle {

    font-weight: bolder;

    text-align: center;

    font-size: 150%;

}

div.windTime { 

    font-size: 85%;

    text-align: center; 

    padding: 3px;

}

table.wind {

    width: 230px;

    height: 140px;

    padding-top: 10px;

    font-size: 98%;

    margin-left:auto;

    margin-right: 0;

	border-width: 1px;

	border-spacing: 0px;

	border-style: none;

	border-color: gray;

	border-collapse: collapse;

	background-color: white;

}

table.wind td {

    padding-left: 8px;

    padding-right: 8px;

	border-style: none;

    color: black;

} 



table.wind

{

	width: 264px;

}

table.wind tr th

{

	text-align: right;

	color: #000 !important;

}



.bottomSection

{

	width: 468px;

	/*float: left;*/

}

.bottomSection table

{

	width: 468px;

}

div.surf_report

{

	padding: 14px;

}



div.tideTitle {

    background-color: black;

    color: white;

    font-weight: bolder;

    height: 25px;

    font-size: large;

    text-align: center;

    clear: left;

    padding: 4px 0;

    width: 468px;

    margin: 0;

}



table.tide caption {

    font-size: 60%;

    font-weight: bolder;

}   

table.tide {

    font-size: 95%;

    width: 90%;

    margin-left: auto;

    margin-top: 20px;

    margin-right: auto;

	border-spacing: 0px;

	border-style: none;

    border-collapse: collapse;

	background-color: white;

}

table.tide th, td { 

    color: black;

}



img.tideright { width: 234px; height: 195px;float: right; }

img.tideleft  { width: 234px; height: 195px; float: left; }

.tidetable

{

	float: left;

	width: 234px;

}

table.tide .align-right

{

	width: 80px;

}

.sunsetTable

{

	float: right;

	width: 204px;

}



.align-right

{

	text-align: right;

	padding-right: 14px;

	width: 50px;

}



table.sunrise caption {

    font-size: 60%;

    background: black;

    background-color: white;     

}

table.sunrise {

    font-size: 95%;

    width: 90%;

    margin-left: auto;

    margin-top: 20;

    margin-right: 0;

    align: top;

	border-style: none;

	border-width: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

}

table.sunrise td, th { 

}

#surfWeatherSection tr td{

	width: 80px;

}

#surfWeatherSection th

{

	text-align: right;

	padding-right: 10px;

}

.bottomSection table tbody tr th,

.topSection table tbody tr td,

{

	height: 10px;

}

.bottomSection tr th

{

	text-align: right;

}



/* Single Surf Cams = tabs

-------------------------------------------------------------- */

.ui-tabs {

	/*margin-top:15px;

	margin-bottom:10px;*/

	border:3px solid #333;

    padding:0;

    zoom:1;

	width:468px;

	margin:15px auto;

}

.ui-tabs .ui-tabs-nav {

    list-style:none;

    position:relative;

    padding: 0;

    margin: 0;

    zoom:1;

}

.ui-tabs .ui-tabs-nav li {

    position:relative;

    float:left;

    border-bottom-width:0!important;

    margin:0;

    padding:0;

}

@-moz-document url-prefix() {

	.ui-tabs .ui-tabs-nav li a {

		padding:1px 39px 9px 40px !important;

	}

}

.ui-tabs .ui-tabs-nav li a {

    float:left;

    text-decoration:none;

    padding:1px 40px 9px;

    background: #7491a3; /* Secondary Emphasis */

    color:#FFF;

    /*margin-right:1px;

	margin-left:1px;*/

}

.ui-tabs .ui-tabs-nav li a:hover{

    background:;

    background-color: #002859; /* Primary Emphasis */

    color:#FFF;

    padding-bottom:9px;

    text-decoration: none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {

    padding-bottom:1px;

    border-bottom-width:0;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {

    cursor:text;

    background: ;

    background-color: #002859; /* Primary Emphasis */

    color:#FFF;

    padding-bottom: 9px;

}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {

    cursor:pointer;

}



/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {

    /*padding:10px;*/

    display:block;

    border-width:0;

    background:none;

    clear:both;

}

.ui-tabs .ui-tabs-hide {

    display: none !important;

}

/* vertical tabs */

.vertical-tabs .ui-tabs-nav{

    width:170px;

    float:left;

}

.vertical-tabs .ui-tabs-nav a{

    display: block;

    width:146px;

    padding:5px 12px;

}

.vertical-tabs{

    position:relative;

    overflow:hidden;

}

.vertical-tabs .ui-tabs-panel{

    float:right;

    width:360px;

    clear:none;

    padding:0;

}



.vertical-tabs .ui-tabs-nav li.ui-tabs-selected a, 

.vertical-tabs .ui-tabs-nav li.ui-state-disabled a, 

.vertical-tabs .ui-tabs-nav li.ui-state-processing a,

.vertical-tabs .ui-tabs-nav li a:hover{

    padding-bottom:1px;

    background:#002859; /* Primary Emphasis */

}

.vertical-tabs .ui-tabs-nav li.ui-tabs-selected{

    padding-bottom:0;

}



/* facebook comments style

-------------------------------------*/

.fb-comments { margin-left: 25px; display:none !important; }



/* store styles */

#mp_product_list {background: #EEE;

padding: 15px 15px 15px 43px;

border: 2px solid #666;

border-radius: 6px;}

.mp_list_filter {

text-align: center;

margin-top: 10px;

}

div.mp_product_meta {

clear: both;

overflow: hidden;

margin-top: 10px;

background: #EEE;

padding: 15px;

border: 2px solid #666;

border-radius: 6px;

}



.mp_button_addcart{border: 1px solid #bfbfbf;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

background-color: #dfdfdf;

-moz-box-shadow: inset 0 1px 0 #fff;

-webkit-box-shadow: inset 0 1px 0 #fff;

box-shadow: inset 0 1px 0 #fff;

background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);

background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f2f2f2 100%);

background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f2f2f2 100%);

background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f2f2f2 100%);

background-image: linear-gradient(bottom, #e5e5e5 0%, #f2f2f2 100%);

font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;

text-shadow: 0 1px 0 #fff;

text-decoration: none;

padding: 8px 20px;

font-size: 0.9em;}

.mp_button_addcart:hover { color:red;}

.mp_cart_contents{ width:550px; }

.mp_cart_checkout,.mp_cart_login,.mp_cart_col_quant,.mp_cart_col_updatecart { background:none !important; border:none !important; }



/* forecast slider rotator */

.erdots,.erdots_wrap { max-width:550px !important; width: auto !important; }

.dwuserEasyRotator,.erimgMain_slide { /*max-width:550px !important; width: 100% !important; max-height:350px !important; height:100% !important;*/ }



/* banner widgets */

.widget_tablet_text { display:none; }

.widget_phone_text { display:none; }





/* brand new tabs */

.tabs-container { clear:both; width:472px; height:558px; /*height:670px;*/ margin:0 auto; }

.swell-tab4 #tab-content4 .content-wrap p { text-align:center; }

.swell-tab4 #tab-content4 .content-wrap img { max-height:458px !important; width:auto !important; }

.tabs input[type=radio] {

	          position: absolute;

	          top: 8px;

	          left: 130px;

			  z-index: 2;

	      }

	      .tabs {

	        width: 472px;

	        float: none;

	        list-style: none;

	        position: relative;

	        padding: 0;

	        margin: 53px auto;

	      }

	      .tabs li{

	        float: left;

	      }

		  .tabs li > p { margin:0px 0px 0px 0px; }

	      .tabs label {

	          display: block;

	         /* padding: 10px 20px; */

	          border-radius: 0px 0px 0 0;

	          color: #08C;

	          font-size: 24px;

	          font-weight: normal;

	         /* font-family: 'Roboto', helveti; */

	          background: transparent;/*rgba(155,155,155,1);*/

	          cursor: pointer;

	          position: relative;

	          bottom: 36px;

	          -webkit-transition: all 0.2s ease-in-out;

	          -moz-transition: all 0.2s ease-in-out;

	          -o-transition: all 0.2s ease-in-out;

	          transition: all 0.2s ease-in-out;

			  z-index:10;

			  text-indent:-9999px;

			  box-sizing:content-box;

	      }

		  .tabs .swell-tab1 > label { width:103px; height:85px; background-image:url(/tabs_content/images/surf-btn.jpg); background-repeat:no-repeat; background-position-y:center; background-position-x:center; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:conver; -o-background-size:cover; background-size:cover; border-bottom: 2px solid white; border-right: 2px solid white; border-left: 2px solid black; border-top: 2px solid black;}

		  

		  .tabs .swell-tab2 > label { width:129px; height:85px; background-image:url(/tabs_content/images/winds-btn.jpg); background-repeat:no-repeat; background-position-y:center; background-position-x:center; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:conver; -o-background-size:cover; background-size:cover; border-bottom: 2px solid white; border-right: 2px solid white; border-top: 2px solid black;}

		  

		   .tabs .swell-tab3 > label { width:113px; height:85px; background-image:url(/tabs_content/images/tides-btn.jpg); background-repeat:no-repeat; background-position-y:center; background-position-x:center; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:conver; -o-background-size:cover; background-size:cover; border-bottom: 2px solid white; border-right: 2px solid white; border-top: 2px solid black; }

		   

		   .tabs .swell-tab4 > label { width:115px; height:85px; background-image:url(/tabs_content/images/buoy-btn.jpg); background-repeat:no-repeat; background-position-y:center; background-position-x:center; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:conver; -o-background-size:cover; background-size:cover; border-bottom: 2px solid white; border-right: 3px solid black; border-top: 2px solid black; }

		  

		  

		  

	      .tabs label:hover {

	      /*  background: rgba(255,255,255,1); */

	        bottom: 36px;

	      }

	      

	      [id^=tab]:checked + label {

	       /* background: #08C;

	        color: white; */

	        bottom: 36px;

			border-bottom-color:red;

	      }

	      

	      [id^=tab]:checked ~ [id^=tab-content] {

	          display: block;

	      }

	      .tab-content{

	        z-index: 2;

	        display: none;

	        text-align: left;

	        width: 100%;

	        font-size: 20px;

	        line-height: 140%;

	        padding-top: 10px;

	        background: #fff;

			border:2px solid black;

	        padding: 0px;

	        color: white;

	        position: absolute;

	        top: 53px;

	        left: 0;

	        box-sizing: border-box;

	        -webkit-animation-duration: 0.5s;

	        -o-animation-duration: 0.5s;

	        -moz-animation-duration: 0.5s;

	        animation-duration: 0.5s;

	      }



/* mailchimp sign up */

#mc_embed_signup_scroll { padding:0px 25px; }

#mc_embed_signup_scroll > label { font-size:25px; }

#mc_embed_signup_scroll > p { font-size:15px; }

#mc_embed_signup_scroll > p em { display:block; margin-top:10px; font-size:15px; }

#mc_embed_signup_scroll .mlred { color:red; }

#mc_embed_signup_scroll #mce-EMAIL { width: 100%;

    border-radius: 5px;

    height: 50px;

    padding: 0px 10px;

    border: 2px solid black;

    color: black;

    margin-bottom: 11px;

    font-size: 20px;

    background: #eee; }

	

#mc-embedded-subscribe {

  background: #3498db;

  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

  background-image: -moz-linear-gradient(top, #3498db, #2980b9);

  background-image: -ms-linear-gradient(top, #3498db, #2980b9);

  background-image: -o-linear-gradient(top, #3498db, #2980b9);

  background-image: linear-gradient(to bottom, #3498db, #2980b9);

  -webkit-border-radius: 5;

  -moz-border-radius: 5;

  border-radius: 5px;

  font-family: Arial;

  color: #ffffff;

  font-size: 20px;

  padding: 10px 60px 10px 60px;

  text-decoration: none;

  border:none;

  width:80%;

}



#mc-embedded-subscribe:hover {

  background: #3cb0fd;

  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);

  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);

  text-decoration: none;

}  

@media (max-width: 468px) { 

#tab-content1 .content-wrap > iframe { width:320px !important; height:500px !important; }

#tab-content2 .content-wrap > iframe { width:320px !important; height:470px !important; }

#tab-content3 .content-wrap > iframe { width:320px !important; height:1050px !important; }

#tab-content4 .content-wrap img { width:316px !important; }

div#social-home { clear:both; }

}

/* end brand new tabs */





/** Responsive CSS **/

@media (min-width: 1200px) {

.container { width: 970px; }

}

@media (min-width: 992px) {

.container { width: 970px; }

}



@media only screen and (min-width: 992px) and (max-width: 1024px) {

.container { width: 970px !important; }	 

.container.swellwrap{ padding-right:0px; padding-left:0px; } 

div#left-col,div#left-col-head { width:25% !important; }

div#right-col,div#right-col-head { width:25% !important; }

#searchform { left:0px !important; }

#searchsubmit { left: 69px !important; bottom: 17px !important; }

#menu-item-5 { padding: 0px 5px !important; }

}

@media (min-width: 768px) and (max-width: 991px) {

.container { padding-right:10px; padding-left:10px; }

div.logo { float:none; margin:0 auto; }

div.bannerSpace { float:none; margin:0 auto; }

}

@media (max-width: 991px) {

div#left-col { width:100%; float:none; }

div#left-col-head { width:100%; float:left; }

div#main-col { width:100%; float:none; padding-bottom: 15px; }

div#main-col-head { width:100%; text-align:center; }

div.head-bar { width:100%; text-align:center; }

div#right-col { width:100%; float:none; }

div#right-col-head { width:100%; float:left; }

.post-cam { margin-left: 32px; }

#page-wrap { overflow:hidden; }

.container.swell-768 { padding-right:0px; padding-left:0px; }

div#bottom-link-box { width:100%; margin:25px auto 0px auto; }

div#main-col-head,div.head-bar {

min-height:40px;

height:auto;

}

.swell-left { display:none; }

.swell-right { display:none; }

#header { display:none; }

.mobile-logo { display:inline-block; position:absolute; top:8px;z-index:99999; }

.vidframe { width:100%; }

.div600width { width:100% !important; margin-top:30px; }

.div600width iframe { width:100%; }



h2.title-1 {}



.wp-caption.alignright,.wp-caption.alignleft,.wp-caption.aligncenter { float:none !important; max-width:310px !important; width:auto !important; margin: 10px auto !important; padding:10px; }

.wp-caption.alignright img,.wp-caption.alignleft img,.wp-caption.aligncenter img { max-width:100% !important; height: auto !important; }



}



@media (max-width: 767px) {

	.container.swell-768 { margin:0; }

	div.logo { float:none; margin:0 auto; }

	div#social-home span { display:block !important; margin:0 auto !important; }

	h2.title-2 { padding-left:0px; }

	.content-container div.alignleft { max-width:300px !important; width: auto !important; }

	.entry img.aligncenter,img.size-full { max-width:100% !important; height: auto !important; }

	.page-id-11 .entry { padding: 10px 5px 10px 5px; }

	.post-cam { margin-left: 3px; }

	.browser-notice { display:none; }

	

	#sidebar1,#sidebar2 { max-width: 468px; width:auto; margin: 0px auto; padding:10px 0px; }

	.widget_text { display:none; }

	#text-72.widget_text { display:block; }

	.generic-banner .widget_text { background: none; max-height: 60px; max-width: 500px; margin: 0 auto; display:block; }

	.generic-banner .textwidget { max-width: 100%; height: 60px; margin: 0 auto; position: static; top: 0px; }

	.new-banner .widget_text {

background: none;

max-height: 120px;

max-width: 500px;

margin: 0 auto;

display: block;

}

	.new-banner .widget_text {max-width: 468px;

height: 120px;

margin: 0 auto;

position: static;

top: 0px; }

	.forecast-mobile-ad { display:block; } 

	.widget_tablet_text { display:block; }

	#sidebar2 .widget_tablet_text .textwidget.tablet-widget { height:60px !important; /* padding:10px 0px; */ }

	div.bannerSpace { width: 468px; height: 60px; float:none; margin:0 auto; }

	/* aside { padding: 10px 0px; } */

	.home-banner-1 .textwidget { top:0px; }

	

	#post-1098 #mediaspace,#post-1119 #mediaspace,#post-1101 #mediaspace,#post-1980 #mediaspace,#post-1982 #mediaspace,#post-1983 #mediaspace,#post-1122 #mediaspace,#post-1990 #mediaspace,#post-1989 #mediaspace,#post-1988 #mediaspace,#post-1987 #mediaspace,#post-2355 #mediaspace,#post-2102 #mediaspace,#post-2103 #mediaspace,#post-2104 #mediaspace,#post-2105 #mediaspace,#post-1996 #mediaspace,#post-1997 #mediaspace,#post-1998 #mediaspace,#post-1999 #mediaspace,#post-1792 #mediaspace { display:none; }

	

	#mediaspace { width: 568px !important; height:320px !important; }

	#mediaspace_displayarea { width: 568px !important; height:320px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width: 568px !important; height:320px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:558px !important; }

	#mediaspace_jwplayer_display_image { width: 568px !important; height:320px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:130px !important; left:260px !important; }

	#mediaspace_instreamarea { width: 568px !important; height:320px !important; }

	

	

	

}



@media (max-width: 650px) {

	/*#mediaspace_wrapper { width: 480px !important; height:270px !important; margin:0 auto; }*/

	.dwuserEasyRotator { width:450px !important; }

	.erdots { top:0px !important; }

	.post .entry p { overflow:hidden; }

	.entry { padding:35px 10px 25px 10px; }

	#post-2861 .entry,#post-420 .entry,#post-421 .entry,#post-1122 .entry { padding: 0px 0px 0px 0px !important; }

	#post-421 .vidframe { right:0px !important; }

	.generic-banner .widget_text { background: transparent !important; height: 60px; width: 468px; margin:0px auto; }

	.generic-banner .textwidget { top: 0px; }

	/*.post .entry div:nth-child(5) div,.width600div { max-width:600px !important; width: auto !important; }

	.post .entry div:nth-child(5) div iframe,#yosurfer { width:420px !important; } */

	

	.tabs label { display:none; }

	.tabs input[type=radio] { display:none; }

	.tab-content { position:static; display:block; }

	

}



@media (max-width: 568px) {

		.content-container div.alignleft { float:none; max-width:375px !important; width: auto !important; text-align:center; }

	.content-container .alignright { float:none; text-align:center; max-width:375px !important; width: auto !important; }

	.content-container img.alignright { border: 2px solid #000; box-shadow: 0px 6px 3px -2px; -moz-box-shadow: 0px 6px 3px -2px; -webkit-box-shadow: 0px 6px 3px -2px; }

	

	.thumb-holder { border: 0px solid #000; box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; }

	

	#mediaspace_wrapper { width: 400px !important; height:225px !important; margin:0 auto; }

	

	

	

	#mediaspace { width:320px !important; height:180px !important; }

	#mediaspace_displayarea { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:310px !important; }

	#mediaspace_jwplayer_display_image { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:70px !important; left:147px !important; }

	#mediaspace_instreamarea { width:320px !important; height:180px !important; }

	

	.dwuserEasyRotator { width:380px !important; }

	

	/* trave section iframe videos */

	.generic-single.travel .entry iframe { width:300px !important; height:170px !important; margin: 0 auto; } 

	.generic-single.news .entry iframe { width:300px !important; height:170px !important; margin: 0 auto; }

	.entry h2 { text-align:center; }

	

	.entry .bodycontainer { display:none; }

}



@media (max-width: 510px) {

	.widget_tablet_text { display:none; }

.widget_phone_text { display:block; text-align:center;}

.home-banner-1 .textwidget {

width: 300px;

/*height: 250px;*/

margin: 0 auto;

position: relative;

top: 0px;

}



div.bannerSpace {

width:300px;

height: 250px;

float: none;

margin: 0 auto;

background:transparent;

}



img.tide-chart { max-width:100%; }



#post-257 .add-shadow,#post-265 .add-shadow { margin-left:0px !important; }



.reportWidget { display:none; }

	

}



.mp_mini_cart {

    max-width: 250px;

    position: fixed;

    right: 70px !important;;

    top: 6px !important;

    border-bottom: 0px solid #000;

    z-index: 500;

}



@media (max-width: 468px) {

	.post-cam { float: none; margin-left: auto; margin-right: auto; }

	#mediaspace_wrapper { width: 350px !important; height:197px !important; margin:0 auto; }

	.dwuserEasyRotator { width:320px !important; }

	/*.post .entry div:nth-child(5) div iframe,.width600div { width:320px !important; }

	.post .entry div:nth-child(5) p iframe,#yosurfer { width:320px !important; height:220px !important; }*/

	div.bannerSpace { max-width:300px; width:auto; height: 250px; float: none; margin: 0 auto; }

.home-banner-1 .textwidget,.generic-banner .widget_text,.new-banner .widget_text { max-width: 100%; width:auto; /*height: 250px;*/ }

.generic-banner .widget_text .textwidget img,.new-banner .widget_text .textwidget img { width: 100% !important; height:auto !important; }

.new-banner { margin:0px; }

.generic-banner .widget_text { margin:0; }

.widget_phone_text img { max-width:100%; height:auto; text-align:center; }

.page-template-default .alignleft,.page-template-default .alignright { float:none; } 

#attachment_300 { width:320px !important; }

#attachment_300 .img { width:320px !important; height: auto; }

}

@media (max-width: 400px) {

	.post-cam { float: none; margin-left: auto; margin-right: auto; }

	#mediaspace_wrapper { width: 280px !important; height:158px !important; margin:0 auto; }

	.dwuserEasyRotator { width:200px !important; }

	/*.post .entry div:nth-child(5) div iframe,.width600div { width:275px !important; }

	.post .entry div:nth-child(5) p iframe,#yosurfer { width:275px !important; height:220px !important; }*/

	

	

	#mediaspace { width:320px !important; height:180px !important; }

	#mediaspace_displayarea { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:310px !important; }

	#mediaspace_jwplayer_display_image { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:70px !important; left:147px !important; }

	#mediaspace_instreamarea { width:320px !important; height:180px !important; }

	

	/* Santa Monica Cam */

	.postid-397 #mediaspace { width:320px !important; height:180px !important; }

	.postid-397 #mediaspace_video { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	.postid-397 #mediaspace_displayarea { width:320px !important; height:180px !important; display:block !important; }

	

}

@media (max-width: 330px) {

	/*#mediaspace_wrapper { width: 200px !important; height:113px !important;margin:0 auto;  }*/

	#mediaspace_wrapper,#mediaspace ,#mediaspace_jwplayer_display,#mediaspace_jwplayer_display_image { width: 320px !important; height:180px !important;margin:0 auto; }

	.generic-banner .widget_text,.generic-banner .textwidget { height:40px !important; }

	div#notice { padding-bottom:0px; }

	#post-1098 #mediaspace,#post-1119 #mediaspace,#post-1101 #mediaspace,#post-1980 #mediaspace,#post-1982 #mediaspace,#post-1983 #mediaspace,#post-1122 #mediaspace,#post-1990 #mediaspace,#post-1989 #mediaspace,#post-1988 #mediaspace,#post-1987 #mediaspace,#post-2355 #mediaspace,#post-2102 #mediaspace,#post-2103 #mediaspace,#post-2104 #mediaspace,#post-2105 #mediaspace,#post-1996 #mediaspace,#post-1997 #mediaspace,#post-1998 #mediaspace,#post-1999 #mediaspace,#post-1792 #mediaspace { display:none; }

	

	.postid-404 .chad-widget.generic-banner .widget_text {

background: none;

min-height: 74px;

}

	

}

	/* iphone 5 only */

	@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {

	/*#mediaspace_wrapper,#mediaspace ,#mediaspace_jwplayer_display,#mediaspace_displayarea { width: 320px !important; height:180px !important;margin:0 auto; overflow:visible !important; position:static;}

	#mediaspace_video { width: 320px !important; height:180px !important; }

	#mediaspace_video_wrapper { width: 320px !important; height:180px !important; overflow:visible !important;}

	#mediaspace_instreamarea { width: 320px !important; height:180px !important;margin:0 auto; background-position:center center; }

	#mediaspace_jwplayer_display_image { width: 320px !important; height:180px !important; -webkit-transform: scale(0, 0) translate(0px, 0px) !important; display:inline-block !important;}

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display_iconBackground,#mediaspace_jwplayer_display_icon { top:50% !important; left:50% !important; }*/

	

	

	#mediaspace { width:320px !important; height:180px !important; }

	#mediaspace_displayarea { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:310px !important; }

	#mediaspace_jwplayer_display_image { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:70px !important; left:147px !important; }

	#mediaspace_instreamarea { width:320px !important; height:180px !important; }

	

	/* Santa Monica Cam */

	.postid-397 #mediaspace { width:320px !important; height:180px !important; }

	.postid-397 #mediaspace_video { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	.postid-397 #mediaspace_displayarea { width:320px !important; height:180px !important; display:block !important; }

	

}



/* iphone 5 only landscape */

	@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape) {

	/* #mediaspace_wrapper,#mediaspace ,#mediaspace_jwplayer_display,#mediaspace_jwplayer_display_image { width: 568px !important; height:320px !important;margin:0 auto; } */

	

	#mediaspace { width: 568px !important; height:320px !important; }

	#mediaspace_displayarea { width: 568px !important; height:320px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width: 568px !important; height:320px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:558px !important; }

	#mediaspace_jwplayer_display_image { width: 568px !important; height:320px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:130px !important; left:260px !important; }

	#mediaspace_instreamarea { width: 568px !important; height:320px !important; }

	

}



/* iphone 4 only */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)

{

   /* #mediaspace_wrapper,#mediaspace ,#mediaspace_jwplayer_display,#mediaspace_jwplayer_display_image { width: 320px !important; height:180px !important;margin:0 auto; } */

	

	#mediaspace { width:320px !important; height:180px !important; }

	#mediaspace_displayarea { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width:320px !important; height:180px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:310px !important; }

	#mediaspace_jwplayer_display_image { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:70px !important; left:147px !important; }

	#mediaspace_instreamarea { width:320px !important; height:180px !important; }

	

	/* Santa Monica Cam */

	.postid-397 #mediaspace { width:320px !important; height:180px !important; }

	.postid-397 #mediaspace_video { width:320px !important; height:180px !important; -webkit-transform: initial !important; }

	.postid-397 #mediaspace_displayarea { width:320px !important; height:180px !important; display:block !important; }

	

}

/* iphone 4 only landscape */

@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape)

{

/* #mediaspace_wrapper,#mediaspace ,#mediaspace_jwplayer_display,#mediaspace_jwplayer_display_image { width: 480px !important; height:270px !important;margin:0 auto; } */

 

	#mediaspace { width:480px !important; height:270px !important; }

	#mediaspace_displayarea { width:480px !important; height:270px !important; }

	#mediaspace_jwplayer_logo { display:inline-block !important; }

	#mediaspace_jwplayer_display { width:480px !important; height:270px !important; }

	#mediaspace_jwplayer_display_text { top:50% !important; width:470px !important; }

	#mediaspace_jwplayer_display_image { width:480px !important; height:270px !important; -webkit-transform: initial !important; }

	#mediaspace_jwplayer_display_iconBackground { top:115px !important; left:215px !important; }

	#mediaspace_instreamarea { width:480px !important; height:270px !important; }

 

}



@media print {



.do-not-print { display: none; }

#comments { page-break-before: always; }



body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

img { border: none; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

a { text-decoration: none; color: black; }

	

} /* END print media */





/* mailchimp form */



.email-blast { max-width:600px; width:100%; background-color:#000000; margin:0 auto; padding-bottom:15px;}

.email-logo { width:100%;}

.email-title { max-width:585px; width:100%; margin:0 auto; background-color:#fc0505; }

.email-title h2 { color:#ffffff; text-align:center; padding: 10px 0px;}

li.text-li {list-style-type: none; font-weight: normal!important;}

.email-text ul li { color:#ffffff; font-weight:bold; padding: 10px 0px;}

input.form-email {

    max-width: 540px;

	width:100%;

    margin: 0 auto;

    border: none;

    display: block;

    border-radius: 3px;

    height: 45px;

	line-height: 20px;

	padding-left: 10px;

}



.email-text {

    max-width: 381px;

    float: left;

	width:100%;

}

.win {

    max-width: 219px;

    float: left;

	width:100%;

}

::-webkit-input-placeholder { padding-left:10px; font-size:20px;}

::-moz-placeholder          {padding-left:10px; font-size:20px;}

:-moz-placeholder           {padding-left:10px; font-size:20px;}

:-ms-input-placeholder      {padding-left:10px; font-size:20px;}



.fname.form-email,.lname.form-email { margin:0px auto 10px auto; }



input.form-email-sbm {

    max-width: 440px;

	width:100%;

    height: 50px;

    margin: 15px auto;

    display: block;

	margin-bottom: 0px;

	color:#ffffff;

	border:none;

	border-radius:3px;

	font-size: 20px;



background: rgb(60,148,222);

background: -moz-linear-gradient(top,  rgba(60,148,222,1) 0%, rgba(50,128,193,1) 100%); 

background: -webkit-linear-gradient(top,  rgba(60,148,222,1) 0%,rgba(50,128,193,1) 100%); 

background: linear-gradient(to bottom,  rgba(60,148,222,1) 0%,rgba(50,128,193,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c94de', endColorstr='#3280c1',GradientType=0 );

}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #000 !important;
}

.thumb-holder img{
width: 250px !important;
height: 250px !important;
}