/* 
#################### OVERALL #################### 
*/

html {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
//	border:solid 1px black;
}

body {
	background-color: #dcdcd6;
	width: 1000px;
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 130%;
	overflow-x: hidden;
	position: relative;
	left:27px;
}

a:link {color:#00365f; text-decoration: none; }
a:visited {color:#00365f; text-decoration: none; }
a:active {color: #990000; text-decoration: underline; }
a:hover {color:#990000; text-decoration: underline; }

#side-left { float:left ; width:70%; }
#side-right { float:left ; width:30%; }

#footer {
	background-color: #00365f; 
	padding:15px;
	color: white;
	text-align: center;
	font-size: 70%;
	position: relative;
	top: 185px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    z-index: 999;
    transition: all 0.3s; 
}

#footer a {
	color: white;
}

*:focus {
    outline: none !important;
}

a { outline: none !important; }

a img { outline: none !important; }


/* 
#################### SINGLE POSTS ####################
*/

.post-headline {
	font-family: 'Bree Serif', serif;
	font-size: 250%;
	line-height: 1.1;
	margin-top:5px;
}

.post-byline {
	font-family: 'Bree Serif', serif;
	font-size: 150%;	
}

.post-dateline {
	font-family: 'Bree Serif', serif;
	font-size: 120%;	
	position: relative;
	top: -10px;
}

.post-byline a, .post-dateline a {
	text-decoration: none;
	color: #404040;
}

.post-heading, .review_headings, .review-header { 
	font-family: 'Bree Serif', serif;
	font-size: 150%;	
	font-weight: normal;
	margin-top: -10px;
	position: relative;
	top:25px;
}
/* 	DEPRECATED: .review_headings & .review-header 
	NOTE: watch for .post-heading vs .post-header errors
*/
	
h2.post-heading, h2.review_headings, h2.review-header { 
	margin-bottom: 0px;
}
/* 	DEPRECATED: h2.review_headings & h2.review-header 
	NOTE: watch for .post-heading vs .post-header errors
*/

.post-content img, .post-featured img, .page-content img, .youtube-post iframe {
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.twitter-tweet {
	margin: 0 auto;
	box-shadow: none;
	padding-bottom: 15px;
}

.post-content img.size-full {
//	text-align: center;
//	margin-bottom: 25px;
}

//.post-content a:link {color:#00365f; text-decoration: none; border-bottom: 1px solid rgba(0, 54, 95, 0.3); }
//.post-content a:visited {color:#00365f; text-decoration: none; border-bottom: 1px solid rgba(0, 54, 95, 0.3); }
//.post-content a:active {color: #990000; text-decoration: none; border-bottom: 1px solid rgba(153, 0, 0, 0.3); }
//.post-content a:hover:not(.noborder) {color:#990000; text-decoration: none; border-bottom: 1px solid rgba(153, 0, 0, 0.3); }

.post-content a:link {color:#00365f; text-decoration: none; }
.post-content a:visited {color:#00365f; text-decoration: none; }
.post-content a:active {color: #990000; text-decoration: none; }
.post-content a:hover {color:#990000; text-decoration: none; }

#post-related { 
	table-layout: fixed;
	width: 100%;
	position: relative;
	top:25px;
}

#post-related img {
	height: 100px;
	border: 1px solid black;
	margin: 5px 0 10px 0;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

#post-related td {
	line-height: 1.1;
	padding: 0 5px;
}

#post-score {
	position:relative;
	top:35px
}

.related-cat {
	display: none;
	color:gray;
	font-size: 75%;
}

.related-title {
	font-size: 80%;
}

.infobox {
	float:right;
	min-width:300px;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
	margin: 30px 0 20px 25px;
	text-align: center;
	font-size: 85%;
	background-color: white;
	padding: 5px 5px 0 5px;
}

.infobox-header {
	font-family: 'Bree Serif', serif;
	text-align: center;
	font-size: 85%;
	color:white;
	background-color: #404040;
	padding: 1px;
}

.infobox p {
	padding:0;
	margin:0;
}

img.score-image {
	box-shadow: none;
	width: auto;
	height:165px;
}

img.score-image-old {
	box-shadow: none;
}

#retro {
 	padding-top:20px;
	width:770px;
	margin-left: auto;
	margin-right: auto;
	margin: auto;
	line-height: 1.2;
	letter-spacing: 0.5px;
	font-size: 14px; 
//	transform: scale(1.2); transform-origin: 0 0;
//	font-family: verdana,sans-serif;	
//	zoom: 130%;
}

.page-headline {
	font-family: 'Bree Serif', serif;
	font-size: 200%;
	line-height: 1.1;
	margin:5px 0 0 0;
}

.press-release {
	font-family:monospace;
	padding:20px 40px 0 40px;
	text-align:justify;
}

.press-release:before {
   content: "PRESS RELEASE";
   display: block;
   padding-bottom: 20px;
}


/*
#################### HOME PAGE ####################
*/

#home-top {
	line-height: 1.3;
	padding:0 35px 0 0;
}

.home-top-headline {
	font-family: 'Bree Serif', serif;
	font-size: 135%;
	line-height: 1.1;
}	

.home-top-byline {
	font-size:75%;
	color: #666666;
	position: relative;
	top:-5px;
}	

.home-top-item {
//	background-color:#e1e3e7;
	background-color:#f4f5f8;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

.home-top-item p {
	display:block;
	padding:0 0 15px 0;
	margin-top:1px;
}

.home-top-meta {
	padding: 0 20px;
}

.home-top-content {
	padding: 0px 20px 0 20px;
	font-size: 90%;
	line-height: 1.3
}

#home-news {
	line-height: 1;
	padding:0 0 0 20px;
}

#home-news-box {
	position: absolute;
	top:-50px;
	right:5px;
	width: 290px;
	height: 102%;
	z-index: -100;
//	background-color: #fcf7dd;
	background-color: #fdfaec;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}


.home-news-item {
	margin-left:5px;
	margin-bottom:25px;
	padding:0 20px 0 0;}

.home-news-headline {
	font-size: 85%;
}	
		
.home-news-byline {
	font-size:75%;
	color: #666666;
}	

.home-news-excerpt {
	font-size:85%;	
	line-height: 1.3;
	padding:0px 10px 0px 10px;
}

.home-news-excerpt p {
	padding:0;
	margin:0;	
}

.home-news-banner {
	color:#00365f;
	background-color:#f2efe3; 
	text-align: center; 
	margin:0 5px 15px -15px;
	padding:6px 0 5px 0;
}	

.home-news-banner a {
	color:#00365f;
}


#home-views {
	line-height: 1;
	padding:0 20px 0 0;
}

.home-views-headline {
	font-family: 'Bree Serif', serif;
	font-size: 100%;
}	

.home-views-byline {
	font-size:75%;
	color: #666666;
}	

.home-views-excerpt {
	padding-top: 5px;
	font-size:80%;	
	line-height: 1.3;
}

.home-views-item {
	//background-color:#e1e3e7;
	//box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
	clear:both;
	height:170px;
}

.home-views-item p {
	padding:0;
	margin:0;
}

.home-views-meta {
	padding: 2px 8px 0 15px;
	max-height:170px;
	overflow: hidden
}

.home-top-featured img {
	//box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.home-views-featured {
	width:300px;
	float:left;
	height:170px;
	overflow: hidden;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.home-views-featured img {
	min-height: 170px; 
	position: relative; 
	top: 50%; 
	transform: translateY(-50%);
}


.more { font-size:80%; text-align: right; margin-top: -30px }

/*
#################### CATEGORY ####################
*/


.cat-headline {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 105%;
	line-height: 1;
}	

.cat-byline {
	font-size:85%;
	color: #666666;
	position: relative;
	top:-8px;
}	

.cat-excerpt {
	padding-top: 5px;
	font-size:85%;	
	line-height: 1.3;
}

.cat-item {
	//padding-bottom: 20px;
}

.cat-item p {
	padding:0;
	margin:0;
}

/*
#################### HEADER ####################
*/


#header {
    width: 100%;
    height: 160px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #00365f;
    transition: all 0.3s; 
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    -webkit-transform: translateZ(0);
}

#header.shrink { height: 85px; }

#header.down { height: 205px; }

#header.shrink.down { height: 115px; }

#inner { width: 1000px; margin-left: auto; margin-right: auto; position: relative; top: 4px; }

#av { position: absolute; top: 13px; left:0px; height: 125px }

#av-s { position: absolute; top: 7px; left:10px; display:none; height: 65px }

#ad { position: absolute; top: 10px; right:5px; }

ins.adsbygoogle { background: transparent !important; }

#nav { position: absolute; top: 113px; right:7px; color:white; font-size: 20px; font-weight: bold; font-family: "Fira Sans Condensed"; transition: all 0.3s; }

#nav.shrink { position: absolute; top: 24px; right:7px; font-size: 20px; transform: scale(1.2,1.2) translateX(-50px); transition: all 0.3s; }

.menuitem, .linkitem { padding: 0 12px; cursor: pointer; 
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

.menuitem a, .linkitem a { color: white; text-decoration: none; }

.menuitem-selected { color: #00365f; background-color: #e1e3e7; padding-bottom: 18px; padding-top:5px; }

.submenuitem { padding: 0 30px; cursor: pointer; }

#submenu { 
	display: none;
	background-color: #e1e3e7; 
	position: relative; 
	top:155px;
	color: #00365f;
	text-align: center;
}

#submenu.shrink { 
	position: absolute; 
	top: 65px; 
	left:119px; 
	font-size: 17px; 
	width:880px; 
	transition: all 0.3s; 
}

#content { position: relative; top: 185px; transition: all 0.3s; }

.popup {
    width:500px;
    font-size: 85%;
    min-height:100%;
    position:absolute;
    top:-80px;
    right:0px;
    background-color: #fdfaec;
    border: 3px solid #00365f;
    margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
    padding:10px;
    display:none;
    overflow: hidden;
	text-align: center;
    z-index: 1000;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  }
  
  
img.ri-featured {
	height: 125px;
//	border: 1px solid black;
	margin: 5px 0 0 0;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

#searchform { padding: 20px 0 50px 0; text-align: center }

#search {
	//border: 9px solid #58595b;
	width: 75%;
	padding: 5px 20px;
	box-sizing: border-box;
	outline: none; 
	font-size: 120%;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-align: center;
}

#searchsubmit {
	background-color: #00365f;
    border: none;
    color: white;
    padding: 5px 30px;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 120%;
	box-sizing: border-box;
	margin-left: 10px;
	outline: none; 
}


/* 
#################### DEPRECATED #################### 
*/
img.noborder {
	box-shadow: none;
	text-decoration: none; 
	border: none;
	
}

IMG.right {
	float:right;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:5px;
		}

IMG.left {
	float:left;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:5px;
		}
		
	hr.clear {  
		background: none;  
		border: 0;  
		clear: both;  
		display: block;  
		float: none;  
		font-size: 0;  
		margin: 0;  
		padding: 0;  
		overflow: hidden;  
		visibility: hidden;  
		width: 0;  
		height: 0;  
 	   }  

		
		
/* 
####################  #################### 
*/
		
.post-content figure {
	margin-bottom: -10px
}

.post-content figure p {
	margin: 0;
	padding: 15px 0 0 0;
}

.post-content img.left {
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:5px;
}

.post-content img.right {
	float:right;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:5px;
}

.post-content .image-block {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}

.post-content .image-block img {
	margin: 0 10px; 
}

.post-content .image-block figcaption {
	font-size: 80%;
	font-style: italic;
	color: #666666; 
	line-height: 1.3;
	position: relative;
}

.wp-caption-text {
	font-size: 80%;
	font-style: italic;
	color: #666666; 
	line-height: 1.3;
	position: relative;
	top: -5px;
}


/* 
#################### SOCIAL MEDIA BAR PLUGIN #################### 
*/

.social-click { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;cursor: pointer } 
.social-table { font-size:85%;border-top:1px #404040 solid;border-bottom:1px #404040 solid } 
.social-icon { cursor: pointer;float:left;position:relative;top:5px;left:-5px; } 
.social-text { display:inline-block;cursor: pointer;transform: scale(1,.75) }


/* 
#################### COMMENTS #################### 
*/


a.forumlink { color: #404040; text-decoration: underline }
.the_comment { font-size:95%; padding:15px 20px 10px 20px; }
.comment_page { width:100%; margin: 0 auto;  }
.comment_box { box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);background-color:#f2f3f7; padding: 15px 25px;margin-bottom:15px;font-size:85%; }
.comnav { user-select: none;text-align:center;font-size:75%; }
.comnav-table { text-align:center;font-size:85%;border-top:1px #404040 solid;border-bottom:1px #404040 solid;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 
.comnav-text { transform: scale(1,.75); }

#com_td_top_prev,#com_td_top_next,#com_td_bot_prev,#com_td_bot_next { color:#999999;cursor:not-allowed; }

.floating { font-size:65%; float:right; color: #ababab; }
a.comreport,a.comreport:visited { color:#ababab; }
a.comdate,a.comdate:visited { color:#404040; }
a.comreport:hover,a.comdate:hover { color:#990000;  }

a.com_attach { font-size: 85%; color: #999999; display: block; padding: 5px 0; }

#desktop_comments .comnav-m { display: none; }


/* 
#################### RATINGS  #################### 
*/

#ratings-note { float:left;width:440px;padding-right:20px;font-size:80%; }
#ratings-image { float: left;width:375px;text-align:right;vertical-align:top;padding:5px 10px 0 0;font-weight:bold;font-family:verdana,sans-serif;font-size: 85%; }
#ratings-text span { text-align:right;vertical-align:bottom;font-weight:bold;font-family:verdana,sans-serif;font-size: 90% }
#ratings-image br { display:none; }

/* 
#################### YOUTUBE FIX #################### 
*/


.youtube-views,.youtube-news,.youtube-post{
	margin-bottom:14px;
	width:100%;
}
.youtube-views-box{
	height:372px;
	width:665px;
	position:relative;
}

.youtube-news-box{
	height:142px;
	width:256px;
	position:relative;
	left:-1px;
}

.youtube-post-box{
	height:560px;
	width:1000px;
	position:relative;
}

.youtube-views-thumbnail,.youtube-news-thumbnail,.youtube-post-thumbnail{
	z-index:300;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.youtube-views-play,.youtube-news-play,.youtube-post-play{
	z-index:500;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor: pointer;
}

.youtube-views-frame{
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.youtube-news-frame{
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	margin-top:8px;
	margin-bottom:3px;
	width:256px;
	height:142px;
}

.youtube-post-frame{
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	width:1000px;
	height:560px;
}

/* 
#################### YOUTUBE FIX #################### 
*/

.comment-icon > span {
	z-index:9999;
	display:none;
	position:absolute;
	top:15px;
	right:15px;
	background-color: #fdfaec;
	padding:5px;
	text-align: center;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);

	}