/* 
	VK SOLUTION SKIN - AD FLEX MODERN WIDE SKIN
	Version 0.9.3 - April 11, 2015
	
	Author: Van Kham CHIEM (http://www.askvk.com | http://www.vklabx.com | http://www.vksolutions.com)


	LICENSE
	
	This work is released under GPLv3. Please consult the README.html file or the URL http://www.opensource.org/licenses/gpl-3.0.html for more information.
	
	If you like this work, please show your support by keeping the credits and link backs at the footer intact with the link backs active and unaltered for this work and any derivative works.

*/

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 11px/15px Georgia, "Times New Roman", Serif;
	color: #555558;
}
#page {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	color: #000000;
	text-align: center;
	border-left: 2px solid #404040;
	border-right: 2px solid #404040;
}
#header {
}
#topbar_wrapper {
	background: #333333;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: none;
	display: block;
	clear: both;
}
#topbar {
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
	width: 98%;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	height: 22px;
	line-height: 22px;
}
#banner {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 150px;
	background: #404040 url("images/banner.jpg") no-repeat;
	vertical-align: bottom;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	float: none;
	display: block;
	clear: both;
}
#bannerlogo {
    text-align: center;
	padding: 10px;
}
.blogtitle {
	margin: 0 auto;
	margin-left: 1%;
	font-size: 2.8em;
	font-weight: bold;
	float: left;
}
.tagline {
    font-size: 1.3em;
    font-weight: bold;
	padding: 1%;
	float: left;
}
#bottombar_wrapper {
	background: #333333;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: none;
	display: block;
	clear: both;
}
#bottombar {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	font-weight: bold;
	text-align: right;
	height: 18px;
	line-height: 18px;
}
#linksbar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #999999;
	height: 15px;
	line-height: 15px;
	text-align: right;
	color: #ffffff;
	vertical-align: top;
	float: none;
	display: block;
	clear: both;
}
#titlebar_wrapper {
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
}
#titlebar {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	color: #000000;
	text-align: left;
	height: 40px;
	line-height: 40px;
}
#imagestopbar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #000000;
    margin-left: auto;
    margin-right: auto;
	float: left;
	display: block;
	clear: both;
}
#topseparatorbar_wrapper {
	background: #999999;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: none;
	display: block;
	clear: both;
}
#topseparatorbar {
	color: #ffffff;
	margin: 0 auto;
	padding: 0;
	width: 98%;
	font-weight: bold;
	text-align: right;
	height: 15px;
	line-height: 15px;
}
#adbannertopbar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #000000;
	text-align: center;
	float: none;
	display: block;
	clear: both;
}
#imagesbottombar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #000000;
    margin-left: auto;
    margin-right: auto;
	float: none;
	display: block;
	clear: both;
}
#bottomseparatorbar_wrapper {
	background: #999999;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: none;
	display: block;
	clear: both;
}
#bottomseparatorbar {
	color: #ffffff;
	margin: 0 auto;
	padding: 0;
	width: 98%;
	font-weight: bold;
	text-align: right;
	height: 15px;
	line-height: 15px;
}
#adbannerbottombar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #000000;
	text-align: center;
	float: none;
	display: block;
	clear: both;
}
#main {
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	float: left;
	display: block;
	clear: both;
}
#content {
	margin: 0 auto;
	padding: 1%;
	width: 67%;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #000000;
	text-align: left;
	float: left;
	display: block;
	-ms-word-break: break-all;
     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     hyphens: auto;
}
.column_separator {
	margin: 0 auto;
	padding: 0;
	width: 10px;
	font-size: 1em;
	color: #000000;
	text-align: left;
	float: left;
}
#sidebar {
	margin: 0 auto;
	padding: 1%;
	width: 25%;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: left;
    float: right;
	display: block;
	clear: right;
}
@media only screen and (max-width: 700px) {
	#content {
	    padding: 0;
		float: none;
		width: 98%;
	}
	#sidebar {
		padding: 0;
		float: none;
		width: 98%;
	}
    #sidebar ul {
		width: 100%;
		
	}
	#sidebar ul li, #sidebar li a {
		float: none;
		display: block;
	}
}
#sidebar ul {
	margin: 0 0 1em 0;
	padding-left: 0;
	list-style: none;
}
#sidebar li {
	padding: 2px 3px 3px 3px;
	font-size: 1em;
}
#sidebar li a {
	text-decoration: none;
}
#sidebar h2 {
	margin: 10px auto;
	padding: 0;
}
#footer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	color: #eee;
	background: #444444;
	text-align: center;
	font-size: 0.9em;
	height: 50px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	float: none;
	display: block;
	clear: both;
}
#footer {
	vertical-align: middle;
}
#footer a {
	color: #ffffff;
	font-weight: bold;
}
a {
	text-decoration: none;
}
a {
	color: #3c657b;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.entry {
	padding-bottom: 20px;
}
h1, h2, h3, h4, h5 {
	font-family: "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	font-size: 2.4em;
	line-height: 2.4em;
	letter-spacing: 0.1em;
	-ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
h1 a {
	color: #000000;
}
h1 a:hover {
	text-decoration: none;
	color: #000000;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 5px;
}
h2.entrydate {
	margin-bottom: 1px;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
}
.meta {
	font-size: 0.9em;
}
small.meta {
	margin-top: 10px 0 0 0;
	margin-bottom: 10px;
	font-size: 0.9em;
	font-weight: normal;
}
h3 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 1.3em;
	font-weight: bold;
}
h3.entrytitle {
	margin-top: 0;
	margin-bottom: 1px;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 1.2em;
	font-weight: normal;
}
small {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 0.9em;
	font-weight: normal;
}
.entry {
	margin-top: 8px;
}
.entrybody p a {
	font-weight: bold;
}
.entrybody p {
	margin-top: 8px;
	margin-bottom: 16px;
}
code {
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	padding: 5px;
	border: 1px solid #d3d3d6;
}
input[type="text"] {
	padding: 3px;
	border: 1px solid #d3d3d6;
	color: #535356;
	-moz-border-radius: 3px;
}
input[type="submit"] {
	padding: 2px;
	font-size: 1.25em;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
}
blockquote {
	border-left: 3px solid #686868;
	color: #888;
	padding-left: 8px;
	margin-left: 25px;
}
img.ad_image {
	border: 2px solid #000080;
}
.alert {
	color: #ff0000;
	font-style:italic;
	font-weight: bold;
}
#rss_feeds {
}
#rss_feeds ul {
	margin: 0 0 1em 0;
	padding-left: 0;
	list-style-type: none;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
img.avatar {
	float: left;
	margin-right: 5px;
}
img.avatar {
	float: left;
	margin-right: 5px;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	max-width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}