/*
Theme Name: WTI2015
Description: Modified theme for Way Too Indie.
Author: MVP Themes
Author URI: http://waytooindie.com
Theme URI: http://waytooindie.com
Version: 2.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* 
	Resets
	http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

html {overflow-x: hidden;}
body {color: #2f2f2f; font: normal 100% 'Helvetica', 'Arial', sans-serif;  margin: 0px auto; padding: 0px;}
img {max-width: 100%; height: auto;}
iframe,embed,object,video {max-width: 100%;}
h1 {font-family: 'Libre Baskerville', serif;}
h1, h2 {color:#ce0c02; font-size:30px;}
/************************************************
	Hyperlinks
************************************************/
a, a:visited {text-decoration: none; color:#ce0c02;}
a:hover {text-decoration: underline; color:#2f2f2f;}

/************************************************
	Layout
************************************************/

#site {float: left; width: 100%;}
.right, .alignright {float: right;}
.left, .alignleft {float: left;}
.aligncenter {display: block; margin: 0 auto;}
.lazy {display: none;}

/************************************************
	Navigation
************************************************/

#nav-wrapper {
	float: left;
	position: relative;
	width: 100%;
	height: 54px;
	z-index: 2000;
    background:#fff;
    border-bottom: 1px solid #ce0c02;
    -webkit-transform: translateZ(0);
	}

.fixed {opacity: 1.0; position: fixed !important;}
.fixed:hover {opacity: 1.0;}

#nav-inner {margin: 0 auto; position: relative; width:100%; max-width: 1200px; height: 54px;}

#mobi-nav {
	border-right: 1px solid #ccc;
	display: none;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 74px;
	height: 54px;
	}

#mobi-nav:hover,
#mobi-nav select {cursor: pointer;}

#mobi-nav select {
	background: url(images/menu-but.png) no-repeat 50% 50%;
	border: none;
	color: #111;
	float: left;
	padding-right: 74px;
	width: 0;
	height: 54px;
	-webkit-appearance: none !important;
	}

#logo-small {
	float: left;
	line-height: 0;
	margin: 0 20px 0 10px;
	overflow: hidden;
	max-width: 210px;
	}

#logo-small img {float: left;}

#main-nav {float: left; position: relative;width:94%;}
#main-nav .menu,
#main-nav .menu li {display: inline; float: left; position: relative;}

#main-nav .menu li a {
	color: #2f2f2f;
	float: left;
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
    padding:18px 15px 13px 15px;
	}

#main-nav .menu li a:hover{color: #fff;text-decoration: none;}
#main-nav .menu .sub-menu li a {color:#fff;}
#main-nav .menu .sub-menu li a:hover {color:#999;}
#main-nav ul li:hover {background:#2f2f2f; color: #fff; text-decoration: none;}

#main-nav .menu li ul {background: #2f2f2f; display: none; position: absolute; top: 47px; left: 0;}
#main-nav .menu li:hover a {color:#fff;}
#main-nav .menu li:hover ul {display: block;}
#main-nav .menu li:hover ul li {display: block; border-top: 1px dotted #ccc; float: left; position: relative;}
#main-nav .menu li:hover ul li:first-child {border-top: none;}
#main-nav .menu li:hover ul li a {
	float: left;
	font-size: 16px;
	line-height: 100%;
	padding: 12px 18px;
	text-transform: none;
	width: 200px;
    color:#fff;
	}

#main-nav .menu li:hover ul li ul {display: none; position: absolute; top: 0; left: 186px;}
#main-nav .menu li:hover ul li:hover ul {display: block;}
#main-nav .menu li:hover ul li:hover ul li {display: inline;}
#main-nav .menu li:hover ul li:hover ul li ul {display: none;}

#search-button {float: right; padding: 15px; position: relative; width: 2%;}
#search-button:hover {cursor: pointer;}
#search-button img {float: left;}
#search-bar {
	background: #ddd;
	cursor: default;
	display: none;
	position: absolute;
    top: 10px;
    right: 0px;
	width: 320px;
	}

#searchform {float: left;}
#searchform input {
	background: #ddd;
	color: #333;
	float: left;
	font-size:18px;
	padding: 8px;
	width: 280px;
    border:none;
	}

#searchform #searchsubmit {border: none; float: left;}
#searchform #s:focus {outline: none;}

/************************************************
	Homepage
************************************************/

#body-wrapper {float: left; position: relative; width: 100%; z-index: 1;}
#main-wrapper {margin: 0 auto; position: relative; width: 1200px; z-index: 10;}

.video-button {
	line-height: 0;
	opacity: 0.5;
	position: absolute;
		-moz-transition: opacity 0.3s;
		-ms-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	}

#content-wrapper {background: #fff; float: left; margin-top: 20px; position: relative;width: 100%;}
#content-main {float: left; position: relative; width: 880px;}

.content-full {
		-ms-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-o-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width: 100% !important;
	}

#home-main {background: #fff; float: left; padding: 0px; position: relative; width: 100%;}
.home-full {width: 960px !important;}

.home-widget,
.sidebar-widget {float: left; position: relative;width: 100%;}

.home-widget {font: 12px/18px helvetica, arial, sans-serif; margin-bottom: 30px;}

h1.home-widget-header {
	float: left;
	font-size: 40px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 10px;
	margin: 10px 0 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	}

h3.home-widget-header {
	float: left;
	font-size: 40px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 10px;
	margin: 10px 0 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	}

h1.archive-header {
	float: left;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 10px;
	margin: 10px 0 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	}

.home-widget span.widget-cat-contain {
	float: left;
	margin-top: -14px;
	position: absolute;
    top: 0;
    left: 0;
	text-align: center;
	width: 100%;
	}

.home-widget h3.widget-cat {
	border: 3px solid #fff;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	}

.home-widget span.widget-info,
.home-widget span.widget-info a,
.sidebar-widget span.widget-info,
.sidebar-widget span.widget-info a {color: #999; float: left; margin-bottom: 5px; width: 100%;}

.home-widget ul.home-list {
	background: #fff;
	display: block;
	float: left;
	position: relative;
	width: 100%;	
	}

.home-widget ul.home-list li {
	background: #fff;
	border-top: 1px dotted #ccc;
	display: block;
	float: left;
	padding: 20px 0;
	width: 100%;
	}
.home-widget ul.home-list li:first-child {border-top: none;}
.home-widget .home-list-img {float: left; line-height: 0; margin-right: 20px; position: relative; width: 295px;}

ul.home-list li .video-button {top: 10px; left: 10px; width: 50px;height: 50px;}
ul.home-list li .video-button img {max-width: 100%; width: 100%;}
ul.home-list li:hover .video-button {opacity: 0.7;}
.home-widget .home-list-content {float: left; width: 300px;}

.home-widget .home-list-content h2 {
	float: left;
	font-size: 24px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 10px;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		-webkit-transition: color 0.2s;
	transition: color 0.2s;
	width: 100%;
	}

.home-widget .home-list-content p,
.home-widget .home-list-content p a {color: #444; float: left; width: 100%;font-size:14px;}

/************************************************
	Posts
************************************************/

#post-area {font: 18px/30px georgia, 'times new roman', serif; width: 100%;}
#post-area p {display: block; margin-bottom: 30px;}

h3.story-cat {
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	width: 100%;
	}

h3.story-cat li {display: inline;}
h1.story-title {margin-bottom: 10px;}

#post-info {float: left; margin-bottom: 20px; width: 100%;}

#content-area {float: left; width: 100%;}

#content-area h1,
#content-area h2,
#content-area h3,
#content-area h4,
#content-area h5,
#content-area h6 {clear: right; line-height: 120%; overflow: hidden; margin: 10px 0;}

#content-area h1, #content-area h2 {font-size: 30px; font-weight: 700;}
#content-area h3 {font-size: 25px; font-weight: 700;}
#content-area h4, #content-area h5, #content-area h6 {font-size: 18px; font-weight: 700;}

#content-area ul {list-style: disc outside; margin: 10px 0;}
#content-area ol {list-style: decimal outside; margin: 10px 0;}

#content-area ul li,
#content-area ol li {margin-left: 50px; padding: 5px 0px;}

#post-area blockquote {
	border-left: 1px #ccc solid;
	color: #777;
	font: italic 14px/22px verdana, arial, sans-serif;;
	margin: 10px;
	padding-left: 40px;
	}

.post-tags {float: left; font: 400 12px/12px 'Oswald', sans-serif; margin-bottom: 20px; width: 100%;}

.post-tags a,
span.post-tags-header {
	color: #fff;
	display: inline-block;
	float: left;
	margin: 0 1px 1px;
	padding: 5px 7px;
	text-transform: uppercase;
	}

.post-tags a {background: #aaa;}
.post-tags a:visited {color: #fff;}
.post-tags a:hover {color: #fff; text-decoration: none;}

#author-wrapper {float: left; margin-bottom: 20px; padding: 10px 0; width: 99%;}
#author-info {float: left; padding: 10px 0; position: relative; width: 100%;}

.author-name {float: left; margin-bottom: 10px; width: 100%;}
.author-name a {color: #555 !important;}

#author-info ul {display: inline-block; margin: 0;}
#author-info ul li {display: inline; float: left; overflow: hidden; margin: 0; padding: 0 5px;}

.prev-next-wrapper {float: left; margin-bottom: 20px; width: 100%;}

.prev-post {
	color: #555;
	float: left;
	font: bold 14px/14px helvetica, arial, sans-serif;
	margin-left: 10px;
	text-align: center;
	width: 42%;
	}

.next-post {
	color: #555;
	float: right;
	font: bold 14px/14px helvetica, arial, sans-serif;
	margin-right: 10px;
	text-align: center;
	width: 42%;
	}

.prev-post a,
.next-post a {clear: both; color: #333 !important; float: left; margin-top: 5px;}

h4.post-header {float: left; margin-bottom: 10px; padding: 5px 0; width: 100%;}

span.post-header {
	background: #fff;
	float: left;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 5px;
	line-height: 100%;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	}

.wp-caption, .gallery-caption {margin-bottom: 20px; max-width: 100%; text-align: center;}
.wp-caption-text {margin-bottom: 2px;}

/************************************************
	Comments
************************************************/

h3.comment-header {
	color: #fff;
	float: left;
	font: 400 12px/12px 'Oswald', sans-serif;
	margin: 0 0 20px 20px;
	padding: 5px 7px;
	position: relative;
	text-transform: uppercase;
	}

#comments {
	display: block;
	float: left;
	font: 400 12px/normal helvetica, arial, sans-serif;
	overflow: hidden;
	width: 100%;
	}
#disqus_thread {padding: 20px 0;}

/************************************************
	Sidebar
************************************************/

#sidebar-wrapper {float: right; padding: 0px 0px 0px 20px; -webkit-perspective: 1000px; position: relative; width: 300px;}

.sidebar-widget {background: #fff; font: 12px/18px helvetica, arial, sans-serif; margin-bottom: 30px; overflow: hidden;}

span.sidebar-widget-header {float: left; margin-bottom: 10px; padding: 5px 0; width: 100%;}

h3.sidebar-widget-header{
	background: #fff;
	float: left;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 5px;
	line-height: 100%;
    text-transform: uppercase;
	padding: 5px 0;
	text-align: center;
	width: 100%;
    border-bottom:1px solid #ce0c02; 
	}

.sidebar-widget ul.home-list li {background: #fff; display: block; float: left; padding: 15px 0; width: 100%;}
.sidebar-widget ul.home-list li:first-child {border-top: none; padding-top: 0;}
.sidebar-widget .home-list-img {float: left; line-height: 0; margin-right: 10px; position: relative; width: 100px;}
.sidebar-widget .home-list-content {float: left; width: 190px;}
.sidebar-widget .home-list-content h2 {
	float: left;
	margin-bottom: 10px;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		-webkit-transition: color 0.2s;
	transition: color 0.2s;
	width: 100%;
	}

.sidebar-widget .home-list-content p,
.sidebar-widget .home-list-content p a {display: none;}

li.recentcomments,
li cite {float: left; margin-bottom: 10px; width: 100%;}
li cite.fn {margin-bottom: 0;}

.rss-date {float: left; width: 100%;}

table {float: left; width: 100%;}

.home-widget #searchform,
.sidebar-widget #searchform,
.footer-widget #searchform {margin: 10px 3%; width: 94%;}

.home-widget #searchform input,
.sidebar-widget #searchform input,
.footer-widget #searchform input {padding: 10px 3%; width: 94%;}

.home-widget select,
.sidebar-widget select,
.footer-widget select {width: 100%;}

/************************************************
	Footer
************************************************/

#footer-wrapper {background: #2f2f2f; color: #777; float: left; font: 12px/18px helvetica, arial, sans-serif; position: relative; width: 100%;}
#footer-top {margin: 0 auto; position: relative; width: 1200px;}
#footer-nav {border-bottom: 1px solid #444; float: left; width: 100%;}

#footer-nav .menu {float: left; position: relative; text-align: center; width: 100%;}
#footer-nav .menu li {display: inline-block; padding: 10px 15px;}
#footer-nav .menu li a {color: #fff; float: left; font-size:17px; text-transform: uppercase;}
#footer-nav .menu li a:hover {color:#ce0c02; text-decoration: none;}
#footer-nav .menu li ul {display: none;}

#footer-widget-wrapper {float: left; padding: 20px 5px 20px; width: 100%;}

h3.footer-widget-header {
	color: #777;
	float: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 100%;
	}

.footer-widget {float: left; font: 13px helvetica, arial, sans-serif; margin: 0 0 20px 20px;width: 58%;}
.footer-widget:first-child {border-left: none; padding-left: 0;}
.footer-widget p {float: left; margin-bottom: 15px; width: 100%;}

#logo-footer {clear: both; line-height: 0; margin-bottom: 15px; overflow: hidden; max-width: 290px;}

/************************************************
	Pagination
************************************************/

.nav-links {float: left; padding: 20px 0; position: relative; width: 620px;}

.pagination {clear: both; position: relative; font: bold 16px/16px Georgia, "Times New Roman", Times, serif; margin:30px 0;}
.pagination .pages {float:none; border:none; margin:0 0 10px 0; padding:0; color:#666;}
.pagination span, .pagination a {
	border:1px solid #666;
	display:block;
	float:left;
	margin: 2px 10px 2px 0;
	padding: 9px 12px 8px 12px;
	text-decoration: none;
	width: auto;
	}
 .pagination a {color: #ce0c02;}
.pagination .current, .pagination a:hover {background: #ce0c02;	border:1px solid #ce0c02; color: #fff;}
.pagination a.previouspostslink, .pagination a.nextpostslink {font-size:20px; font-family:'Helvetica', 'Arial', sans-serif;}
.wp-pagenavi span.current {border:1px solid #ce0c02;}

ul.split-columns #infscr-loading {margin-left: 20px !important;}

#infscr-loading {background: #f5f5f5; float: left; margin: 20px 0; padding: 10px 0; text-align: center; width: 100%;}
#infscr-loading img {display: none;}
#infscr-loading em {float: left; width: 100%;}

.paginate-links {display: none;}

/************************************************
	Dustin's additional styles
************************************************/

#Leaderboard {width:100%; max-width:1200px; margin:0 auto;}
#Leaderboard #Logo {float:left; width:32%;}
#Leaderboard .GoogleHeader {float:right; width:66%; text-align: right;}
#nav-wrapper:before {
    content:""; 
    display:block; 
    position:absolute; 
    left:0; 
    bottom:3px; 
    width:100%; 
    height:4px;                          
    background:#ce0c02;
}

.socialIcons {float:right; padding:15px 0;}
.socialIcons a {color:#ce0c02; font-size:20px; padding-left:15px;}
.socialIcons a:hover {color:#2f2f2f;}
#breadcrumbs {margin-bottom:10px; font-size:14px;}
#breadcrumbs a {color:#444;}
#breadcrumbs a:hover {color:#ce0c02; text-decoration: none;}
#breadcrumbs .breadcrumb_last {color:#888;}
.pageTitle {margin-bottom:10px; line-height: 130%;}
#footer-wrapper .socialIcons {float:none;}
#footer-wrapper .socialIcons a, #footer-wrapper .socialIcons a:visited {color:#fff;}
#footer-wrapper .socialIcons a:hover {color:#999;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

#search-button .fa-search {font-size:20px;}
#search-button span:hover {color:#ce0c02;}

#menufication-page-holder #main-wrapper {margin-top:0px !important;}
#menufication-outer-wrap #menufication-top #menufication-header-logo {max-height:50px; height:50px; margin-top:0px;}
#menufication-outer-wrap #menufication-nav li.menufication-active-class>a {color:#ce0c02 !important;}
#menufication-outer-wrap.light #menufication-nav a, #menufication-outer-wrap.light #menufication-nav p, #menufication-outer-wrap.light #menufication-non-css3-nav a, #menufication-outer-wrap.light #menufication-non-css3-nav p, #menufication-non-css3-outer-wrap.light #menufication-nav a, #menufication-non-css3-outer-wrap.light #menufication-nav p, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav a, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav p {color:#ce0c02 !important;}
#menufication-nav li, #menufication-non-css3-nav li {padding:0px !important;}
#menufication-nav li a {width:100%; display:block; padding:13px 0 13px 15px;}
#menufication-nav li form {padding:10px;}

.footer-logo-area {float:left; width:35%; margin:0 0 20px 20px;}

/****** Forms ******/
.requiredField {color:#ce0c02; font-weight:bold;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {width:70%; padding:5px; font-size:14px; border:1px solid #888;}
div.wpcf7-mail-sent-ok {background:#398f14; color:#fff; font-weight:bold;}
div.wpcf7-validation-errors {background:#f7e700; font-weight:bold;}
span.wpcf7-not-valid-tip {color:#ce0c02;}
.wpcf7-form .wpcf7-submit {background:#ce0c02; padding:5px; color:#fff; font-weight:bold; border:1px solid #2f2f2f;}
.wpcf7-form .wpcf7-submit {background:#ce0c02; padding:10px; color:#fff; font-weight:bold; border:1px solid #2f2f2f; width:50%;}
.wpcf7-form .wpcf7-submit:hover {background:#2f2f2f; cursor: pointer;}

.recentWidgetContent h3 {font-size:20px; font-weight:normal; line-height: 120%;}
.recentWidgetContent a {color:#2f2f2f; text-transform: none;}
.recentWidgetContent a:hover {color:#ce0c02;}
.recentWidgetContent h5 {text-transform: uppercase; font-size:13px; font-weight:normal; display: inline-block; color:#ce0c02;}

/************************************************
	Home Page
************************************************/
.homeTitles {color:#ce0c02; font-size:26px; font-weight:700; font-family:'Libre Baskerville', 'Georgia', serif; margin:30px 0 10px 0;}
.taglineText {color:#ce0c02; font-weight:normal; font-size:16px; text-transform:uppercase; padding-left:7px;}

/****** New Featured Images Spot on Homepage ******/
#FeaturedArticles {padding-bottom:10px;}
#FeaturedArticles article {display:block; background:#000;}
#FeaturedArticles article:hover img {opacity: 0.7;}
.image-link {overflow:hidden; display: block; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
.featureimg {opacity: 1;  transition: opacity .4s; -webkit-transition:opacity .4s; -moz-transition: opacity .4s; -ms-transition: opacity .4s; -o-transition: opacity .4s; width:100%; max-width:100%; height:auto; display:block; position: relative;}
.block-highlight {margin-bottom:0; position:relative; overflow:hidden;}
.block-highlight .content {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align:center;    
padding: 20px 0px 15px 0px;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
}
#FeaturedArticles .content h4 {display:none;}
.block-highlight h2 {margin:0 10px; text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-size:55px; font-weight:normal; font-family:'Libre Baskerville', 'Georgia', serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
.block-highlight.substory h2 {font-size:30px; font-weight:700;}
.block-highlight .main-excerpt {text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-family:'Libre Baskerville', 'Georgia', serif; font-size:22px; margin:10px 10px 0 10px; /* overflow: hidden; */ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
.mainstory {width:100%; margin-bottom:.5%;}
.substory {float:left; width:49.75%; overflow:hidden;}
.substory.slot {margin-right:.5%;} /* Only put padding on first element */
#FeaturedArticles .mustSeeIndie {float:left; position:absolute; top:10px; left:10px; z-index:50;}
#FeaturedArticles .mustSeeIndie img {opacity:100; min-width:100% !important;}

/****** 3 Column w Pull-up ********/
.RecentArticles .container {float:left; padding-right:3.5%;}
.RecentArticles .threeColumn {width:31%;}
.RecentArticles .container.threeColumn:nth-child(3n){padding-right:0%;} /* Remove padding every 3rd element */
.RecentArticles h4, .MoreArticles h4 {text-transform: uppercase; font-size:13px; font-weight:normal; padding:5px 0; display: inline-block;}

/****** 2 Column w Pull-up // 3.25.15 ******/
.homeRecentArticles {float:left; width:65%;}
.RecentArticles .twoColumnPullup {max-width:48%; width:100%;}
.RecentArticles .container.twoColumnPullup:nth-child(2n){padding-right:0%;} /* Remove padding every 2nd element */

.MoreArticles .container {float:left; padding-right:3.5%;}
.MoreArticles .threeColumn {width:31%;}
/*.MoreArticles .container:nth-child(3n+1){padding-right:0%;}  Remove padding every 3rd element and ignore the H2 element */
.MoreArticles .container.spot2, .MoreArticles .container.spot5 {padding-right:0%;}

.figure {position: relative; width: 100%; height: 255px; overflow: hidden; background:#000;}
.figure img {/* max-width:100%; */ width:100%; display: block; margin: 0 auto;}
.figure .title {font-size: 17px; color:#2f2f2f; line-height:120%; /* max-height: 2em;*/ font-family: 'Libre Baskerville', 'Georgia', serif;}
.figure .details {font-size:14px; line-height: 130%;}
.figure .card {position:absolute;  z-index: 1; width:100%; height: 100%; background: #fff;}
.figure .details {opacity: 0;}
.figure a:hover {color:#ce0c02;}

.figure:hover .card {top: 90px;}
.figure:hover img {opacity: 0.7;}
.figure:hover .details {opacity: 1; font-size:14px; line-height: 130%; color:#444; padding-top:3px;}

/****** News Feed ******/
#NewsFeed {width:31%; float:right; background:#f3f3f3; padding:10px;}
#NewsFeed h3 {font-family: 'Libre Baskerville', 'Georgia', serif; font-size:22px; color:#ce0c02;}
.newsItem {border-bottom:1px dotted #bbb; padding:10px 0 10px 0; line-height: 110%;}
.newsItem:nth-child(11){border-bottom:none} /* Remove styles on last element */
.newsItem a {color:#2f2f2f; font-size:14px;}
.newsItem a:hover {color:#ce0c02;}
.newsDate {color:#a1a1a1; font-size:12px; text-transform:uppercase;}


/****** Reviews ******/
#MovieReviews .mustSeeIndie {float:left; position:absolute; z-index:50; left:19px;}
#MovieReviews .mustSeeIndie img {width:70%;}
.reviewitem {float:left; width:24%; padding-right:1%; padding-bottom:30px; text-align: center;}
#MovieReviews .reviewitem:nth-child(6n){clear:left;} /* Clear every 5th element */
.reviewitem h2:hover {color:#ce0c02;}
.reviewcontainer {position:relative;}
.posterImage {max-width:142px;}
.reviewTitle {color:#2f2f2f; font-size:15px; text-align: center; font-family: 'Libre Baskerville', 'Georgia', serif;}
.reviewOneLineSummary {display:none;}
.reviewitem a:hover {text-decoration: none;}

/****** Feature ******/
#FeatureSection .featureImage {width:100%; position: relative; overflow:hidden; background:#000;}
#FeatureSection .featureImage:hover img {opacity: 0.7;}
#FeatureSection img {width:100%; height:auto; display:block; position: relative; opacity: 1;}
#FeatureSection .content {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align:center;    
padding: 20px 0px 15px 0px;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
}
#FeatureSection .content h2 {margin:0 10px; text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-size:45px; font-weight:700; font-family:'Libre Baskerville', 'Georgia', serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
#FeatureSection .details {text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-family:'Libre Baskerville', 'Georgia', serif; font-size:22px; margin:10px 10px 0 10px; /* overflow: hidden; */ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}

.MoreArticles .homeTitles {margin:50px 0 10px 0;}

/******************************************************************************
  Landing Pages - Combo of Category and Tags Layout 4.15.15
  ****************************************************************************/
.landingpage {}
.topHeadlineArea {text-align:center; padding-bottom:15px;}
.topHeadline {border-bottom:1px solid #dfdfdf; font-size:45px; margin:0px; font-family:'Libre Baskerville', 'Georgia', serif; font-weight:normal;}
.topHeadlineArea a {font-size:20px; color:#555; font-family:'Libre Baskerville', 'Georgia', serif; margin-right:15px;}
.topHeadlineArea a:hover {color:#ce0c02;}
.topLinkArea {margin-top:5px;}
.landingpage .firstResultDetails .author {display:inline-block;}
.landingpage .firstResultDetails .excerpt {font-size:16px;}
.landingpage .home-list-content h2 {color:#2f2f2f;}
.landingpage .GoogleLeaderboard {padding-top:20px;}

/******************************************************************************
  Category Pages
  ****************************************************************************/
.categoryPages .GoogleLeaderboard {padding-top:25px;}
.RecentArticles .twoColumn {width:45%;}
.RecentArticles .container.twoColumn:nth-child(2n+1){padding-right:0%;} /* Remove padding every 2nd element */
.RecentArticles .container.twoColumn {padding-right:5%;}
.twoColumn .figure {height:310px;}
.twoColumn .figure:hover .card {top:125px;}
.twoColumn .figure:hover .details {padding-top:0px;}
.twoColumn .figure .title {font-size:22px; padding-top:5px;}
.figure .author {color:#999; font-size:13px;}
.firstResult {padding-bottom:25px; width:100%;}
.firstResultImg img {width:100%;}
.firstResultDetails {width:100%; text-align:center;}
.firstResultDetails h2 {font-family:'Libre Baskerville', 'Georgia', serif; line-height:130%; font-size:35px; color:#2f2f2f; margin-top:2px;}
.firstResult a {color:#2f2f2f;}
.firstResult a:hover {text-decoration: none;}
.firstResultDetails .excerpt {line-height: 130%;}
.firstResultDetails .author {display:none;}

/******************************************************************************
  Search Page
  ****************************************************************************/
.search-results .home-widget .home-list-content h2 {color:#2f2f2f;}
.search-results .home-widget ul.home-list li {border-top:none;}
.search-results .home-widget span.widget-info {color:#999;}

.home-widget .home-list-img {width:37%; margin-right:2%;}
.home-widget .home-list-content {width:60%;}

.noSearchResults p {font:17px/27px georgia, 'times new roman', serif; padding-bottom:20px;}
#post-404 li, .noSearchResults li {padding:15px 0; border-bottom:1px dotted #bbb; width:100%; font:17px/27px georgia, 'times new roman', serif;}

/******************************************************************************
  Archive Page (tags)
  ****************************************************************************/
.archive .home-widget .home-list-content h2 {color:#2f2f2f;}
.archive .home-widget ul.home-list li {border-top:none;}
.archive .home-widget span.widget-info {color:#999;}

/******************************************************************************
  Author Pages
  ****************************************************************************/
.catName {color:#ce0c02;}
.author h2 {color:#2f2f2f; font-size:26px;}
#author-pic {float:left; width:25%; padding-right:2%;}
#author-info img {overflow: hidden; max-width: 200px; width:100%;}
#author-text {color: #444; float: left; width: 70%; line-height:140%;}
#author-text p {float: left; margin: 0 0 10px; width: 100%;}

.author #author-text a {font-size:30px; margin-right:10px; color:#444;}
.author #author-text a:hover {color:#ce0c02;}
#author-wrapper {border:1px solid #ccc;}

/******************************************************************************
  Staff Page
  ****************************************************************************/
#author-wrapper .heading {font-size:24px; margin-bottom:10px;}
#author-wrapper .staffSocialIcons a {color:#2f2f2f; font-size:30px; margin-right:10px;}
#author-wrapper .staffSocialIcons a:hover {color:#ce0c02;}
.staffpage #author-pic {width:15%; max-width:150px; padding-right:2%;}
.staffpage #author-text {width:82%;}
.staffpage h4 {color:#ce0c02; font-size:26px; margin-top:25px; margin-bottom:5px; font-family: 'Libre Baskerville', serif}
.staffpage a.allPosts {color:#888; font-size:16px;}
.staffpage a.allPosts:hover {color:#ce0c02;}
.staffpage .contactUsText {margin-bottom:15px;}
.staffpage h1 {margin-bottom:10px;}

/******************************************************************************
  Single Page (details)
  ****************************************************************************/
.single .pageTitle {color:#2f2f2f; font-size:42px; margin-bottom:10px;}
.authorDetails {color:#888; font-size:14px; margin-bottom:10px;}
a.authorTwitter {color:#888; margin-left:3px;}
a.authorTwitter:hover {color:#ce0c02;}
.single #post-area {margin-top:30px;}
.single #content-area {width:98%; color:#444;}
.listHeading {font-size:26px; color:#444;}

.featureReviewImg .featureimg {opacity: 1;  transition: opacity .4s; -webkit-transition:opacity .4s; -moz-transition: opacity .4s; -ms-transition: opacity .4s; -o-transition: opacity .4s; width:100%; max-width:100%; height:auto; display:block; position: relative;}
.featureReviewImg {margin-bottom:10px; position:relative; overflow:hidden;}
.featureReviewImg .content {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align:center;    
padding: 10px 0px;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
}
.featureReviewImg h1 {margin:0 10px; text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-size:55px; font-weight:normal; font-family:'Libre Baskerville', 'Georgia', serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
.featureReviewImg .main-excerpt {text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-family:'Libre Baskerville', 'Georgia', serif; font-size:30px; margin:10px 10px 0 10px; /* overflow: hidden; */ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
.featureReviewImg .mustSeeIndie {float:left; position:absolute; top:0px; left:75px; z-index:50;}
.featureReviewImg .mustSeeIndie img {width:88%;}
.featureReviewImg .RatingBox {float:left; position:absolute; top:0px; left:0px; z-index:50; background:#ce0c02; padding:8px 10px; width:50px; text-align: center;}
#NormalFeatureImg {margin-bottom:10px;}
.GoogleLeaderboard {width:100%; margin:0 auto; max-width: 728px;}
.homepage .GoogleLeaderboard {padding-bottom:10px;}
.GoogleHomeBill {max-width:880px; overflow:hidden; padding-top:10px;}
.RatingBox .rating {font-size:35px; font-weight:bold; color:#fff;}
.outoften {display:none;}

.relatedArticles {font-size:15px; line-height: 20px; font-family: 'Helvetica', 'Arial', sans-serif;}
.relatedArticles strong {padding-bottom:5px; display: block;}
.relatedArticles a {color:#6c6c6c; margin-bottom:20px; display: block;}
.relatedArticles a:hover {color:#ce0c02;}

.bottomRatingSection {text-align: center;}
.bottomRatingSection h2 {color:#666; margin:0;}
.bottomRatingSection .ratingNumber {color:#ce0c02; font-size:60px; font-weight:bold;}
.bottomRatingSection .often {color:#d0cfcf; padding-left:2px; line-height: 100%;}

.coverart img {border:1px solid #ccc; padding:3px;}

.innerarticlelinks {font-family: 'Helvetica', 'Arial', sans-serif; font-size:30px; font-weight:bold; text-transform: uppercase; padding-top:40px; color:#555;}
.innerarticlelinks a {background:#ce0c02; border:1px solid #ce0c02; color:#fff; padding:5px 10px 5px 10px;}
.innerarticlelinks a:hover {background:#fff; color:#ce0c02; text-decoration: none;}

.socialMediaBottom {text-align:center; padding-top:15px;}

/* Older styles carried over from previous themes */
.single .category {font-size:18px; color:#C30301; font-weight:bold; padding:4px 0 2px 0;}
.single .categoryWinners {font-size:15px; color:#C30301; font-weight:bold; padding:0px;}
.single .catWinnersUpper {font-size:15px; color:#C30301; font-weight:bold; padding:0px; text-transform:uppercase;}
.single .winnerName {color:#C30301; font-weight:bold; padding:0px;}
a.winnerFilmLink:link {color:#C30301; font-weight:bold; font-style:italic; padding:0px;}
a.winnerFilmLink:visited {color:#C30301; font-weight:bold; font-style:italic; padding:0px;}
a.winnerFilmLink:hover {color:#800000; font-weight:bold; font-style:italic; padding:0px;}
.single .winnerFilm {color:#C30301; font-weight:bold; font-style:italic; padding:0px;}
.single .losers {color:#999; padding:0px;}
.single .title {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic;}
.single .note {background:#eee; padding:4px; margin:0 0 15px 0; font-family:Georgia, Times New Roman, Times, serif; line-height:19px; font-size:12px;}
/******************************************************************************
  Movie Genres & Highest to Lowest
  ****************************************************************************/
.genreName {margin:20px 0 20px 0; border-bottom:1px dotted #bbb; padding-bottom:3px; font-size:24px; color:#2f2f2f;}
a.genreLink {font-size:12px; font-weight:normal;}
.HighToLow .reviewitem:nth-child(4n){clear:left;} /* Clear every 5th element */
.HighToLow h3 {font-size:18px; padding-bottom:20px;}
.HighToLow .reviewitem {padding-bottom:55px;}
.HighToLow h4 {font-size:25px; color:#ce0c02;}
/******************************************************************************
  Best Albums of the Year styles Dec 2013 
  ****************************************************************************/
.bestalbumthumb {float:left; width:20%; padding-right:1%;}
.bestalbumtext {float:left; width:79%;}
@media (max-width: 630px) { /* remove section for mobile */
    .bestalbumthumb {float:none; width:100%; text-align:center; padding-right:0;}
    .bestalbumtext {float:none; width:100%;}
}
/******************************************************************************
  Staff Top 10 Lists styles Dec 2013 
  ****************************************************************************/
.stafflist {float:left; width:55%; padding-right:1%;}
.staffimg {float:left; width:44%;}
@media (max-width: 630px) { /* remove section for mobile */
    .stafflist {float:none; width:100%; padding-right:0;}
    .staffimg {float:none; width:100%;}
}

/******************************************************************************
  Festival Coverage Hub styles (these are Pages, not Posts) Jun 2014
  ****************************************************************************/

#content-area .hubList li {background-size:cover; width:46%; height:175px; float:left; margin:2%; position:relative; list-style: none; padding:0px;}
#content-area .hubList li:hover .hubOverlay{opacity:.6; background:#ce0c02;} /* Hover color change */
#content-area .hubLink {position:relative; top:0px; left:0px; width:100%; height:100%; z-index:25; display:block; cursor:pointer;}
#content-area .hubOverlay {transition:all ease-in-out 0.2s; background:#252525; bottom:0; display:block; height:100%; left:0; opacity:.55; position:absolute; right:0; top:0; width:100%;}
#content-area .hubList h3 {bottom:10px; color:#fff; font-size:33px; line-height:30px; max-width:90%; position:absolute; left:8px; text-align:left; text-transform: uppercase; margin-bottom:0px;}

/******************************************************************************
  MailPoet Newsletter styles Jul 2014
  ****************************************************************************/
/* styles for widget */
#sidebar .widget_wysija {background:#444; padding:8px; margin-top:10px;}
#sidebar .widget_wysija .widget-title {color:#fff;}
.wysija-submit-field {font-size:14px; line-height:18px; padding:3px 8px; background:#ce0c02; border:1px solid #fff; color:#fff; cursor:pointer;}
.single-post .wysija-submit.wysija-submit-field {padding:10px 20px; font-size:16px; line-height: 20px;}
.wysija-input {width:80%; padding:6px; margin:0px; font-size:14px; border:1px solid #111;}
.widget_wysija .widget_wysija_cont .wysija-submit {margin-top:5px;}
p.wysija-paragraph, form.widget_wysija {margin-bottom:0px;}
#footer-wrapper .wysija-input {width:60%; float:left;}
#footer-wrapper .wysija-submit {width:15%; float:left;}
#footer-wrapper .widget_wysija p {float:none;}
#footer-wrapper .wysija-submit-field {padding:5px 8px; margin-left:5px;}
#footer-wrapper .wysija-submit {margin-top:0px;}
#footer-wrapper .formError {display:none;}
#footer-wrapper .widget_wysija_cont .updated, .widget_wysija_cont .error, .widget_wysija_cont .xdetailed-errors {margin:0; padding:4px; float:left;}
.newsletterEmailInput {font-size:18px; margin-top:0px; border:2px solid #ce0c02; padding:5px; width:99%;}
.newsletterSubmitButton {font-size:18px; line-height:20px; padding:5px 10px; background:#ce0c02; border:2px solid #fff; color:#fff; cursor:pointer;}

/******************************************************************************
  Podcast styles Aug 2014
  ****************************************************************************/
.powerpress_player {margin-top:20px;} /* Add some space above the player on details page */

/******************************************************************************
  Next Post Fly Box (plugin for details page) Feb 2015
  ****************************************************************************/
.next-post>div a.next-post-image {float:none; margin-right:0px;}
.next-post>div a.next-post-image img {margin:0px auto; padding-bottom:10px;}
.next-post>div a.next-post-title {float:none;}
.next-post>div a.next-post-title {line-height: 120%;}

/******************************************************************************
 Style Guide Page March 2015
  ****************************************************************************/
.swatch {width:170px; height:200px; background:#fff; padding:10px; color:#fff;}
.styleGuideHeadlines {font-size:25px; color: #666; border-bottom:1px solid #ccc; padding-bottom:8px;}
.styleGuideHints {color:#777; font-size:14px;}

/******************************************************************************
 Homepage - New Layout for More Articles Feb 2016
  ****************************************************************************/
.MoreArticles .RecentArticles {width:100%;}
.MoreArticles .RecentArticles .twoColumnPullup .figure {height:330px;}
.seeAllArticles {padding:60px 0;}
.seeAllArticles a {display:inline-block; color:#fff; background:#ce0c02; font-size:24px; padding:20px 0px; width:100%; text-align:center;}
.seeAllArticles a:hover {background:#930202;}

/************************************************
	Media Queries
************************************************/
@media only screen 
and (max-width : 1200px) {
	body {padding: 0 20px;}
	#main-wrapper {width:100%;}
	#content-main {width:74%;}
	#sidebar-wrapper {width:23%; -webkit-perspective:0;}
	#main-nav {width:93%;}
	#search-button {width:3%;}
	#footer-top {width:100%;}
	.block-highlight h2 {font-size:50px;}

}

@media only screen 
and (max-width : 1002px) {
	#nav-wrapper {display: none;}
	#body-wrapper {margin-top: 0 !important;}
	#Leaderboard #Logo {display:none;}
	#Leaderboard .socialIcons {width:100%; text-align:center;}
	#Leaderboard .GoogleHeader {width:100%;  text-align: center;}
	#sidebar-wrapper {display:none;}
	#content-main {width:100%;}
}

@media only screen 
and (max-width : 1002px) {
	#nav-wrapper {display: none;}
	#body-wrapper {margin-top: 0 !important;}
	#Leaderboard #Logo {display:none;}
	#Leaderboard .socialIcons {width:100%; text-align:center;}
	#Leaderboard .GoogleHeader {width:100%;  text-align: center;}
	#sidebar-wrapper {display:none;}
	.single #content-area {width:80%; padding: 0 10%;}
	#content-main {width:100%;}
	.RecentArticles .twoColumn {width:47%;}
}

@media only screen 
and (max-width : 650px) {
	#content-wrapper {margin-top:10px;}
    .socialIcons a {font-size:30px;}
	.pageTitle, .author h2, .staffpage h4, #author-wrapper .heading {font-size:24px;}
	.substory {width:100%;}
	.mainstory, .substory {margin-bottom:15px;}
	.substory.slot1 {margin-bottom:0px;}
	.block-highlight h2, .block-highlight.substory h2 {font-size:32px; font-weight:700;}
    .block-highlight .main-excerpt {margin:0;}
    .block-highlight .main-excerpt p, #FeaturedArticles .mustSeeIndie, #FeatureSection .details, .MoreArticles, .homepage .nav-links {display:none;}
	.RecentArticles .threeColumn {width:100%; clear:left;}
	.RecentArticles .container {padding-right:0%;}
	.figure {background:none; height:100%; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #ddd;}
	.figure img {width:44%; float:left; padding-right:4%;}
	.figure .card {position: inherit; width:51%; float:left;}
	.figure:hover .card {top:auto;}
	.figure .details {display:none;}
	.figure:hover img {opacity:1;}
	.RecentArticles h4, .MoreArticles h4 {font-size:11px;}
	.figure .title {font-size:16px;}
	.homeTitles, #MovieReviews .homeTitles {font-size:24px; margin:20px 0 5px 0;}
	#NewsSection .details {display:none;}
	#NewsSection .homeTitles {margin:10px 0 10px 0;}
	.first-post {width:100%;}
	.first-post h2 {font-size:32px;}
	.newsList {padding-left:0%; width:100%; padding-top:20px;}
    .secondary-post:nth-child(4){border-bottom:1px dotted #bbb;}
	.secondary-post {padding:15px 0;}
    
    /* Newsfeed / TwoColumnPullup 3.25.15 */
	.RecentArticles {float:left; width:100%;}
	.RecentArticles .twoColumnPullup {max-width:100%;}
	#NewsFeed {width:100%; float:left;}
	.newsItem {width:95%;}
	
	.RecentArticles .twoColumn {width:100%}
	
	.reviewitem {width:100%; float:left; text-align:left; clear:left; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #ddd;}
   .reviewitem:nth-child(9n){margin-bottom:0px;} /* no margin on last item */
	.posterImage {float:left; width:25%; padding-right:4%;}
	.reviewTitle {float:left; width:70%; font-size:18px; padding-bottom:10px; text-align: left;}
	.reviewOneLineSummary {display:block; font-size:15px; line-height: 135%; color:#555;}
	.HighToLow .reviewitem {padding-bottom:15px;}
	
	.RecentArticles .container.twoColumn {padding-right:0%;}
	.twoColumn .figure {height:auto;}
	.twoColumn .figure .details {display:block;}
	.twoColumn .figure .details {font-size:12px; opacity: 1;}
	.twoColumn .figure .title {padding-top:0px; font-size:18px;}
	.twoColumn .figure .author {font-size:12px;}
	.twoColumn .figure:hover .card {top:auto;}
	.twoColumn .figure a {color:#2f2f2f;}
	
	.single .pageTitle {font-size:32px;}
	
	#FeatureSection {margin-bottom:50px;}
   #FeatureSection .content h2 {font-size:32px;}
    
	.single #content-area {width:100%; padding:0;}
	#content-area h2.bottomTitle {font-size:20px;}
	.bottomRatingSection .ratingNumber {font-size:40px;}
	.featureReviewImg .content {position: inherit; background:none; padding:0; margin-bottom:10px;}
	.featureReviewImg .main-excerpt {text-shadow: none; color:#2f2f2f; font-size:20px; margin:10px 0 0 0;}
	.featureReviewImg .RatingBox {position: inherit; width:100%; background:#fff; padding:0;}
	.RatingBox .rating {color:#ce0c02;}
	.outoften {display:inline; font-size:25px; font-weight:bold; color:#bbb;}
	.featureReviewImg .mustSeeIndie {position: inherit; left:0px; width:100%; text-align: center;}
	.featureReviewImg .mustSeeIndie img {width:100%; max-width: 100px;}
	
	#author-wrapper {text-align: center; padding:0;}
	#author-pic, .staffpage #author-pic {width:100%; padding-right:0px; margin:0 auto; padding-bottom:10px; float:none;}
	#author-info {float:none;}
	#author-text, .staffpage #author-text {width:100%;}
	#author-text p {font-size:14px; line-height: 140%;}
	#author-text a {display:block;}
	
	.home-widget .home-list-img {width:100%; margin-right:0%;}
	.home-widget .home-list-img img {width:100%; margin-bottom:10px;}
	.home-widget .home-list-content {width:100%;}
	.home-widget .home-list-content h2 {font-size:18px; margin-bottom:0px;}
	
	.footer-logo-area {width:100%; text-align: center; margin: 0 0 20px 0;}
	.footer-widget {width:100%; text-align: center; margin: 0;}
	#logo-footer {max-width:100%;}
	#footer-wrapper .wysija-input {float:none;}
	#footer-wrapper .wysija-submit {margin:0 auto; float:none; margin-top:10px; width:62%;}
	#footer-wrapper .socialIcons a {font-size:24px; padding-left:0; padding-right:15px;}
}

@media only screen 
and (max-width : 450px) {
	.block-highlight h2, .block-highlight.substory h2, #FeatureSection .content h2, .first-post h2 {font-size:26px; line-height:110%;}
	.figure .title {font-size:14px;}
	.homeTitles, #MovieReviews .homeTitles {font-size:20px;}
	#FeatureSection a, #FeatureSection .featureDetails h2 {font-size:18px;}
	#FeatureSection .excerpt {font-size:12px;}
	.secondary-post a {font-size:14px;}
	.reviewOneLineSummary {font-size:12px;}
	.RecentArticles .firstResult {padding-bottom:25px;}
	.firstResultDetails h2 {font-size:26px; line-height: 125%;}
	#FeaturedArticles article:hover img, #FeatureSection .featureImage:hover img {opacity:1;}
    #MovieReviews .mustSeeIndie {left:0px;}
	.single .pageTitle {font-size:22px;}
	.featureReviewImg .main-excerpt {font-size:16px;}
	#content-area h2 {font-size:24px;}
	#content-area h3, #content-area h4, #content-area h5, #content-area h6 {font-size:16px;}
	#content-area h2.bottomTitle {font-size:14px;}
	#footer-nav {display:none;}
	.twoColumn .figure img {width:100%;}
	.twoColumn .figure .card {width:100%;}
	.twoColumn .figure .title {padding-top:5px; font-size:16px; margin-top:2px;}
	.firstResultDetails h2 {font-size:16px;}
	.firstResultDetails .excerpt {font-family: 'Helvetica', 'Arial', sans-serif; line-height: 120%; font-size:12px;}
    .landingpage .firstResultDetails h2 {font-family: 'Helvetica', 'Arial', sans-serif; font-weight:bold; font-size:18px;}
    .landingpage .firstResultDetails .excerpt {line-height: 120%; font-size:14px;}
	.RecentArticles .firstResult {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ddd;}
	.firstResultDetails {text-align:left;}
	.firstResultDetails .author {display:block; font-size:12px; color:#999;}
	h3.footer-widget-header {font-size:14px; margin-bottom:10px;}
    .categoryPages .GoogleLeaderboard {padding-top:15px;}
	.home .RecentArticles .figure img {width:100%; position:relative; overflow:hidden;}
	.home .RecentArticles .card {
										width: 100%;
										position: absolute;
										bottom: 0;
										left: 0;
										text-align:center;    
										padding: 20px 0px 15px 0px;
										background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
										background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
										background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
										background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
										background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
										background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 98%);
										filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
										}

	
	.home .RecentArticles .figure .title {margin:0 10px; text-shadow: 0 2px 0 rgba(0,0,0,.77); color:#fff; font-size:26px; font-weight:bold; font-family:'Libre Baskerville', 'Georgia', serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 110%;}
	.home .RecentArticles .figure .card {height:auto;}
	.home .RecentArticles .figure .card h4, #FeaturedArticles .content h4 {color:#fff; font-weight:bold; background:#ce0c02; padding:2px 10px; margin-bottom:5px; display: inline-block; font-size:11px;}
	.home .figure {padding-bottom:0px; border-bottom:none;}
	
	.pagination {margin:20px 0;}
	.pagination a, .pagination .current, .pagination .extend {display:none;}
	.pagination a.previouspostslink, .pagination a.nextpostslink {display:inline-block; width:38%; padding:3%; font-size:30px; text-align: center; background:#ce0c02; border:1px solid #ce0c02; color:#fff;}
	.pagination a.previouspostslink:hover, .pagination a.nextpostslink:hover {background:#fff; color:#ce0c02; border:1px solid #666;}
}

@media only screen 
and (max-width : 375px) {
	.block-highlight h2, .block-highlight.substory h2, .first-post h2, #FeatureSection .content h2 {font-size:20px;}
	.featureReviewImg .main-excerpt {font-size:14px;}
	#content-area h2 {font-size:18px;}
	.reviewTitle {font-size:15px;}
	.featureReviewImg .mustSeeIndie img {width:25%;}
	#author-wrapper .staffSocialIcons a {font-size:25px;}
}