@import url("fonts/fonts.css");

/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {content:""; display:table;}

.clearfix:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}

/* wp-specific classes */
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}

/* layout */
body{color:black; padding:0 !important;}

/* Admin Top Navigation fixes */
body.admin-bar .navbar-fixed-top{top: 28px;}

.nav-container{padding-left: 0; padding-right: 0;}

#inner-header{width:100%;}

input, textarea, select, .uneditable-input {margin-bottom: 0;}

.navbar-form, .navbar-search {margin:6px 0 0 0;}

.navbar-search{padding-left: 0;}

#s{width:150px;}

#content{padding: 10px 0 0;}

.more-link{white-space: nowrap;}

.footer-links{float: right;	margin-bottom: 18px;}
.footer-links .menu{list-style-type: none; margin-left: 0;}
.footer-links .menu li{float: left;	margin-left: 10px;}

/* post styling */
#main p.meta{font-size:11px; font-style:italic; color: #808080;	padding:5px 0;}
#main .hero-unit img{margin-bottom: 1em;}

#main article{margin-bottom: 18px; padding: 0 0 9px;}

#main article h4{margin:0 0 15px; font-size:15px;}

#main article footer{border-top: none; margin-top: 0; padding-top: 0; position: relative; min-height: 20px;}
#main article footer a.edit-post{position: absolute; right: 0;	top: 0;	display: none;}

.content-frontpage article.tall-image img{height:150px; width:150px;}
.content-frontpage article.wide-image img{width:243px; height:150px;}

.sidebar{}

.post header img{margin-bottom:0px;}
.post:hover a.edit-post{display: inline;}

p.tags{line-height: 20px;}

div[id*='attachment_']{max-width: 100%;	height: 100%;}

#credit320{background: url('images/320press_mini.png') no-repeat left top transparent;	padding-left: 20px;}

img.alignleft{margin-right: 10px;float: left;}
img.alignright{margin-left: 10px;float: right;}
img.aligncenter{display: block;	margin: 0 auto;}
img.size-full {margin: 0 0 15px 0;}

.archive #main .post h3{line-height: 24px;margin-bottom: 10px;}

video {max-width: 100%;	height: auto;}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}

.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

.video-wrapper {width: 630px; max-width: 100%; margin-bottom: 18px;}

/* page styling */
#featured-carousel .item{width: 970px; height: 600px;}

.carousel-caption p{display: none;}

.page-template-page-homepage-php #main article{border-bottom: none;}

.page-template-page-homepage-php .hero-unit,
.blog .hero-unit{padding: 1em;}

.hero-unit h1 {font-size: 3em;}

/* comments */
#comments{line-height: 24px; margin-bottom: 18px;}
.comment .vcard div{margin-top: 8px; padding: 0 10px;}

ol.commentlist,
ol.commentlist ul.children{list-style-type: none; margin-left: 0;}
ol.commentlist time{font-size: .8em; color: #eeeeee;}
ol.commentlist div.comment-author{position: relative;}
ol.commentlist a.comment-edit-link{color: #ffffff;	text-decoration: none;	padding-left: 5px;}
ol.commentlist span.edit-comment{position: absolute;right: 0;top: 8px;}
ol.commentlist li.bypostauthor{background-color: #dddddd;}
ol.commentlist ul.children li{background-color: #cccccc;}
ol.commentlist ul.children li ul.children li{background-color: #bbbbbb;}
ol.commentlist ul.children li ul.children li ul.children li{background-color: #aaaaaa;}
ol.commentlist article{border-bottom: none !important;}
ol.commentlist li{padding-right: 10px;	background-color: #F0F0F0;}
ol.commentlist #respond{padding: 5px 10px;}

a.comment-reply-link{position: absolute;right: 0;bottom: 0;}

#comment{width: 270px;}
#comment-nav ul{list-style-type: none;margin: 0;}
#comment-form-elements{	list-style-type: none;margin: 0;}

.comment .vcard .avatar{padding-right: 0;}
.comment .vcard .comment-text{	margin-left: 0;}

img.avatar{	border-top: 1px solid #ddd;	border-bottom: 1px solid #dedede;	border-right: 1px solid #dedede;border-left: 1px solid #ddd;}

#pings{	margin-bottom: 9px;}
ol.pinglist{list-style-type: none;	margin: 0 0 9px 0;}

/* specific post-type styles */

/* image attachment */
.attachment #main .post_content img{max-width: 100%;}
.ie8 #main .media-grid img{max-height: none !important;	max-width: none !important;}
.attachment-img{margin-bottom: 18px;}
.metadata p.alert-message{margin-right: 0;	margin-bottom: 18px;}
#gallery-nav{list-style-type: none;	margin-left: 0;}
li.next a, li.previous a{position: relative;}
li.next a:hover:before{content: "\2190";position: absolute;	display: block;	top: 42%;left: 0;background-color: #BFBFBF;	color: #444;width: 20px;height: 20px;padding-left: 5px;	text-decoration: none;	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);}
li.previous a:hover:before{content: "\2192";position: absolute;	display: block;	top: 42%;right: 0;background-color: #BFBFBF;color: #444;width: 20px;height: 20px;padding-left: 5px;	text-decoration: none;box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);}

/* widget styles */
.widget{margin-bottom: 18px;}
.widgettitle{margin-bottom: 9px;}
#tag-cloud{margin-bottom: 18px;	line-height: 160%;}
/* for some reason the bs version currently available for download doesn't have this style */
.label{text-transform: uppercase;}
/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover,
.tags a:hover{color: #ffffff; text-decoration: none;}
#tag-cloud a{white-space: pre;	text-transform: uppercase;}
/* change default form padding for search */
.widget_search form{padding-left: 0;}
.widget_search input{width: 121px;}

/* calendar widget */
#calendar_wrap{border: 1px solid #ddd; -webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; padding: 5px;}
#wp-calendar{width: 100%;}
#wp-calendar caption{font-weight: bold;	padding: 8px;}
#wp-calendar tr{border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;}
#wp-calendar tr:last-child{border-bottom: none;}
#wp-calendar td{text-align: center;	padding: 8px 0;}
blockquote.pull-left{padding-right: 15px;}

/*-----------------------------------------------------------------------------------------------------------------------
General
*/
/*http://colorschemedesigner.com/#0A21Tw0uSw0w0*/
a:hover{}
frame{overflow:auto; margin:20px 0;}

.content-container{padding:0 20px;}

.content-single h2{margin:10px 0;}
.small-title{border-radius:10px 10px 0 0; color:#fff; border:none; font-size:14px; line-height:20px; padding:5px; background:#262D35;}

.pagination {clear: both;}

/*-----------------------------------------------------------------------------------------------------------------------
Header: Brand Area
*/
.brand-area{
	border-bottom:2px solid #262d35;
	
	/*Fallback*/
	background: #FF6600;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FF6600 0%, #F77F00 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FF6600 0%, #F77F00 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FF6600 0%, #F77F00 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF6600), color-stop(1, #F77F00));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FF6600 0%, #F77F00 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FF6600 0%, #F77F00 100%);	
}

#logo{float:left; padding:7px 0;}
#logo-text{position:absolute; top:-99999px;}

/*-----------------------------------------------------------------------------------------------------------------------
Footer
*/
footer{margin:40px 0 0; min-height: 400px; background: #222; color:#777;}
footer .attribution{text-transform:uppercase; font-size:10px;}

#inner-footer{border-top:5px solid #f60;}
.footer-bar-img{background: url(images/fbhq-logo-small.png); height:70px; width:70px; margin:0 auto; position:relative; top:-40px;}

/*-----------------------------------------------------------------------------------------------------------------------
Footer Menu
*/
#widget-footer{}
#widget-footer ul{margin:0;}
#widget-footer li{list-style:none;}

#widget-footer a{color:#777;}
#widget-footer a:hover{color:#999;}

/*-----------------------------------------------------------------------------------------------------------------------
Flyout Menu
*/
.menu-trigger{float:left; display:none;}
.brand-area .menu-trigger{padding:18px 10px 17px 10px; margin:0 20px 0 0;}

.menu-trigger .icon-bar{background-color:#fff; display: block; height: 2px; line-height: 14px; width: 18px;}
.icon-bar+.icon-bar{margin-top:3px;}

.flyout-menu{position: fixed; float:left; top: 0px; left: -250px; display: block; height: 100%; width: 250px; z-index: 1; zoom: 1; overflow-x: hidden; overflow-y: auto; background-color:#535a63;}

.flyout-menu ul{padding:0; margin:0; list-style:none;}
.flyout-menu li{border-top: 1px solid #656b74;}
.flyout-menu li a{display:block; padding:10px 15px; color:#fff; line-height:22px; font-size:16px;}
.flyout-menu li li a{}
.flyout-menu ul ul li{/*border-bottom:1px solid #656b74;*/}
.flyout-menu ul ul li:first-child{/*border-top:1px solid #656b74;*/}

.flyout-menu .menu-header{padding:10px 15px;}
.flyout-menu .menu-header a{padding:0px;}
.flyout-menu .menu-header div{overflow:auto;}

.flyout-menu .menu-trigger{margin:0; padding:0;}
.flyout-home-img{float:left; display:block; height: 22px; width: 24px; background:url(images/icons/home.png) no-repeat;}
.flyout-close{float:right;}

.fly-menu{left:0px;}
.fly-content{position:relative; left:250px;}

.flyout-menu .caret{display:none;}
.flyout-menu .dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {background-color: transparent;}

/*-----------------------------------------------------------------------------------------------------------------------
Custom Navbar
*/
#menu-main-navigation .home{min-width:27px;}
#menu-main-navigation .home span{display:block;	height:22px; width:24px; background:url(images/icons/home.png);}
#menu-main-navigation .home a{border:none;}
#menu-main-navigation .home span:hover{background:url(images/icons/home-active.png);}

.navbar-custom{float:left; padding:15px 0 0 10px;}
.navbar-custom .navbar-inner{height:auto; min-height:auto; padding:0;}
.nav-collapse, .nav-collapse.collapse{z-index:99999;}

.navbar .nav>li {}
.navbar .nav>li:first-child {border-left:none;}

.nav-collapse ul ul{z-index:99999;}
.nav-collapse > ul > li{float: left; padding: 0;	margin: 0;	text-align: center;	list-style: none;	border-left: 1px solid #ff;	border-right: 1px solid #ff; line-height:auto;}

.navbar.navbar-custom  .nav > li > a {color:#fff; padding:0 0 0 20px; font-size:12px; line-height:auto; text-transform:uppercase;}
.navbar.navbar-custom  .nav > li > a:hover {}
.navbar.navbar-custom  .nav > li.active > a {}

#s{color: #06759A; background: #fff; border: 1px solid #f67f00;}

/*-----------------------------------------------------------------------------------------------------------------------
Carousel
*/
.carousel .item img{/*max-height:426px;*/}
.carousel-caption{text-align:right; padding:15px 15px; font-family: sans-serif, arial;}
.carousel-caption a{color:#f60; font-weight:normal;}
.carousel-caption a:hover{color:#39A8CC; text-decoration:none;}
.carousel-caption p{padding:10px 0 0 0;}

/*-----------------------------------------------------------------------------------------------------------------------
Subscribe
*/
.subscribe{overflow:hidden; max-width:486px;}
.subscribe form{margin:0;}
.subscribe-inner{overflow:hidden; padding:10px; background:#ddd; border-left: 1px solid #ACC4CC; border-right: 1px solid #ACC4CC;}
.subscribe h3{}
.subscribe input{float:left;}
.subscribe input[type="text"]{width:180px; margin:0 10px 0 0;}
.subscribe .btn-group{float:left; width:80px; position:static;}

/*-----------------------------------------------------------------------------------------------------------------------
Social
*/
.social-box{clear:both; margin:0; padding:10px; background-color:#ddd; border-left: 1px solid #ACC4CC; border-right: 1px solid #ACC4CC; border-bottom: 1px solid #ACC4CC; max-width:464px;}
.social-box img{height:42px; width:42px; margin:0 0 0 13px;}
.social-box .first img{margin:0 0 0 2px;}

.social-bar{overflow:hidden;}
.social-pin{float:right; height:20px; width:40px; margin:4px 60px 0 0;}

/*-----------------------------------------------------------------------------------------------------------------------
Thumbnail Posts
*/
.thumbnail-post{margin:10px 0 0 0;}
.thumbnail-post h3{margin:0; padding:5px 7px;}
.thumbnail-post h3 a{color:#fff;}
.thumbnail-post .small-title{}

.thumbnail-post ul{margin:0;}
.thumbnail-post li{margin:0 0 5px 0; overflow:hidden; border:1px solid #ACC4CC;}
.thumbnail-post li:first-child{border-top:none;}
.thumbnail-post li:hover{border:1px solid #f60;}
.thumbnail-post li:first-child:hover{border-top:none;}
.thumbnail-post li a{display:block; height:100px; color:#212121; background-color:#ddd;}
.thumbnail-post li a:hover{color:#fff; background-color:#262D35; text-decoration:none;}
.thumbnail-post li a:hover strong{color:#F60;}
.thumbnail-post li img{width:100px; height:100px; float:right;}
.thumbnail-post .text-container{display:block; padding:5px 5px 5px 7px; font-size:11px;}
.thumbnail-post .text-container strong{display:block; font-size:13px;}

.wod-thumbnail-post {overflow: hidden; margin:20px 0 10px; max-width:486px;}
.wod-thumbnail-post h3 a{color:#fff;}
.wod-thumbnail-post ul{overflow:hidden; margin:0;} 
.wod-thumbnail-post li {list-style:none; float:left; width:50%; height:auto; border:none;}
.wod-thumbnail-post li img{width:auto; height:auto;}
.wod-thumbnail-post a:hover{border:none;}

.wodbox-footer {border-radius: 0 0 10px 10px;padding: 5px;background: #262D35;}
/*-----------------------------------------------------------------------------------------------------------------------
Articles
*/
header#banner{position:fixed; z-index:99999; width:100%; height:49px;}

.quote header{overflow:hidden; border-bottom:none;}

.header-misc{overflow:hidden; /*margin:5px 0;*/}

.post_content{margin:10px 0 0; clear:both;}

.post_quote{margin:0;}
.post_quote .quote-img{float:left; overflow:hidden; margin:0 0 40px 0;}
.post_quote .quote-share-bar{background-color: #262d35; padding: 5px 5px 2px;}
.post_quote .quote-ad{width:300px; height:250px; float:left; margin:0 0 0 20px;}

#ad-header{width:728px; height:90px; margin:0 auto;}

.page-header{/*margin:15px 0; padding:0 0 15px 0;*/ padding:10px 0; margin:0; border:none;}
.single-title{font-size:30px; line-height:50px; color:#4A4A4A;}
.form-actions{padding:0 !important;}
.intro-text{font-weight: bold; font-size: 18px;}
.footnote{font-size: 11px; font-style: italic;}

.attribution{font-size:9px; color:#888;}
.attribution a{font-size:9px; color:#888; text-decoration:none;}

article{background:#fff;}
article h2{margin:0; padding:0;}
article h3{margin:0 0 10px;}
article p{font-size:13px; line-height:20px; margin:0 0 15px 0;}
article header{border-bottom:1px dotted #C8DDE4; padding: 0 0 15px;}

article ol, article ul{	
	list-style: none; /* Remove default numbering */	
	font-size: 15px;
	padding: 0;
  margin: 0 0 9px 30px;
  clear:both;
}

article li{
  margin: 0 0 8px;
  font-size: 13px;
  font-family: arial;
}

article ol{
  counter-reset: li; /* Initiate a counter */
  *list-style: decimal; /* Keep using default numbering for IE6/7 */
}

article ol > li:before,
article ul > li:before {
  position: absolute;
  background: #4D90FE;
}

article ol > li:before {
  content: counter(li);
  counter-increment: li;
  border-radius: 100px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 15px;
  margin: 0 0 0 -37px;
  padding: 4px 5px;
  color: #fff;  
}

.recipe article ol > li:before {
  content: none;  
}

.blog-yumprint-save, .blog-yumprint-stars-reviews {
  display: none;
}

article ul > li:before {
  content: '';
  width: 5px;
  height: 5px;
  margin: 4px 0 0 -20px;
  border-radius: 100px;
  padding: 3px;
}

article ol > li ul li:before {
  height: 8px;
  width: 8px;
  margin: 4px 0 0 -21px;
  border-radius: 100px;
  padding: 1px;
  background: #F77F00;
}

article ul > li ol li:before{
  background: #F77F00;
}

article ul.small-list > li:before {
  content: '';
  width: 7px;
  height: 7px;
  margin: 3px 0 0 -20px;
  border-radius: 100px;
  padding: 2px;
}

article ul.small-list li{
  margin:0 0 10px;
}

article section{overflow:hidden;}

article .in-content{overflow:hidden; width:336px; float:right; margin:0 0 20px 30px;}

article .ad{clear:left;}

.single #main article.post{/*padding:18px;*/}
.single article.post{/*border: 1px solid #ACC4CC; border-radius: 10px;*/}

.comments-container {padding: 20px; border: 1px solid #ACC4CC; border-radius: 10px;}

.tall-article .in-content .ad{margin:10px 0 30px;}

.tall-featured-image img{min-width:336px;}
.wide-featured-image {/*margin:0 0 12px 0;*/}

.article-meta{float:left; margin:0 10px 0 0;}
.article-meta.long{width:100%;}
.article-meta .description{font-size:11px; font-style:italic;}

.wide-social-area{float:left; width:235px;}
.tall-social-area{float:left; width:235px;}

/*Adsense*/
.ads{}
.ads.headline-ad{width:970px; height:90px; margin:10px 0 0;}
.ads.hero-ad{width:300px; height:600px; margin:0 20px 20px 0; float:left;}
.ads.single-hero-ad{width:300px; height:250px; margin:0 20px 20px 0; float:left;}
.ads.big-square{width:336px; height:280px; margin:20px auto; clear:both;}
.ads.small-square{width:300px; height:250px; margin:20px auto; clear:both;}

.ads.top{float:left; clear:none; margin:0 20px 0 0;}

/*Categories*/
.category-questions-and-answers .wide-social-area{margin:0 0 20px 0; width:315px;}
.category-questions-and-answers .ads.big-square{height:280px; width:336px; float:left; margin:0 20px 10px 0;}
.category-questions-and-answers .ads.small-square{height:250px; width:300px; float:left; margin:10px 20px 10px 0;}

/*WOD*/
article.wod{}

article.wod .wod-share-bar{background-color:green; padding: 5px 5px 2px;}
article.wod .wod-img{margin:0 0 20px 0;}
article.wod .wod-print-bar{width:100%; background:green; color:#fff;}
article.wod .wod-print-bar:hover{background:orange;}
article.wod .wod-print-bar a{color:#fff; display:block; padding:10px; font-size:14px; text-align:center;}

article.wod .page-header{border:none;}

article.wod .print-this-content{/*display:none;*/}
article.wod .accordion-heading h2{margin:0;}
article.wod .small-click-message{font-size:10px;}

article.wod .wod-group{border:1px solid #e5e5e5; border-radius: 4px; padding: 8px 15px; margin: 0 0 20px;}

article .wod-exercise-videos{overflow:hidden;}

article .wod-video{float: left; width: 30%; height:200px; margin: 0 10px 15px 0; border: 1px solid #eee;}
article .wod-video h3{font-size: 15px; padding: 10px 5px; margin: 0; line-height: 20px; font-weight: normal;}

.author-box{padding:10px; margin:0 0 10px 0; background-color:whitesmoke; overflow:hidden;}
.author-box img{float:left; padding:0 10px 0 0;}
.author-box p{font-size:12px; padding:0; margin:0; color:#575C6B;}
.author-box .author-name{font-size:18px; padding:0 0 10px; display:block;}
.dual-author-box div{float:left;}
.dab-first{width:50%;}
.dab-second{width:40%; padding:0 0 0 20px;}
.dab-second span{font-size:18px; padding:0 0 10px; display:block; color:#575C6B;}
.dab-second a{display:block; padding:0 0 10px; font-size:11px;}

.header-ad{width:728px;height:90px;margin:20px auto 15px;}
.header-ad-mobile{width:320px;height:100px;margin:10px auto 0;}

.optin-box{background-color:#8481CA; color:#fff; border-radius:5px; margin:10px 0 20px 0;}
.opt-inner{padding:10px 10px 20px;}
.opt-header{font-size:20px; padding:10px 0 10px 0; display:block;}
.opt-header span{font-size:16px;}
.opt-strap{display:block; padding:0 0 10px;}
.optin-box form{margin:0px; padding:0;}
.optin-box input[type="text"]{float:left; margin:0 20px 0 0; width:60%;}

.category .optin-box{width:500px; margin:10px auto 20px;}

/*-----------------------------------------------------------------------------------------------------------------------
Article Shortcode Styles
*/
.article-box{margin:20px 0 50px; border:1px solid #ddd; border-radius:10px; clear:both; overflow:hidden;}
.article-box h2{margin:0; padding:10px 15px; border-bottom:1px solid #ddd; color:#f60; border-radius:10px 10px 0 0;}
.article-box h3{margin: 0; padding: 10px 15px; border-bottom: 1px solid #ddd; color: #f60; border-radius: 10px 10px 0 0; font-size: 22px;}
.article-box h3 a{color: #f60;}

.youtube-box{max-width:520px;}

.article-box-content {overflow:hidden; padding:20px;}
.article-box-content a.youtube-video{position:relative; display:block; overflow:auto; margin:0 0 20px;}
.article-box-content p{margin:0px;}
.article-box-content .box-image{overflow:auto; float:left; margin:0 20px 15px 0;}
.article-box-content .attribution{clear:both; float:left;}

.play-video-button{position:absolute; background:url('images/video/play-video-inactive.png') no-repeat; background-position:center center; height:100%; width:100%;}
.play-video-button:hover{background: url('images/video/play-video-active.png') no-repeat; background-position:center center;}

.youtube-box-type-1{max-width:640px;}
.article-box.youtube-box-type-1{margin:20px 0px;}
.youtube-box-type-1 .article-box-content{padding:0px;}
.youtube-box-type-1 .article-box-content a.youtube-video{margin:0;}
.youtube-box-type-1 .play-video-button{background:url('images/video/play-video-inactive-full.png') no-repeat; background-position:center center; height:100%; width:100%;}
.youtube-box-type-1 .play-video-button:hover{background: url('images/video/play-video-active.png') no-repeat; background-position:center center;}

.row-fluid.contents{max-width:636px; border-radius:10px; margin:30px 0;}
.row-fluid.contents .span4{padding:20px 0; width:30%;}
#main .row-fluid.contents h4{margin:0px 0px 20px; font-size:12px; font-weight:bold;}

.article-box.summary{width:233px;}
.article-box.summary.right{margin:20px 0 20px 20px;}

.article-box.right{float:right;}
.article-box.left{float:left;}

a.anchor, a.anchor:hover{color:#000;}

.promoted-post{overflow:hidden;}
.promoted-post-right{float:right;}
.promoted-post-square{width:40%; margin:1.5%;}
.promoted-post-square img{float:left; width:35%; margin:0 5% 0 0;}
.promoted-post-header{margin:0 0 5% 0;}
.promoted-post-thumb-head{font-size:13px; margin:0 0 5px 0;}
.promoted-post-description{color:#777; font-size:95%;}
.promoted-post-description span{margin:0 0 0 5px;}
.promoted-post-full{width:100%; margin:2.5% 0;}
.promoted-post-full img{float:left; width:14%; margin:0 2% 0 0;}
.promoted-post-full .promoted-post-thumb-head{font-size:15px; margin:0 0 7px;}
.promoted-post-full .promoted-post-description{font-size:13px;}

/*---------------------------------------------------------------------------------------------------------------------
Community Posts
*/
.community-post{}

.community-post p, 
.community-post span{color:#222; font-family:helvetica,sans-serif,arial;}  

.community-post b, 
.community-post strong,
.page-subscribe strong{font-weight:bold;}
  
.community-post p{font-size:20px; line-height:30px; margin:0 0 30px 0;}
.community-post h1{font-size:30px; line-height:42px; margin:0 0 30px 0;}
.community-post h2{margin:0 0 30px;}
.community-post h3{font-size:22px; margin:0 0 30px;}
.community-post ul.red li{color:red; font-size:20px; line-height:30px; margin:0px 0px 30px;}
.community-post ul.red > li:before {background:none repeat scroll 0% 0% red; margin:10px 0px 0px -20px;}
.community-post ol.no-head li{font-size:20px; line-height:30px; margin:0px 0px 30px;}
.community-post ol.no-head > li:before{margin:-2px 0px 0px -46px; padding:2px 10px;}

article.community-post ul{margin:30px;}
article.community-post ol{margin:30px; padding:0 30px;}
article.page-subscribe ul > li:before{margin:7px 0 0 -20px;}

/*---------------------------------------------------------------------------------------------------------------------
Frontpage Thumbnail Posts
*/
section.fp-post-container{overflow:hidden; margin:0 0 30px 0;}

section.strength-training .area-header, section.strength-training .area-footer-bar{background:#FB5C3F;}
section.weight-loss .area-header, section.weight-loss .area-footer-bar{background:#60B1CC;}

section.cardio .area-header, section.cardio .area-footer-bar{background:#FB9F3F;}
section.cardio .area-header span{color:#262D35;}

section.nutrition .area-header, section.nutrition .area-footer-bar{background:#62DA8A;}
section.nutrition .area-header span{color:#262D35;}

section.motivation{}
section.motivation .area-header, section.motivation .area-footer-bar{background:#FBC33F;}
section.motivation .area-header span{color:#262D35;}

div.span12.area-header{margin:0; padding:0;}
.area-header{height:40px; border-radius:10px 10px 0 0;}
.area-header span{display:block; padding:10px; font-size:18px; color:#fff;}

div.span12.area-footer, div.span12.area-footer-bar{margin:0; padding:0;}
.area-footer{margin:10px 0 0 0; text-align: right; padding: 10px 20px; border: 1px dotted #ACC4CC; border-bottom:none; background:#fff;}
.area-footer span{display:block; padding:7px 22px; font-weight:bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#08c; text-transform:uppercase; background: url(images/icons/play.png) no-repeat 98% 49%;}
.area-footer a:hover span{color: #005580; text-decoration: none; background: url(images/icons/play-active.png) no-repeat 98% 49%;}
.content-frontpage div.area-footer-bar{height:10px; min-height:10px; border-radius:0 0 10px 10px;}

.row-fluid .fp-first[class*='span']{margin-left:0;} /*For IE*/
.row-fluid .fp-post.span3{/*width:22.5%;*/ border:1px dotted #ACC4CC;} /*For IE*/

.fp-post{overflow:hidden; margin:0 0 10px; background:#fff;}
.fp-post .post-text{height:142px; overflow:hidden; margin:0 0 5px 0; padding:0 15px;}
.fp-post h2 {font-size:16px; line-height:20px; margin:0;}
.fp-post h2 a{text-decoration:none; font-family: sans-serif, arial;}
.fp-post .read-more{padding:0 5px 0 0; text-transform:uppercase; text-align:right; font-size:10px; background:#ddd; border-top: 1px dotted #FBB771;}

.fp-featured-post.fp-first{border-top:none;}
.fp-featured-post img{float:left;}
.fp-featured-post h2{}
.fp-featured-post h2 a:hover{}
.fp-featured-post .post-text {margin:0; padding:0 20px;}
.fp-featured-post p {font-size:13px; line-height:18px;}

.quatro-post{}
.quatro-post img{width:145px; height:145px;}
.quatro-post .post-text{padding:0 10px;}

.blog #main article{padding:0;}
.blog #main article p.meta{font-size:10px; text-transform:uppercase; padding:0; margin:5px;}

.blog article section{border-bottom:1px dotted #ACC4CC; padding:0 0 20px 0;}
.blog article .article-title{color:#005580;}

.blog article.fp-featured-post section{}

.blog article.tall-image .thumb{height:150px; width:150px;}
.blog article.wide-image .thumb{height:150px; width:243px;}

.blog article .article-content-container{overflow:hidden; padding:0;}
.blog article .article-text-container{margin:0;}
.blog article .article-text-container p{margin:0;}
.blog article footer .read-more{padding:0 5px 0 0; text-transform:uppercase; text-align:right; font-size:10px; background:#ddd; border:1px dotted #ACC4CC; border-top: 1px dotted #FBB771;}

.blog article.fp-secondary-post section{display:block;}
.blog article.fp-secondary-post .article-text-container{margin:0; padding:0;}
.blog article.fp-secondary-post .thumb{height:auto;}
.fp-secondary-post{}
.fp-secondary-post img{float:left;}
.fp-secondary-post .post-text {margin:0; padding:0 20px;}

.blog article.fp-quatro-post .article-content-container{overflow:hidden; padding:5px; min-height:180px;}
.blog article.fp-quatro-post h2{text-align:center; clear:both;}
.blog article.fp-quatro-post .thumb{width:auto; height:auto; margin:0;}
.blog article.fp-quatro-post .article-text-container{margin:0;}

.article-content-container{overflow:hidden;}
.article-content-container .thumb{display:block; float:left; overflow:auto; margin:0 20px 0 0;}
.article-text-container{max-height:150px;}

.blog article .article-text-container {position:relative;}
  
.text-fade{position:absolute; left:250px; bottom:0; height:20px; width:100%;  
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

/* For Contributor Image */

.article-meta {overflow: hidden; margin:0 20px 7px 0;}
.author-img {float:left; width:32px; margin:0 7px 0 0;}
.author-img img{padding:0; margin:0; opacity:0.7;}
.description {margin:0;}
.description .text{margin:7px 0 0 0;}
#main .description p.meta{padding:0; margin:0; text-transform:uppercase;}  
.description .meta{height:32px;}
.description .no-img{height:auto; font-size:10px;}
.meta span{display:block; font-size:11px; line-height:15px;}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

img.grayscale.disabled {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/*-----------------------------------------------------------------------------------------------------------------------
Category Pages
*/
.category{}
.category h1{font-size:30px; text-transform:uppercase; text-align:center; font-weight:normal; padding:15px 0; color:#777;}

.category #main article{padding:0;}
.category #main article p.meta{font-size:10px; text-transform:uppercase; padding:0; margin:5px;}

.category article section{border:1px dotted #ACC4CC; border-bottom:none;}
.category article .thumb{display:block; float:left; overflow:auto; margin:0 20px 0 0; height:150px; width:150px;}
.category article .article-content-container{padding:20px;}
.category article .article-text-container{}
.category article .article-text-container p{margin:0;}
.category article footer .read-more{padding:0 5px 0 0; text-transform:uppercase; text-align:right; font-size:10px; background:#ddd; border:1px dotted #ACC4CC; border-top: 1px dotted #FBB771;}

/*-----------------------------------------------------------------------------------------------------------------------
Categories
*/

span.category-msg {display: block; border-radius: 10px; padding: 15px 20px; margin: 0 0 20px; background: #eee; color: #666; font-size: 20px;}

#category-container{margin:0 auto 20px auto; overflow:hidden;}
#category-container .item{background-color: #d8efff; border-radius:0 0 10px 10px;}
#category-container .ad.item{background-color:transparent;}
#category-container .item .img-container {height: 188px; overflow: hidden;}
#category-container .item img{}
#category-container .item, #category-container .ad.item{width:300px; height:250px;}
#category-container h2{text-align: center; text-transform: uppercase; font-size: 14px; color: #333; padding: 10px; line-height: 18px; font-weight: normal;}
#category-container span{text-transform:none;}

.category-box{margin:0 0 20px;} 
.span4.category-box img{}
.category-box h2{padding: 0 5px; background-color: #eee; border-radius: 5px 5px 0 0; }
.category-box h2 a{color: #777; font-weight: normal; text-transform: uppercase; font-size: 14px;}  
.category-box-text{}
.category-box p{font-size:14px; text-transform:uppercase; text-align:center; padding:10px 10px 0;}

/*-----------------------------------------------------------------------------------------------------------------------
Category WOD Pages
*/
.category-wod article{float:left; width:50%;}
.category-wod article section{border:none;}
.category-wod article .thumb{float:left; height:auto; width:auto; margin:0;}
.category-wod article .article-content-container{overflow:hidden; padding:0; margin:0 20px;}
.category-wod article .article-text-container{float:left; margin:20px 0 0; text-align:center;}
.category-wod article .article-text-container h2{font-size:15px; line-height:19px;}
.category-wod article .article-text-container p{margin:0;}

/*
Category Quotes
*/
#quote-container{margin:0 auto;}
.masonry .item { width: 200px; height: auto; float: left; margin:0 0 10px 0;}
.masonry .item img { width: 100%; }
.masonry .item span {text-align:center; text-transform:uppercase; font-size:10px; color:#fff; background:#444; width:100%; display:block;}

img.fade-in {
  opacity: 0.8;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
img.fade-in:hover {
  opacity: 1.0;
  transition: opacity .55s ease-in-out;
  -moz-transition: opacity .55s ease-in-out;
  -webkit-transition: opacity .55s ease-in-out;
}

/*-----------------------------------------------------------------------------------------------------------------------
Author Pages
*/
.author h1{padding:20px; background:#60B1CC; color:#fff; margin:0 0 10px 0; border-radius: 0 7px 7px 0;}
.author h1 a{color:#fff;}

.author .author-box{overflow:hidden; margin:0;}
.author .author-box img{float:left; width:100%; max-width:150px; margin:0 20px 10px 0;}
.author .author-box h2{margin:0 0 10px 0; font-size:20px; font-style:italic; padding:0 0 0 20px; background-color:#888; color:#fff; border-radius:0 7px 7px 0; letter-spacing:0.1em;}

.author .social-icons{overflow:hidden;}
.author .social-icons img{margin:0 5px 7px 0; width:32px;}

.author .blog .heading{background: #777; color: #fff; font-size: 16px; font-style: italic; font-weight:normal; padding: 0 0 0 10px; margin: 0 0 10px; letter-spacing: 1px; border-radius: 0 7px 7px 0;}

/*-----------------------------------------------------------------------------------------------------------------------
Social
*/

.social-bar{padding:7px 5px 0; background:#eee;}
.sb-title{display:block; float:left; margin:0 20px 0 0; line-height:21px; color:#777; text-transform: uppercase; font-size: 11px;}
.sb-button{width:80px; float:left; display:block; margin:0 10px 0 0;}

.social-bar .sb-link{display:block; float:left; margin:0 0 0 10px; color:#777;	font-size:11px;	text-align:right; background-position:3px 50%;}
.social-bar .sb-link.first{margin:0;}

.sb-twitter{}
.sb-facebook{}
.sb-gplus{width:60px;}
.sb-pinterest{}
.sb-stumble{width:65px;}

.btn-comment{width:67px;}
.btn-email{width:46px;}

.btn-comment{background:url(images/social-icons/icon-comment.gif) no-repeat;}
.btn-email{background:url(images/social-icons/icon-email.png) no-repeat;}

.social-area{overflow:hidden; height:100px; width:235px;}
.sa-left{}
.sa-left .sa-button{margin:0 10px 0 0;}
.sa-right{float:right; width:336px;	margin:0 30px 30px 0;}
.sa-button{display:block; float:left;}
.sa-right .sa-button{margin: 0 10px 0 0;}
.sa-link{display: block; width: 70px; float: left; padding: 4px 5px; border: 1px solid #ddd; margin: 0 0 5px; color: #444; border-radius: 3px; font-size: 11px; text-align: right; background-position:3px 50%;}
.sa-title{margin: 0 0 10px;	display: block;	color: #777; text-transform: uppercase;	font-size: 12px; background: #EEE; padding: 2px 5px;}

.social-reminder{clear:both; padding:20px 0;}
.sr-title{color:#333; font-size:18px; line-height:21px; font-weight:bold;}
.sr-content{padding:20px 0 0 0;}
.sr-content p{padding:5px 0; margin:0;}
.sr-social{overflow:hidden;}
.sr-social span{padding: 0 10px 0 0; display: block; float: left;}
.sr-button .fb-like{width:44px;}
.we-love-you{font-style:italic; font-size:14px; line-height:16px; font-weight:bold;}

.social-reminder-quote{width:300px; border:1px solid #f60; border-radius:12px; margin:20px 0 20px 0;}
.social-reminder-quote .sr-content{padding:15px;}
.social-reminder-quote .sr-social{padding:10px 10px 10px; overflow:hidden;}

.social-reminder-quote.q-and-a{float:left; margin:10px 0;}

/*Write For Us*/
div.write-for-us {margin:20px 0; border:3px solid #FF6600; max-width:307px;}

/*Front Page Ad Stuff*/
.ad{}
.ad-970x90{height:90px; width:970px;}
.ad-336x280{height:280px; width:336px;}
.fp-content-ad-row{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px dotted #ACC4CC;}
.fp-ad-in-content{float:left;}
.fp-ad-post{float:left; width:243px; margin:0 20px 0 0;}
.fp-ad-post .thumb{overflow:hidden; margin:0;}
.fp-ad-post .article-text-container{clear:both; margin:10px 0 0 0; padding:0 7px;}
.fp-ad-post h2{font-size:18px; line-height:24px; padding:10px 0 10px;}
.fp-ad-post .excerpt{display:none;}

.blog #main .fp-content-ad-row p.meta{margin:0;}  
.blog .fp-content-ad-row section{border:none;}

/*Front Page Quote*/
.fp-quote{border-radius:5px; background:#8865A8; font-size:16px; font-weight:normal; padding:10px 15px; margin:20px 0; color:#fff; line-height:24px; overflow:auto;}
.fp-quote p{padding:0; margin:0;}
.fp-quote a{color:#51C4FF; padding:5px;}

/*-----------------------------------------------------------------------------------------------------------------------
@Media Only Screen
*/

/* All */
@media all {
  .navbar-custom{margin:0;}
  .navbar .btn-navbar {padding: 8px 10px;}
  
  .navbar-inner {min-height:0;}  
  
  #menu-main-navigation .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 4px 0;margin: 0 0 0 20px;list-style: none;background-color: #F77F00;border-radius: 0 0 5px 5px;}
  #menu-main-navigation .dropdown:hover .dropdown-menu{display:block;}
  #menu-main-navigation .dropdown-menu a{text-transform: uppercase; font-size: 12px; text-align: left;}
  #menu-main-navigation .dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {background-color: #262D35;}
  
  .carousel-caption{text-align:left;}     
}

/* Normal */
@media only screen and (min-width: 980px){
  .content-container{padding:49px 20px 0;}

  .container-fluid{max-width:970px; margin:0 auto; padding-left:20px; padding-right:20px;}
  .container-fluid.nav-container{padding-left:0px; padding-right:0px;}
		
	.subscribe input[type="text"]{width:60%;}
	.social-box img{width:15%; height:auto; margin: 0 0 0 5px;}
	
	.blog article.fp-secondary-post section{}
}

/* All Smaller than Normal */
/* TODO: This style condition is being overlapped by the condition below - fix.*/
@media only screen and (max-width:979px) {
     
  .nav-collapse .nav {background: #222; opacity: 0.9; border-radius:0 0 10px 10px}
	.navbar.navbar-custom .nav > li > a {color:#fff;}
	li.home span{margin: 0 auto;}
	
	.carousel .item img {width:200%}
	
	.blog article.fp-secondary-post{width:100%; margin:0;}
	.blog article.fp-secondary-post section{min-height:60px; height:auto;}
	.blog article.fp-secondary-post{width:100%;}
	
	.wide-featured-image img {width:200%;}
}

/* Narrow Desktop */
@media only screen and (min-width: 768px) and (max-width:979px) {
	body{/*background:red;*/}
  
  .content-container{padding:49px 20px 0;}
      
  .navbar {display:none;}
  .menu-trigger{display:block;}
	
	.subscribe input[type="text"] {width:51%;}
	.social-box img{width:13%; height:auto;}
  
  .carousel-caption{background:rgba(0, 0, 0, .75);}
  .carousel-caption h2{font-size:20px;}  
  
  .text-fade{}
  
  .category-box.span4{width:31.623931624%; margin-left:1.017158677%;}
  .category-box.span4 p{font-size:10px;}
  
  .fp-ad-post{width:100%}
  .fp-ad-in-content{float:none; clear:both; margin:0 auto; padding:0 0 20px 0;}
  .fp-ad-post .thumb{overflow:auto; margin:0 20px 0 0;}
  .fp-ad-post .article-text-container{clear:none;}
  .fp-ad-post h2{font-size:16px; line-height:20px; margin:0; padding:inherit;}
  .blog #main .fp-content-ad-row p.meta{margin:5px 0;}
  .fp-ad-post .excerpt{display:block;}  
}

/* Target landscape smartphones, portrait tablets, narrow desktops  */
@media screen and (min-width:480px) and (max-width:766px) {	
  body{/*background:orange;*/}
  
  .content-container{padding:0 6px;}
  .single #main article.post {padding: 0px;}
  
  header#banner {position:relative}
  
  .navbar {display:none;}
  .menu-trigger{display:block;}
  
	.subscribe input[type="text"] {width:51%;}
	.social-box img{width:13%; height:auto;}  
  
  .footer-content{margin:0 0 0 20px;}
  
  .text-fade{}
  
  .carousel-caption{background:rgba(0, 0, 0, .75);}
  .carousel-caption h2{font-size:20px;}
 
  .category-box.span4{width:31.623931624%; margin-left:2%; float:left;}
  .category-box.span4 p{font-size:10px;}
  
  .fp-ad-post{width:100%}
  .fp-ad-in-content{float:none; clear:both; margin:0 auto; padding:0 0 20px 0;}
  .fp-ad-post .thumb{overflow:auto; margin:0 20px 0 0;}
  .fp-ad-post .article-text-container{clear:none;}
  .fp-ad-post h2{font-size:16px; line-height:20px; margin:0; padding:inherit;}
  .blog #main .fp-content-ad-row p.meta{margin:5px 0;}
  .fp-ad-post .excerpt{display:block;}  	
}

/* Target portrait smartphones */
@media screen and (max-width:479px){   
  header#banner {position:relative}
  
  .content-container{padding:0 6px;}
  .single #main article.post {padding: 0px;}
  
  .navbar {display:none;}  
  .menu-trigger{display:block;}
  
  #logo{width:180px;}
  #logo img{max-width:auto;}  
  
  article ul, article ol{padding-left:0px;}
    
  .blog article.wide-image .thumb{width:100%; height:auto; float:none;}
  .content-frontpage article.wide-image img{width:100%; height:auto;}
  .blog article .article-text-container{ margin:10px 0 0 0;}
 
  .article-meta {width:100%;}
 
  .wide-social-area {float: left; width: 100%;}
  
  .pagination li.nav-mid-link{display:none;}
  
  .subscribe input[type="text"] {width:45%;}
	.social-box img{width:11%; height:auto;}
  
  .carousel-caption{background:rgba(0, 0, 0, .75);}
  .carousel-caption h2{font-size:20px;}
    
  .footer-content{margin:0 0 0 20px;}
  
  .text-fade{display:none;}
  .blog #main article p.meta{margin:0;}
  .blog article.fp-secondary-post .article-text-container {margin: 10px 0 0 0;}
  .article-text-container {max-height: none;}
  
  .long-social-area{display:none;}
  
  span.category-msg{font-size:15px;}
  
  .category-section{width:300px; margin:0 auto;}
  
  .fp-ad-post{width:100%}
  .fp-ad-in-content{float:none; clear:both; margin:0 auto; padding:0 0 20px 0;}
  .fp-ad-post .thumb{overflow:auto; margin:0 20px 0 0;}
  .fp-ad-post .article-text-container{clear:none;}
  .fp-ad-post h2{font-size:16px; line-height:20px; margin:0; padding:inherit;}
  .blog #main .fp-content-ad-row p.meta{margin:5px 0;}
  .fp-ad-post .excerpt{display:block;}  
}