* {
  text-decoration: none;
  font-size: 1em;
  outline: none;
  padding: 0;
  margin: 0;
  }
code, kbd, samp, pre, tt, var, textarea, 
input, select, isindex, listing, xmp, plaintext {
  white-space: normal;
  font-size: 1em;
  font: inherit;
  }
dfn, i, cite, var, address, em { 
  font-style: normal; 
  }
th, b, strong, h1, h2, h3, h4, h5, h6 { 
  font-weight: normal; 
  }
a, img, a img, iframe, form, fieldset, 
abbr, acronym, object, applet, table {
  border: none; 
  }
table {
  border-collapse: collapse;
  border-spacing: 0;
  }
caption, th, td, center { 
  vertical-align: top;
  text-align: left;
  }
body { 
  background: white; 
  line-height: 1; 
  color: black; 
  }
q { 
  quotes: "" ""; 
  }
ul, ol, dir, menu { 
  list-style: none; 
  }
sub, sup { 
  vertical-align: baseline; 
  }
a { 
  color: inherit; 
  }
hr { 
  display: none; 
  }
font { 
  color: inherit !important; 
  font: inherit !important; 
  color: inherit !important; /* editor's note: necessary? */ 
  }
marquee {
  overflow: inherit !important;
  -moz-binding: none;
  }
blink { 
  text-decoration: none; 
  }
nobr { 
  white-space: normal; 
  }



/***************************************** LAYOUT ***************************************************/
/* layout */
html {
    height:100%;
}

body {
    height:100%
}

div#container {
    position: relative;
    min-height: 100%;
}

* html #container
{
    height: 100%;
}

div#wrapper{float:left;width:100%}

div#content{
    margin-right:300px
}

div#navigation{
    float:left;
    width:290px;
    margin-left:-300px
}

div#extra{
    clear:left;width:100%
}

div#extra div.column {
    float:left;
    width:24%;
}

div#extra div.column div.content {
    padding:.5em;
}

#container {
    padding-bottom: 1.5em;
}

#footer
{
clear:both;
position: relative;
margin-top: -1.5em;
} 


#header {
    padding:1em
}

#content {
    padding:2em
}

#footer {
    padding:.5em;
    text-align:center;
    font-size:.8em;
}

#footer #license {
  padding-top:1em;
  color:#aaa
}

#footer #license a {
  color:#aaa
}
#header ul.header-menu li {
    display:inline;
    padding:.5em 0;
    font-size:1em;
}

#header ul.header-menu li:before {
  content:'// '
}


#navigation {
    font-size:.8em;
    font-family:Tahoma,sans-serif;
}

#navigation .nav-section {
    padding-top:1em;
    line-height:1.2em;
    clear:both;
}

.nav-section img.photo {
  float:left;
  margin:.3em;
  padding:.2em;
  border: solid 1px #cccccc;
}

#navigation li {
  padding-bottom:.5em;
}

#rss-link img{
  float:left;
  padding-right:.5em;
}

.nav-section h3 {
    font-size:1.2em;
    margin-bottom:.5em;
    border-left:solid 1em #eeeeee;
    padding-left:.5em;
}

.nav-left {
    float:left;
    text-align:left;
    width:49%;
}

.nav-right {
    float:right;
    text-align:right;
    width:49%;
}

/***************************************************** TYPOGRAPHY *********************************/
body {
    font-family: Georgia,sans-serif;
    background:#fff url('images/zen-background.gif') no-repeat top right;
}

#header h1, #header strong {
    font-size:3em;
    padding-bottom:.1em;
}

#header h1 a, #header strong a {
  text-decoration:none;
  color:#000;
}

h1,h2,h3,h4,h5,h6, #header strong {
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
}



h2#subheader {
    font-size:1.1em;
    color: #777777;
    padding: .5em 4px .5em 26px;
    background: #f1f1f1 url('images/comment-icon.png') no-repeat center left;
    display: inline-block;
}

h1.page-title {
  font-size:1.8em;
  margin-bottom:1em;
  padding-left:.5em;
  padding-right:.5em;
  border-left:solid 1em #cccccc;
  border-right:solid 1em #cccccc;
}

.post h1, .post h2 {
    font-size:1.5em;
    padding-bottom:1em;
    font-family: Tahoma,sans-serif;
}

.post h1 a, .post h2 a {
  text-decoration:none;
}

.post h1 .date, .post h2 .date {
    font-size:.5em;
    font-family:Tahoma,sans-serif;
    color:#aaaaaa;
}

p {
    padding-bottom:1em;
    line-height:1.5em;
    letter-spacing:.0.02em;
}

.post h3 {
  font-size:1.2em;
  margin-bottom:.5em;
  padding-left:.5em;
  border-left:solid 1em #cccccc;
  font-family: Tahoma, sans-serif;
}

.post {
    padding-bottom:2em;
}

.post .post-image {
    padding:.5em;
    margin:.5em;
    border:solid 1px #777777;
    float:left;
    background:#ffffff;
}

.post blockquote {
  margin:1em;
  padding-left:.5em;
  border-left:solid 2px #aaaaaa;
    line-height:1.5em;
    letter-spacing:.0.02em;
    color:#777777;
}

.post code {
  font-family:DejaVu Sans Mono, Consolas,  Courier New,monospace;
  font-size:.8em;
}

.post ul {
  list-style: disc;
    padding-bottom:1em;
    margin-left:1em;
    line-height:1.5em;
    letter-spacing:.0.02em;
}
.post ol {
  list-style: decimal;
    padding-bottom:1em;
    margin-left:1em;
    line-height:1.5em;
    letter-spacing:.0.02em;
}

.post strong {
  font-weight:bold;
}

.post em {
  font-style:italic;
}

.post .tags {
    color:#aaaaaa;
    font-size:.9em;
    padding:.5em 0 ;
    float:left;
}

.post .comment_count {
  font-size: .9em;
  padding: .5em 0;
  float: left;
}

.post .comment_count:before {
  content: ' | ';
}

.post .tags strong {
  font-weight: normal;
}

a:link {
     color:#0000cc;
    text-decoration:underline;
}

a:visited {
    color:#770077;
    text-decoration:underline;
}
      
a:hover {
  color:orange 
}

a:active {
}

pre {
    white-space: pre;
    font-family:DejaVu Sans Mono, Consolas,  Courier New,monospace;
    font-size:.8em;
    line-height:1.2em;
    padding:1em;
    margin:.5em;
/*    border:solid 1px #cccccc;
*/
    background-color:#f7f7f7;
}

div#extra div.column div.content h3{
    font-size:1.2em;
}

#comments h2 {
  font-size:1.5em;
}

.comment {
  padding:.5em 0;
}

.comment-avatar {
  float:left;
  margin:5px;
  border:solid 1px #777777
}

.comment-text {
  margin-left:37px;
}

.comment-date {
    font-size:.8em;
    font-family:Tahoma,sans-serif;
    color:#aaaaaa;
}

.comment-from-author {
  background-color:#f5f5f5;
}

.comment ul.children {
  margin-left:42px
}

.comment-form {
}

.comment-form h3 {
  font-size:1.5em;
  padding:.5em 0;
}

.comment-form li {
  padding:.2em;
}

.comment-form label {
  display:block;
  width:10em;
  float:left
}

.comment-form input.styled {
  display:block;
  width:20em;
  border:solid 1px #aaaaaa;
  font-family:Georgia;
}

.comment-form textarea {
  width:600px;
  height:10em;
  border:solid 1px #aaaaaa;
  font-family:Georgia;
}

#ta_comment_resizer {
  background: #e2e2e2 url("images/resizer.gif") no-repeat;
  background-position:center;
  height:10px;
  width: 602px;
  padding: 0;
  font-size:.01em;/* поправка высоты для IE */
  cursor:s-resize;
}



.comment-form li.submit input {
}

.comment-form input.hidden {
  display:none;
}

.comment-form li.switch {
  font-size:.7em;
}

.comment-form li.switch a {
  text-decoration:none;
  border-bottom: dashed 1px;
}


.comment-form input#openid_url {
   background: url(images/openid_logo.png) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   padding-left: 18px;
/*  width:29em;*/
}

.clear-both {
  clear:both;  
}

em.remark {
  font-size:.8em;
  color:#777777;
  font-style:italic;
}

div.mantra {
  padding: 2em;
  font-size:2em;
  text-align:center;
}

div#zce_logo {
  float:right;
}

div#zce_logo img {
  border:0;
}