/*   
Theme Name: HTML5
Theme URI: http://sobolev.us
Description: HTML5-based Wordpress theme for my your own site.
Author: Vladimir Sobolev!
Author URI: http://sobolev.us
Version: 0.1
*/

/* HTML5 Reset
-------------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em
0;padding:0}input,select{vertical-align:middle}:focus{outline:none}*::-moz-focus-inner{padding:0;border:0}LEGEND{display:none}SUP,SUB{vertical-align:baseline;position:relative}SUP{top:-.4em}SUB{bottom:-.4em}

/* USEFULL STYLES */

.inner {float:left;}
.cln {
	zoom:1;
}
.clnx {
	overflow:hidden;
	clear:both;
	zoom:1;
}
.cln:after {
	content:'.';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
.notxt {
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	font-size:0;
	line-height:0;
}

.fl {float:left;}
.fr {float:right;}

.tl	{text-align:left;}
.tr {text-align:right;}

.hide {
	display:none !important;
}

a, button, .button {
	-moz-transition: color 100ms ease-out, background-color 200ms ease-out;
	-webkit-transition: color 100ms ease-out, background-color 200ms ease-out;
	transition: color 100ms ease-out, background-color 200ms ease-out;
}

/* Wordpress
-------------------------------------------------------------------------------*/

html {
	background:#333 url(../images/noise.png?v2) 50% 0;
	height:100%;
}
body {
	width:960px;
	margin:0 auto;
	background:url(../images/spot2.png) 50% 0 no-repeat;
	height:100%;
	font-family:'PT Sans Narrow';
}

#header {
	text-align:center;
	text-transform:uppercase;
	padding:60px 0 40px 0;
}
#header .logo {
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:42px;
	letter-spacing:10px;
	font-weight:bold;
	text-shadow: 0 2px 6px rgba(0,0,0,.6);
}
#header em {
	font-style:normal;
	color:#eee;
	letter-spacing:6px;
	text-shadow: 0 1px 2px rgba(0,0,0,.4);
}
#header nav {
	text-align:justify;
	display:block;
	padding-top:55px;
	margin:0 auto;
	background:url(../images/nhr.png) 0 85px repeat-x;
}
#header nav * {
	display:inline;
	vertical-align:middle;
}
#header li {
	position:relative;
	height:20px;
	padding:0;
}
#header li a {
	padding:4px 10px;
	
}
#header li a:hover {
	background:#222;
	background:rgba(0,0,0,.2);
	border-radius:6px
}
#header nav span {
	display:inline-block;
	position:relative;
	width:100%;
	height:0;
	line-height:0;
	font-size:0;
}
#header ul ul {
	display:none;
	position:absolute;
	z-index:10;
	left:0;
	top:-4px;
	padding:30px 0 14px 0;
	float:left;
	background:rgba(33,33,33,.9);
	border-radius:6px;
}
#header li:hover ul {
	display:block;
}
#header ul ul li {
	display:block;
	position:static;
	background:none;
}
#header ul ul li a {
	display:block;
	white-space:nowrap;
}
#header nav a {
	position:relative;
	color:#ccc;
	text-decoration:none;
	z-index:20;
}
#header ul ul li a:hover {
	color:#fa0;
	background:none;
}
#header nav li.current-menu-item a {
	color:#fa0;
}
#header li.current-menu-item li a {
	color:#ccc;
}

#page-wrap {}

.post {
	padding-bottom:40px;
	padding-left:220px;
	margin-bottom:40px;
	background:url(../images/hr.png) 50% 100% no-repeat;
	position:relative;
	width:600px;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .entry-title {
	display:block;
	margin:10px 0 5px 0;
	font:normal 32px 'PT Sans Narrow', Serif;
	line-height:34px;
	padding:0;
	color:#fa0;
	text-shadow:0 1px 2px #000;
}
.post h1 a, .post h2 a, .post h3 a, .post h4 a, .post h5 a, .entry-title a {
	text-decoration:none;
	color:#fa0;
}
.post h2 {
	font-size:24px;
	margin-bottom:0;
}

.post h3 {
	line-height:18px;
	font-size:20px;
}

.post h4 {
	font-size:18px;
}

.post h5 {
	font-size:16px;
}

.post strong {
	font-weight:bold;
}

.subheader {
	position:relative;
	display:none;
}
.subheader h3 {
	position:absolute;
	color:#222;
	top:-30px;
}

.post footer {
	position:absolute;
	width:160px;
	left:10px;
	top:0;
}
.post .meta {
	text-transform:uppercase;
	color:#aaa;
	height:26px;
	line-height:26px;
	margin-top:7px;
	font:normal 16px 'PT Sans Narrow', Serif;
	text-shadow:0 1px 2px #000;
}
.post .postmetadata {
	top:32px;
}
.post .postmetadata dt,
.post .category {
	display:none;
}

.socialshare {
	padding:30px 0 0 0;
}
.socialshare .btn {
	width:95px;
	height:22px;
	float:left;
	display:block;
}
.socialshare .ggl {
	width:80px;
}
.socialshare iframe {
	border:0;
	width:95px;
	height:22px;
}

.post ul {
	margin:5px 0;
	display:block;
}
.post li {
	display:block;
	padding:0 0 5px 14px;
	font-size:.9em;
	text-shadow:none;
	background:url(../images/bullet.png) 0 5px no-repeat;
}

.tags li {
	float:left;
	padding:0;
	background:none;
	font-size:1;
	margin:0 0 4px 0;
}
.tags a {
	display:inline;
	float:left;
	margin-right:5px;
	text-decoration:none;
	text-transform:uppercase;
	color:#888;
	background:#444;
	border-radius:6px;
	padding:2px 6px;
	line-height:1;
	font-size:11px;
	box-shadow:0 1px 2px rgba(0,0,0,.4);
	text-shadow:0 -1px 1px rgba(0,0,0,.5)
}
.tags a:hover {
	color:#fff;
	background:#888;
	text-decoration:none;
}
.comments, .post-edit-link {
	margin:10px 0;
}
.comments a, .post-edit-link, .comment-reply-link {
	display:block;
	color:#aaa;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/icons.png) 0 0 no-repeat;
	height:17px;
	line-height:17px;
	font-size:12px;
}
.comments a:hover, .comment-reply-link:hover {
	background-position:0 -17px;
	color:#fff;
	text-decoration:none;
}

.post-edit-link {
	background-position:0 -34px;
}
.post-edit-link:hover {
	background-position:0 -51px;
	color:#f20;
}

.post .entry {
	font:100 13px/1.5  Helvetica, Arial;
	color:#aaa;
	text-shadow:0 1px 2px #000;
}

.entry img {
	display:block;
	border-radius:4px;
	box-shadow:0 2px 4px rgba(0,0,0,.2);
	margin:10px 0 8px 0;
	/* background:#333 url(../images/busy.gif) 50% 50% no-repeat; */
	background:rgba(0,0,0,.2);
	transition: box-shadow 200ms ease-out;
	width:auto;
	height:auto;
	max-width:100%;
}
.entry img:hover {
	box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.entry img.whitebg {
	background:#fff;
}
.entry img.nobg {
	background:none;
	box-shadow:none;
	border-radius:0;
}

.contacts li {
	background:none;
	padding-left:0;
	line-height:22px;
	margin:0 0 5px 0;
	float:left;
	width:12em;
}
.contacts li a {
	display:block;
	float:left;
	padding-right:1em;
}
.contacts img, .contacts img:hover {
	margin:0 8px 0 0;
	float:left;
	box-shadow:none;
	border-radius:0;
	background:none;
	width:22px;
	height:22px;
}

.post p {
	padding:5px 0;
}
.post pre code,
.post blockquote {
	display:block;
	padding:8px 12px;
	background:rgba(0,0,0,.1);
	border-radius:8px;
	margin:10px 0;
	border:1px solid #222;
	font:normal 11px Monaco, Mono;
	text-shadow:none;
	color:#a84;
	width:575px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:pre-wrap;
}
.post code {

}
.post blockquote {
	font-family:Arial;
	font-size:12px;
	color:#999;
	font-style:italic;
	line-height:1.5em;
}
.post blockquote i {
	display:block;
	text-align:right;
	color:#666;
}


.post .entry-content {
	font-size:15px;
}
.entry-content a, .entry a {}
.entry-content a:hover, .entry a:hover {
	color:#fa0;
	text-decoration:none;
}

.post .meta i,
.post .meta span,
.post .meta a {
	display:none;
}

.post img.alignleft {
	float:left;
	margin-right:15px;
}
.post img.alignright {
	float:right;
	margin-left:15px;
}


#footer {
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#ddd;
}
#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

#comments-wrapper.close {
	display:none;
}
#comments-wrapper {
	padding-left:210px;
	padding-bottom:40px;
	margin-bottom:20px;
	background:url(../images/hr.png) 50% 100% no-repeat;
}

#comments-wrapper h2 {
	color:#fa0;
	font-weight:normal;
	font-size:18px;
	margin-bottom:20px;
}
	
ol.commentlist {
	color:#eee;
	list-style:none;
	
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../images/hr.png) 50% 100% no-repeat;
}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {
	margin-bottom:10px;
	padding: 10px;
	border-radius:8px;
}
ol.commentlist li.even {background: rgba(0,0,0,.1);}
ol.commentlist li.odd {background: rgba(0,0,0,.2);}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {
	font-style: normal;
	color:#f94;
	font-size:16px;
}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {
	color:#666;
}
ol.commentlist li.comment div.commentmetadata {
	float:right;
	margin-top:-20px;
}
ol.commentlist li.comment div.comment-meta {
	font-size: 10px;
}
ol.commentlist li.comment div.comment-meta a {
	color:#444;
}
ol.commentlist li.comment div.comment-meta a:hover {
	text-decoration:none;
	color:#fff;
}
ol.commentlist li.comment p {
	color:#eee;
	margin:10px 0;
}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {

}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {
	background:rgba(0,0,0,.1);
}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.ping, .pong {
	display:none;
}

#commentform {
	font:normal 14px 'PT Sans Narrow', Helvetica, Arial;
	color:#eee;
}
#commentform textarea {
	display:block;
	padding:8px 12px;
	background:rgba(255,255,255,.6);
	border-radius:8px;
	margin:15px 0;
	border:1px solid #222;
	font:normal 14px Helvetica, Arial;
	text-shadow:none;
	color:#222;
}
#commentform label {
	font-size:11px;
	text-transform:uppercase;
	color:#eee;
}
#commentform #author,
#commentform #url,
#commentform #email {
	display:inline-block;
	margin:2px 0;
	background:rgba(255,255,255,.4);
	color:#222;
	border:0;
	font:normal 14px Helvetica, Arial;
	padding:4px 12px;
	border-radius:6px;
}
#commentform input:focus {
	background:rgba(255,255,255,.6);
}

#commentform .logout {
	display:inline-block;
	width:17px;
	height:17px;
	overflow:hidden;
	text-indent:-1000px;
	background:url(../images/icons.png) 0 -68px no-repeat;
}
#commentform .logout:hover {
	background-position:0 -85px;
}

#commentform .error #author,
#commentform .error #email,
#commentform .error textarea {
	background:rgba(255,128,128,.4);
	color:#faa;
}

/* FOOTER SOCIAL */

#social {
	display:inline-block;
	padding:0 10px 0 5px;
}
#social li {
	display:inline-block;
}
#social a {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 0 0 4px;
	overflow:hidden;
	text-indent:-1000px;
	background:url(../images/social-footer.png) -10px -20px no-repeat;
}
#social a:hover {background-position:0 -20px;}
#social a.facebook {background-position:-10px 0;}
#social a.facebook:hover {background-position:0 0;}
#social a.twitter {background-position:-10px -10px;}
#social a.twitter:hover {background-position:0 -10px;}

/* LINKS */

a {
	color:#08C;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* BUTTONS */

button, .button {

	background: #52a8e8;
	background: -moz-linear-gradient(top,  #52a8e8 0%, #377ad0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a8e8), color-stop(100%,#377ad0));
	background: -webkit-linear-gradient(top,  #52a8e8 0%,#377ad0 100%);
	background: -o-linear-gradient(top,  #52a8e8 0%,#377ad0 100%);
	background: -ms-linear-gradient(top,  #52a8e8 0%,#377ad0 100%);
	background: linear-gradient(top,  #52a8e8 0%,#377ad0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a8e8', endColorstr='#377ad0',GradientType=0 );
	
	border:1px solid;
	border-color:#4081af #2e69a3 #20559a #2e69a3;
	border-radius:12px;
	-webkit-box-shadow:inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #111;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	padding:2px 10px 4px 10px;
	text-align:center;
	text-shadow:0 -1px 1px #3275bc;
	-webkit-background-clip:padding-box;
	margin-right:.5em;
}

button:hover,
.button:hover {

	background: #3e9ee5;
	background: -moz-linear-gradient(top,  #3e9ee5 0%, #206bcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e9ee5), color-stop(100%,#206bcb));
	background: -webkit-linear-gradient(top,  #3e9ee5 0%,#206bcb 100%);
	background: -o-linear-gradient(top,  #3e9ee5 0%,#206bcb 100%);
	background: -ms-linear-gradient(top,  #3e9ee5 0%,#206bcb 100%);
	background: linear-gradient(top,  #3e9ee5 0%,#206bcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9ee5', endColorstr='#206bcb',GradientType=0 );
	
	border-color:#2a73a6 #165899 #07428f #165899;
	-webkit-box-shadow:inset 0 1px 0 0 #62b1e9, 0 1px 2px 0 #000;
	cursor:pointer;
	text-shadow:0 -1px 1px #1d62ab;
}

button:active,
.button:active {
	background:#3282d3;
	border:1px solid #154c8c;
	border-bottom:1px solid #0e408e;
	-webkit-box-shadow:inset 0 0 6px 3px #1657b5, 0 1px 0 0 #000;
	text-shadow:0 -1px 1px #2361a4;
}

button[disabled], button.disabled,
button[disabled]:hover, button.disabled:hover,
button[disabled]:active, button.disabled:active {

	background: #dadada;
	background: -moz-linear-gradient(top,  #dadada 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #dadada 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #dadada 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #dadada 0%,#f3f3f3 100%);
	background: linear-gradient(top,  #dadada 0%,#f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#f3f3f3',GradientType=0 );
	
	border-color:#c5c5c5 #cecece #d9d9d9 #cecece;
	color:#8f8f8f;
	box-shadow:none;
	-webkit-box-shadow:none;
	cursor:not-allowed;
	text-shadow:0 -1px 1px #ebebeb;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}


/* CUSTOM PAGES */

img.softpedia,
img.softepic {
	float:left;
}
img.softepic {
	margin-left:20px;
}
iframe.forkme {
	display:block;
	margin:20px 10px;
}

/* YT PLAYER */

/* VIDEO */

.ytplayer,
.vmplayer {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	clear: both;
	background: #222;
	position: relative;
}
.ytplayer iframe,
.vmplayer iframe {
	display: block;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
	background: #000;
}