﻿/*   
Theme Name: Avoider Neo
Theme URL: https://avoider.net/
Description: The third official theme of Avoider.net
Author: Sonny Go
Author URI: https://avoider.net/
Version: 3.12
*/

::selection { background:#eda720; background-color:#eda720; color:#000; }
::-moz-selection { background:#eda720; color:#000; }
::-webkit-scrollbar { height:16px; width:16px; }
::-webkit-scrollbar-corner { background:none; }
::-webkit-scrollbar-track { background:rgba(0,0,0,0.75); }
::-webkit-scrollbar-thumb { background:#eda720; }
::-webkit-scrollbar-button:horizontal:decrement { background:#eda720 url(./images/scroll-arrow-left.png) no-repeat center; }
::-webkit-scrollbar-button:horizontal:increment { background:#eda720 url(./images/scroll-arrow-right.png) no-repeat center; }
::-webkit-scrollbar-button:vertical:decrement { background:#eda720 url(./images/scroll-arrow-up.png) no-repeat center; }
::-webkit-scrollbar-button:vertical:increment { background:#eda720 url(./images/scroll-arrow-down.png) no-repeat center; }

/* FONTS */
@font-face {
	font-family:'Scout Condensed';
	src:url('fonts/ScoutCond-Regular.otf') format('opentype');
	font-weight:normal;
	font-style:condensed;
}
@font-face {
	font-family:'Play';
	src:url('fonts/Play-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

/* BODY */
body {
	background-color:#111;
	color:#ddd;
	font-family:'Roboto';
	font-style:normal;
	font-size:1.1em!important;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}
	p { line-height:150%!important; padding-bottom:.25em!important; }
	img { border:1px solid #eda720; }
	blockquote { background:#333; color:#ddd; font-size:15px; font-style:italic; margin:20px 10px 10px 10px; padding:2px 12px 2px 12px; }
	hr { background-color:#b5811b; border:0; color:#eda720; height:2px; margin:0; padding:0; width:760px; }
		hr.menu-separator { background-color:#000; height:2px; width:100%; }
	a { border-style:none; color:#eda720; text-decoration:none; }
		a:hover { color:#ffffff; }
		a h1:hover { color:#ffffff; }
		a h2:hover { color:#ffffff; }
		a img { border:1px solid #eda720; }
		a:hover img { border:1px solid #ffffff; }

/* HEADERS */
h1 {
		background-color:#000;
		border:1px #eda720 solid;
		color:#000;
		display:inline-block;
		font-family:'Teko';
		font-size:2em;
		font-style:italic;
		font-weight:bold;
		line-height:26px;
		margin:0;
		padding:4px 4px 4px 10px;
		text-align:left;
		text-transform:uppercase;
	}
h2 {
		border-bottom:2px #eda720 solid;
		color:#eda720;
		font-family:'Teko';
		font-size:2em;
		font-style:italic;
		font-weight:normal!important;
		height:1.5em;
		line-height:2em;
		margin:10px 0 0 0;
		padding:0;
		text-align:left;
		text-transform:uppercase;
		width:800px;
	}
h3 {
		color:#fff;
		font-family:'Teko';
		font-size:2em;
		font-style:italic;
		font-weight:normal;
		line-height:32px;
		margin:20px 0 0 0;
		padding:0;
		text-align:left;
		text-transform:uppercase;
	}
h4 {
		color:#fff;
		font-family:'Roboto';
		font-size:1.5em;
		font-style:italic;
		font-weight:bold;
		margin:0;
		margin:20px 0 0 0;
		padding:0;
		text-align:center;
	}
		a:hover h4 { color:#eda720!important; }
h5 {
		color:#f43d3d;
		font-family:'Roboto';
		font-size:3em;
		font-weight:bold;
		margin:10px;
		padding:0;
		text-align:center;
	}
h6 {
		color:#fff;
		font-family:'Roboto';
		font-size:0.75em;
		margin:0;
		padding:0;
	}

#wrapper {
	background-color:rgba(17, 34, 51, 0.5);
	border-left:1px #eda720 solid;
	border-right:1px #eda720 solid;
	display:block;
	float:none;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:1280px;
}

#header {
	height:110px;
	margin:0;
	padding:0;
	position:relative;
	width:1280px;
}
	.homelink_live { background:url(images/logo_small.png) 0 0 no-repeat; display:block; float:left; height:32px; margin:2px 0; padding:0; position:inherit; width:180px; }

#notfound { height:800px; margin:0; padding:0; width:1180px; }
	#notfound img { border:none; }

/* NAVBAR */
#navbar {
	background:#000;
	display:block;
	float:left;
	height:32px;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}

/* NAV MENU */
#menu {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
	#menu a { display:block; height:32px; padding:6px 10px 4px 4px;}
	#menu a:hover { background:#eda720; height:32px; color:#000; }
	#menu li { color:#eda720; float:left; font-family:'Teko'; font-size:28px; font-style:italic; font-weight:normal; line-height:26px; margin:0 0 0 20px; position:relative; text-transform:uppercase; }
	#menu li .separator { height:2px!important; margin:0; padding:4px 0 0 0; }
		#menu li ul { background:#000; color:#eda720; left:-999px; list-style:none; margin:0; padding:0; position:absolute; z-index:1000; }
		#menu li ul li { float:none; font-family:'Teko'; font-size:28px; font-style:italic; font-weight:normal; height:40px; margin:-4px 0 0 0; padding:0 0 2px 0; text-transform:uppercase; }
		#menu li:hover > a { background:#eda720; color:#000; height:27px; padding-right:10px; }
		#menu li:hover ul { left:0; }
		#menu li:hover ul li a { background:#333; color:#eda720; height:32px; padding-bottom:4px; padding-right:10px; text-decoration:none; white-space:nowrap; }
		#menu li:hover ul li a:hover { background:#eda720; color:#000; height:32px; padding-right:10px; }

#navright { float:right; margin:0; padding:0; }
	#navright .menu_more li .search { margin-left:64px; }
	#navright .menu_more li li { height:27px; margin:0; }
		#navright .menu_more li .separator { height:2px!important; margin:0; padding:4px 0 0 0; }
	#navright .menu_more li ul { display:none; left:auto; right:-999px; }
	#navright .menu_more li:hover > a { height:27px; padding:6px 10px 0 4px; }
	#navright .menu_more li:hover ul { display:block; height:32px; left:auto; right:0; }
	.nav_more { margin-right:32px!important; }

/* SEARCH */
.search-form { position:absolute; margin-top:-2px; right:2px; }
.search-field {
	background:url(images/search.png) no-repeat right;
	background-size:32px 32px;
	border:none;
	cursor:pointer;
	height:38px;
	margin:0 0 0 32px;
	padding:0 0 0 32px;
	position:relative;
	-webkit-transition:width 250ms ease, background 250ms ease;
	transition:width 250ms ease, background 250ms ease;
	width:0;
}
.search-field:focus {
	background:#333;
	border:#eda720;
	color:#eda720;
	cursor:text;
	font-family:'Teko';
	font-size:30px;
	font-style:italic;
	font-weight:normal;
	line-height:30px;
	margin-top:-2px;
	outline:0;
	padding:0 8px;
	text-transform:uppercase;
	width:240px;
}
.search-submit { display:none; }
	input[type="search"] { -webkit-appearance:textfield; }
	input::-webkit-search-decoration,
	input::-webkit-search-cancel-button { display:none; }

/* BAR */
#bar {
	border-bottom:1px solid #eda720;
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	position:relative;
	width:1280px;
}
	.full { width:100%!important; }

/* TITLE */
div #titlebar {
	background:#000;
	border:1px #eda720 solid;
	color:#eda720;
	display:inline-block;
	font-family:'Teko';
	font-size:2em;
	font-style:italic;
	font-weight:normal;
	height:32px;
	line-height:32px;
	margin:0;
	padding:10px 10px 4px 10px;
	text-align:left;
	text-transform:uppercase;
	width:398px;
}

h1 #titlebar {
	background:#000;
	border:1px #eda720 solid;
	color:#eda720;
	display:inline-block;
	font-family:'Teko';
	font-size:36px;
	font-style:italic;
	font-weight:normal;
	height:32px;
	margin:0;
	padding:4px 10px;
	text-align:left;
	text-transform:uppercase;
	width:398px;
}
	.titlebar_content { box-shadow: 0 0 0 #eda720, 0 0 0 #eda720; width:795px!important; }
	.titlebar_page { width:1198px!important; }

/* FRONT PAGE */
#featured_wrapper {
	display:inline-flex;
	height:450px;
	margin:0;
	padding:0;
	position:relative;
	width:1280px;
}
	#featured_left { float:left; height:480px; margin:0; padding:0; width:840px; }
		#featured_left #main_featured-left { height:480px!important; overflow:hidden; margin:0; padding:0; }
	#featured_right { float:right; height:480px; margin:0; padding:0; width:440px; }
		#featured_right #main_featured-right { height:480px!important; overflow:hidden; margin:0; padding:0; }

#main_posts {
	background:rgba(0, 0, 0, 0.50);
	border-right:1px #eda720 solid;
	float:left;
	height:920px;
	margin:0;
	padding:10px;
	text-align:left;
	width:820px;
}
	#archivelist { margin:0; padding:0; }

#main_post-entry {
	display:inline-block;
	margin:10px 7px 10px 7px;
	padding:0;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:185px;
}
#main_post-entry a img { border:1px solid #eda720; }
#main_post-entry a img:hover { border:1px solid #eda720; }
	.main_post-category {
		background:rgba(0, 0, 0, 0.8);
		color:#fff;
		font-family:'Teko';
		font-size:1em;
		font-style:italic;
		font-weight:normal;
		line-height:1em;
		margin:1px -1px 1px 1px;
		padding:4px 6px 0 4px;
		position:absolute;
		right:0;
		text-align:right;
		text-transform:uppercase;
		z-index:2;
	}
	.main_post-title {
		background:rgba(0, 0, 0, 0.8);
		bottom:0;
		font-family:'Teko';
		font-size:1.3em;
		font-style:italic;
		font-weight:regular;
		line-height:1em;
		margin:0 1px -1px 1px;
		padding:4px 4px 0 4px;
		position:absolute;
		text-align:left;
		text-transform:uppercase;
		width:177px;
		z-index:2;
	}
		#main_post-entry.main_post-title:hover ~ #main_post-entry.main_post-thumbnail a img { border:1px solid #fff; }
	.main_post-thumbnail {
		height:185px;
		position:relative;
		width:185px;
	}

#main_follow {
	float:right;
	height:100px;
	margin:10px 10px 0 -10px;
	overflow:hidden;
	padding:0;
	width:420px;
}
#main_reviews {
	float:right;
	height:450px;
	margin:10px 10px 0 -10px;
	overflow:hidden;
	padding:0;
	width:420px;
}
#main_comm {
	background:url(images/sub_comm-01.png) no-repeat;
	border:1px #eda720 solid;
	float:right;
	height:350px;
	margin:9px 9px 9px 8px;
	padding:0;
	width:420px;
}

/* POSTS */
#content {
	background:rgba(0, 0, 0, 0.50);
	border-right:1px #eda720 solid;
	display:inline-block;
	float:left;
	height:auto;
	margin:0 -10px 0 0;
	max-width:820px;
	min-width:inherit;
	padding:10px 9px 0 10px;
	text-align:justify;
	z-index:1;
}
	#content td { vertical-align:top; }

/* SIDEBAR */
aside.side-container { }
#sidebar {
	background-color:rgba(17, 34, 51, 0.5);
	border-left:1px #eda720 solid;
	float:right;
	height:inherit;
	margin:10px 10px 10px -10px;
	padding:0 0 0 10px;
	width:420px;
	overflow:hidden;
	z-index:2;
}
	#sidebar ul { margin:10px; padding:0; }
	#sidebar li { display:list-item; list-style:none; margin:0; padding:0; }

#widget {
	margin:10px;
	padding:0;
	width:245px;
}

#side_comm-01 {
	background:url(images/sub_comm-01.png) no-repeat;
	height:300px;
	padding:20px 0 0 0;
	width:420px;
}

#side_comm-02 {
	background:url(images/sub_comm-02.png) no-repeat;
	height:620px;
	padding:20px 0 0 0;
	width:420px;
}

/* FOOTER NAV */
#navbar-footer {
	background:#000;
	border:1px solid #eda720;
	display:block;
	float:left;
	height:32px;
	margin:0;
	padding:0;
	position:relative;
	width:1280px;
}
#menu-footer {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
	#menu-footer li {
		float:left;
		font-family:'Teko';
		font-size:28px;
		font-style:italic;
		font-weight:regular;
		line-height:26px;
		margin-left:16px;
		position:relative;
		text-transform:uppercase;
	}
	#menu-footer a { display:block; padding:4px 8px 2px 4px; }
	#menu-footer a:hover { background:#eda720; height:28px; color:#000; padding-right:10px; }

/* FOOTER */
#footer {
	border:none;
	display:block;
	float:none;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	width:1280px;
}
	#footer p { margin:10px; text-align:justify; }
	#footer #titlebar { background:none; color:#eda720; }
#footer_01 {
	float:left;
	height:300px;
	margin:10px;
	padding:0;
	width:410px;
}
	#footer_01.widgets-on-page ul { margin:4px; margin-left:-24px; }
	#footer_01.widgets-on-page ul li { font-size:12px; margin:0; padding:0; }
	#footer_01.widgets-on-page ul li:before { content:"• "; color:#fff; font-size:75%; margin-right:4px; }
	#footer_01.widgets-on-page ul li:last-child { margin-bottom:10px; }
#footer_02 {
	float:left;
	height:300px;
	margin:10px;
	padding:0;
	width:410px;
}
#footer_03 {
	float:right;
	height:300px;
	margin:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:0;
	width:400px;
}
#footer_left {
	color:#eda720;
	float:left;
	font-size:14px;
	height:30px;
	margin:0;
	padding:0;
	width:640px;
}
	#footer_left p { margin:10px; padding:0; }
#footer_right {
	color:#eda720;
	float:right;
	font-size:14px;
	height:30px;
	margin:0;
	padding:0;
	text-align:right;
	width:640px;
}
	#footer_right p { margin:10px; padding:0; text-align:right!important; }

#follow {
	float:right;
	height:60px;
	margin:8px 4px;
	padding:0;
	width:400px;
}
	#follow ul { margin:0; padding:0; }
	#follow li { display:inline-block; list-style:none; margin:0; padding:0; }
		.youtube { background:url(images/social_youtube.png) 0 0; display:block; height:45px; width:45px; }
			.youtube:hover { background-position:0 -45px; }
		.twitch { background:url(images/social_twitch.png) 0 0; display:block; height:45px; width:45px; }
			.twitch:hover { background-position:0 -45px; }
		.facebook { background:url(images/social_facebook.png) 0 0; display:block; height:45px; width:45px; }
			.facebook:hover { background-position:0 -45px; }
		.twitter { background:url(images/social_twitter.png) 0 0; display:block; height:45px; width:45px; }
			.twitter:hover { background-position:0 -45px; }
		.instagram { background:url(images/social_instagram.png) 0 0; display:block; height:45px; width:45px; }
			.instagram:hover { background-position:0 -45px; }
		.tiktok { background:url(images/social_tiktok.png) 0 0; display:block; height:45px; width:45px; }
			.tiktok:hover { background-position:0 -45px; }
		.tumblr { background:url(images/social_tumblr.png) 0 0; display:block; height:45px; width:45px; }
			.tumblr:hover { background-position:0 -45px; }
		.medium { background:url(images/social_medium.png) 0 0; display:block; height:45px; width:45px; }
			.medium:hover { background-position:0 -45px; }

.clear { clear:both; }

/* WORDPRESS */
.entry { margin:30px 10px 10px 10px; }
	/* unordered list */
	.entry ul { margin:4px; padding:0; }
	.entry ul li { display:list-item; list-style:none; margin:10px; padding:0; }
	.entry ul li:before { content:"• "; color:#eda720; font-size:75%; margin-right:4px; }
	/* ordered list */
	.entry ol { list-style:none; counter-reset:item; margin:4px; padding:0; }
	.entry ol li { margin:10px; padding:0; }
	.entry ol li:before { content:counter(item) ". "; counter-increment:item; color:#eda720; font-size:85%; margin-right:4px; }
	/* table */
	.entry table { border:none; width:100% }
	.entry tr, td { border:none; margin:4px; padding:0; width:50% }

.post_info { font-family:'Roboto'; font-size:0.8em;  font-weight:bold; padding:0; text-transform:uppercase; }
	.post_info.author { float:left; margin:6px 0 -6px 10px; }
	.post_info.tags { float:right; margin:6px 10px -6px 0; }

#thumbnail { border:1px solid #eda720; float:left; height:150px; margin:0 20px 2px 0; width:150px; }
	#thumbnail img { border:none; }
	.wp-post-image { height:100%; width:100%; }
	#thumbnail.post-thumb { border:2px solid #eda720; float:left; height:240px; margin:0 20px 2px 0; overflow-y:hidden; width:240px; }

img .alignleft { float:left; margin:0 10px 10px 0!important; }
img .alignright { float:right; margin:0 0 10px 10px!important; }

.image_left { float:left; margin:0 10px 10px 0; }
.image_right { float:right; margin:0 0 10px 10px; }
.image_center { display:block; float:none; margin-left:auto!important; margin-right:auto!important; padding:0; }

.navigation { font-family:'Roboto'; font-size:24px; font-weight:bold; margin:10px; text-transform:uppercase; }
	.navigation a { color:#fff; }
	.navigation a:hover { color:#eda720; }
	.prev-posts { float:left; }
	.next-posts { float:right; }

.entry_comments { margin:0 10px 10px 10px; }

.meta { margin:0 0 20px 0; }

.postmetadata { border:solid 1px #eda720; font-size:12px; margin:10px; padding:10px; }
	.postmetadata .postmeta-previous { float:left; }
	.postmetadata .postmeta-next { float:right; }
	.postmetadata .post-edit-link { display:none; }

.image_404 { background:url(images/404.png); display:block; height:800px; margin:0; padding:0; width:800px; }

.wp-caption-text { border-bottom:1px #555 solid; color:#aaa; margin:0; padding:0; font-family:'Roboto'; font-size:12px; font-weight:bold; }

.commentlist { font-size:12px; }

#u_0_0 ul li { color:#fff; }

/* WP Infobox */
#wpinfobox {
	border:1px solid #eda720;
	float:right;
	width:200px;
	margin:0 0 0 10px;
	text-align:left;
}
	#wpinfobox b { color:#eda720; font-size:inherit; }
	#wpinfobox div { padding:6px; margin:0; }
	#wpinfobox ul { list-style-position:inside; margin:0; padding:0; }
	#wpinfobox ul li {
		background-image: none;
		font-size:12px;
		line-height:14px;
		list-style:none;
		margin:0;
		padding:1px 0 1px 0;	
	}
	#wpinfobox ul li:before { content:none!important; }
	#wpinfobox h2#wpinfobox-title {
		background:#000;
		border-bottom:#eda720 solid 1px;
		color:#eda720;
		font-size:24px;
		padding-left:10px;
		margin:0;
		width:190px;
	}

#text-5 { height:300px }

#recent-posts-2 ul li { margin:0 10px 10px 10px; }
#recent-posts-2 ul li:before { content:"• "; color:#eda720; font-size:75%; }

#text-21 ul li { margin:0 10px 10px 10px; }
#text-21 ul li:before { content:"• "; color:#eda720; font-size:75%; }

#text_php { height:140px; }

#custom_html-11 { margin:0 0 0 20px; }
#___ytsubscribe_1 { margin-left:20px!important; }
#___ytsubscribe_3 { margin-left:24px!important; }

.sh-link { line-height:135%; display:block; font-family:'Teko'; font-size:12px; font-weight:bold; margin:1em; }
	.sh-link.sh-show { margin-bottom:4px; }
.sh-content blockquote { font-size:14px; font-style:normal; margin:0 10px 10px 10px; }

.sd-content ul li:before { content:none; }

#wpstats { border:none; }

#subscribe-blog-blog_subscription-2 { margin:10px; }

.sharedaddy { margin-top:20px!important; }

.youtube-player { height:450px; width:800px; }

.fb-page { margin-left:10px; }

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width:23%!important; }

/* REVIEWER */
.rwp-review-wrap { font-family:'Roboto'!important; color:#ddd!important; margin:10px 0 20px 0!important; }
.rwp-review-wrap .rwp-review .rwp-title { display:none!important; }
.rwp-header { margin:0 10px 0 0!important; width:320px!important; }
.rwp-review-image,.rwp-overalls { margin:0 0 20px 0!important; }
.rwp-overlall-score-value { color:#000!important; font-size:50px!important; font-weight:bold!important; }
	.rwp-overlall-score-value i { display:none!important; }
.rwp-overlall-score-label { color:#000!important; font-size:11px!important; }
.rwp-tab_value { font-size:50px!important; font-weight:700!important; line-height:34px!important; }
.rwp-tab_label { font-size:11px!important; line-height:13px!important; margin-top:13px!important; text-transform:uppercase; }
.rwp-prosandcons { float:right!important; margin:-160px 0 0 0!important; width:440px!important; }
.rwp-pros-label { font-size:24px!important; }
.rwp-cons-label { font-size:24px!important; }
.rwp-summary-label { font-size:24px!important; }
.rwp-pros-label { margin:0!important; }
.rwp-cons-label { margin:0!important; }
.rwp-pros-wrap { margin:0 0 10px 20px!important; text-align:left; width:220px!important; }
	.rwp-pros-wrap ul br { display:none!important; }
	.rwp-pros-wrap ul li { font-size:11px!important; margin:1px 0 0 0!important; padding:0!important; }
	.rwp-pros-wrap ul li:before { content:"+ "; color:#339966; font-size:18px!important; font-weight:bold!important; }
.rwp-cons-wrap { margin:0 0 10px 10px!important; text-align:left; width:220px!important; }
	.rwp-cons-wrap ul br { display:none!important; }
	.rwp-cons-wrap ul li { font-size:11px!important; margin:1px 0 0 0!important; padding:0!important; }
	.rwp-cons-wrap ul li:before { content:"- "; color:#f43d3d; font-size:18px!important; font-weight:bold!important; }
.rwp-summary-wrap { margin-top:0!important; }
.rwp-summary p { font-size:1em!important; line-height:150%!important; margin-bottom:1em!important; }
	.rwp-summary br { display:none!important; }

/* Reviewer Widget */
.rwp-widget-reviews { margin:10px 10px 10px 20px!important; }
	.rwp-widget-reviews a { color:#eda720!important; font-family:'Teko'!important; font-size:1.6em!important; font-style:italic!important; font-weight:normal; line-height:48px!important; margin-left:60px!important; text-transform:uppercase; }
	.rwp-widget-reviews a:hover { color:#fff!important; }
.rwp-overall { color:#000!important; font-family:'Roboto'!important; font-size:24px!important; font-weight:bold!important; height:24px!important; padding:10px 4px 12px 4px!important; width:40px!important; }
	.rwp-overall em { display:none!important; }
.rwp-widget-reviews.rwp-widget-theme-2 a { padding:0!important; position:relative!important; }
	.rwp-widget-reviews.rwp-widget-theme-2 li { min-height:58px!important; }

/* DARK MODE */
@media (prefers-color-scheme:dark) {
	body { background-color:#111; color:#ddd; }
	h1 #titlebar { color:#eda720; }
	#menu-footer a:hover { color:#111; }
	.rwp-overall { color:#000!important; }
}

/* LOW-RES */
@media (max-width:720px) { #header_comm,#bar,.live,#menu,#main_follow,#main_reviews,#featured_wrapper,.post_info,#sidebar,#navbar-footer,#footer,#wpstats { display:none; }
	body { font-size:1.5em; width:98%; }
	hr { width:inherit; }
	h1 { border:none; height:auto!important; max-width:100%; padding-bottom:4px!important; width:auto; }
	h2 { border-width:auto; height:auto; max-width:100%; width:auto; }
	h5 { font-size:30px; }
	#wrapper { background:none; border:none; float:left; width:100%; }
	#header { margin:0 auto; max-height:100px; width:98%; }
		.homelink { background:url(images/logo_mobile.png) no-repeat; background-size:100% auto; height:100%; margin:0 auto; width:100%; }
		#navbar { background:none; height:auto; width:inherit; }
	h1 #titlebar { height:auto; padding-right:0; padding-bottom:4px; width:98%!important; }
		h1 #titlebar .titlebar_content { width:96%!important; }
	#main_posts { border:none; height:100%; margin:0 auto; padding:0 0 30px 0; width:99% }
		#archivelist { border:none; float:none; margin:0 auto; margin-top:10px; padding:0; width:98%; }
			#main_post-entry { margin:4px; width:48%; }
				.main_post-thumbnail { height:auto; width:100%; }
				.main_post-title { font-size:l6px; margin:0 -1px 6px 1px; width:inherit; }
	#main_comm { background-position:center; border:none; margin:0 auto; width:100%; }
	#content { border:none; margin:0; width:98%; }
		.entry { margin-top:0; width:98%; }
		#thumbnail { height:0!important; padding-bottom:30%; width:30%!important; }
			#thumbnail img { width:100%; }
		.wpinfobox { width:auto; }
		.entry img { height:auto; max-width:98%; }
		.youtube-player { width:98%; }
		.rwp-prosandcons { display:contents!important; }
		.rwp-pros-wrap { margin-left:10px!important; width:auto!important; }
		.rwp-cons-wrap { margin-bottom:20px!important; width:auto!important; }
		.rwp-pros-wrap ul li { font-size:15px!important; margin-bottom:2px!important; }
		.rwp-cons-wrap ul li { font-size:15px!important; margin-bottom:2px!important; }
		.wp-rp-content { width:98%; }
		h3.related_post_title { width:98%!important; }
		.fb-comments { height:auto; max-width:98%; }
		.fb-comment-title { width:98%; }
	#thumbnail { height:7%; width:7%; }
}

/* MOBILE */
@media only screen and (max-width:480px) {
	body { font-size:1em!important; }
	#header { max-height:100px; }
	#titlebar { padding-top:10px; }
	#main_post-entry { width:48%; }
		.main_post-thumbnail { height:auto; width:100%; }
		.main_post-date { font-size:1em; }
		.main_post-title { font-size:1.5em; }
	#content { font-size:1em; width:98% }
		.entry { margin-top:0; width:100%; }
		#thumbnail { height:0!important; padding-bottom:40%; width:40%!important; }
		.wpinfobox { width:30%!important; }
		.entry img { height:auto; max-width:100%; width:auto; }
		.youtube-player { width:100%; min-height:270px; }
		.wp-caption-text { max-width:320px!important; }
	.rwp-header { width:auto!important; margin:auto; }
	.rwp-overalls { width:80px!important; }
	.rwp-overlall-score-value { font-size:60px!important; }
	.rwp-overlall-score-label { font-size:12px!important; }
	.rwp-prosandcons { display:contents!important; }
	.rwp-pros-wrap,.rwp-cons-wrap { width:auto; }
	#jp-relatedposts { width:auto; }
}