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

/* HELP
font-family: Arial, Helvetica, sans-serif;
font-family: "Times New Roman", Times, serif;
font-family: "Courier New", Courier, monospaced;

font-size: 62.5%    1em = 10px
http://riddle.pl/emcalc/
*/

/* COLORS:
d4d4d4  gray    borders
383838  gray    text
c33     red     code, pre
666     gray    del, strike, s
ccc     gray    dfn, ins, u, pseudounderline, borders of blockquote and form elements, table
aaa     gray    forms:hover
f5f5f5  gray    table background tr:hover
DCDAFC  blue    outline form elements
36c     blue    a:link
99c     blue    a:visited
c33     red     a:hover
000     black   a:active, a:focus
*/

/* BLOCKS */
#all-site { width:980px; margin:1em auto; border:1px solid #d4d4d4; }
#header { border-bottom:1px solid #d4d4d4; }
    .site-logo {}
    .site-description {}
#navigation { border-bottom:1px solid #d4d4d4; padding:0 20px; }
    #navigation ul { width:100%; overflow: hidden; }
    #navigation li { float:left; padding: .5em 1em .5em 0; }
    #navigation-active { font-weight:bold; }
#wrapper { width:100%; float:left; }
    .content { width:690px; padding:0 20px; float:right; margin-left:-1px /* for 1px border */; border-left:1px solid #d4d4d4; position:relative; }
        .content-block {}
    .sidebar { width:219px /* for 1px border */; padding:0 10px 0 20px; float:left; border-right:1px solid #d4d4d4; }
        .sidebar-block {}
#footer { clear:both; border-top:1px solid #d4d4d4; }

/* TYPOGRAPHY */
html { font-size: 62.5%; font-family: Cambria, "Times New Roman", Times, serif; }
body { font-size:1.2em; line-height: 1.6em; color: #383838; padding:0 10px; }
strong, b, th, thead td, em { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 1.8em; margin: 1em 0 .6em; }
h2 { font-size: 1.6em; margin: 1.07em 0 .535em; }
h3 { font-size: 1.4em; margin: 1.14em 0 .57em; }
h4 { font-size: 1.3em; margin: 1.23em 0 .615em; }
h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
h6 { font-size: 1.0em; margin: 1.6em 0 .8em }
cite, em, dfn, i { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: "Lucida Console", "Courier New", Courier, monospaced; }
code, pre { color: #c33c33; }
del, strike, s  { text-decoration: line-through; color: #666; }
ins, dfn, u { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 130%; }
abbr, acronym { 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; font-family: Arial, Helvetica, sans-serif; }
sub { vertical-align: sub; font-family: Arial, Helvetica, sans-serif; }
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: 0 1em; margin: 1.6em 0; }
blockquote *:first-child { margin: .8em 0; }
blockquote *:first-child:before { content: "\00AB"; }
blockquote *:first-child:after { content: "\00BB"; }
q { quotes: "\00AB" "\00BB" "\2018" "\2019"; }
/* WRAPPER ONLY */
#wrapper hr, #wrapper p, #wrapper ul, #wrapper ol, #wrapper dl, #wrapper pre, #wrapper blockquote, #wrapper address, #wrapper table, #wrapper form { margin-bottom: 1.2em; }
#wrapper p+p, #wrapper p+ul, #wrapper p+ol { margin-top: -0.8em; }
#wrapper caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#wrapper form div { margin-bottom: .8em; }
#wrapper blockquote p { margin-bottom: .8em }
/* SIDEBAR ONLY */
.sidebar { line-height: 1.3em; }

/* LISTS */
#wrapper ul { margin-left: 1.5em; }
#wrapper ul li { text-indent: -.85em; margin-left: .85em; }
#wrapper ul li:before { content: "\2022\00a0\00a0"; }
#wrapper ul li li:before { content: ""; }
#wrapper ul li ul li:before { content: "\2022\00a0\00a0"; }
#wrapper ul li ul { margin-left: 2.5em; }
#wrapper ul li ol li { list-style-position: outside; list-style-type: decimal; margin-left: 1.35em; text-indent:0 }
#wrapper ul li ol li ul li:before { content: "\2022\00a0\00a0"; }
#wrapper ol { list-style-position: outside; list-style-type: decimal; margin-left: 2.35em; }
#wrapper dt { font-weight: bold; margin-top: .8em; margin-bottom: 0; }
#wrapper ol ol, #wrapper ul ol { margin-left: 2.5em; }
#wrapper ul ul, #wrapper ol ol, #wrapper ul ol, #wrapper ol ul { margin-bottom: 0 }
/* SIDEBAR ONLY */
#wrapper .sidebar ul { margin-left: 0; }
#wrapper .sidebar ul li { text-indent: 0; margin-left: 0; }
#wrapper .sidebar ul li:before { content: ""; }

/* FORMS */
fieldset { border: 1px solid #ccc; padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { background: #fff; padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input[type='text'], input[type='password'], input[type='submint'], select { border: 1px solid #ccc; background: #fff; }
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em .1em .2em; }
option { padding: .1em .4em 0; }
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 { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: none; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }

/* SERVICE */
.hide { display: none }
.right { float: right }
.left { float: left }
.more { text-align:right; }
    #wrapper p+p.more { margin-top:-1.2em; }
    .more a[href]:after {content: " →" }


/* DESIGN ELEMENTS */
/* contact */
.contact ul li {width:100%; overflow: hidden; margin-bottom: .3em;}
.contact ul li span { float:left; }
.contact ul li span.contact-type { width:30%; }
.contact ul li span.contact-item { width:70%; }