@charset "utf-8";
/*
Title: SURFING Magazine
Author: The GrindMedia Team
Author URI: http://www.grindmedia.com/
Theme Name: surfingmagazine.com
Theme URI: http://www.surfingmagazine.com

Description: 2010 Site redesign
Version: 2365
*/
@import "css/mantle.css";
@import "css/photo-gallery.css";

html, body {
    font-family:Arial, Verdana, sans-serif;
    margin:0px auto;
    font-size: small;
    text-align: left;
    line-height:150%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #outer-wrapper {
        margin-left:-1px !important;
    }
}

h1, h2, h3, h4 {
    margin: 0;
}
a, a:link, h2 a:hover, .nav ul li a:hover, .nav ul li a.selected, #search-button:hover, .print-digital-buttons li a:hover, h2.jmposttitle a:hover, .sliderwrapper .contentdiv .itemInfo h3 a, .sliderwrapper .contentdiv .itemInfo h3 a:visited ,#tabs-3 li > a:hover, #tabs-3 li > a:visited{color:#e90188;}
.sliderwrapper .pagination a:hover, .sliderwrapper .pagination a.selected {
    background-color: #e90188;}
a {
    text-decoration:none;
    font-weight:bold;
}

a:link {
    text-decoration:none;
}

a:visited {
    text-decoration:none;
}

a:active {
    text-decoration:none;
}

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

.b {
    font-weight: bold;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.whitebg {
	background-color: #FFFFFF;
	padding: 5px;
	width: 1000px;
}

ol, ul, li { list-style:none }

/* Site layout updates*/

#TakeoverBackground {
  float: left;
  width: 100%;
}

#PageContainer {
    margin: 0 auto;
    padding: 0;
    width: 1010px;
}


#left-col {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 676px;
}

#content {
    padding: 15px 0 0 0;
}

.page-template-onecolumn-nosidebar-php #left-col {
    width: 1000px;
}

.wide-column {
    width: 1000px;
}

#right-col {
    border-left: 1px solid #EEEEEE;
    float: left;
    margin-top: 15px;
    padding-left: 13px;
    position: relative;
    width: 300px;
}

#right-col .sidebar__social-media ul{
padding: 0;
margin: 0;
}

.media-nav-container {
    height:24px;
    margin:0;
}

/* end Site layout */
h2.pagetitle {
    padding-bottom:15px;
    border-bottom:1px solid #EEEEEE;
    margin-bottom:15px;
    overflow:hidden;
}

h2#related {
    padding: 15px 0;
    border-top:1px solid #EEEEEE;
}

.screen-reader-text {
    display:none;
}

#Bridge,
#TakeoverBridge {
    clear:both;
    text-align:center;
    float:left;
    line-height:0;
    width:1010px;
}
#Bridge {
    height: 140px;
}

#expandable {
    clear:both;
    text-align:center;
    padding:10px;
    width:980px;
}

#header .subs-ad {
    height: 99px;
    width: 184px;
    margin: 0 0 5px 116px;
}

#header .subs-search {
    float: right;
    padding: 0 0 5px 0;
}
p.slideshow-caption {
    margin-top:2px;
    float:left;
    font-weight:bold;
    font-size:11px;
    color:#666;
}

div.slideshow-nav {
    padding:0 0 6px;
}

div.slideshow-nav {
    color:#A7A9AC;
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    height:15px;
    position:relative;
    z-index:1000;
}

.portfolio-slideshow {
    clear:both;
    z-index: 0;
}

.thumbnailx {
    float:left;
    width:338px;
    height:209px;
    overflow:hidden;
}

/* homepage facelift */

#content.homepage {
  width: 670px;
}

#content.homepage .thumbnailx img {
  height: auto;
  width: 325px;
}

#content.homepage .post-content p {
  color: #8D8D8D;
  padding: 0;
  margin: 0;
}
#content.homepage .jmpostdate {
  color: #000;
  padding-bottom: 10px;
}

#content.homepage h2.jmposttitle {
  padding-bottom: 10px;
}

#content.homepage .jmpostdate {
    font-family: ING,LiberationMonoRegular,Arial,Helvetica,sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#content.homepage .jmpostdate a {
  text-decoration: none !important;
  font-weight: normal;
   color: #000;
}

#content.homepage .hr {
  border-top: 1px solid #EEEEEE;
  padding-bottom: 5px;
  width: 1000px;
}

.masonry {
  background: url("images/masonry-bg.png") repeat-y scroll -5px top transparent;
  max-width: 700px;
  width: 700px;
  min-height: 1000px;
}

.masonry .item {
  float: left;
  height: auto;
  margin: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 325px;
}

.homepage .thumbnailx {
    float:left;
    width:325px;
    height:auto;
    overflow:visible;
}


#header {
    background-color: #FFFFFF;
    height: 178px;
    width: 1000px;
	border-bottom:1px solid #EEE;
	position:relative;
	padding:5px;
	}

#media-header {
    height:auto;
}
/* ------------------- NEW CSS3 Transitions ----------------------------------- */
#header h1 {
    float: left;
	position:relative;
    display:block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/surfing-logo/") 0 -133px no-repeat;
	text-indent:-9999px;
	margin-top:10px;
}
#header h1 a {
	display: block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/surfing-logo/") no-repeat scroll 0 0 transparent;
	-webkit-transition: opacity .6s ease-in-out, background 0s 2012s; -moz-transition: opacity .6s ease-in-out, background 0s 2012s; -o-transition: opacity .6s ease-in-out, background 0s 2012s; transition: opacity .6s ease-in-out, background 0s 2012s;
}
#header h1 a:hover {
	background-position: 0 -133px; opacity: 0;
}
.thumbnailx img, .sliderwrapper img {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	}
.thumbnailx img.attachment-thumbnail:hover, .sliderwrapper img.attachment-mantle:hover {opacity:.4;}
/* ------------------- End of NEW CSS3 Transitions ----------------------------------- */

/*#header h1 a {
    float: left;
	position:relative;
    display:block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2011/12/feb-2012-surfing-magazine-logo.jpg") 0 0 no-repeat;
	text-indent:-9999px;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
#header h1 a:hover {
	position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2011/12/feb-2012-surfing-magazine-logo.jpg") no-repeat scroll 0 -133px transparent;
}
*/
/*Fade Logo ---------------------------- OLD
.fadeThis {
    position:relative;
    display:block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2011/12/feb-2012-surfing-magazine-logo.jpg") 0 0 no-repeat;
}

.fadeThis * {
    display: none;
}

.fadeThis span.hover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 133px;
    width: 340px;
    background:url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2011/12/feb-2012-surfing-magazine-logo.jpg") no-repeat scroll 0 -133px transparent;
}
*/
/*@font-face {
    font-family: 'LiberationMonoRegular';
    src: url('LiberationMono-Regular-webfont.eot');
    src: local('☺'), url('LiberationMono-Regular-webfont.woff') format('woff'), url('LiberationMono-Regular-webfont.ttf') format('truetype'), url('LiberationMono-Regular-webfont.svg#webfontMSfwMfg5') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotCourierSansBold';
    src: url('NotCourierSans-Bold-webfont.eot');
    src: local('☺'), url('NotCourierSans-Bold-webfont.woff') format('woff'), url('NotCourierSans-Bold-webfont.ttf') format('truetype'), url('NotCourierSans-Bold-webfont.svg#webfontL59Ac96C') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
	font-family: 'NotCourierSansBold';
	src: url('fonts/NotCourierSans-Bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/NotCourierSans-Bold-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('fonts/NotCourierSans-Bold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/NotCourierSans-Bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/NotCourierSans-Bold-webfont.svg#webfontL59Ac96C') format('svg'); /* Legacy iOS */
	}
@font-face {
	font-family: 'LiberationMonoRegular';
	src: url('fonts/LiberationMono-Regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/LiberationMono-Regular-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('fonts/LiberationMono-Regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/LiberationMono-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/LiberationMono-Regular-webfont.svg#webfontMSfwMfg5') format('svg'); /* Legacy iOS */
	}
@font-face {
	font-family: 'ING';
	src: url('fonts/Anonymous_Pro-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/Anonymous_Pro-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('fonts/Anonymous_Pro-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/Anonymous_Pro-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/Anonymous_Pro-webfont.svg#webfontFsJg68my') format('svg'); /* Legacy iOS */
	}
@font-face {
    font-family: 'INGitalic';
    src: url('fonts/Anonymous_Pro_I-webfont.eot');
    src: url('fonts/Anonymous_Pro_I-webfont.eot?iefix') format('eot'),
         url('fonts/Anonymous_Pro_I-webfont.woff') format('woff'),
         url('fonts/Anonymous_Pro_I-webfont.ttf') format('truetype'),
         url('fonts/Anonymous_Pro_I-webfont.svg#webfont7QXYdGPG') format('svg');
    font-weight: normal;
    font-style: normal;

}
/******************************************************************
Navigation
******************************************************************/

.nav {
    float:left;
	height:164px;
	width:auto;
	margin-left: 15px;
}

.nav .menu-wrapper {
    padding:0;
    margin: 20px 0 0 0;
}

.nav .menu-wrapper ul {
    padding: 0;
    margin: 0;
}
.nav ul li {
    display: inline;
    height: 30px;
    position: relative;
}
.nav ul.first-menu, .nav ul.second-menu, .nav ul.third-menu  {float:left; border-left:1px solid #eee; height:138px; width:117px;padding:0 15px;}
.nav ul.third-menu {width:125px;}
/*Befor:::::   .nav ul li a:link,.nav ul li a:link, .nav ul li a:visited {
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 25px;
    padding: 0 13px;
    text-transform: uppercase;
}*/
.nav ul li a:link, .nav ul li a:link, .nav ul li a:visited, #search-button, ul.print-digital-buttons li a {
    color: #bbbcbe;
    font-family: INGitalic, LiberationMonoRegular,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 12px;
    padding: 0;
    text-transform: uppercase;
    border: medium none;
	cursor:pointer;
	height:22px;
	background-color: white;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
}
ul.print-digital-buttons li a {font-size:13px;display:block;}
ul.print-digital-buttons li {min-width:156px;}

.nav ul li a:hover, .nav ul li a.selected, #search-button:hover, ul.print-digital-buttons li a:hover {
    text-decoration:none;
	color:#e90188;
	background-color:#FFF;
}
.nav ul li a {display:block;}

.nav ul.sub-menu {
    border-bottom: 1px solid #C1C1C1;
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    z-index: 100;
}

.nav ul li.on ul.sub-menu {
    display:block;
}

.nav ul.sub-menu li {
    float:left;
    border-bottom:1px solid #b1b1b1;
    width:165px;
}

.nav ul.sub-menu li a {
    font-size:13px;
}

.nav ul.sub-menu li a:hover {
    text-decoration:none;
}
.nav ul li.r {float:right !important; padding: 0 0 3px 4px !important; margin:0; height:27px; overflow:hidden;border-right:none;}
.facebook-ing {position:absolute; color: #BBBCBE; right:20px;bottom:6px;}
.facebook-ing p {font-family: INGitalic, LiberationMonoRegular,Arial,Helvetica,sans-serif;font-size: 12px;margin:0;padding:0;}
/*End of Nav */

#headsurfing_nav {
    background-color: #000000;
    clear: both;
    margin: 0 0 5px;
}

#horizontal-nav {
    display: block;
    width: 677px;
    height: 24px;
    background: url("images/navigation-may-2011.jpg") left top no-repeat;
    margin:0;
    padding:0;
}

#horizontal-nav li {
    display: block;
    float: left;
}

#horizontal-nav li a {
    display: block;
    height:24px;
    text-indent:-9999px;
}

#horizontal-nav li a .category-news {
    background-image: url("images/navigation-may-2011.jpg");
}

#horizontal-nav li a:hover, #horizontal-nav li a.on {
    background-image: url("images/navigation-may-2011.jpg");
}

#horizontal-nav li.magazine a {
    width:84px;
    background-position:-0px -24px;
}

#horizontal-nav li.blog a {
    width:85px;
    background-position:-84px -24px;
}

.single.magazine #horizontal-nav li.magazine a, .single.blogs #horizontal-nav li.blog a, .single.news #horizontal-nav li.news a, .single.photos #horizontal-nav li.photos a, .single.lightbox #horizontal-nav li.lightbox a, .single.video #horizontal-nav li.videos a, .single.sounds #horizontal-nav li.sounds a, .single.originals #horizontal-nav li.originals a, .category-magazine #horizontal-nav li.magazine a, .category-blogs #horizontal-nav li.blog a, .category-news #horizontal-nav li.news a, .category-photos #horizontal-nav li.photos a, .category-lightbox #horizontal-nav li.lightbox a, .category-video #horizontal-nav li.videos a, .category-sounds #horizontal-nav li.sounds a, .category-originals #horizontal-nav li.originals a {
    background-image: url("images/navigation-may-2011.jpg");
}

#horizontal-nav li.news a {
    width:84px;
    background-position:-169px -24px;
}

#horizontal-nav li.photos a {
    width:85px;
    background-position:-253px -24px;
}

#horizontal-nav li.lightbox a {
    width:85px;
    background-position:-338px -24px;
}

#horizontal-nav li.videos a {
    width:85px;
    background-position:-423px -24px;
}

#horizontal-nav li.sounds a {
    width:84px;
    background-position:-508px -24px;
}

#horizontal-nav li.originals a {
    width:85px;
    background-position:-592px -24px;
}

#media-nav {
    display: block;
    width: 1000px;
    height: 24px;
    background: url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2013/10/surfing-media-kit-nav-bar.jpg") left top no-repeat;
}

ul#media-nav {
    padding:0;
    margin:10px 0 0;
}

#media-nav li {
    display: block;
    float: left;
}

#media-nav li a {
    display: block;
    height:24px;
    text-indent:-9999px;
}

#media-nav li a:hover, #media-nav li a.on {
    background-image: url("http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2013/10/surfing-media-kit-nav-bar.jpg");
}

#media-nav li.welcome a {
    width:124px;
    background-position:-0px -24px;
}

#media-nav li.magazine a {
    width:124px;
    background-position:-124px -24px;
}

#media-nav li.circulation a {
    width:126px;
    background-position:-248px -24px;
}

#media-nav li.online a {
    width:126px;
    background-position:-374px -24px;
}

#media-nav li.events a {
    width:125px;
    background-position:-500px -24px;
}

#media-nav li.partners a {
    width:125px;
    background-position:-625px -24px;
}

#media-nav li.downloads a {
    width:126px;
    background-position:-750px -24px;
}

#media-nav li.contact a {
    width:124px;
    background-position:-876px -24px;
}

#content-wrapper {
    width:100%;
}

#media-content {
    border-top: 1px solid #000;
    margin-top:24px;
    border-bottom: 1px solid #000;
    width: 1000px;
}

#media-nav .hovered {
    background-image: url('http://www.surfingmagazine.com/wp-content/blogs.dir/1/files/2013/10/surfing-media-kit-nav-bar.jpg');
    background-position:-0px -24px;
}

.grindadops-tracking {
    display: none;
    visibility: hidden;
}

/*FB like + Tweet + Google -------------------------------------------*/
.share-icons {
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
	width: 100%;
}

.share-icons .addthis_toolbox .addthis_counter.addthis_pill_style {
	float: right;
}


/*MEDIA KIT SUB NAV FOR MAGAZINE ------------------------------------------------- */
#media-kit-magazine {
    display: block;
    width: 516px;
    height: 24px;
    background: url(images/media-kit--mag-nav.gif) left top no-repeat;
    margin:0;
    padding:0;
}

ul#media-kit-magazine {
    margin-left:150px;
}

#media-kit-magazine li {
    display: block;
    float: left;
}

#media-kit-magazine li a {
    display: block;
    height:24px;
    text-indent:-9999px;
}

#media-kit-magazine li a:hover, #media-kit-magazine li a.on {
    background-image: url(images/media-kit--mag-nav.gif);
}

#media-kit-magazine li.special a {
    width:169px;
    background-position:-0px -24px;
}

#media-kit-magazine li.swim a {
    width:76px;
    background-position:-169px -24px;
}

#media-kit-magazine li.inserts a {
    width:115px;
    background-position:-245px -24px;
}

#media-kit-magazine li.buyers a {
    width:156px;
    background-position:-360px -24px;
}

/*End of Media Kit sub nav for menu -------------------------------------------*/
#wrapper {
    width:1013px;
    margin: 0 auto;
}

.post-wrap {
    min-height:224px;
    border-bottom:1px solid #EEEEEE;
    margin-bottom:15px;
    overflow:hidden;
}

.post-details {
    float:right;
    width:315px;
}

.avatar {
    width:32px !important;
    float:left;
    margin-right:10px;
}

.jmpostdate {
    font-weight:bold;
    font-size:11px;
    color:#A7A9AC;
    padding-bottom:0px;
    line-height:20px;
}

.jmpostdate a {
    color:#A7A9AC;
    text-decoration:underline !important;
}

.jmpostdate a:hover {
    color:#000;
    text-decoration:none !important;
}

h2.jmposttitle a {
    font-size:20px;
    color:#000000;
    font-weight:normal;
    line-height: 18px;
}

h2.jmposttitle, h2.pagetitle {
    font-family: ING, LiberationMonoRegular, Arial, Helvetica, sans-serif;
    font-size:26px;
    color:#000000;
	font-weight: normal;
}

h2.jmposttitle.redbull {
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 20px;
  text-transform: uppercase;
}

h2 a {
    color:#000000;
}

img {
    border:none;
}

p {
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}


.entry p {
    text-align:justify;
}

.photos .entry p {
    text-align:inherit;
}


/* Ads ------------------------------------------- */
.ad_728 {
  height: 90px;
  margin: 10px auto;
  width: 728px;
}
.ad_210 {
	height:90px;
	width:210px;
}
.ad_300 {
	width:300px;
	height:250px;
	margin: 0 auto;
    padding: 0 0 10px 0;
    float: left;
}

.dc_ad {
    margin: 0 auto;
}
.ad_600x100 .dc_ad {
	width:600px;
	height:100px;
}
.ad_670x100 {
  margin: 8px auto;
  max-height: 100px;
}

.ad_670x100 .dc_ad {
  height: 100px;
  margin: 10px auto;
  padding-bottom: 5px;
  width: 670px;
}
.ad_300x100 .dc_ad {
	width:300px;
	height:100px;
	padding-bottom:10px;
}

.ad_300x186{
    margin-bottom: 10px;
    width:300px;
}

.ad_300x186 .dc_ad{
	height:186px;
}

.ad_160x600 {
  height: 600px;
  margin: 0 auto;
  width: 160px;
}
.ad_300x600 .dc_ad {
	width:300px;
	height:600px;
}

.ad_300x600.sticky {
	position: fixed;
	top: -10px;
}

.ad_950x100 .dc_ad {
	width:950px;
	height:100px;
	padding:10px 0;
}
.ad_145x145 .dc_ad {
	float:left;
	clear:none;
	width:145px;
	height:145px;
	margin-bottom:10px;
	padding:0 0 0 10px;
}

.ad_600x100 > a,
.ad_300x100 > a,
.ad_300x600 > a,
.ad_145x145 > a,
.ad_950x100 > a {
	display:none;
}

.ad_670x90 {
  float: left;
  height: 90px;
  margin: 0 auto;
  padding: 0;
  width: 670px;
}

#SuperHeader,
#StopPlayingWithSuperHeader {
  width: 1010px;
  height: auto;
  max-height: 250px;
  margin: 0 auto;
  overflow: hidden;
}

 /*Right Column -------------------------------------------*/

#stayConnected {
    background: url('images/follow-us.jpg') no-repeat scroll 0 0;
    width: 300px;
    height: 40px;
    padding: 0 0 5px;
}
#stayConnected a {
    float: left;
    width: 28px;
    height: 30px;
    margin-top:7px;
}
a.icon-fb {
    margin-left: 72px;
}
a.icon-vimeo {
    margin-left: 8px;
}
a.icon-instagram {
    margin-left: 5px;
}
a.icon-google {
    margin-left: 5px;
}
a.icon-newsletter {
    margin-left: 5px;
}
a.icon-feed {
    margin-left: 5px;
}
#stayConnected img {
    padding: 0 0 0 8px;
}

#stayConnected h1 {
    color: #A7A9AC;
    float: left;
    font-family: INGItalic;
    font-size: 12px;
    line-height: 12px;
    margin-right: 10px;
    padding-bottom: 0;
}

 #adj_subs {
    padding-top: 32px;
}

a.sub_trailer:link, a.sub_trailer:visited, a.sub_mag:link, a.sub_mag:visited, a.sub_inside:link, a.sub_inside:visited, a.sub_digital:link, a.sub_digital:visited {
    float:left;
    background:url(images/magazine_sprite.jpg) no-repeat scroll 0 0;
    width:106px;
    height:31px;
}

a.sub_trailer {
    background-position:0 -62px !important;
}

a.sub_trailer:hover {
    background-position:0 -93px !important;
}

a.sub_mag {
    background-position:0 -124px !important;
}

a.sub_mag:hover {
    background-position:0 -155px !important;
}

a.sub_digital:hover {
    background-position:0 -31px;
}

a.sub_inside {
    background-position:0 -186px !important;
}

a.sub_inside:hover {
    background-position:0 -217px !important;
}

/* pagination*/
.wp-pagenavi {
    font-size:.9em;
    text-transform:uppercase;
    margin:10px 0 10px 0px;
    text-align:left;
}

.wp-pagenavi span.pages {
    display: none;
}

.wp-pagenavi span.current {
    background-color:#8D8D8D;
    color:#fff;
    font-size:18px;
    text-decoration:none;
    padding: 3px 5px 3px 5px;
    margin: 0 4px 0 0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
    background-color:#DCDDDE;
    color:#FFFFFF;
    font-size:18px;
    text-decoration:none;
    padding: 3px 5px 3px 5px;
    margin: 0 4px 0 0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
    background-color:#DCDDDE;
    color:#FFFFFF;
    font-size:18px;
    text-decoration:none;
    padding: 3px 5px 3px 5px;
    margin: 0 4px 0 0;
}

.wp-pagenavi span.extend {
    color:#8D8D8D;
    font-size:14px;
    margin: 0 4px 0 0;
    padding: 0;
}

/*FB - Tweet -------------------------------------------*/
#fb-widget {
    padding: 0 0 10px;
}

#tab_selected {
    height:24px;
    margin:0 0 10px;
    padding:0;
    text-align: left;
}

#newsBlogLink{
    position: relative;
    top: -15px;
    left: 120px;
}

#newsBlog ul, #officeBlog ul{
    margin: -10px 0 0 0;
}

#tab_selected {
    height: 26px;
    padding:0;
    margin: 0;
}

.page-template-page-media-kit-php .entry {
    width:100%;
}

.page-template-page-media-kit-php h1.welcome {
    background-color:#000;
    color:#FFF;
    font-size:28px;
    height:36px;
    width:600px;
    margin:10px 0 15px;
    line-height:36px;
    padding-left:10px;
    font-family:helvetica;
    font-weight:normal;
    letter-spacing:2px;
}

.page-template-page-media-kit-php p {
    font-size:14px;
    letter-spacing:0.2px;
    line-height:180%;
    text-align:justify;
}

.purplebg {
    background-color:#1DCAC8;
    padding:3px;
    color:#FFF;
}

.page-template-page-media-kit-php .slideshow-title, .page-template-page-media-kit-php .slideshow-description {
    display:none;
}

.page-template-page-media-kit-php .left-slide {
    width:542px;
    float:left;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:5px 0 10px;
    margin-right:25px;
    height:335px;
    overflow:hidden;
    margin-top:25px;
}

.page-template-page-media-kit-php .right-desc {
    float:right;
    width:400px;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    margin-top:25px;
    padding-top:15px;
    height:335px;
}

.slide h2 {
    text-transform:uppercase;
    font-family:Trebuchet MS, Arial, Verdana, sans-serif;
}

.thread-odd {
    background-color: #F5FAFE;
    margin: 10px 0;
    padding:10px;
    border:1px solid #e8e8e8;
}

.thread-even {
    margin: 10px 0;
    padding:10px;
    border:1px solid #e7e7e7;
}

/**** Footer *****/
.footer ol, .footer ul, .footer li {
    list-style:none outside none;
}

.footer p {
    line-height:14px;
}

.footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    clear: both;
    float: left;
    padding: 0 0 20px;
    width: 990px;
}

#footer-legal {
    font-size: 11px;
    text-align: center;
}

.footer a {
    color:#5A5A5A;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    text-decoration:none;
    font-weight: normal;
}

.footer ul {
    ;
}

.footer ul li {
    border-right: 1px solid #EBEAEA;
    float: left;
    height: 140px;
    padding: 0 10px;
}

.footer ul li.first {
    ;
}

.footer ul li.second {
    ;
}

.footer ul li.third {
    ;
}

.footer ul li.fourth {
    ;
}

.footer ul li.last {
    border-right:0 none;
    padding-right:0px;
}

.footer h2 {
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 0 5px 0;
}

.footer a:link, .footer a:visited {
    font-size:11px;
}

.footer a:hover {
    text-decoration:underline;
}

.footer a:link, .footer a:visited {
    font-size:12px;
    text-decoration:none;
}

.footer p {
    line-height:16px;
    padding: 0 10px 0 0;
    margin: 0;
}

p.slideshow-title {
    margin-top:0px;
}

.slideshow-holder {
    height:150px;
    width:150px;
    background:url(images/ajax-loader.gif) no-repeat 80px 60px;
    margin:20px 0 0 235px;
}

 div.slideshow-nav a {
    color: #A7A9AC !important;
    text-decoration: none !important;
}

div.slideshow-nav a:hover {
    color: #444 !important;
}

h1.pagetitle {
    border-bottom: 1px solid #EEEEEE;
    font-family: 'ING',LiberationMonoRegular,Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.tag-out-of-office-reply h1.pagetitle {
    background: url("images/oof80.jpg") no-repeat scroll 0 0 transparent;
    font-weight: normal;
    line-height: 80px;
    padding-left: 90px;
}

.tag-business-and-culture-of-surfing h1.pagetitle {
    background: url("images/bacos1.jpg") no-repeat scroll 0 0 transparent;
    font-weight: normal;
    line-height: 80px;
    padding-left: 90px;
}

.tag-baby-take-it-off h1.pagetitle {
    background: url("images/baby.jpg") no-repeat scroll 0 0 transparent;
    font-weight: normal;
    line-height: 80px;
    padding-left: 90px;
}

/* Google AFC */
#google_afc_top, #google_afc_btm {
    margin:0 0 0 0;
    font-size: 11px;
    padding: 20px 0 10px 0;
}

a.ad_attribution {
    color:#ccc;
}

#google_afc td {
    text-align: left;
    padding: 0 20px 0 20px;
}

.googleAdTitle {
    margin:0 0 10px 0;
    color:#ccc;
    font-size:1.0em;
    font-weight:bold;
    text-align:left;
    width:163px;
}

#google_afc_btm {
    text-align: left;
}

#google_afc_btm .googleAdTitle {
    padding: 0;
}

.clr1 {
    color:#000;
    font-size:11px;
}

/* Newsletter */
.news-fail {
    font-size: 18px !important;
    font-weight: bold;
    line-height: 22px !important;
    color: #FF0000 !important;
    padding-top: 18px;
}

/*#search-button {
    width:82px;
    float:right;
}

#searchform {
    background-color: #000000;
    height: 23px;
    margin: 0;
    padding: 3px;
    width: 300px;
}*/
#searchform {
    background-color: #FFF;
    height: 30px;
    margin: 0 0 10px 0;
	padding: 0;
    width: 254px;
	line-height: 27px;
}
#right-col #searchform {width:100%;}
#right-col #searchform #search-button {height:25px;margin:0;float:right;}
#searchform #search-button {height:30px; overflow: hidden; padding: 0 16px; }
#right-col input[type="text"] {width: 208px;height:20px;}

/*Subscription pop-up */
#sub_pop {
    position: absolute;
    display:none;
    width: 550px;
    height: 403px;
    left: 250px;
    top: 100px;
    background-color: #ccc;
    border: 4px solid #fff;
    z-index:999999999;
}
input[type="text"] {padding:0;margin:0;height: 18px;width: 150px;}
.magazine-video {padding:10px 0;}

.magazine-cover a {float:right; width:92px; height:126px;}
ul.print-digital-buttons {bottom: 0;margin: 0;padding: 0; position: absolute; right: 98px; background-color:#bbbcbe;}
ul.print-digital-buttons li {border-bottom:1px solid #FFF !important; font-size:12px;border-right:1px solid #FFF; display:block; padding: 0;}
ul.print-digital-buttons li.last1 {border-bottom:none !important;}
.print-digital-buttons li a {font-weight:normal;color:#FFFFFF; padding:0 15px;}
.magazine-cover-header {position:relative; height:133px; width:150px;float:right;}
.magazine-cover a img:hover, .magazine-cover a:hover  {opacity:.6;}
.current-issue {background:url(images/current-issue.png) no-repeat top center; height:55px; width:55px; position:absolute; top:35px; right:85px; text-indent:-9999px;z-index: 2;}
.watch-this-issue {background:url(images/watch-this-issue.jpg) no-repeat top center; height:35px; width:182px; position:absolute; top:15px; left:0; text-indent:-9999px;z-index: 2;display:none;}
h1 a.show_hide {padding-top:50px;font-size: 22px;font-family: INGitalic, LiberationMonoRegular,Arial,Helvetica,sans-serif;}

/* ----------------Added by Tito------------- */
#full-col {
	clear:both;
	width:1000px;
}
#full-col h2.jmposttitle, h2.pagetitle {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
    margin-top:30px;
}
.bg-thumb {
	float:left;
	width:320px;
	margin:10px 20px 0 0;
}
.bg-thumb:last-child {
	margin-right:0;
}
ul.second-menu li.font-11 a {font-size:11px;}

/*Core Score and Rulebook on Home Page -------------------------------------------*/
.core-rule {width:100%; height:150px; overflow:hidden; display:block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.core-score { width:300px; display:block; float:left; margin-right:10px;}
.rule-book { width:366px; display:block; float:right; height:150px;}
.rule-book-header {width:366px; height:19px; text-indent:-9999px; display:block; background: url(images/rule-book-header.jpg) no-repeat top left; margin-bottom:5px;}
.module {width:170px; float: left;}
.oddpost {margin-right:13px;border-right: 1px solid #EEE;}
.module p {margin:0;padding:0;}
.module h3 {padding: 0 0 5px 0; text-transform:uppercase;font-family: 'Noticia Text', serif; font-weight:normal; color:#990000; font-size:17px;}

/* -| SwellWatch |- */
/* ------------------------------------------------------------------------------------------------------------------ */
#swellwatch .siteSubNavColumn {
    float:left;
    width: 262px;
    background: #EAEAEA;
    color: black;
    margin: 5px 0 10px;
}
.siteSubNavComponent {
    font-size: 13px;
    height: 65px;
    padding: 15px 10px 10px 20px;
    position: relative;
}
.banner_ad {
    float: right;
}
.banner_ad .ad_728 {
    margin-top: 5px;
}
h2.swellwatch {
    clear: both;
    padding: 10px 0;
    font-style: italic;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.forecasts {
    background-color: #EAEAEA;
    float: left;
    position: relative;
    width: 1000px;
}
.forecasts a,
.forecasts a:active {
    color: #000;
}
.forecasts-title {
    clear: both;
    color: #554C42;
    font-family: "Arial Narrow", "Arial";
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    float: left;
    line-height: 10px;
    padding-top: 5px;
    text-indent: 10px;
}
.forecasts-more {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    font-style: italic;
    color: #00BAF4 !important;
}
.forecasts-location {
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 0 2px;
    text-indent: 10px;
    width: 240px;
}
.forecasts-other {
    color: #666;
    float: left;
    font-size: 10px;
    margin: 0 2px 0 2px;
    padding-left: 10px;
    width: 310px;
}
.forecasts-divider {
    border-top: 1px solid #CCC;
    clear: both;
    float: left;
    margin: 10px 0 10px 10px;
    width: 980px;
}
.forecasts-other ul {
    margin: 0;
    list-style-position: inside;
    list-style-type: disc;
}
.forecasts-other p {
    margin: 0;
}
.forecasts-other a {
    font-style: italic;
}
.fasl p {
    margin: 5px 0 0;
    font-family: "ING, LiberationMonoRegular, Arial, Helvetica, sans-serif";
    font-size: 20px;
    color: #4F473C;
    border-bottom: 2px solid #4F473C;
}
#mailingListLeft {
    margin-top: 20px;
    width: 264px;
    float: left;
}
#mailingListRight {
    margin: 20px 0 0 20px;
    width: 392px;
    float: right;
    font-size: 13px;
}
#mailingListRight h1 {
    font-size: 23px;
    font-weight: bold;
    font-family: "Arial Narrow",Arial;
    font-size: 20px;
    font-weight: bold;
    color: #4F473C;
    border-bottom: 2px solid #4F473C;
    text-transform: uppercase;
}
#mailingListRight div {
    margin: 20px 0 20px 20px;
}
#mailingListRight div:first-of-type {
    margin: 20px 0;
}
#mailingListRight .inputText {
    width: 300px;
    height: 20px;
}
#helpPage {
    font-size: 13px;
        }
        #helpPage h2 {
            font-size: 17px;
            font-weight: bold;
            margin-top: 10px;
                }
        #helpPage a {
            color: #000;
            text-decoration: none;
                }
        #helpPage .left {
            width: 676px;
            float: left;
            margin-bottom: 20px;
                }
                #helpPage .left #helpHeader {
                            margin-top: 20px;
                            border-bottom: 2px solid #50463C;
                            margin-bottom: 10px;
                        }
                        #helpPage .left #helpHeader #headerTitle {
                            color: #50463C;
                            font-size: 25px;
                            text-transform: uppercase;
                            float: left;
                            width: 300px;
                                }
                        #helpPage .left #helpHeader #headerContactLink {
                            width: 355px;
                            float: left;
                            text-align: right;
                                }
                #helpPage .left .helpItem {
                    padding: 10px;
                    background-color: #F2F1EF;
                        }
                        #helpPage .left .helpItem .topic {
                            margin: 5px 0;
                                }
                                #helpPage .left .helpItem .topic a {
                                    font-size: 17px;
                                    font-weight: bold;
                                        }
                        #helpPage .left .helpItem .collapsibleAnswer {
                                }
                                #helpPage .left .helpItem .collapsibleAnswer ul {
                                    margin: 15px;
                                        }
                                        #helpPage .left .helpItem .collapsibleAnswer ul li {
                                            list-style-position: inside;
                                                }
                                #helpPage .left .helpItem .collapsibleAnswer ol {
                                    margin: 15px;
                                        }
                                        #helpPage .left .helpItem .collapsibleAnswer ol li {
                                            list-style-position: inside;
                                                }
        #helpPage .right {
            width: 300px;
            float: left;
                }
#helpHeader #headerTitle {
    padding-bottom: 5px;
}


/**** Author Bio ****/
.meta a:link, .meta a:visited {
  color: #777;
  text-decoration: underline;
}
.author-bio {
  overflow: hidden;
}
.author-bio img.photo {
	float:left;
	padding-right:10px;
}
.author-bio p.bio {
  line-height: 1.3em;
  margin: 0 0 10px;
}
.author-bio h2.name {
	font-size:2.5em;
	padding:5px 0 10px 0;
}
.author-bio .social p{
	color: #000;
	margin: 0 0 5px 0;
}
.author-bio .social span{
	color: #000;
}
.author-bio .social a {
  color: #4E74A5;
  font-weight: normal;
  padding-right: 5px;
  text-decoration: none;
}
.author-bio .social a:hover {
text-decoration: underline;
}
.author-bio .social img.rss, .author-bio .social img.fb{
	width: 16px;
}

.swim-header {
 border-bottom: 1px solid #EEEEEE;
 background: #fff;
  overflow: hidden;
  text-align: center;
}

/* JQuery UI - Tabs ------------------------------------------------------------------------------------------------- */
 * jQuery UI Tabs 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 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: default; }
.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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#sidebar__social-media {
  clear: both;
  float: left;
  margin-bottom: 10px;
  height: 472px;
  width: 300px;
  overflow: hidden;
}
.ui-tabs .ui-tabs-nav { padding: 0; }
.ui-tabs .ui-tabs-nav li {
    background: url('images/social-sprite.jpg') no-repeat scroll 0 0;
    height: 45px;
    width: 60px;
    margin: 0;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li.twitter { background-position: -60px 0px; }
.ui-tabs .ui-tabs-nav li.rss { background-position: -120px 0px; }
.ui-tabs .ui-tabs-nav li.facebook { background-position: -180px 0px; }
.ui-tabs .ui-tabs-nav li.newsletter { background-position: -240px 0px; }
.ui-tabs .ui-tabs-nav li.instagram.ui-tabs-selected { background-position: 0px -51px; }
.ui-tabs .ui-tabs-nav li.twitter.ui-tabs-selected { background-position: -60px -51px; }
.ui-tabs .ui-tabs-nav li.rss.ui-tabs-selected { background-position: -120px -51px; }
.ui-tabs .ui-tabs-nav li.facebook.ui-tabs-selected { background-position: -180px -51px; }
.ui-tabs .ui-tabs-nav li.newsletter.ui-tabs-selected { background-position: -240px -51px; }

.ui-tabs .ui-tabs-nav li a {
    width: 32px;
    height: 30px;
}
.ui-tabs .ui-tabs-panel { clear: both; padding: 0; }

#sidebar__social-media .nl-signup,
#sidebar__social-media .rss-container {
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  float: left;
  min-height: 394px;
  padding: 15px;
  width: 268px;
}
#sidebar__social-media .nl-signup h3,
#sidebar__social-media .rss-container h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
#sidebar__social-media .rss_hdr {
  border-bottom: 2px solid #999999;
  float: left;
  padding-bottom: 6px;
  width: 100%;
  margin-bottom: 5px;
}
 #sidebar__social-media .rss_hdr .rss-img {
  float: right;
}
#sidebar__social-media .ig-img {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  padding: 10px 0 5px;
  text-align: center;
}

#sidebar__social-media .nl-signup p {
    color:#000;font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#sidebar__social-media .instapress-shortcode-pager {
display: none !important;
}

#sidebar__social-media .instapress-shortcode-pager, #sidebar__social-media .instapress-gallery {
  clear: both;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 275px;
}

#sidebar__social-media .instapress-shortcode .instapress-shortcode-image {
  float: left;
  line-height: 0;
  margin-bottom: 0;
  margin-right: 1px;
  margin-top: 1px;
}

#sidebar__social-media .ig-img img {
  width: auto;
  height: auto;
}

.rss-container > ul {
  float: left;
  margin: 0;
  padding: 0;
}

.rss-container li {
  float: left;
  padding: 4px 10px;
  width: 250px;
}

#tabs-3 li.first, #tabs-3 li.last {
  border-bottom: 2px solid #999999;

}

#tabs-3 li.first > h3 {
  text-align: center;
}

#tabs-3 li.last {
    text-align: right;
}

#tabs-3 li.last img {
  display: inline-block;
  height: auto;
  margin-bottom: -2px;
  padding: 0 3px;
  width: 12px;
}

#tabs-3 li.last > a {
  font-size: 10px;
}

#tabs-3 li a {
  color: #000000;
  font-weight: normal;
}

.newsletter-form input {
        border: 1px solid #A4A4A4;
        float: right;
        height: 25px !important;
        margin-right: 0px;
        padding-left: 4px;
        padding-right: 4px;
        width: 159px !important;
    }
    .newsletter-form .form-block, .reg-form .reg-btns {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }
    .newsletter-form label {
        float: right;
        margin: 5px 5px 0 0;
        font-size: 12px;
        text-transform: uppercase;
    }
    .form-block span {
        color: red;
    }
    .newsletter-form select {
        border: 1px solid #A4A4A4;
        color: #333333;
        float: right;
        height: 25px;
        margin-right: 10px;
        width: 70px;
    }
    #RegYear {
        margin-right: 194px;
    }
    #RegMonth {
        width: 100px;
    }
    #RegState {
        margin-right: 384px;
    }
    #RegGender {
        width: 100px;
        margin-right: 354px;
    }
    .reg-btns {
        width: 270px;
        text-align: center;
        overflow: hidden;
    }
    input.button-reg, input.button-reg:visited {
        background-color: black;
        border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.25);
        border-radius: 5px 5px 5px 5px;
        border-style: none none solid;
        border-width: medium medium 1px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        float: none;
        font-size: 13px;
        font-weight: normal;
        margin: 20px 0 0;
        max-width: 200px;
        min-width: 143px;
        padding: 5px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
        text-transform: uppercase;
    }


/* NSSA Splash page -------------------------------------------------------------- */
#left-col #nssa-splash {
  background: none repeat scroll 0 0 #000000;
  height: 100%;
  width: 100%;
  padding-top: 20px;
}

#nssa-splash .row1 {
  height: auto;
  margin: 0 auto;
  min-width: 280px;
  text-align: center;
  width: 50%;
}

#nssa-splash .row1 img {
  height: auto;
  width: 100%;
}

/* NSSA Live page -------------------------------------------------------------- */
.nssa-live .full.live {
  position: relative;
  width: 1000px;
}

#nssaTabs { width: 680px;}
.nssa-live .full.live .share-icons {  margin: 10px 0; }

.nssa-live .left{
  padding-top: 15px;;
}

.livePlayers {
  float: left;
  width: 670px;
}

#liveT-highPlayer p{
padding: 0;
margin: 0;
}

#livePlayer-wrapper {
    overflow:hidden;
}

#liveT-highPlayer, #liveT-mediumPlayer, #liveT-lowPlayer {
  float: left;
  line-height: 0;
  min-height: 376px;
  min-width: 670px;
}

.playerLinks a,.row-tabs li a{
    color:#fff;
    display:inline-block;
    font-weight:bold;
    padding:9px 40px;
    text-decoration:none;
}

.playerLinks #l1 span {
    color:#f26532;
}

.playerLinks ul li, .row-tabs li,.playerLinks li {
    float:left;
    list-style-type:none !important;
    margin:0 !important;
}

.playerLinks ul li {
    float:left;
    list-style-type:none !important;
    margin:0 !important;
}

.row-tabs li {
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  text-align: center;
  width: 50%;
}
.playerLinks ul, .row-tabs ul {
  background: none repeat scroll 0 0 #000000;
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.playerLinks li.selected a {
    color:#f26532 !important;
    font-weight:bold;
    text-decoration:none;
}
.row-tabs {
    overflow:hidden;
}
.row-tabs li.selected{
    background:none repeat scroll 0 0 #f26532;
}

.row-tabs li.selected a, .row-tabs li a {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
}

#liveRightColumnTabs {
  background: none repeat scroll 0 0 #000000;
  float: right;
  height: 466px;
  overflow: hidden;
  width: 330px;
}

#liveT-1, #liveT-2 {
 -webkit-overflow-scrolling:touch;
  height: 496px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 330px;
}

#liveRightColumnTabs #liveT-1 iframe,
#liveRightColumnTabs #liveT-2 iframe{
    width:330px;
    height:427px;
}

#pixlee-wrapper {
  background: none repeat scroll 0 0 #000000;
  float: left;
  text-align: center;
}

#pixlee {
  height: 175px;
  overflow: hidden;
  width: 1000px;
}

#pixlee #pixlee_container #the_pixlee_iframe {
  margin-top: -46px;
}

#nssaTabs .columnLinks,#col-1,#col-2 {  float: left; width: 100%}
#nssaTabs .columnLinks li.selected h2.jmposttitle{  background: none repeat scroll 0 0 #000;}
#nssaTabs .columnLinks {
  border-bottom: 2px solid #000;
  margin-bottom: 10px;
}

#nssaTabs .columnLinks > ul {
  margin: 0;
  padding: 0;
}
#nssaTabs li {
  float: left;
  margin-right: 4px;
}

#nssaTabs .columnLinks h2.jmposttitle {
  color: #FFFFFF;
  padding: 10px 20px;
  background: #707070;
  font-size: 20px;
}

/* Related posts */

ul.related-post {
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

h3.related-post-title {
  border-top: 1px solid #EEEEEE;
  margin-top: 10px;
  padding: 10px 0 0;
}

ul.related-post li {
  display: inline-block;
  margin-right: 5px;
  min-height: 192px;
  padding: 0;
  width: 220px;
}

.full ul.related-post li {
	margin:10px 23px;
}
	ul.related-post li img {
  height: 136px;
  width: 220px;
}
	ul.related-post li p {
		margin:0;
		height:30px;
		overflow:hidden;
		line-height:14px;
		text-align:left;
	}
	ul.related-post li p.date {
	    color: #333333;
	    height:auto;
	    font-size: 14px;
	    line-height:18px;
	    font-weight: bold;
	    padding-bottom:0;
	}
	ul.related-post li .info {
		margin:3px 0 0;
	}

/* Surfing - North Shore Live */
.livePlayers.pipeline .ns-logo {    width:285px;}
.livePlayers.pipeline .ns-logo img {    float:left;    margin-left:-40px;}
.livePlayers.pipeline #livePlayerTabs {    width:510px;}
.livePlayers.pipeline .playerLinks {    margin-bottom:20px;}
.livePlayers.pipeline {    background:none repeat scroll 0 0 #000000;    float:left;    padding:0 100px 100px;    width:800px; margin-bottom: 10px;}
.livePlayers.pipeline h2, .livePlayers.pipeline h3 {    display:block !important;    font-family:ING,LiberationMonoRegular !important;    font-weight:bold;    text-transform:uppercase;    color:#9ca44e;    text-align:left;}
.livePlayers.pipeline h2 {    color:#9CA44E;    font-size:45px;    line-height:45px;    padding:0 0 10px;    font-style:italic;}
.livePlayers.pipeline #livePlayerTabs h3 {  font-size: 14px;  margin: 0;}
.livePlayers.pipeline p span {    color:#9ca44e;}
.livePlayers.pipeline p {    color:#FFFFFF;    font-size:15px;    line-height:25px;    margin:0;    padding:0;}
.livePlayers.pipeline .playerLinks li.selected {    background:none repeat scroll 0 0 #9ca44e;}
.livePlayers.pipeline .playerLinks li {    background:none repeat scroll 0 0 #565759;    border-right:2px solid #000000;}
.livePlayers.pipeline .playerLinks li a {    color:#000 !important;    padding:9px 40px;}
.livePlayers.pipeline .playerLinks li.off { color:#000;   padding:9px 40px;}
.livePlayers.pipeline .ns-footer {    padding-top:20px;}
.livePlayers.pipeline .ns-players {    display:inline-block;    margin-top:30px;}

/* VOD custom overwrites */
/* ----------------------------------------------------- */
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content h3 {
  margin-bottom: 10px!important;
}
.category-vod .vod-all .vod-video-entry .vod-video-entry-content .vod-content .vod-user {
  margin-bottom: 5px !important;
  line-height: 16px !important;
}
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content .vod-user {
  line-height: 16px !important;
}
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content .vod-excerpt {
  margin-bottom: 0 !important;
  line-height: 21px !important;
}
.category-vod p {
  margin: 0 0 10px !important;
}

/* Micro Sections within the Site */
/* ----------------------------------------------------- */
@import "css/nssa.css";

/* Vimeo on Demand */
/* ----------------------------------------------------- */
.category-vimeo-on-demand .whitebg #left-col {
    width: 100%;
}