/*	Hearst Responsive Style
*/

/* ========================= FIXES ============================= */
.body-mobile .widget table {
	width: 100%;
}

#searchform input {
	height: inherit !important;
}

#sidebar #search-div {
	margin-right: auto;
	margin-left: auto;
}

.in-post-widgets-area {
	display: none;
}

.ad_position {
	margin-bottom: 0;
	max-width:100% !important;
}

.catHolder {
	clear: none;
}

/* Don't let iframes etc. widen our content */
#page-wrap iframe, #page-wrap object, #page-wrap embed {
max-width: 100%;
}

.body-desktop #hst-richmedia {
	display: none;
}

#main img {
	max-width: 100%;
}

#pagecontent .wp-polls-ul .ui-icon {
	background: none;
	width: auto;
	height: auto;
}

/* 
 * Fix bizarre shenanigans with JQM. 
 * jQuery Mobile for some reason assumes that the font-size for the #menuPanel is 16px
 * and bizarrely it translates with em instead of pixels. Fixing it here.
 */
#menuPanel {
	font-size: 16px;
}

.body-mobile .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	right: 0;
	-webkit-transform: translate3d(272px,0,0);
	-moz-transform: translate3d(272px,0,0);
	transform: translate3d(272px,0,0);
}

.body-mobile .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(-272px,0,0);
	-moz-transform: translate3d(-272px,0,0);
	transform: translate3d(-272px,0,0);
}

.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
	left: -272px;
	right: 272px;
}

#hst-mediumrectangle2 {
	display: none;
}

.body-mobile #weatherPanel {
	background-color: rgba(0,0,0,.9) !important;
	background-image: none !important;
}

/* Comments "clipping" fix */
.body-mobile .hdn-comments {
	padding: 12px 12px;
	margin-top: 12px;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #fff;
}

/* Images huge like xbox on mobile */
.body-mobile #main #blogarticle .post .wp-caption, .body-mobile #main #blogarticle .post .postimageleft, .body-mobile #main #blogarticle .post .postimageright {
	width: auto !important;
}

/* Swimming on iOS */
.body-mobile  #page-wrap { width:auto !important; }
.body-mobile  #page-wrap:after{ display:none; }

/* Fix for WP comment area */
.body-mobile #commentform input {
    min-width: 95%;
}

.body-mobile .group .comments-group{
	width: 95% !important;
}

#comment {
	width: 95% !important;
}

/* Mobile running into the footer */
.body-mobile #pagecontent {
	padding-bottom: 10px;
}

/* ========================= PAGE STRUCTURE ===================== */
/* 	DEFAULT (MOBILE) COLUMN STYLES */
body {
	min-width: 0px;
}

#main { 
	margin: 0;
}

#branding {
	margin: 0 0 8px 0;
}

#branding .two_img_header-text 
,#branding .two_img_header-text-nopic 
,#branding .extrawide_two_img_header-text
,#branding .extrawide_two_img_header-text-nopic {
    width: 100% !important;
}

#sidebar { 
	display: block;
	float: left;
	width: 100%;
	margin: 0;
}

#content-wrap {
	padding-right: 0;
	background-position: -1000px 0px;
	margin: 0;
}

#outer-wrap {
	width: 100%;
	margin: 0 auto;
}

#nav-border {
	width: 100%;
}

#external-header, #external-footer {
	width: 100%;
	display: block;
}

#page-wrap {
	width: 100%;
}

#extrawide-twoimage-header-wrap {
	width: 100%;
	margin: 0 0 10px 0;
	overflow-x: hidden;
}

.pagecontent {
	margin: 0;
}

/* 	TABLET-PORTRAIT COLUMN STYLES */
/*@media ( min-width: 768px ) {	*/
	.body-desktop #sidebar {
		width: 300px;
		margin-right: -316px;
		float: right;
		clear: right;
	}
	
	.body-desktop #content-wrap {
		background-position: 644px 0px;
		padding-right: 332px;
		margin: 0;
	    padding-left: 16px;
	    width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		*behavior: url(/wp-content/themes/responsive-base/js/boxsizing.htc);
		/*	If you need support for IE7 and lower make 
			sure the boxsizing.htc file is linked properly.
			More info here:  https://github.com/Schepp/box-sizing-polyfill */
	}
	
	.body-desktop .hdn-ad-position {
		/*
		margin-left: 0px !important;
		*/
	}
	
	.body-desktop #outer-wrap {
		width: auto;
	}
	
	.body-desktop #page-wrap {
		width: 978px;
		max-width: 978px;
	}
/*}*/

.body-mobile #sidebar .disclaimer {
	display: none;
}

.body-mobile .disclaimer-message {
	margin: 0 12px;
}

.body-mobile .main-singular .disclaimer-message {
	margin: 0 8px;
}

.body-desktop #main .disclaimer {
	display: none;
}

#pagecontent #sidebar {
	padding: 0;
}

/* ========================= POST ===================== */

#main .wp-caption img {
	margin: 0;
}

#main .wp-caption {
	padding: 10px;
}

#main .wp-caption.aligncenter {
	padding: 10px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#main .wp-caption.aligncenter img { 
	width: 100% !important;
	height: auto !important;
	max-width: 640px;
	margin: 0px;
}

#main .wp-caption.aligncenter .wp-caption-text {
	margin: 5px 0 0 0 !important;
	
}

#main .wp-caption.aligncenter, #main .wp-caption.aligncenter * { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/wp-content/themes/responsive-base/js/boxsizing.htc);
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}

.blogtitle {
	margin-top: 0;
}

/*@media (min-width: 768px ) {
	.main-singular .post {
		margin-left: 16.5%;
	}
	
	.main-singular .post .entry {
		margin-right: 16.5%;
	}
}*/

.body-mobile .main-singular .post .blogtitle {
	margin-bottom: 16px;
	font-size: 21px;
	line-height: 23px;
}

.body-mobile .main-singular .post .meta {
	font-size: 12px;
}

.body-mobile .main-singular .post .entry > * {
	margin-top: 16px;
}

.body-mobile .main-singular .post .entry > *:first-child {
	margin-top: 0;
}

.main-singular .blogtitle, .main-singular .meta, .main-singular .catsandtags, .main-singular .entry, .main-singular .edit-post-link {
	margin-left: 8px;
	margin-right: 8px;
}

.main-singular .meta {
	margin-bottom: 16px;
}


.body-desktop #pagecontent #blogcontent .meta {
	margin-top: 13px;
}

#main .show-more-link
, .body-desktop #main .show-more-posts {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	font-weight: bold !important;
	color: #000 !important;
	cursor: pointer;
	position: relative;
	width:220px;
	height:40px;
	margin-top:12px;
}

#main .show-more-link-default
, .body-desktop #main .show-more-posts-default {
	background-image: url('../images/show-more.png');
	background-position: right;
	background-repeat: no-repeat;
}

#main .show-more-link > div
, .body-desktop #main .show-more-posts > div {
	/*
	position:absolute;
	*/
	padding-right: 40px;
	line-height: 40px;
	width: 180px;
	height: 40px;
}

.body-desktop #main .show-more-posts > div img {
	position: absolute;
	right: 12px;
	top: 14px;
}

.show-more-posts .show-more-posts-loading
, .show-more-posts.ajax-loading .show-more-posts-default {
	display:none;
}

.show-more-posts.ajax-loading .show-more-posts-loading {
	display:inline-block;
}

.body-mobile .show-more-posts:before {
    content: '';
    display: block;
    width: auto;
    position: relative;
    top: 50%;
    z-index: 0;
    height: 1px;
    background-color: #ccc;
}
.body-mobile .show-more-posts {
    height: 40px;
    background-color: #fff;
    line-height: 40px;
    text-align: center;
    padding: 0px 8px;
    border-top: 1px solid #eee;
}
.body-mobile .show-more-posts-loading
, .body-mobile .show-more-posts-default {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 10;
    width: auto;
    padding: 0 4px;
    top: -1px;
}

.body-mobile .show-more-posts-default:after {
    content:'';
    display:block;
    width:10px;
    height:10px;
    position:absolute;
    top:15px;
    right:4px;
    background-image: url('../images/arrow-down.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.body-mobile .show-more-posts-default {
    padding-right: 18px;
}

.body-mobile .show-more-posts-loading img {
    padding-left: 4px;
}

.show-more-posts .show-more-posts-loading
, .show-more-posts.ajax-loading .show-more-posts-default {
	display:none;
}

.show-more-posts.ajax-loading .show-more-posts-loading {
	display:inline-block;
}

#main {
	margin-bottom: 12px;
}
/* ========================= GALLERY ===================== */
#main .gallery img {
	border: 0px;
}

/* In desktop view, we push the post to the right one column */
/*
@media ( min-width: 1280px ) {
	.main-singular .post {
		margin-left: 158px;	
	}
	
	.main-singular .post .entry {
		margin-right: 158px;
	}
}*/

/* ======================== POST META =================== */
.post-author {
	padding: 0;
}

.body-desktop .meta {
	margin-bottom: 1em;
}

.meta {
	font-size: 13px;
	line-height: 16px;
}

#blogcontent .meta span {
	display: block;
}

#blogcontent .meta .post-on {
	display: none;
}

.main-singular .post .meta .post-on {
	margin: 0 .5em;
}

.meta .post-date {
	font-style: italic;
}

/* ====================== LIST &C ===================== */
#blogcontent .blogtitle {
	font-size: 23px;
	font-weight: bold;
}

#blogcontent .post-promo-photo {
	float: left;
	margin: 0 16px 16px 0;
	width: 236px;	
}

#blogcontent .post-promo-photo img {
	width: 100%;
	height: auto;
	margin: 0;
}

.body-mobile #blogcontent .post {
	margin-top: 12px;
	margin-bottom: 0;
	border: 0;
	padding: 12px 0 0 0;
}

.body-mobile #blogcontent .post-loop-content:first-child {
	width: auto;
	margin-top:4px;
	float:left;
	margin-left: 12px;
}

.body-mobile #blogcontent .post-loop-content {
	margin: 0px 10px 16px 0;
	float:right;
	width:45%;
}

.body-desktop #blogcontent .post-loop-content {
	float:right;
	width: 378px;
}

.body-desktop #blogcontent .post-loop-content:first-child {
	float:left;
	width: auto;
}

.body-desktop #blogcontent .sharedaddy {
	float: left;
	clear: left;
}

.body-desktop #blogcontent .catsandtags {
	float: left;
	clear: left;
}

.body-mobile #blogcontent .blogtitle {
	padding-bottom: .1em;
	margin-bottom: 8px;
}

.body-mobile #blogcontent .catsandtags {
	display: none;
}

.body-mobile #blogcontent .blogentrytext > * {
	display: none;
}

.body-mobile #blogcontent .post-promo-photo {
	margin: 0 3% 12px 10px;
	width: 45%;
	height: auto;
}

.body-desktop .index-after-second-post-ad {
	border-bottom: 0 !important;
	padding: 16px 0;
	margin: 0;
}

.body-mobile .index-after-second-post-ad {
	border: 0 !important;
	margin-top: 12px;
	margin-bottom: 0;
}

.body-desktop #main .post {
	margin: 0;
	padding: 16px 0px;
}

.body-desktop #main .post:first-child {
	border: 0;
	padding-top: 20px;
}

.body-mobile #blogcontent .post {
	cursor: pointer;
}

/*=========================== SHAREDADDY ====================== */

.sharedaddy.sd-sharing-enabled {
	border: 0;
	padding: 0;
	border-bottom: 0 !important;
}

.body-mobile .sharedaddy {
	border-top: 1px solid #EEE;
}

.main-singular .sharedaddy.sd-sharing-enabled {
	border-top: 0;
	margin-bottom: 16px;
}

.sharedaddy .sd-sharing.sd-social-hdnicon {
	border: 0;
	padding: 0 0 0 4px;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content {
	margin: 0;	
}

#main .sharedaddy .sd-sharing.sd-social-hdnicon {
	width: auto !important;
}

#main .sharedaddy.sd-sharing-enabled {
	margin-bottom: 0;
}

.body-desktop #blogcontent .sharedaddy.sd-sharing-enabled .sd-sharing.sd-social-hdnicon {
	margin-left: -8px;	
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a {
	padding: 4px;
	height: 32px;
	width: 32px;
	display: block;
	position: relative;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a span {
	height: 32px;
	width: 32px;
	display: block;
	margin: 0;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a span:first-child {
	background-size: cover !important;
	-ms-behavior: url(/wp-content/themes/responsive-base/js/backgroundsize.htc);
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a span + span {
	position: absolute;
	top: 25px;
	font-size: 11px;
	line-height: 11px;
	width: 32px;
	height: 11px;
	text-align: left;
	display: block;
	text-transform: uppercase;
	left: 4px;
	background: none;
	text-indent: 0px;
	text-align: center;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-more a span:first-child {
	height: 17px;
	width: 22px;
	display: block;
	margin: 0;
	position: absolute;
	left: 11px;
	top: 6px;
	background-position: -5px -1px;
	background-size: 32px 32px !important;
}

#pagecontent .sd-social-hdnicon .sd-content > ul li {
	margin: 0 !important;
}

.body-desktop #pagecontent .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content > ul li.share-print {
	position: relative;
	margin: 0 0 0 6px !important;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content > ul li.share-print:before {
	content: "";
	display: block;
	width: 1px;
	height: 24px;
	position: absolute;
	top: 7px;
	left: -3px;
	background-color: #eee;
}

.body-mobile #pagecontent #blogcontent .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-hdn-comment {
	border-left: 1px solid #eee;
	width: 48px;
}

.body-mobile #pagecontent .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-hdn-comment a {
	margin-left: auto;
	margin-right: auto;
}

.body-mobile #pagecontent #blogarticle .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content > ul li.share-hdn-comment {
	position: relative;
	margin: 0 0 0 4px !important;
	width: 55px;
	float: right;
}

.body-mobile #blogarticle .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content > ul li.share-hdn-comment:before {
	content: "";
	display: block;
	height: 32px;
	width: 1px;
	position: absolute;
	top: 8px;
	background-color: #eee;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-hdn-comment a span:first-child {
	height: 15px;
	width: 15px;
	display: block;
	margin: 0;
	position: absolute;
	left: 12.5px;
	top: 7px;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-print a span:first-child {
	height: 13px;
	width: 16px;
	display: block;
	margin: 0;
	position: absolute;
	left: 12px;
	top: 8px;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end {
	border-left: 1px solid #eee;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end a {
	width: 24px;
	top: 0px;
}

.sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end a span
{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 14px;
	left: 8px;
}

#main #blogarticle .post .sharedaddy {
	margin-bottom: 16px;
}

.body-mobile div.sharedaddy .sd-content li.share-print {
	display: none;
}

#pagecontent a.sd-button > span,
#pagecontent a.sd-button:hover > span {
	opacity: 1;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a {
	padding: 3px;
	height: 24px;
	width: 24px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a span {
	height: 24px;
	width: 24px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li a span + span {
	top: 18px;
	font-size: 8px;
	line-height: 8px;
	width: 24px;
	height: 8px;
	left: 3px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-more a span:first-child {
	height: 13px;
	width: 16px;
	left: 10px;
	top: 4px;
	background-position: -5px -1px;
	background-size: 24px 24px !important;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-hdn-comment a span:first-child {
	height: 12px;
	width: 12px;
	left: 9px;
	top: 4px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-print a span:first-child {
	height: 10px;
	width: 12px;
	left: 9px;
	top: 6px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end
{
	width: 24px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end {
	border-left: 0;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end a {
	width: 24px;
	height: 24px;
}

.body-desktop .sharedaddy .sd-sharing.sd-social-hdnicon .sd-content li.share-end a span
{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 3px;
	background-color: #bbb;
	background-size: 10px !important;
	background-position: 7px 7px;
	border-left: 1px solid #eee;
}

#blogarticle .share-end {
	display: none;
}

/*==========================  TSN  ==========================*/
#content-wrap .mobile_sports_widget{
	margin: 20px;
	width: 300px;
	float: left;
}
#content-wrap #sidebar .mobile_sports_widget{
	width: 100%;
	float: none;
	margin: 0px;
}
#content-wrap .mobile_sports_widget img{
	max-width: none;
}
#content-wrap #sidebar .mobile_sports_widget{
	width: 100%;
	float: none;
	margin: 0px;
}

#content-wrap .mobile_sports_widget{
	font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, sans-serif;
	font-weight:bold;
	padding-left: 0px;
}
#content-wrap .mobile_sports_widget_wrapper {
	background-color: #fff;	
}
#content-wrap .mobile_sports_widget_header {
	font-size: 16px; 
	color:#000; 
	font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, sans-serif;
}

#content-wrap .mobile_sports_widget_header span  {
	color:#000; 
}
#content-wrap .mobile_sports_widget th{
	background: #000;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
#content-wrap .mobile_sports_widget td.TSN1{
	font-size:10px;
	font-weight:bold;
}
#content-wrap td.TSN1d,
#content-wrap td.TSN6{
	background: #000;
	color:#fff;
	font-size:13px;
}
#content-wrap .TSN2{
	background:#000;
	color: #fff;
}
#content-wrap .TSN5{
	background:#fff;	
}
#content-wrap .TSN1{
	background:#ddd;	
}


/* Scoreboard */
#content-wrap .tsn_scoreboard table{
	font-size:11px;
}
#content-wrap .tsn_scoreboard table tr{
	border-bottom: 1px solid #999;
}
#content-wrap .tsn_scoreboard table tr:first-child,
#content-wrap .tsn_scoreboard table tr:last-child{
	border-bottom: 0;
}

/* Standings */

/* Draft */
#content-wrap .tsn_draft table{
	background: transparent;
}
#content-wrap .tsn_draft .TSN1{
	background: transparent;	
}
#content-wrap .tsn_draft tr{
	border-bottom: 1px solid #999;
}
#content-wrap .tsn_draft td.TSNDRAFT2:first-child{
	color:#000;
}
#content-wrap .tsn_draft td.TSNDRAFT1:first-child{
	color:#fff;
}
#content-wrap .mobile_sports_widget .TSNDRAFT1{	
	background: #000;
	color:#fff;
	font-size:13px;
}
#content-wrap .mobile_sports_widget .TSNDRAFT2{
	font-size:13px;
}

/* Player */
#content-wrap table.BIOTABLE{
	border-top:2px solid #000;
}
#content-wrap .tsn_player td{
	border-bottom: 1px solid #999;
}
#content-wrap .tsn_player tr:nth-child(odd){
	background: #ddd;
}
#content-wrap .tsn_player tr:nth-child(even){
	background: #fff;
}
#content-wrap .BIOCAT,
#content-wrap .tsn_player .BIOCAT{
	background: #000;
	color:#fff;
	font-size:13px;
}
#content-wrap table.BIOTABLE tr,
#content-wrap table.BIOTABLE tr:nth-child(odd){
	background:#fff;
}
#content-wrap td.BIONAME{
	font-size:17px;
}
#content-wrap span.BIOINFO{
	font-size:11px;
}

/*========================== END TSN ==========================*/

/*========================== CATEGORIES ==========================*/
.widget_categories li {
	display: inline;
	padding-right: 16px;
	padding-left: 16px;
	border-left: 1px solid #ccc;	
}

.widget_categories li:first-child {
	border-left: 0;
	padding-left: 0;
}

#page-body #pagecontent .widget_categories {
	display: none;
	min-height: 22px;
	padding-bottom: 0;
}

#page-body #pagecontent .widget_categories ul {
	padding-bottom: 8px;
}

#page-body #pagecontent .widget_categories ul.children {
	display: inline;
	padding: 0;
	margin: 0;
}

#page-body #pagecontent .widget_categories ul.children li:first-child {
	padding-left: 16px;
	border-left: 1px solid #ccc;
}

.widget_categories h2{
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
}

.body-mobile #pagecontent .widget_categories h2.cats-closed:first-child {
	border-bottom: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
}

h2.cats-open{
}

.show-all-widget {
	position: absolute;
	display: block;
	right: 16px;
	top: 2px;
	line-height: 20px;
	font-size: 12px;
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: right center;
	width: 55px;
	height: 17px;
	text-align: right;
	padding-right: 16px;
}

.show-all-widget.show-all-widget-open {
	background-image: url('../images/arrow-up.png');
}

.show-all-widget .show-all-open {
	display: none;
}

.show-all-widget.show-all-widget-open .show-all-open {
	display: block;
}

.show-all-widget.show-all-widget-open .show-all-closed {
	display: none;
}

#page-body.body-desktop #pagecontent .widget_categories ul li {
	padding-left: 8px;
	padding-right: 8px;
}

#page-body.body-desktop #pagecontent .widget_categories ul li:first-child {
	padding-left: 0;
}

#page-body.body-desktop #pagecontent .widget_categories ul.children li:first-child {
	padding-left: 8px;
}

/*========================== MOST WIDGET ==========================*/


#pagecontent .widget.HDN_WCM_Most_Popular {
	background: inherit;
	padding: 0px 0px;
	line-height: 0px;
}

.body-mobile #pagecontent .widget.HDN_WCM_Most_Popular {
	margin-left: 8px;
	margin-right: 8px;
	margin-top:12px;
}

#pagecontent div.hst-mostpopular.tab-set {
	width: 100%;
	margin: 0;
	background: none;
}

#pagecontent .widget.HDN_WCM_Most_Popular .edge2,
#pagecontent .widget.HDN_WCM_Most_Popular .edge3,
#pagecontent .widget.HDN_WCM_Most_Popular .edge4 {
	background: none;
	padding: 0;
	margin: 0;
}

#pagecontent div.hst-mostpopular.tab-set div {
	width: 100%;
}

#pagecontent .hst-mostpopular .content-tab ol {
	width: inherit;
	margin: 0;
}

#pagecontent .hst-mostpopular li a {
	display: block;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	color: #000;
}

.hst-mostpopular .nav-tabs li a {
	padding: 5px 8px 0px 8px;
}

.hst-mostpopular .nav-tabs {
	margin-left: 0;
}


#pagecontent .hst-mostpopular li a:hover,
#pagecontent .hst-mostpopular li a:visited,
#pagecontent .hst-mostpopular li a:active,
#pagecontent .hst-mostpopular li a:link {
	text-decoration: none;
	color: #000;
}

#pagecontent .hst-mostpopular .nav-tabs li {
	float: left;
	display: block;
	margin-right: 8px;
}

#pagecontent .hst-mostpopular .nav-tabs li a {
	line-height: 40px;
	height: 40px;
	background: linear-gradient( 0deg, #EEE, #FFF );
	border-style: solid;
	border-top-width: 1px;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	position: relative;
	z-index: 10;
	text-transform: uppercase;
}

#pagecontent .hst-mostpopular .nav-tabs li a.selected {
	background: #FFF;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}

#pagecontent .hst-mostpopular .nav-tabs li.lim {
	float: left;
	width: 8px;	
	display: none;
}

#pagecontent .hst-mostpopular .content-tab li:first-child {
	border-top: 1px;
	border-left: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-color: #CCC;
	border-style: solid;
}

#pagecontent .hst-mostpopular .content-tab {
	position: relative;
	top: -1px;
	padding: 0;
	width: 100%;
	border-width: 0px;
}

#pagecontent .hst-mostpopular .content-tab li {
	height: 48px;
	list-style-type: none !important;
	background: #FFF;
	background-image: url('../images/most-arrow.png');
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 40px;
	padding-left: 8px;
	clear: left;
	border-top: 0px;
	border-left: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-color: #CCC;
	border-style: solid;
	margin: 0px 0px;
	line-height: 48px;
	padding-bottom: 0;
}

#pagecontent .hst-mostpopular .content-tab li:hover {
	background-color: #EEE;
}

#pagecontent .hst-mostpopular .nav-tabs {
	border-left-width: 0px;
}

#pagecontent .widget.HDN_WCM_Most_Popular {
	width: auto;
	margin: 10px 0 0 0;
}

/*========================== WIDGETS GENERAL ==========================*/
.widget-title-remainder {
	color: rgb(234, 74, 18);
}

.body-desktop .widget {
	mar#pagecontent ;
}

#page-wrap #sidebar *:first-child {
	margin-top: 0;
}

/*========================= SHADOWS & DESIGN ==========================*/
body {
	background-color: #EEE;
}

body.body-mobile {
	width: 100%;
}

.body-mobile #pagecontent {
	width: 100%;
	overflow: hidden;
}

html {
	width: 100%;
}


.body-mobile #main,
.body-mobile #sidebar {
	width: 100%;	
}

.body-mobile .post, 
.body-mobile .widget, 
.body-mobile .hdn-ad-position,
.body-mobile .widget.HDN_WCM_Most_Popular .content-tab,
.body-mobile #branding,
.body-mobile .archive-header-wrap,
.body-mobile .navigation-slider,
.body-mobile .show-more-posts {
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 6px #CCCCCC;
	-moz-box-shadow:    0 1px 6px #CCCCCC;
	box-shadow:         0 1px 6px #CCCCCC;	
}

.body-desktop #branding,
.body-desktop .branding-wide-extrawide-links-bloglogo,
.body-desktop .navigation-slider {
	background-color: #FFF;
	-webkit-box-shadow: 0px 4px 8px rgba(133, 133, 133, .45);
	-moz-box-shadow:    0px 4px 8px rgba(133, 133, 133, .45);
	box-shadow:         0px 4px 8px rgba(133, 133, 133, .45);	
}

.body-desktop #branding.branding-no-drop-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;		
}

.body-mobile .widget {
	padding: 12px 12px;
	margin-top: 12px;
	margin-left: 8px;
	margin-right: 8px;
}

.body-mobile #pagecontent .widget h2:first-child {
	-webkit-box-shadow: 0 4px 8px -4px #CCCCCC;
	-moz-box-shadow: 0 4px 8px -4px #CCCCCC;
  	box-shadow: 0 4px 8px -4px #CCCCCC;
  	margin: 0 -12px 16px -12px;
  	padding: 0 8px;
  	line-height: 18px;
  	height: 32px;
}

.body-desktop .widget {
	margin-top: 10px;
}

.body-desktop .widget:first-child {
	margin-top: 0;
}

.body-mobile #main {

}

.body-mobile .widget.ad_position[class*=widget-ad-position-],
.body-desktop #branding.branding-wide-extrawide-links,
.body-mobile .widget.HDN_WCM_Most_Popular {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	background:			none;
}

.body-mobile .widget.ad_position[class*=widget-ad-position-],
.body-mobile .widget.HDN_WCM_Most_Popular {
	padding: 0;
}

.body-mobile.old-ie .widget.ad_position[class*=widget-ad-position-],
.body-desktop.old-ie #branding.branding-wide-extrawide-links,
.body-mobile.old-ie .widget.HDN_WCM_Most_Popular {
	margin-left: inherit;
	margin-top: inherit;
	filter: none;
}

.body-mobile .hdn-ad-position {
	background-color: #ccc;
}

.body-mobile .widget.ad_position {
	margin-left: 0;
	margin-right: 0;
}

.body-mobile #main .hdn-ad-position {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.body-mobile #main .widget.ad_position {
	margin-left: 0;
	margin-right: 0;
}

.body-mobile #main #blogarticle .post .widget.ad_position .hdn-ad-position {
	margin-left: -8px;
	margin-right: -8px;
}

.body-mobile .juice-ad-position {
	background-color: #ccc;
	padding: 8px 0;
}

.body-mobile iframe, .body-mobile img, .body-mobile embed, .body-mobile object {
	max-width: 100% !important;
}

.body-mobile #main #blogarticle .post img{
	height: auto !important;
}

.body-mobile #A300_ad_container iframe,
.body-mobile #B300_ad_container iframe,
.body-mobile #S300_ad_container iframe {
  height: inherit !important;
}

.body-mobile #main #blogarticle .post .wp-caption,
.body-mobile #main #blogarticle .post .postimageleft,
.body-mobile #main #blogarticle .post .postimageright {
	float: none;
	max-width: 100%;
	display:block;
	margin:16px auto 0 auto !important;
}

.body-mobile .group {
	background: none;
}

.body-mobile .group.comments-group {
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #FFF;
}

.body-mobile .commentlist {
	margin: 0;
}

.body-mobile .blog-header-top-border, .body-mobile .blog-header-bottom-border {
	display:none;
}

.body-mobile #branding {
	background:none !important;
}

.body-mobile #page-wrap {
	margin-left: auto;
	margin-right: auto;
}

/*=================== BRANDING ====================*/

.body-mobile #header_icon {
	display: none;
}

#branding {
	width: 100%;
}

#pagecontent #branding a:hover {
	text-decoration: underline;
}

/* Standard and Full */
.body-desktop #branding {
	height: 80px;
}

.body-mobile #branding {
	background-image: none !important;
	height: auto !important;
	width: auto !important;
	background-color: #FFF;
	margin-bottom: 8px;
}

.body-mobile #branding #header_icon {
	display: none;
}

.body-desktop .branding-hidetext {
	text-indent: -9999px;
	cursor: pointer;
}

.body-mobile .blogname span {
	color: inherit !important;
}

.body-mobile .blogdescription {
	color: inherit !important;	
}

/* Extra Wide + Links */
.body-desktop .branding-wide-extrawide-links-container {
	padding: 8px 10px 0 10px;
	margin-left: -6px;
}

.branding-wide-extrawide-links-bloglogo {
	float:left;
	width:382px;
	height:131px;
	cursor: pointer;
	margin-left: 6px;
}
	
.branding-wide-extrawide-links-blogdescription {
	float:left;
	width:405px;
	margin-left:7px;
    margin-top: 5px;
}

.branding-wide-extrawide-links-no-links .branding-wide-extrawide-links-blogdescription {
	width: 561px;
}

.branding-wide-extrawide-links-bloglinks {
	margin-left:7px;
	margin-left:10px;
	float:left;
	width:136px;
}

.branding-wide-extrawide-links-bloglinks a {
	color:#333;
}

.branding-wide-extrawide-links-blogdescription p {
	padding-top:4px;
	line-height:1.5em;
	text-align:left;
	margin:0px 10px 10px 10px;
	font-size:13px;
}

.branding-wide-extrawide-links-bloglinks ul {
    list-style: none outside none;
    margin-top: 10px;
}

.branding-wide-extrawide-links-bloglinks li {
    background: url("../images/bluesquare.gif") no-repeat scroll left top transparent;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-left: 14px;
}

.body-desktop .branding-wide-extrawide-links .blogname {
	text-indent: -9999px;
}

.body-mobile .branding-wide-extrawide-links .blogdescription p {
	font-size: inherit;
	color: inherit;
	text-align: center;
}

.body-mobile .branding-wide-extrawide-links-blogdescription {
	float: none;
	width: auto;
	margin: 0;
}

.body-mobile .branding-wide-extrawide-links-bloglinks {
	display: none;
}

.body-mobile .branding-wide-extrawide-links-bloglogo {
	background: none !important;
	width: auto !important;
	height: auto !important;
	float: none;
	text-align: center;
}

/* Extra Wide */
.body-desktop .branding-wide-extrawide-container {
	padding: 8px 10px 0 10px;
}

.branding-wide-extrawide-container #branding {
	position: relative;
}

.branding-wide-extrawide-bloglinks {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.branding-wide-extrawide-blogdescription { 
	margin-left:10px;
	margin-right:10px;
}

.branding-wide-extrawide .blogname {
	margin-left:10px;
	margin-right:10px;
}

.body-mobile .branding-wide-extrawide-blogdescription {
	float: none;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	color: inherit !important;
}

.body-mobile .branding-wide-extrawide-blogdescription p {
	color: inherit !important;
	text-align: center;
	font-size: inherit;
}

.body-mobile .branding-wide-extrawide-bloglinks {
	display: none;
}

.body-mobile .branding-wide-extrawide .blogname {
	background: none !important;
	width: auto !important;
	height: auto !important;
	float: none;
	text-align: center;
}

/* Standard Links */
.body-desktop #branding.branding-standard-full-links .header-text {
	text-align: left;
	display: block;
	padding-left: 15px;
	
}

.body-desktop #branding.branding-standard-full-links .header-text.header-text-has-inset {
	margin: 0px auto 0 auto;
	position: relative;
	top: 2px;
	padding-left: 102px;
}

.body-desktop #branding.branding-standard-full-links .branding-standard-full-links-bloglinks {
	position: static;
}

.body-mobile .branding-standard-full-links-bloglinks {
	display: none;
}

/*=================== SEARCH ===============*/

.search-container .search-inputs {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/wp-content/themes/responsive-base/js/boxsizing.htc);
}

.search-container .search-description {
	margin: 8px 0 16px 0;
}

.search-container .search-keywords {
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/wp-content/themes/responsive-base/js/boxsizing.htc);
}

.search-container .search-submit {
	padding: 8px;
	width: 64px;
	text-align: center;
	cursor: pointer;
	margin-top: 16px;
}

/* ==================== ARCHIVES WIDGET ======================================== */
.widget_archive {
	display: none;
}

.body-mobile .hidden-archive-widget-container {
	margin-bottom: 12px;
}

.body-desktop .hidden-archive-widget-container {
	margin-top: 16px;
}
.body-desktop .hidden-archive-widget-container .widget {
	margin-top: 0;
}

.archive-dropdown-item {
	line-height: 28px;
	font-size: 12px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #DDD;
	padding: 0 8px;
	height: 28px;
	position: relative;
}

.archive-dropdown-header {
	border-width: 1px 1px 1px 1px;
	cursor: pointer;
	text-transform: uppercase;
}

.archive-dropdown-header-sprite {
	background-image: url('../images/arrow-down.png');
	width: 10px;
	height: 10px;
	position: absolute;
	right: 8px;
	top: 9px
}

.archive-dropdown-header-open .archive-dropdown-header-sprite {
	background-image: url('../images/arrow-up.png');	
}

.archive-dropdown {
	margin-top: 16px;
}

.archive-dropdown-more {
	cursor: pointer;
}

.archive-dropdown-more span {
	display: block;
	width: 108px;
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	text-transform: uppercase;
}

.archive-description {
	margin-top: 16px;
}

.body-mobile .archive-dropdown-link {
	cursor: pointer;
}

/*========================== SEARCH/ARCHIVES ========================= */
.body-mobile #main .archive-header-wrap {
	background-color: #fff;
	margin-bottom: 8px;
	padding: 8px 0;
}

#main .archive-header {
	background-color: #DDD;
	padding: 8px;
}

#main .archive-header {
	margin: 0 8px 1px 8px;
}

#main .archive-header + .widget {
	margin: -1px 8px 0px 8px;
	padding: 8px;
	border-top: 1px solid #fff;
	border-bottom: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;	
}

#main .archive-header + .widget_search,
#main .archive-header + .widget_archive,
#main .archive-header + .widget_categories {
	background-color: #eee;
}

#pagecontent #main .archive-header + .widget_search h2:first-child,
#pagecontent #main .archive-header + .widget_archive h2:first-child {
	display: none;
}

#main .archive-header + .widget_archive .archive-dropdown-item {
	background-color: #fff;
}

#pagecontent #main .archive-header + .widget h2:first-child {
	margin: -8px -8px 8px -8px;
	padding: 8px;
	font-size: inherit;
	background-color: #eee;
	height: auto;
}

#main .archive-header + .widget h2 .show-all-widget {
	top:8px;
}

.body-desktop #main .archive-header,
.body-desktop #main .archive-header + .widget {
	margin-left: 0;
	margin-right: 0;
}

#main .archive-header + .widget_archive .archive-description {
	margin-top: 8px;
}

#main .archive-header + .widget_categories ul {
	padding-bottom: 8px;
}

#main .archive-header + .widget_categories {
	padding-bottom: 0;
}

/*========================== SUBNAVIGATION ================================== */
.navigation-slider li {
    display: inline-block;
    margin-left: 1em;
    height: 40px;
    line-height: 40px;
}

.navigation-slider li:first-child {

}

.navigation-slider ul {
    position: relative;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.navigation-slider {
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    position: relative;
    display: none;
    cursor: move;
    margin-top: -8px;
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 100%;
}

#main .navigation-slider,
.body-mobile .navigation-slider {
	margin-left: 0;
	margin-right: 0;
}

.navigation-slider-left
,.navigation-slider-right {
	height: 60px;
	width: 60px;
	position: absolute;
	top: -10px;
	cursor: pointer;
	background-size: 20px;
	background-repeat: no-repeat;
	-ms-behavior: url(/wp-content/themes/responsive-base/js/backgroundsize.htc);
	display: none !important;
}

.navigation-slider-left {
	left: 0px;
	background-image: url(../images/arrow-left-black.png);
	background-position: 5px 20px;
}

.navigation-slider-right {
	right: 0px;
	background-image: url(../images/arrow-right-black.png);
	background-position: 35px 20px;
}

/*=========================== HIDERS =====================*/
.body-mobile .only-desktop,
.body-desktop .only-mobile {
	display: none !important;
}

.body-desktop .only-desktop,
.body-mobile .only-mobile {
	display: inline-block !important;
}

/*=========================== AUTHOR MODULE ===================*/
#blogauthor {
	background-color: #DDD;
	padding-top: 8px;
	padding-bottom: 4px;
	margin-top: 16px;
	border-top: 1px #ccc;
}

.blogauthor-meta {
	border-bottom: 1px solid #000;
	margin: 0 8px 4px 8px;
	padding: 0 0 4px 0;
}

#main #blogarticle #blogauthor .blogauthor-social {
	margin-bottom: 0;
}


.body-mobile #blogarticle .post {
	padding-bottom: 0;
}



/*
	SPOTLIGHT CSS
*/

#spotlight-area-wrapper {
    width: 100%;
}

.body-desktop #spotlight-area-wrapper .meta,
.body-desktop #spotlight-area-wrapper .catsandtags{
	display: none;
}

.body-desktop .spotlight-col-1{
	width: 400px;
	padding-right: 22px;
	float: left;
}

.body-desktop .spotlight-col-1.single{
	width: 100%;
	padding-right: 0;
}

.body-mobile .spotlight-col-1{
	min-width: 100%;
	float: left;
	padding-right: 0px;
}



.body-desktop .spotlight-col-2{
	width: 210px;
	float: left;
}

.body-desktop .spotlight-col-2-top .post-promo-photo{
	margin: 0 !important;
    width:210px !important;
}

.body-mobile #spotlight-area-wrapper {
    width: 100%;
    margin: 0 auto;
}

.body-mobile .spotlight-col-2{
	min-width: 100%;
	float: left;
}

.body-mobile .spotlight-feature .post-promo-photo-wrapper {
  	display: block;
	height: auto;
	width: auto;
	margin: auto 8px;
}

.body-mobile .spotlight-feature .post-promo-photo,
.body-desktop .spotlight-feature .post-promo-photo {
	height: auto;
	min-width: 100%;
	margin: 0 !important;
}

.body-mobile #blogcontent .spotlight-feature  .blogentrytext > *{
	display: block;
	width: auto;
	margin: auto 8px;
}

.body-mobile #blogcontent .spotlight-feature  .edit-post-link > *{
	width: auto;
	margin: auto 8px;
}

.body-mobile #blogcontent .spotlight-feature .post-loop-content {
   float: left;
   margin-left: 12px;
   margin-top: 4px;
   width: auto;
}

.spotlight-col-2-top{

}

.spotlight-col-2-bottom{
	padding-bottom: 12px;
}

.body-mobile .spotlight-col-2-bottom{
	padding-bottom: 0;
}

.spotlight-col-2-bottom .post{
	padding: 5px 0 !important;
	border-top: none !important;
}

.post_excerpt_format_display {
	display: block;
}

.post_excerpt_format_hidden {
	display: none;
}

.post_full_format_display {
	display: block;
}

.post_full_format_hidden {
	display: none;
}


/*HDN Respnsive Youtube Video*/

.hdn-youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.hdn-youtube-video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Tutorial Overlay*/
.overlayInner {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 0;
  position: absolute;
  z-index: 2000;
}

.overlay {
	height:100%;
	position:fixed;
	width:100%;
	z-index:2000;
}

.overlayInner {
	background:#000;
	background:rgba(0,0,0,0.7);
	position:absolute;
	z-index:2000;
	color:#fff;
	opacity:0;
}

.cutout {
	background:none;
	background:rgba(0,0,0,0);
	-webkit-box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,0.7);
	-moz-box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,0.7);
	box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,0.7);
}

.description {
	background:#448ABF;
	box-shadow:2px 2px 5px #000;
	position:fixed;
	width:290px;
	opacity:0;
	z-index:3000;
}

.description .close .icon {
	background:#172E40;
	color:#fff;
	font-family:"Arial";
	font-size:12px;
	font-weight:700;
	line-height:30px;
	position:absolute;
	right:5px;
	text-align:center;
	top:5px;
	width:30px;
}

.description .close .icon:hover {
	background:#5BB8FF;
}

.description h1 {
	background:#2E5C7F;
	color:#fff;
	font-family:"Arial",sans-serif;
	font-size:16px;
	font-weight:700;
	text-align:center;
	line-height:60px;
	text-transform:uppercase;
}

.description p {
	color:#fff;
	font-family:"Arial",sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	padding:20px;
	text-transform:uppercase;
}

.description.top .arrow {
	height:20px;
	left:125px;
	position:absolute;
	top:-15px;
	width:40px;
}

.description .arrow .icon {
	background:url(/img/utils/tutorial/descriptionArrow.png);
	display:block;
}

.description.top .arrow .icon {
	background-position:0 0;
	height:20px;
	width:40px;
}

.description.right .arrow {
	height:40px;
	left:285px;
	position:absolute;
	top:10px;
	width:20px;
}

.description.right .arrow .icon {
	background-position:-20px 0;
	height:40px;
	width:20px;
}

.description.left .arrow {
	height:40px;
	left:-15px;
	position:absolute;
	top:10px;
	width:20px;
}

.description.left .arrow .icon {
	background-position:0 0;
	height:40px;
	width:20px;
}

.description .button {
	background:#172E40;
	color:#fff;
	float:left;
	font-family:"Arial",sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:36px;
	margin:0 0 15px;
	padding:0 24px;
	position:relative;
	text-transform:uppercase;
}

.description .button.next {
	display:none;
	left:102px;
}

.description .button.close {
	display:none;
	left:97px;
}

.description .button.yes {
	display:none;
	left:102px;
}

.description .button:hover {
	background:#5BB8FF;
}