/* Сбрасываем установки по умолчанию */
HTML, BODY, UL, OL, LI, P, H1, H2, H3, H4, H5, H6, DIV, FORM, FIELDSET, A, IMG, BLOCKQUOTE {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
  vertical-align: baseline; 
}

HTML, BODY { height: 100%; }

OL, UL {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

/* Типографика */
/* Устраняем глюки с масштабированием шрифтов и приводим 1em к 14px */
HTML { font-size: 100.01%; }
BODY { 
  font-size: 0.875em;
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
  font-weight: normal;
  background: #FFF;
  color: #000;
  min-width: 920px;
  max-width: 1100px;
  padding: 0 32px;
  margin: auto; 
}

P, FORM, UL, OL, LI, H1, H2, H3, H4, H5, H6 { font-weight: normal; margin-bottom: 0.5em; }
H1, .home H2, .category H2, .archive H2, .author H2 { margin-top: 0 !important; }
H1, H2, H3, H4, H5, H6 { margin-top: 1em; color: #E17000; }
H1 { font-size: 2.4em; }
H2 { font-size: 2.2em; }
H3 { font-size: 2.0em; }
H4 { font-size: 1.8em; }
H5 { font-size: 1.6em; }
H6 { font-size: 1.4em; }

BLOCKQUOTE { background: #FFF9D3; color: #5A5A5A; font-style: italic; margin-left: 16px; padding: 10px !important; margin-bottom: 0.5em !important; }
  BLOCKQUOTE BLOCKQUOTE { margin-left: 16px; }

SMALL { font-size: 0.8em; }
A { color: #789DDC; }
  H1 A, H2 A { color: #E17000; text-decoration: none; }

INPUT { vertical-align: middle; }

#topline, #header, #wrapper, #pager, #footer, .linksinside, .post, .clear { clear: both; overflow: hidden; }


#topline { background: #E6E6E4; 
  font-size: 0.8em;
  height: 40px;
}
  #links { float: left; margin: 8px 20px; }
    #links LI { padding-right: 16px; }
  #menu { float: right; margin: 8px 20px; }
    #menu LI { padding-left: 16px; }
  #topline UL, #topline LI { display: inline; }
  #topline A, #categories A { color: #002C77; }


#header { 
  background: #DEDFDE; 
  margin: 24px 48px; 
  height: 128px;
}
  #logo { 
    background: url(/_img/logo.gif); 
    float: left;
    position: relative;
    top: 50%;
    margin: 20px;    
    margin-top: -24px;
  }
    #logo, #logo A { 
      display: block; 
      width: 258px; 
      height: 48px; 
      text-indent: -9999px; 
    }
  #tagline { 
    color: #868688; 
    width: 300px;
    float: left; 
    position: relative;
    top: 60%;
    height: 64px;
    margin-top: -32px;
    margin-left: 48px;    
  }
  #rss { 
    width: 56px; 
    height: 74px;
    float: right;
    position: relative;
    top: 50%;
    margin: 20px;
    margin-top: -37px;
    }
    #rss A { 
      color: #FFF; 
      background: url(/_img/rss_header.gif); 
      font-size: 1.1em;
      font-weight: bold; 
      text-decoration: none; 
      display: block; 
      width: 56px; 
      height: 52px;
      margin: auto; 
      text-align: center;
    }
    #rss A { padding-top: 22px; }


#wrapper { margin: 0 60px 60px 60px; }
  #wrapper UL LI { background:  url(/_img/li.gif) no-repeat left center; padding-left: 24px; }
  #subscribe UL LI { background:  none; padding-left: 0; }  
  #favourites UL LI { background:  none; padding-left: 0; }


#content { float: left; width: 65%; }
  .post{ margin-bottom: 40px; }
    .postmetadata { color: #868688; margin-bottom: 0; }
    .postheader { margin-top: 0; }
    .linksinside A { display: block; height: 32px; line-height: 32px; float: left; margin-top: 8px; }
    .commentslink { 
      color: #FFF; 
      font-size: 0.8em; 
      text-decoration: none; 
      margin-left: 24px;
    }
      .commentslink SPAN { height: 32px; color: #69BE28; text-decoration: underline; }
      .commentslink .numb { display: block; float: left; background: url(/_img/numb.gif) no-repeat center center; color: #FFF; text-decoration: none; width: 32px; text-align: center; }
    OL LI { list-style-type: decimal; }
    .post UL LI, .post OL LI UL LI { background: url(/_img/li.gif) no-repeat left top !important;   list-style-type: none; padding-left: 24px !important; }
    .post UL LI, .post OL LI { margin-left: 20px; }
    .post OL { padding-left: 24px; }
    .post LI OL, .post OL LI { padding-left: 0 !important; background: none !important; }
      LI OL, LI UL { margin-top: 10px; }
   #pager { margin: 32px 48px 32px 8px; font-size: 1.4em; }
    #pager A { white-space: nowrap; text-decoration: none; }
      #pager A SPAN { text-decoration: underline; }
    #prev { float: left; }
    #next { float: right; }

  OL.commentlist { margin-left: -20px; padding-left: -20px; }
  .commentlist LI.guest P { overflow: hidden; }
  .commentlist LI { margin-bottom: 20px; list-style-type: none; padding-left: 30px; }
  .commentlist .blogger P { overflow: visible; }
    .blogger { background: #E6E6E4; padding: 10px !important; margin-bottom: 10px; font-style: normal; }
    .commentlist LI.blogger { margin-left: 20px; padding-left: 20px; }
    /*.blogger IMG.avatar { margin: 0 0 0 -110px; float: left; width: 100px; height: 100px; }*/
  .comment_author { color: #878787; }
    .comment_author CITE { font-style: normal; }
  .blogger .comment_author { font-weight: bold; color: #767676; }

#sidebar { float: right; width: 30%; }
  #sidebar DIV { margin-bottom: 20px; }
  #sidebar H6 { color: #69BE28; }
  #categories UL { font-size: 0.9em; }


#footer { color: #868688; padding: 16px; }
  #copyright { font-size: 1.2em; font-weight: bold; text-align: center; padding: 16px; }
  #studiomade { font-size: 0.8em; text-align: center; }
    .usual { text-decoration: none; color: #868688; }
  #counters { display: none; width: 0; height: 0; }


/* Разметка */

/* Классы для пиктограмм */
.rss { background: url(/_img/rss.gif) center left no-repeat; padding: 2px 0 2px 20px; line-height: 18px; }

/* Классы для уголков */
.tl { background-position: top left; }
.tr { background-position: top right; }
.bl { background-position: bottom left; }
.br { background-position: bottom right; }
.tl, .tr, .bl, .br { background-image: url(/_img/corners.png); background-repeat: no-repeat; width: 100%; height: 100%; }

/* Тут экспериментируем */
.current {font-weight: bold;}

#errormsg {
  font-size: 1em;
  font-weight: bold;
  color: #D00;
  margin-bottom: 10px;
}

#header .br { height: 128px }