/*
Theme Name: PChat 3.0
Theme URI: http://ptmblogger.co.cc/post/PChat
Description: The wordpress theme for the PChat platform
Version: 3.5
Author: José Pedro Arvela
Author URI: http://ptmblogger.co.cc/
Tags: starkers, dark, red, application
*/

html {
	background: #0a0a0a url("background.png") fixed no-repeat bottom right; color: #eaeaea;
	font: 14px/16px "Helvetica Neue", Arial, "DejaVu Sans", Helvetica, sans-serif;
	height: 100%; overflow: scroll; overflow-x: auto;
}

body {
	margin: 0; min-height: 100%; height: auto; position: relative;
}

p { margin: 16px 0; }

a {	color: #dff; text-decoration: underline; } a:not(":link") { color: inherit; text-decoration: none; }
a:link {}
a:visited { color: #91d5f6; }
a:hover, a:focus { color: #f32; text-decoration: none; outline: none; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
}
h1 {	font-size: 26px; line-height: 32px; margin: 16px 0; }
h2 {	font-size: 21px; line-height: 32px; margin: 16px 0; }
h3 {	font-size: 18px; line-height: 32px; margin: 16px 0; }
h4 {	font-size: 16px; line-height: 32px; margin: 16px 0; }
h5 {	font-size: 14px; line-height: 16px; margin: 16px 0; font-weight: bold; }
h6 {	font-size: 14px; line-height: 16px; margin: 16px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {	color: inherit !important; }

code, pre { font-family: Consolas, "Lucida Console", "Andale Mono", "DejaVu Sans Mono", monospace; }

pre {	background: #aaa; background: rgba(255,255,255,.3); color: #eaeaea; border: 1px solid #666; border: 1px solid rgba(255,255,255,.5); text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	padding: 16px; margin: 16px 0;
	max-width: 100%; max-height: 40em; overflow: auto;
}

.figure {
	background: #666; background: rgba(255,255,255,.3); color: #eaeaea; border: 1px solid #999; border: 1px solid rgba(255,255,255,.5);
	font-size: 11px; font-style: italic; line-height: 16px; text-align: right; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	margin: 0 0 0 16px; padding: 8px; float: right;
}

.figure img, .figure span { display: block; }

.figure.frameless { background: 0; border: 0; padding: 0; }

table {	background: #aaa; background: rgba(255,255,255,.3); color: #eaeaea; border: 1px solid #999; border: 1px solid rgba(255,255,255,.5); text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	border-collapse: collapse; font-size: 11px; line-height: 14px;
	width: 100%;
}
td, th {
	border: 1px solid #999; border: 1px solid rgba(255,255,255,.5); padding: 3px 7px; text-align: left;
}
th {
	background: #bbb; background: rgba(255,255,255,.3); font-weight: bold; text-align: center;
}

table h1, table h2, table h3, table h4, table h5, table h6 {
	text-align: left; margin: 0;
}

ul, ol {margin: 16px 0; padding: 0 0 0 32px; }
ul li, ol li {	margin: 0; padding: 0; }

.detailed { padding: 0; } .detailed li { border-bottom: 1px dotted silver; list-style-type: none; margin: 0; padding: 0; font-size: 11px; line-height: 16px; }


.button, input, label, .label, textarea {
	font: 11px/16px "Lucida Grande", "DejaVu Sans", "Segoe UI", Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;
	display: inline-block; vertical-align: middle; margin: 0; padding: 1px 3px; min-height: 16px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
}

button, input[type="button"], input[type="submit"], .button {
	background-color: #ad0514; color: #fff; background-image: url("nav.svg");
	background-image: -moz-linear-gradient(#D40517, #8E0410); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D40517), to(#8E0410));
	border: 1px solid #600; border-radius: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

input, input[type="text"], input[type="search"], input[type="url"], textarea {
	background-color: #fff; color: #000; border: 1px solid black;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input:hover, textarea:hover, button:hover, .button:hover, input:focus, textarea:focus, button:focus, .button:focus {
	box-shadow: 0 0 4px #91d5f6 inset; -moz-box-shadow: 0 0 4px #91d5f6 inset; -webkit-box-shadow: 0 0 4px #91d5f6 inset;
}
input[type="button"]:active, input[type="submit"]:active, button:active, .button:active {
	background-image: url("btn-p.svg"); background: -moz-linear-gradient(#8E0410, #D40517); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E0410), to(#D40517));
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
textarea {
	display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;
}

.download, .redirect {
	display: block; position: relative; padding: 8px 16px; min-width: 256px; width: 50%; max-width: 100%;
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
	box-shadow: 0 1px 2px black; -moz-box-shadow: 0 1px 2px black; -webkit-box-shadow: 0 1px 2px black;
}
.download:hover, .download:focus, .redirect:hover, .redirect:focus {
	box-shadow: 0 1px 4px #91d5f6; -moz-box-shadow: 0 1px 4px #91d5f6; -webkit-box-shadow: 0 1px 4px #91d5f6;
	color: #dff;
}

.download {
	background: #2C5984 no-repeat bottom right; color: #fff; border: 1px solid #000; background-image: url("dl.svg");
	background-image: -moz-linear-gradient(#4E9FE9, #2C5984); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E9FE9), to(#2C5984));
}
.download:active {
	background-image: url("dl-p.svg"); background-image: -moz-linear-gradient(#2C5984, #4E9FE9); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C5984), to(#4E9FE9));
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}

.download span, .redirect span {
	font-size: 14px; font-weight: bold; line-height: 32px;
	display: block;
}

.download span:after {
	content: " \00bb"; transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);
	color: #dfd; font-size: 42px; text-shadow: -1px 1px 0 #000000; opacity: .5; display: block; position: absolute; bottom: 8px; right: 16px; z-index: 0;
}
.redirect span:after {
	content: " \00bb";
	color: #fff; font-size: 42px; opacity: .5; display: block; position: absolute; top: 8px; right: 16px; z-index: 0;
}

/* Layout */
#header {
	padding: 48px 16px 0;	
}
#header h1 {
	color: #ad0514;
	font: 42px/128px "Segoe UI", "Trebuchet MS", "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #91d5f6;
	margin: 0;
}
#header h1 a {
	background: url("logo.png") no-repeat center left; color: #ad0514; text-decoration: none;
	display: block; margin: 0; padding: 0 0 0 144px;
}
#header h1 a:hover, #header h1 a:focus {
	color: #91d5f6; text-shadow: 1px 1px 1px #ad0514;
}

#nav {	background-color: #ad0514; color: #fff; background-image: url("nav.svg");
	background-image: linear-gradient(90deg,rgba(127,127,127,.7), rgba(127,127,127,.7) 1px, transparent 1px, transparent), -moz-linear-gradient(#D40517, #8E0410);
	background-image: -moz-linear-gradient(90deg,rgba(127,127,127,.7), rgba(127,127,127,.7) 1px, transparent 1px, transparent), -moz-linear-gradient(#D40517, #8E0410);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(98%, transparent), color-stop(98%, rgba(127,127,127,.7)), to(rgba(127,127,127,.7))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D40517), to(#8E0410));
	font-weight: bold; line-height: 48px; list-style: none;
	overflow: hidden; margin: 0; padding: 0; width: 100%; height: 48px; position: absolute; top: 0; left: 0;
}

#nav > a[href="#content"] {
	position: absolute; top: 0; left: 0; height: 0; width: 0; overflow: hidden;
}

#nav ul {
	margin: 0; padding: 0; list-style: none;
}

#nav li {
	float: left; text-shadow: -1px -1px 1px #666;
}

#nav #search { float: right; }

#nav #search input[type="search"] {
	border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;
	border-right: 0;
}
#nav #search input[type="submit"] {
	border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;
}

#nav p {	margin: 0; padding: 0 8px; }

#nav a {	color: #fff; text-decoration: none; display: block; padding: 0 8px; }
#nav a:hover, #nav a:focus {	text-decoration: underline; }

#content {
	background: #666; background: rgba(255,255,255,.3); color: #eaeaea;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.7);
	margin: 16px auto; padding: 8px 16px; overflow: hidden;	min-width: 600px; max-width: 960px;
}

.article {
	border-bottom: 1px solid #666; border-bottom: 1px solid rgba(255,255,255,.5);
	margin: 16px 0;
}
.article .meta {
	font-size: 12px;
}

#footer {
	background: #222; background: rgba(0,0,0,.5); color: #eaeaea;
	border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0;
	text-shadow: -1px -1px 0 rgba(0,0,0,.7);
	margin: 16px 16px 0; padding: 8px 16px; overflow: hidden;	
}
#large-footer {
	list-style: none; margin: 0 0 16px; padding: 0;
	column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;
}
#large-footer > li {
	display: inline-block; width: 100%;
}
#small-footer {
	border-top: 1px solid rgba(255,255,255,.5);
	font-size: 11px; line-height: 16px; text-align: center;
	margin: 16px 0 0; padding: 16px 0 8px;
}

/* Comments */
#comments {
	list-style: none; margin: 0; padding: 0;
}
.comment {
	background: #bbb; background: rgba(255,255,255,.3); color: #eaeaea; border: 1px solid #999; border: 1px solid rgba(255,255,255,.5);
	font-size: 12px; line-height: 16px; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	margin: 16px 0; padding: 8px;
}
.comment .avatar {
	float: left; padding: 0 8px 8px 0;
}

#respond {
	font-size: 12px;
}

#respond label {
	min-width: 10ex;
}
#respond label:after {
	content: ":";
}

#respond .required {
	color: #D40517; display: inline-block; min-width: 10px;
}

#respond input {
	margin-left: 10px;
}

#respond .required + input {
	margin-left: 0;
}

/* Home Page */
.home #content {
	border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px;
	margin: 16px 0 16px 16px; padding: 8px 668px 8px 24px; min-width: 288px; max-width: none; overflow: hidden;
}

.home .article {
	border: none; margin: 0; padding: 0;
}

.home .article .figure {
	float: right; margin: 0 -644px 16px 0;
}