/*
Theme Name: Bayside Times
Template: bayside
Author: 3120 Media & Pixelstyle
Version: 1.0
Updated: 2014-01-18 19:34:35
*/

@charset "UTF-8";
@import url('../bayside/style.css');

/* -------------------- 02. B. FONT COLORS -------------------- */

.header-top a, .header-top a:hover {color:#fff !important;}
a {color:#990500}
#sidebar a {
color: #424347 !important;
}
a:hover, #sidebar a:hover, #sidebar a:hover h6 {color:#990500 !important;}

h1 {color:#2e2f32;font-size: 40px !important;}
h2, h3, h4, h5, h6 {color:#424347;}
h1 a, h2 a, h3 a, h4 a, h5 a, {#990500 !important;}
#sidebar h5 {color:#d2d3d3;}

h6.bayside-category a, h6.bayside-category a:hover {
	color: #fff !important;
}

#menu-menu-2, #menu-main-menu {
	overflow: hidden;
}

#menu-menu-2 li a, #menu-main-menu li a {
	color: #fff !important;
}

.sf-menu a {
padding-top: 22px !important;
padding-bottom: 20px !important;
}

body {
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

/* -------------------- HEADLINE -------------------- */
body.home #content h1.page-title {display:none;}
h1 {
font-size: 50px;
}

/* -------------------- Change body background --------------------------*/

body {
background-image: url(images/sidebar.png);
}

/* -------------------- 04. B. MAIN CONTAINER STYLES -------------------- 
/* "content" padding changed from 22/0/15/318 to 22/0/15/284
/* "page content" margin left changed from 293 to 259
/*
/*
*/
#content {
  padding: 22px 0px 15px 284px;
}
#page-content {
	padding: 22px 30px 15px 24px;
	margin-left: 259px;
}

/* -------------------- 05. SIDEBAR STYLES -------------------- */
#sidebar {
	width:201px;
	padding:20px 30px 30px 26px;
	border-right: 1px solid #e7e7e9 !important;
}

/* ---- Content Containers ---- */
.content-container {
height: 410px !important;
overflow: hidden !important;
}

#sidebar h5 {
color: #000 !important;
}

#sidebar h5 span.wit-selected {
color: #424347 !important;
}

#sidebar h5 
/* -------------------- Media overlay labels ------------------ */

.media-overlay {
bottom: 5px;
left: 5px;
}

.media-overlay a {
margin: 4px 4px 0 0;
font-size: 11px;
font-weight: bold;
}

.post-type-icon {
display: none;
}

/* ------------------ Headlines and text box -------------------- */

h2 {
font-size: 22px;
}

.featured-summary {
padding: 10px 8px 10px 8px;
}

/* ------ Header and menu ------ */
.menu-main-menu-container .sf-menu a {
padding-top: 20px;
padding-bottom: 24px;
}

body header h1#logo {
margin: 0px 10px 0px 0;
padding: 0px 5px 0px 0px;
}

#sticky-navigation-spacer {
padding-top: 80px;
}

/* ---- sidebar ---- */
#sidebar .progression-tab a.popular-title {
padding-left: 24px;
background: url(../bayside/images/meta-data-index.png) 3px -78px no-repeat;
}

#sidebar .progression-tab a.recent-title {
background: url(../bayside/images/meta-data-index.png) 3px 4px no-repeat;
}

#sidebar h5, #sidebar .progression-tab a {
font-size: 12px;
}

.wit-tab-title:first-child {
padding: 2px 7px 2px 0 !important;
}

.wit-tab-title:nth-child(2) {
padding: 2px 7px 2px 0 !important;
}

.wit-tab-title:nth-child(3) {
padding: 2px 0 2px 0 !important;
}

.wit-tab-title.wit-selected {
text-decoration: underline !important;
}

.wit-tab-title:hover {
text-shadow: none !important;
}

.wit-title.show-all .wit-tab-title:after {
content: "" !important;
}

.wit-tab-title:last-child {
padding: 2px 0 2px 0 !important;
}

.meta-data-index {
position: absolute !important;
bottom: 2px;
width: 284px;
padding-top: 90px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.meta-data-index a {
color: #000;
}

.pagination a {
color: #990500 !important;
}

.pagination a.selected {
color: #fff !important;
background-color: #990500 !important;
}

.pagination a:hover {
background: #424347 !important;
color: #fff !important;
}

.content-container:hover {
border-bottom-color: #990500 !important;
}

/* ---- What where they thinking??!! ---- */
#page-content, #full-width {
border-right: 0 !important;
border-bottom: 0 !important;
}

.boxed-mason {
height: 412px !important;
}

.boxed-mason .featured-media {
	height: 175px;
	overflow: hidden;
}

.boxed-mason .featured-media img {
width: 300px !important;
min-height: 175px !important;
overflow: hidden;
}

.boxed-mason h2 {
min-height: 45px;
}

.boxed-mason p {
height: 105px;
overflow: hidden;
}

.boxed-mason.adscontainer {
background-color: #f3f3f4;
}

.boxed-mason.adscontainer .content-container {
border-bottom: 0 !important;
background-color: #f3f3f4;
}

ins {
background: #f3f3f4 !important;
}

.boxed-mason.adscontainer .content-container ins {
margin-top: 85px;
}

/* ---- Infinite loading ---- */
#infscr-loading {
bottom: 20px;
width: 150px;
background: #fff;
color: #000;
border: 1px solid #ccc;
}

#infscr-loading img {
height: 35px;
width: 35px;
}

/* Widgets */

#widget_tptn_pop-2 li {
min-height: 65px;
}

#widget_tptn_pop-2 li a {
color: #424347;
}

#widget_tptn_pop-2 li a:hover {
color: #990500;
}

#widget_tptn_pop-2 li img {
float: left;
margin-right: 5px;
}

#widget_tptn_pop-2 li .tptn_title {
font-size: 14px;
font-weight: bold;
line-height: 1;
}

#widget_tptn_pop-2 li .tptn_date {
display: block;
}

#dpe_fp_widget-2 li {
min-height: 65px;
}

#dpe_fp_widget-2 li img {
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}

#dpe_fp_widget-2 h4 {
font-size: 14px;
font-weight: bold;
line-height: 1;
}

#dpe_fp_widget-3 li {
min-height: 65px;
}

#dpe_fp_widget-3 li img {
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}

#dpe_fp_widget-3 h4 {
font-size: 14px;
font-weight: bold;
line-height: 1;
}

#sidebar ul {
	border-bottom: 0;
	padding-bottom: 0;
}

.caption, .wp-caption-text {
	font-size: 11px;
	font-style: italic;
}

.tags-bayside a {
background: #f7f7f7;
color: #990500;
padding: 3px 7px;
margin: 0px 5px 5px 0px;
display: inline-block;
}

.tags-bayside a:hover {
background: #ccc;
}

/* popular posts */

.tptn_posts_daily img {
height: 60px;
width: 60px;
}

.ps-scrollbar-x, .ps-scrollbar-x-rail {
display: none !important;
}

.comments-mini {
display: none;
}

/* ---- Responsive fixes ---- */
@media(max-width: 767px) {
	header .grid2column {
		width: 100% !important;
	}
	#sidebar {
		padding: 10px 5% 10px 5% !important;
		border-bottom: 1px solid #e7e7e9 !important;
	}
	#sidebar-widgets {
		top: 53px !important;
		border-right: 1px solid #e7e7e9 !important;
		border-bottom: 1px solid #cccccc !important;
	}
section#page-content, section#content {
		padding-top: 60px !important;
	}
}

/* Newsletter */

#mc_embed_signup {
	background:#fff;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
}

#mc_embed_signup form {
padding: 0 !important;
}

#mc_embed_signup .mc-field-group {
padding-bottom: 0 !important;
min-height: 15px !important;
width: 100% !important;
}

#mc_embed_signup .mc-field-group input {
margin: 0 0 5px 0;
}

#mc_embed_signup div.mce_inline_error {
background-color: #990500 !important;
}

/* ad placement */

.dfp-pbr {
float: right;
margin-left: 10px;
}

.dfp-ptb {
margin-bottom: 10px;
}

div#div-gpt-ad-1455818784030-0 {
    margin-bottom: 10px;
}