/*
Theme Name: SKS
Author: Константин Сорокин
Author URI: http://kostya-design.com/
*/
@charset "UTF-8";


/* Основные стили
------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html * { font-size: 100.01%; }
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
html { height: 100%; }
body { padding: 0 2em; background: url(images/hbg.png) repeat-x top #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #000000; text-align: left; }

table { width: auto; border-collapse: collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }
th, td { padding: 0.5em; }

option { padding-left: 0.4em; }
fieldset, img { border: 0 solid; }
blockquote { margin: 0 0 1em 1.5em; }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

hr { color: #FFFFFF; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #000 solid; }




/* Типографика
------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: lighter; margin: 0 0 0.25em 0; }
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 145%; }
h4 { font-size: 130%; }
h5 { font-size: 110%; }
h6 { font-size: 110%; }

a { color: #2e7198; }
a:hover { text-decoration: underline; }

textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { line-height: 1.5em; margin: 0 0 1em 0; }

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

cite, blockquote { font-style: italic; }
blockquote { margin: 0 0 1em 1.5em; }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; }




/* Архитектура
------------------------------------------------------------------------------------*/
#container { margin: 0 auto; min-width: 900px; max-width: 1100px; }
#header, #footer { clear: both; }
#header { position: relative; height: 30em; background: url(images/bgh.png) no-repeat center bottom; }

.sitemain { height: 8em; }
.logotype { float: left; margin: 0; padding: 0; }
.logotype h1 { margin: 0; padding: 0; }
.logotype h1 a { margin: 0; padding: 0; display: block; width: 410px; height: 75px; background: url(images/logotype.png) no-repeat; }
.sitemenu { float: right; margin: 3.5em 8em 0 0; }
.sitemenu a { margin: 0 0.4em; color: #719c00; text-decoration: underline; }
.sitemenu a:hover { color: #000000; }

.siteheader { }
.apple { margin-left: 2em; height: 234px; background: url(images/apple.png) no-repeat left; border: 1px solid #FFFFFF; }
.htext { margin-top: 4em; height: 75px; background: url(images/shtext.png) no-repeat right; }

.boxempty { }
.boxcontent { float: left; width: 69%; }
.boxsidebar { float: right; width: 30%; }

/*Подвал*/
#footer { padding: 1.5em 0; height: 5em; border-top: 1px solid #dedede; }
#footer .copyright { margin: 0 2em; font-size: 70%; color: #666666; }




/*Оформление материала
======================================================================================================================================*/
.post .date, .singlepost .date { font-size: 80%; color: #719c00; }
.post h2, .singlepost h2 { margin: 0 0 0.4em 0; font-family: Arial, Helvetica; font-size: 170%; color: #000000; }
.post .entry, .singlepost .entry { font-size: 85%; color: #333333; }

/*Материал*/
.post { margin: 0 0 3.5em 0; border-bottom: 1px dotted #cec9bb; }
.post h2 a { color: #000000; text-decoration: none; }
.post h2 a:hover { color: #000000; text-decoration: underline; }

/*Страница материала*/
.singlepost { margin: 0 0 3.5em 0; }

/*Страница*/
.page { margin-bottom: 2.5em; }
.page h2 { margin: 0 0 0.5em 0; padding: 0 0 0 0.5em; background: url(images/bkl.png) no-repeat left center; font-family: Arial, Helvetica, sans-serif; font-size: 230%; }
.page .entry { margin: 0 0 0 1em; font-family: Arial, Helvetica, sans-serif; font-size: 85%; }

/*Ошибка*/
.error { margin: 5em 8em; }
.error h4 { font-size: 200%; }
.error p { margin: 0; padding: 0; color: #666666; }

/*Навигация*/
.navigation { padding: 0 0 3em 0; font-size: 80%; }
.navilarr, .navirarr { float: left; margin: 0 1em 0 0; }
.navilarr a, .navirarr a { display: block; width: 270px; height: 24px; line-height: 22px; background: url(images/narr.png) no-repeat #5e5e5e; text-align: center; text-decoration: none; color: #FFFFFF; }







/* category anchors list container */
.pl_contents { margin: 0 0 2em 0; }


.alltags { font-family: Arial, Helvetica, sans-serif; text-align: justify; line-height: 150%; }
.alltags a { padding: 0.2em 0.3em; color: #bebebe; text-decoration: none; }
.alltags a:hover { background: #f5f5f5; color: #000000; text-decoration: underline; }



.myprojects { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #dedede; }
.listprj { font-size: 80%; }








.widecolumn {
	line-height: 1.6em;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}


acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.widecolumn {
	margin: 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

/* End Structure */



/*	Begin Headers */

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 800px;
	width: 300px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


/* End Various Tags & Classes*/








.banner { font-size: 60%; color: #ccc; margin: 0 2em; }
.banner a { color: #ccc; }