/*
Theme Name: Blue
Theme URI: http://techgage.com/
Description: A newer blewer future layout
Author: Tharic-Nar, Orbit, Deathspawner
Author URI: http://techgage.com/
Version: 4.blu 
Tags: 
License:
License URI:

General comments (optional).
*/

body {
    margin: 0px;
    padding: 0px;
    background-color: #000;	
	/* background-image: url(images/site_skin-synology_beyondcloud.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed; 
    font-family: Arial, Verdana, sans-serif;
	font-size: 0.90em;
	line-height: 1.4em;
	z-index: -2;
	text-rendering: optimizeLegibility;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), 
       only screen and (-o-min-device-pixel-ratio: 2/1), 
       only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (min-device-pixel-ratio: 2) {
 /*use CSS to swap out your low res images with high res ones here*/
 		body {
			font-size: 1.0em;
		}
} 

#centerContainer {
    margin-left: auto;
    margin-right: auto;
    width: 99.9%;
	max-width: 1030px;
    text-align: center;    
	background-color: #fff;
	position: relative;
	z-index: 8;
}


#header {
	background: #1B65A4;  /* Old browsers */
	background: -moz-linear-gradient(top, #1b3f87 0%, #1b65a4 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b3f87), color-stop(77%,#1b65a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1b3f87 0%,#1b65a4 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1b3f87 0%,#1b65a4 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1b3f87 0%,#1b65a4 77%); /* IE10+ */
	background: linear-gradient(to bottom, #1b3f87 0%,#1b65a4 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3f87', endColorstr='#1b65a4',GradientType=0 ); /* IE6-9 */
	margin-bottom: 5px;
    width: 100%;
}

#topbox {
	height: 90px;
	padding: 5px 5px 5px 0px;
}

#logo {
	float: left;
    border: 0px;
}

#twitter {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -442px -10px;
}

#facebook {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -202px -10px;
}

#googleplus {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -262px -10px;
}

#steam {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -382px -10px;
}

#youtube {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -502px -10px;
}

#rss_social {
	background: url('images/tg_spritepack.png') no-repeat;
	display:inline-block;
	width: 40px;
    height: 40px;
    background-position: -322px -10px;
}

.rss_icon {
	background: url('images/tg_spritepack.png') no-repeat;
	width: 16px;
    height: 16px;
    background-position: -166px -10px;
	display:inline-block;
	padding-right: 8px;
	margin: -3px;
}

.comment_icon {
	background: url('images/tg_spritepack.png') no-repeat;
	width: 13px;
    height: 13px;
    background-position: -37px -10px;
	display:inline-block;
	margin: -4px 1px -3px 1px;
}

#menu-icon {
	display: hidden;
	background: #1B65A4 url('images/tg_spritepack.png') no-repeat;
	width: 40px;
    height: 40px;
    background-position: -70px -10px;
}

nav {
	clear: both;
	width: 100%;
	height: auto;
	display: table;
	font-weight: bold;
	font-size: 0.9em;
}

nav ul ul {
	display: none;
	background: #1B3F87;
	padding: 0px;
	position: absolute;
	top: 100%;
	margin: 0px;
	width: 10em;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	background-color: #1B65A4;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0px;
	float: left;
	text-align: left;
	z-index:99;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background-color: #1B3F87;
}

nav ul li:hover a {
	color: #fff;
}

nav ul li a {
	display: block;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
}

nav ul ul li {
	float: none; 
	position: relative;
	z-index:999;
}

nav ul ul li a {
	padding: 5px 10px;
	color: #fff;
}	

nav ul ul li a:hover {
	background: rgba(0, 0, 0, 0.50);
}

nav ul ul > li:nth-child(odd){
	background-color: #24478C;
}

nav ul ul > li:nth-child(even){
	background-color: #1B3F87;
}

nav ul ul ul {
	left: 10em;
	top: 0em;
}

@media only screen and (max-width: 500px) {
	#menu-icon {
		display: inline-block;
	}
	nav {
		width: 40px;
		height: 40px;
		display: block;
		font-size: 0.7em;
		position:fixed;
		top:0px;
		right:0px;
		z-index: 99;
	}
	nav ul { 
		display: none;
		float: right;
		width: 8em;
		margin-top: -0.6em;
	}
	nav ul ul li{
		float: none;
		display: none;
	}
	nav ul ul{
		position: relative;
		margin-left: -8em;
		margin-top: -3.4em;
		right: 8em;
		width: 8em;
	}
	nav ul li {
		float: none;
		display: block;
		padding: 5px 0px;
	}
	nav ul li:hover li, nav ul:hover ul, nav:hover ul {
		display: block;
	}
	nav ul ul > li:nth-child(odd){
		right: 8em;
		float: left;
		height: 4em;
		width: 8em;
	}
	nav ul ul > li:nth-child(even){
		height: 4em;
		float: right;
		margin-left: -8em;
		width: 8em;
	}
	#support ul {
		right: 8em;
	}
	#support li li{
		display:none;
		top:-15em;
	}
	#support li:hover > ul li{
		display:block;
		left:-18em;
		height: auto;
	}
	#support ul > li:nth-child(odd), #support ul > li:nth-child(even) {
		left:0em;
		float: none;
		margin: auto;
		height:auto;
	}
}

#cse-search-box {
	float: right;
}

#container {
	text-align: left;
}

#body {
    width: 68%;
	border-right: 1px solid #eee;
	padding-right: 10px;
	margin-right: 0px;
	color: #5d5d5d;
	float: left;
}
@media only screen and (max-width: 800px) {
  #body {
	width: 100%;
  }
}

#side {
	width: 30.5%;
	position: static;
	float: right;
	overflow: hidden;
}

@media only screen and (max-width: 800px) {
  #side {
	width: 0%;
	display: none;
  }
}

.hidden {
	display: none;
}

.topad1 {
	float: right;
	margin: auto;
}

.topad2 {
	width:0%;
	display: none;
}

@media only screen and (max-width: 1140px) {
	.topad2 {
		width:100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		max-height: 160px;
	}
}

.articlead {
	width:100%;
	text-align:center;
}

@media only screen and (min-width: 500px) {
	.articlead {
		width:auto;
		float: right;
		padding: 19px 0px 3px 3px;
	}
}

.side_ad3{
	width:100%;
	margin-bottom:10px;
	text-align: center;
}

.side_ad_tall{
	width:100%;
	margin:auto;
	text-align:center;
}

.side_ad_square{
	width:100%;
	margin:auto;
	text-align:center;
}

#index_wide_ad{
	clear:both;
}

.wide_ad1{
	display: block;
	width:100%;
	margin:10px auto;
	text-align: center;
}

.footer_ad1{
	width:100%;
	margin:10px 0px;
	text-align: center;
}


/*******************************************************************************
                                  Font styles
*******************************************************************************/

/* Colored BG Header */
.heading, h1 {
    background-color: #1B65A4;
	border-bottom: 5px solid #1B3F87;
    padding: 5px;
    margin: 0px 0px;
    font-size: 1.2em;
    font-weight: bold;
	color: #fff;
	vertical-align: middle;
	clear: both;
	max-width: 100%;
}

@media only screen and (max-width: 500px) {
	.heading, h1 {
		text-align:center;
		font-size: 1.4em;
		line-height: 1em;
		padding: 8px;
	}
}
/* Colored BG Header End */

h2 {
    font-size: 1.3em;
    font-weight: bold;
	margin: 0px;
	color: #333;
}

h3 {
    font-family: Calibri,Arial;
    font-size: 2em;
    margin: 15px 0;
    line-height: 100%;
	color: #333;
}

h3title {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
	color: #333;
}	

.articleHeading {
    border-bottom: 1px solid #d5d5d5;
	font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 5px 0;
	color: #333;
	clear: both;
}

h4 {
	font-family: Calibri,Arial;
    font-size: 1.7em;
    font-weight: bold;
    margin: 5px 0px;
	color: #333;
}

.header_article_index {
    font-family: Calibri,Arial;
    font-size: 1.74em;
    margin: 10px 0px 0px 0px;
    line-height: 100%;
	padding: 1px 0px 1px 0px;
}

@media only screen and (max-width: 800px) {
	.header_article_index {
		clear: both;
	}
}

@media only screen and (max-width: 500px) {
	.header_article_index {
		font-size: 1.3em;
		display: table;
		clear: none;
	}
}

.header_news_index {
    font-family: Calibri,Arial;
    font-size: 1.74em;
    margin: 10px 0px 0px 0px;
    line-height: 100%;
	display: table;
	padding: 1px 0px 1px 0px;
}

@media only screen and (max-width: 500px) {
	.header_news_index {
		font-size: 1.3em;
		display: table;
		clear: none;
	}
}

/* Editorial-specific headers */
h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 0px 0px;
	color: #333;
}

h6 {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #1B65A4;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0;
	color: #333;
}

.mischeading {
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
	padding-top: 5px;
	border-bottom: 1px solid #297896;
	color: #333;
	clear: both;
}

/* Roundup article classes */
.headlineurl {
	font-size: 1.3em;
	font-weight: bold;
	color: #4682B4;
}

.headlinetext {
	font-size: 1.5em;
	font-weight: bold;
}
/* End */

hr {
	display: block;
	height: 1px;
    border: 0;
	border-top: 1px solid #eee;
    margin: 1em 0;
	padding: 0px 10px;
}

a {
    color: #1B3F87;
    text-decoration: none;
}

img {
    border: 0px;
	max-width: 100%;
	height: auto;
}

.article_content img {
	max-width: 98%;
	height: auto;
	padding: 5px;
}

a:hover {
    color: #CF7500;
}

.index {
	width: 100%;
}

.content {
    margin-bottom: 5px;
    padding: 10px;
}

.content_sidenomargin {
	margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
}

@media screen and (max-width : 800px) and (min-width : 501px) {
	.content ul.index > li{
		display: inline-block;
		clear: none;
		list-style-image: none;
	}
	.content .index > li:nth-child(odd){
		width: 49%;
		float: left;
		clear: both;
	}
	.content .index > li:nth-child(even){
		width:49%;
		float:right;
	}
}

@media only screen and (max-width : 500px) {
	.content {
		margin: 5px 5px;
	}
	
	.content ul.index > li{
		width: 99%;
		clear: both;
	}
}
		

#body .content .index {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
}

@media screen and (max-width : 500px) {
	.content {
		margin: 5px 0px;
		padding: 0px 5px;
	}
}

.article_content a {
    color: #4682B4;
    font-weight: bold;
}

.content a:hover {
    color: #CF7500;
}

.content a {
    text-decoration: none;
}

@media screen and (min-width : 800px) {
	.index_text {
		width:70%;
	}
}

.post_thumb {
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	padding-left: 15px;
	overflow: hidden;
	text-align: center;
}

.post_thumb img {
	position: relative;
	margin: auto;
}

.post_thumb_article_index {
	float: right;
	max-width: 175px;
	position: relative;
	margin: 5px 5px;
	overflow: hidden;
	text-align: center;
	display: table;
	padding: 10px;
	height:11em;
	width: 30%;
}

@media only screen and (min-width: 501px) and (max-width: 800px){
	.post_thumb_article_index {
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 100%;
		height: 14em;
		margin-top: 10px;
		display: table;
	}
}

@media only screen and (max-width: 500px) {
	.post_thumb_article_index {
		float: left;
		width: 33%;
		max-width: 300px;
		margin: 0px 10px 0px 0px;
		height:auto;
	}
}

.img_block {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.img_block img {
	width:100%;
	height:auto;
}

.article_post .post_thumb {
/*	width: 20%;*/
	float: left;
	height: auto;
	overflow: visible;
	padding: 10px;
}

@media only screen and (max-width: 500px) {
	.article_post .post_thumb {
		width: 0%;
		display: none;
	}
	.article_post .article_post_desc {
		width: 100%;
	}
}
	
.article_header img {
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

.article_header_info {
    float: right;
}

.article_hr {
	height: 1px;
	width: 100%;
	background-color: #d5d5d5;
	clear: both;
}

.article_post {
	padding-bottom: 5px;
	clear: both;

}

.article_post_index {
	clear: both;
}

@media only screen and (max-width: 800px) {
	.article_post_index {
		width: 95%;
		display: inline-block;
	}
}
@media only screen and (max-width: 500px) {
	.article_post_index {
		margin: 0px 0px 5px 0px;
		width:100%;
	}
}

.article_post img {
	float: left;
}

.article_post p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.article_post_desc {
	display: table-cell;
	padding: 0px 0px 5px;
}

.article_post_desc_index {
	display: table-cell;
	padding: 0px 5px 10px 0px;
	border-bottom: 1px solid #eee;
}

@media only screen and (max-width: 850px) {
	.article_post_desc_index {
		display: inline;
	}
}

@media only screen and (max-width: 500px) {
	.article_post_desc_index {
		display: none;
	}
}

.article_post_desc span {
	color: #444444;
}

.article_post_desc_index span {
	color: #666;
}

.reviewimg, .feature img {
    float: left;
    padding: 15px 15px 15px 15px;
    border: 0px;
}

.share_button {
	float: right;
	clear: both;
}

.news {
	padding-bottom: 5px;
	margin-bottom: 5px;
    border-bottom: 1px solid #eee;
	overflow: auto;
	width: 100%;
}

@media only screen and (max-width: 800px) {
	.news {
		width: 95%;
	}
}

@media only screen and (max-width: 500px) {
	.news_index{
		display: table;
	}
	.news_index p, .news_index span, .news_index br{
		display: none;
	}
	.header_news_index {
		font-size: 1.3em;
		width: 65%;
		float:left;
	}
	.news_index .post_thumb{
		width: 30%;
		height: auto;
		display: table-cell;
		float: right;
		padding: 0px;
		text-align: center;
		margin-top:10px;
	}
}

.news_archive {
	margin: auto;
	width: 90%;
	text-align: center;
}

.newslinks {
	padding: 0px;
	margin: 0px;
}

.clear
{
    clear: both;
}

.author {
    color: #444444;
}

.feature {
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
}

.full {
    width: 100%;
    background-color: #000000;
}

.content ul {
	list-style-image: url(images/arrow.svg);
	padding-left: 10px;
	margin: 0px 0px 5px;
}

.content ul img {
	padding: 0px;
}

#body .content ul {
	list-style-position: inside;
}

#pageBottomNav {
	clear: both;
	padding: 7px;
	margin: 7px;
	background-color: #f5f5f5;
	font-size: 1.2em;
	line-height: 1.6em;
}

#pageBottomNav .button{
	background-color: #1B65A4;
	padding: 2px 8px;
	margin: 2px -5px -5px -5px;

}

#pageBottomNav .button a{
	color: #fff;
}

#pageBottomNav .button a:hover {
    color: #CF7500;
}

#pageBottomTitle {
	background-color: #1B65A4;
	overflow: auto;
	color: #FFFFFF;
	height: 1.7em;
	padding: 2px 5px;
	margin: -1px -7px -15px -7px;
	font-size: 1.1em;
}

#pageBottomTitle a{
	color: #fff;
}

#pageBottomTitle a:hover {
    color: #CF7500;
}

#footer {
	color: #EEE;
	background: #1b3f87; /* Old browsers */
	background: -moz-linear-gradient(top, #1b65a4 0%, #1b3f87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b65a4), color-stop(100%,#1b3f87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1b65a4 0%,#1b3f87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1b65a4 0%,#1b3f87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1b65a4 0%,#1b3f87 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1b65a4 0%,#1b3f87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b65a4', endColorstr='#1b3f87',GradientType=0 ); /* IE6-9 */
    clear: both;
    text-align: center;
	padding: 10px 0px;
	margin: auto;
}

#footer a{
	color: #EEE;
	margin: 0px 15px;
}

#footer a:hover{
	color: #CF7500;
}
.copyright p {
	font-weight: bold;
}

.contest_h1 {
    background-color: #294094;
}

.contest {
    border-color: #294094;
}

.fixed {
    overflow: hidden;
}

/********* Contest Layout **********/
#contestStage {
    width: 618px;
    height: auto;
}

    #contestStage .row {
        width: 618px;
        height: auto;
        float: left;
    }

        #contestStage .row .name {
            width: 618px;
            height: 20px;
            padding: 10px 10px 10px 0px;
            font-weight: bold;
        }

        #contestStage .row .field {
            width: 618px;
            height: 23px;
            float: left;
        }

        #contestStage .row .fieldLarge {
            width: 309px;
            height: 80px;
            float: left;
        }

            #contestStage .row .fieldLarge textarea{
                width: 285px;
                height: 75px;
            }

        #contestStage .row .fieldBox {
            width: 618px;
            float: left;
        }

            #contestStage .row .fieldBox .box {
                width: 206px;
                height: 23px;
                float: left;
            }

            #contestStage .row .fieldBox .label {
                width: 309px;
                height: 80px;
                float: left;
            }


        /*#contestStage .row .error {
            width: 309px;
            height: 20px;
            padding-top: 3px;
            float: left;
        }*/

.caption {
    text-align: center;
    margin-bottom: 10px;
}

.caption span {
    text-align: left;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background-color: #fff;
   padding: 5px;
}

/* In-article Special Elements */
.l_ed_quote {
	color: #444;
	font-family: lucida sans unicode;
	float: left;
	width: 225px;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	text-align: center;
	padding: 5px;
	margin: 10px 0px 10px 10px;
}

.r_ed_quote {
	color: #444;
	font-family: lucida sans unicode;
	float: right;
	width: 225px;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	text-align: center;
	padding: 5px;
	margin: 10px 0px 10px 10px;
}

.code {
    display: block;
    margin: 10px;
    padding: 10px;
    background: #3f3f3f;
    border: 3px outset #303030;
    font-size: 0.9em;
    line-height: 1.5;
    font-family: Verdana, Tahoma, DejaVu Sans, Andale Mono;
	color: #FF8125;
}

.code strong {
	color: #84DB34;
}

.center { 
margin-left:auto;
margin-right:auto;
text-align:center;
}

.right {
	float:right;
	word-wrap:normal;
	text-align:right;
	margin-left:10px;
}

.left {
	float:left;
	word-wrap:normal;
	text-align:left;
	margin-right:10px;
}

@media only screen and (max-width: 500px) {
	.left, .right {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		float:none;
	}
}

.interviewq{
    font-weight: bold;
}
.interviewa{
    font-style: italic;
    padding: 0px 0px 0px 10px;
}

/* Table stuff */
/* Original Tables */
table td {
    vertical-align: top;
}

.tableheader {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffce5b;
}

.tableheadercenter {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffce5b;
    text-align: center;
}

.tablefont {
    font-family: Arial, Helvetica, sans-serif;
}

.tablefontcenter {
    font-family: Arial, Helvetica, sans-serif;
        text-align: center;
}

/* Gen. 2 Tables */
.g2_table {
	font-family: Verdana,Arial; 
	font-size: 0.9em;
	text-align: center;
	border-spacing: 2px;
	vertical-align: middle;
	padding: 2px;
	margin: auto;
}

.g2_table td {
	background-color: #eee;
	border: solid transparent;
	border-width: 2px 1px;
	vertical-align: middle;
}
.g2_table .tablehead0 {
	background-color: transparent !important;
}
.g2_table tr.tablehead1 td{
	font-size: 100%;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
.g2_table .sidetitle1 {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: left;
	vertical-align: middle;
	color: #fff;
}
.g2_table .sidetitle2 {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
.g2_table .sidetitle3 {
	font-size: 1.0em;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: left;
	vertical-align: middle;
	color: #FFF;
}
.g2_table .tablehead2 {
	font-size: 1.0em;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: left;
	vertical-align: middle;
	color: #fff;
}
.g2_table .tablehead3 {
	font-size: 1em;
	font-weight: bold;
	background-color: #4c80c1;
	text-align: left;
	vertical-align: middle;
	color: #fff;
}
.tablefooter {
	text-align: left;
	background-color: #eee;
	margin: auto;
	padding: 2px 2px;
}

.tabletextleftalign {
	text-align: left;
}

.g2_table .tabletitle {
	background-color: #4c80c1;
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
}

.g2_table .highlight {
	background-color: #AAA;
}
.g2_table .highlight2 {
	background-color: #AAA;
	font-weight: bold;
}
.g2_table .highlightreview {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #e79437;
	text-align: left;
	vertical-align: middle;
	color: #333;
}

.width_90pc{
	width:90%;
}

.width_80pc{
	width:80%;
}

.width_70pc{
	width:70%;
}

.width_60pc{
	width:60%;
}

.width_50pc{
	width:50%;
}

@media only screen and (max-width: 500px) {
	table, .g2_table, .width_90pc, .width_80pc, .width_70pc, .width_60pc, .width_50pc {
		width:100%;
		display: block;
		overflow: auto;
	}
}

/* Table End */

/* Author section */
.author_blurb {
	clear: both;
	background:#f5f5f5;
}

.author_blurb:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.author_post_image {
	padding: 10px 10px;
	width: 100px;
	display:inline-block;
	vertical-align:middle;
}

.author_post_desc {
	width: 80%;
	display: inline-block;
	vertical-align: middle;
}

.author_image {
	padding: 10px 10px;
	width: 150px;
	display:inline-block;
	vertical-align:middle;
}

.author_desc {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
}

.latest_blogs {
	padding-bottom: 5px;
	margin: 10px auto 5px auto;
    border-bottom: 1px solid #eee;
	overflow: auto;
	width: 100%;
}

.blog_header2 {
	font-family: Calibri,Arial;
	font-size: 1.74em;
	margin: 0px;
	padding: 1px 0px;
	line-height: 100%;
}

.blog_note_contain {
	float: none;
	background: #1B65A4 none repeat scroll 0% center;
	position: relative;
	margin: 5px 5px 5px -10px;
	width:7%;
	max-width: 40px;
	height: auto;
	min-height: 200px;
	display:inline-block;
	vertical-align:middle;	
}

.blog_note {
	line-height: 1.2em;
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
	top: 50%;
	left: 50%;
	position: absolute;
	font-size: 2em;
	overflow: visible;
	color: #FFF;
}

.blog_index_content {
	float:none;
	display:inline-block;
	vertical-align:middle;
}

.blog_index {
	height: auto;
	min-height: 190px;
}

.ms-info {
	background:#444;
	color:#eee;
	padding: 5px 10px;
}

@media only screen and (max-width: 500px) {
.blog_index_content {
		width:100%;
	}
	.blog_note_contain {
		display:none;
	}
}

.grow {
    min-height: 6em; /* Origional height */
    width: 100%; /* Origional width */
	cursor:pointer;
}

.grow table {
	display:none;
}

.expand_list {
	font-size: 2em;
	text-align:center;
	padding: 1em;
	background: #1B65A4;
	color: #fff;
}

#nvbg {
position: fixed;
display: block;
width: 1600px;
height: 1200px;
top: 0px;
cursor: pointer;
z-index: 1;
}

a.vglnk{
    color: #B90000;
}

a.vglnk:hover {
    color: #008000;
}

.ms-info {
	background:rgba(0, 0, 0, 0.7);
	color:#eee;
	padding: 5px 10px;
}

.ms-info-empty {
	display:none;
}

.patreon-logo {
	float: left;
	word-wrap: normal;
	text-align: left;
	margin: 10px 10px 20px 5px;
}
.support-us{
    font-style: italic;
    padding: 0px 0px 0px 10px;
}

.support-us a {
    color: #4682B4;
    font-weight: bold;
}

.support-us a:hover {
    color: #CF7500;
}