/*
Theme Name: Zyf
Theme URI: http://lexxforum.ru/
Author: Skylynx
Author URI: http://lexxforum.ru/
Description: Zyf site theme.
Version: 1.0
License: EULA
License URI: http://lexxforum.ru/
Tags: custom
Text Domain: Zyf
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

body {
	position: relative; /* Need for footer */
	
	font-family: sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;
	
	background-color: black;
	background-image: url('img/body.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

/* HOTFIX */
.gallery_box {
	display: inline-block;
	min-width: 500px;
}
.gllr_image_row {
	display: inline-block;
}
.gallery_detail_box > div:first-child {
	font-weight: bold;
}
.comment > .edit-link {
	margin-bottom: 0;
	text-indent: 0;
}
.form-allowed-tags {
	display: none; /* allowed tags */
}
.comment > .reply > span {
	display: none; /* down arrow */
}
.comment-meta > cite > span{
	display: none;
}
.comment-meta > a > time {
	font-size: .6em;
}
.entry-content {
  padding-left: 3em;
  padding-right: 3em;
}
.sheetBody {
	padding-top: 0;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: italic;
	/*text-shadow: 0 0 .2em #746508;*/
}
h1 {
	font-size: 2em;
}

/**
 * Wiki-links
 */
.redlink {
	color: red !important;
}

/**
 * Front-page content
 */
.FPcontent {
	display: inline-block;
	position: absolute;
	top: 120px;
	right: 1em;
	width: 40%;

	z-index: 100;
	
	color: #cc7947;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
.FPcontent a, .FPcontent a:link, .FPcontent a:visited, .FPcontent a:hover {
	color: #cc7947;
	text-decoration: underline;
}

/* Header */
header {
	display: block;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;
	background-image: url('img/headerbg.png');
		
	font-size: 2em;
	font-family: serif;
	font-style: italic;
	font-weight: normal;
	color: white;
	/*text-shadow: 0 0 2px black;*/
}
header div {
	position: absolute;
	top: 15px;
}

#jointproject {
	font-family: Verdana, Geneva, sans-serif;
	left: 60px;

	white-space: pre;
}
#zyfg {
	font-family: Verdana, Geneva, sans-serif;

	left: 560px;

	white-space: pre;
}
#personalsite {
	font-family: Verdana, Geneva, sans-serif;

	color: #333;
	/*text-shadow: 0 0 5px #333;*/
	left: 800px;
	
	white-space: pre;
}

/* Navigation */
nav {
	display: block;
	background-image: url('img/navbg.png');
	margin-top: .5em;
	text-align: center;
}
nav ul, nav ol {
	display: inline;
	list-style-type: none;
}
nav li {
	display: inline;
	padding-left: 2em;
	letter-spacing: -2px;
}
nav li:first-child {
	padding-left: 0;
}
nav a, nav a:link, nav a:visited {
	text-decoration: none;
	font-style: oblique;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 25px;
	letter-spacing: .1em;
	
	color: #5a0009;
	text-shadow: 0 0 2px #5a0009;
}
nav a:hover {
	color: #5a0009;
}

/* Sheet of paper */
section {
	width: 95%; /*was: 906px;*/
	margin: auto;
	
	margin-top: .5em;
	padding-bottom: 5em; /* Need for footer */
}

#sheetHeader {
	height: 180px;
	background-image: url('img/page_header.png');
	background-repeat: no-repeat;
	background-position: right top;
}
#sheetHeader .luvers {
	background-image: url('img/luvers.png');
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	width: 28px;
	height: 28px;
}
#sheetHeader h1 {
	padding-left: 30px;
	padding-top: 20px;
}
#sheetHeader a {
	color: #593919;
}

#sheetBody {
	background-image: url('img/page_body.png');
	background-repeat: no-repeat;
	background-position: right top;
	/*background-position: left top;*/
	background-color: white;
}

#sheetBody header {
	background-image: none;
	padding: 0; margin: 0;
}
#sheetBody h1,
#sheetBody h2,
#sheetBody h3,
#sheetBody h4,
#sheetBody h5,
#sheetBody h6 {
	color: black;
	background-color: transparent;
	margin: 0;
}
#sheetBody h1 { font-size: 20pt; }
#sheetBody h2 { font-size: 18pt; }
#sheetBody h3 { font-size: 16pt; }
#sheetBody h4 { font-size: 14pt; }
#sheetBody h5 { font-size: 12pt; }
#sheetBody h6 { font-size: 10pt; }

.miniPage {
	width: 40% !important;
	margin: auto;
}

/**
 * Comments and posts area:
 */
.comments-link {
	padding: 1em;
}
.comments-title {
	color: #746508 !important;
}
.commentlist {
	margin: 0;
	padding: 1em;
}

.comment {
	padding: 0;
	margin: 0;
}

.commentlist li {
	border-bottom: 1px solid #746508;
	padding: 5pt 0;
}
.commentlist li article {
	padding: 0;
}
.commentlist li article img.avatar {
	float: right;
}

.comments-area {
	font-size: 12pt;
	font-family: sans-serif;
	color: black;
	margin: 2em;
	padding-bottom: 1em;
}
.comments-area header {
	font-size: 12pt;
	color: black;
	font-family: sans-serif;
	text-shadow: none;
}
.comments-area textarea {
	width: 100%;
	box-sizing: border-box;
}
.comments-area input[type="submit"] {
	margin: 0;
	width: 100%;
	font-size: 14pt;
	font-weight: bold;
}

.comment cite span {
	font-size: 12pt;
	font-weight: normal;
}
.comment cite span:before {
	content: '(';
}
.comment cite span:after {
	content: ')';
}

.comment-respond {
	padding-top: .5em;
}

article {
	padding: 1em;
}
article p {
	text-indent: 20px;
}

article a, a:link {
	color: #746508;
	text-decoration: underline;
}

#commentform label {
	display: inline-block;
	width: 90pt;
}

/**
 * Postst in order:
 */
.post header {
	font-style: normal;
}
.post header div {
	position: static;
	font-size: 12pt;
	font-style: normal;
}
.post footer {
	position: static !important;
	color: black;
	opacity: 1;
}
.post footer:hover {
	opacity: 1;
}
.post a, .post a:link, .post a:visited, .post a:hover {
	color: #746508;
}

.nav-single * {
	font-size: 12pt !important;
	font-style: normal;
}

/* Footer */
footer {
	position: absolute;
	bottom: 1em !important;
	left: 1em;
	right: 1em;

	padding: .5em;
	
	color: gray;
	opacity: .4;
}
footer:hover {
	opacity: .6;
}
footer a:link, footer a:visited, footer a:hover {
	text-decoration: underline;
	color: white;
}

/**
 * Admin logged-in mode patch:
 */
.entry-meta {
	left: auto !important;
	right: 1em !important;
	z-index: 1000 !important;
}