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

html {
	width: 100%;
	margin: 0 auto;
    overflow-x: hidden;
}

body {
	background-color: #edede4; /* #e0e0cf */ /* #edede4 */
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 130%;
	
}

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; }

ins.adsbygoogle { background: transparent !important; }

#content { 
	padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

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

#header {
	width: 100%;
    height: 110px;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #00365f;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    display:table;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    //padding-top: env(safe-area-inset-top);
}

#phone-menu {
	color:white;
	font-family: 'Fira Sans Condensed';
	font-weight:700;
	font-size: 180%;
	cursor: pointer;
}

#phone-menu-select {
    width: 280px;
//    height: 280px;
    text-align: center;
    position: absolute;
    margin-left: -140px;
    margin-top: -140px;
    left: 50%;
    top: 25%;
    z-index: 99;
    display: none;
}

.phone-menu-pick {
	width:255px;
	background-color: #00365f;
	border: solid 10px #00365f;
	color: white;	
	margin:20px auto;
	font-family: 'Fira Sans Condensed';
	font-weight:700;
	font-size: 130%;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.phone-menu-pick-meta {
	font-size:68%;
	font-weight:400;
}

#logo { position: relative; top: 5px; height: 90px }

@media screen and (max-height: 450px) {
	
#phone-menu-select {
    width: 540px;
    text-align: center;
    position: absolute;
    margin-left: -265px;
    margin-top: -265px;
    top: 80%;
    z-index: 99;
    display: none;

}

.phone-menu-pick {
		width:500px;
		margin:3px;	
		text-align: left;
		padding-left: 20px;
}
	
.phone-menu-pick-title {
	float:left;
}

.phone-menu-pick-meta {
	position: relative;
	top:7px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}



	
}


#pick-label { 
	background-color: #e6c300;
	border: solid 10px #e6c300;
	color:black;
	cursor: default;
}

#screen {
	z-index: 98;
	position: absolute;
	left: 0;
	top: 0;
	background: #e0e0cf;
}

#header-tablet { display: none; }

@media screen and (max-width: 360px) {
	#phone-menu { font-size: 130%; }
	#phone-menu-select { transform: scale(.95, .95); }
}

@media screen and (max-height: 350px) {
	#phone-menu-select { transform: scale(.85, .85); }
}


/* 
#################### HOME TOP #################### 
*/


#home-top { display: none; line-height: 1.1; }

.home-top-featured img {
	max-width: 100%;
    height: auto;
	//box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.home-top-meta { padding: 3px 10px 0 10px; margin: 0 auto; }

.home-top-headline {
	font-size: 130%;
	font-family: 'Bree Serif'
}

.home-top-excerpt { padding-top: 10px; }

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

//.home-top-item p { margin: 0; }

.home-top-byline {
	font-family: 'Fira Sans Condensed', serif;
	font-size: 85%;	
	font-weight: 700;
	position: relative;
	top: 3px;
	left: 1px;
}


/* 
#################### HOME VIEWS #################### 
*/


#home-views { display: none; line-height: 1.1; }

.home-views-featured img {
	max-width: 100%;
    height: auto;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.home-views-meta { padding: 3px 5px 0 5px; margin: 0 auto; }

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

.home-views-excerpt { position:relative;top: -10px; }

.home-views-item { padding: 0 15px 15px 15px; }

.home-views-byline {
	font-family: 'Fira Sans Condensed', serif;
	font-size: 85%;	
	font-weight: 700;
	position: relative;
	top: 3px;
	left: 1px;
}

/* 
#################### HOME NEWS #################### 
*/

#home-news { display: none; line-height: 1; }

.home-news-item { padding: 0 15px 35px 15px; }

.home-news-headline {
	font-size: 120%;
}

.home-news-byline {
	font-size: 90%
}

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

.home-all-banner {
	color:#00365f;
	background-color:#fff;
	text-align: center; 
	margin:-25px 0 25px 0;
	padding:5px 0;
}	

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


/* 
#################### PHONE HOME MORE #################### 
*/

#phone-more { display: none; text-align: center; font-weight: 700; font-size: 130%; }

/* 
#################### FOOTER #################### 
*/

#footer { max-width: 100%; background-color: #00365f;     box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
 }
#footer-notes { text-align: center; font-size: 80%; color:white; padding:5px; padding-bottom: env(safe-area-inset-bottom);}

/* 
#################### SINGLE PAGE #################### 
*/


.article { padding: 5px 15px 0 15px; margin: 0 auto; }

.post-headline {
	font-family: 'Bree Serif', serif;
	font-size: 160%;
	line-height: 100%;
}

.post-byline {
	font-family: 'Fira Sans Condensed', serif;
	font-size: 95%;	
	font-weight: 700;
	padding-top:10px;
	position: relative;
	top: 10px;
//	left: 2px;
}

.views .post-byline {
	position: relative;
	top: 5px;
//	left: 2px;
}


.post-dateline {
	font-family: 'Fira Sans Condensed', serif;
	font-size: 95%;	
	font-weight: 700;
	padding-top:10px;
	position: relative;
	top: -5px;
//	left: 2px;
}

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

.post-heading, .review_headings { /* .review_headings is deprecated */
	font-family: 'Bree Serif', serif;
	font-size: 130%;	
	font-weight: normal;
	margin-bottom: -15px;
}

.post-featured img {
	max-width: 100%;
    height: auto;
}

.post-content img {
	max-width: 100%;
    height: auto;
}

.post-content {
	padding-top:10px;
	font-size: 110%;
	line-height: 1.4
}

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


.post-content img, .post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {
	display: block; margin: 0 auto 25px auto; }
	
.post-content .alignleft, .post-content .alignright, .post-content .aligncenter {
	display: block; margin: 0 auto 25px auto; }

#post-score img { margin: 0 auto 10px auto; }
	
#score-space-top,#score-space {
	box-shadow: none;
}


#page-container {
	padding: 5px 15px 15px 15px; 
	.margin: 0 auto;
}

.page-headline {
	font-family: 'Bree Serif', serif;
	font-size: 160%;
	line-height: 100%;
}

.page-content {
	padding-top:10px;
	font-size: 110%;
	line-height: 1.4
}

.wp-caption-text {
	font-size: 80%;
	font-style: italic;
	color: #666666; 
}

.press-release {
	font-family:monospace;
	padding:20px 20px 0 20px;
}

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



/* 
#################### SEARCH #################### 
*/

#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; 
}


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

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


a.forumlink { color: #404040; text-decoration: underline }
.the_comment { font-size:95%; padding:15px 0 10px 0; }
.comment_page { width:100%; margin: 0 auto;  }
.comment_box { position:relative;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%;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 
.comnav-text { transform: scale(1,.75); }
.comdate { font-size: 85%; }

#com_td_top_prev,#com_td_top_next,#com_td_bot_prev,#com_td_bot_next { border-top:1px #404040 solid;border-bottom:1px #404040 solid;color:#999999;cursor:not-allowed; }

#com_td_top_go,#com_td_bot_go { border-top:1px #404040 solid;border-bottom:1px #404040 solid;color:#999999; color:#404040;cursor:pointer;text-decoration:none;background-color:transparent }


.floating { font-size:65%; color: #ababab; position:absolute;top:10px; right:10px; }
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; }


#mobile_comments .comnav-d { display: none; }

@media screen and (max-width: 350px) {
	.floating { font-size:60%;top:5px; right:5px; }
	.floating img { transform: scale(.8, .8); }
}


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

#ratings-note { width:100%;text-align:center;font-size:80%;padding-bottom:15px; }
#ratings-image { text-align:center;font-weight:bold;font-family:verdana,sans-serif;font-size: 75%; }
#ratings-parts { position:relative;left:-8px;white-space: nowrap;transform: scale(.9, .9); }
#ratings-image br { display: none; }
#ratings-text {	display:none; }

@media screen and (max-width: 358px) {
#ratings-parts { position:relative;left:-24px;transform: scale(.7, .7); }
}

@media screen and (min-width: 458px) {
#ratings-parts { position:relative;left:0px;transform: scale(1.2, 1.2); }
}


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

img.no-border {
	box-shadow: 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;
		}

}
*/