/*
Theme Name: NTH framework
Version: 1.1
Author: Nikolay Gromov
Author URI: http://nicothin.ru
*/


/* BLOCKS */
#page {width: 903px; margin: 2.3em auto; position: relative; padding:0 17px; background: #FFFFFF url(img/bacgr-content.png) left bottom no-repeat}
#header {}
	.site-description {width:520px; text-align:center; color:#e5d139; font-size:1.25em; margin:.5em 0 1.56em}
	#nav {width: 100%; overflow: hidden; margin: 0 0 1em !important; font-size:1.25em}
	#nav li {float: left; padding: 0 .5em 0 0; text-transform:lowercase}
	#nav li a {display:block; position:relative; height:1.88em; line-height:1.7em; padding:0 0.75em; background: #e7f4ff url(img/bacgr-but.png) top repeat-x; border: 1px solid #a1c5f2; color:#999996!important; text-decoration:none!important}
	#nav li a:hover {background: #d4e8ff url(img/bacgr-but2.png) top repeat-x; border: 1px solid #7fa8e4}
	.tl, .tr, .bl, .br {display:block; position:absolute; width:5px; height:5px; background-image:url(img/bacgr-but-corn.png)}
	#nav li a:hover .tl, #nav li a:hover .tr, #nav li a:hover .bl, #nav li a:hover .br {background-image:url(img/bacgr-but-corn2.png)}
	.tl {top:-1px; left:-1px}
	.tr {top:-1px; right:-1px; background-position: top right}
	.bl {bottom:-1px; left:-1px; background-position: bottom left}
	.br {bottom:-1px; right:-1px; background-position: bottom right}
	.lang {position:absolute; top:0; left:587px; font-size:0.88em; line-height:1.3em}
	.krz {display:block; width:178px; height:203px; position:absolute; top:-20px; right:45px; background:url(img/krz.jpg) no-repeat}
#wrap { width:100%; overflow:hidden}
	#content {width: 903px; float: left}
		#content .padding {margin: 0 366px 1em 0; padding: 0 2px;}
	#aside {width: 370px; float: left; margin-left: -370px; color:#8a8a8a}
		#aside .padding {margin:0 0 1em 37px; padding:.63em 0 1em}
		#aside .padding > div {width: 100%; overflow: hidden; margin-bottom: -1em!important}
#footer {color:#bbb6b6}
	#footer a {color:#bbb6b6}

/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Cambria, "Times New Roman", Times, serif} 
body {font-size: 1.6em; line-height: 1.3em; color: #595959; background: #e7f4ff url(img/backgr.png) top repeat-x}
h1, h2, h3, h4, h5, h6, #footer, .lang, #nav, .site-description {font-family: "Segoe UI", Arial, Helvetica, sans-serif}
strong, b, th, thead td, em {font-weight: bold}
h1, h2, h3, h4, h5, h6 {color: #7f92a0; font-weight:normal}
h1 {font-size: 1.88em; margin: 1.08em 0 .62em;} 
h2 {font-size: 1.5em; margin: 1.09em 0 .55em;} 
h3 {font-size: 1.4em; margin: 1.14em 0 .5em}
h4 {font-size: 1.3em; margin: 1.23em 0 .5em}
h5 {font-size: 1.2em; margin: 1.33em 0 .5em}
h6 {font-size: 1.0em; margin: 1.6em 0 .5em}
cite, em, dfn, i {font-style: italic}
code, kbd, samp, pre, tt, var {font-size: 0.93em; font-family: "Lucida Console", "Courier New", Courier, monospaced;}
pre {border: 1px solid #d4d4d4; width: 98%!important; overflow: auto; position: relative; padding: .5em}
del, strike, s  {text-decoration: line-through; color: #666}
ins, dfn, u {border-bottom: 1px solid #999}
small {font-size: 85%}
sup, sub {font-size: 80%; font-family: Arial, Helvetica, sans-serif}
big {font-size: 130%}
abbr {text-transform: uppercase; font-size: 85%; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: .5em 1em 0; margin-left: 1.2em}
blockquote > p {margin-bottom: .8em!important}
q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
/* #wrap only */
#wrap hr, #wrap p, #wrap ul, #wrap ol, #wrap dl, #wrap pre, #wrap blockquote, #wrap address, #wrap table, #wrap form, #wrap iframe {margin-bottom: 1.2em}
#wrap p+p, #wrap p+ul, #wrap p+ol, #wrap p+blockquote {margin-top: -0.5em}
#wrap caption {padding-bottom: .8em}
#wrap form div {margin-bottom: .8em}
/* #aside only */
#aside {line-height: 1.3em}

/* LISTS */
#wrap ul {list-style: disc outside; margin-left: 2.29em}
#wrap ol {list-style: decimal outside; margin-left: 2.29em}
#wrap ol ol, #wrap ul ol {margin-left: 2.5em}
#wrap ul ul, #wrap ol ol, #wrap ul ol, #wrap ol ul {margin-bottom: .5em}
dt {font-weight: bold; margin: .8em 0 0}
dd {margin: 0 0 0 1.57em}

/* FORMS */
input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:0.88em}
fieldset {border: 1px solid #ccc; padding: 0 1em 1em 1em; margin: 1.6em 0}
legend {background: #fff; padding: 0 .8em}
legend+* {margin-top: 1em}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea, input {padding: .3em .4em}
input[type='submit'] {padding: .2em .4em}
select {padding: .1em .2em .1em .1em}
option {padding: .1em .4em .1em}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #DCDAFC}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}

/* TABLES */
table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc}
th, td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: .4em .6em}
tr:hover, thead th, thead td, .tabletr-act {background-color: #f5f5f5}

/* LINKS */
a:link, a:visited, p.more {color: #5893d6; text-decoration: none}
a:hover, #nav li a:hover, p.more:hover {color: #2b619e!important; text-decoration: underline}
a:active, a:focus {color: #000; text-decoration:underline}
#aside a:link, #aside a:visited, #aside a:active, #aside a:focus {text-decoration:none}
a.selected {color: #595959}

/* TOOLBOX */
.hide {display: none}
.show {display: block}
img.alignright {float: right; padding:.2em 0 .2em .8em}
img.alignleft {float: left; padding:.2em .8em .2em 0}
.more {text-align:right; cursor:pointer}
	#wrap p+p.more {margin: -1.2em 0 1.2em}

span.error {color:#000; display:block; background:#FFBBBB; padding:.5em}