/*
Theme Name: RATBAG
Theme URI: http://ratbag.vkomi.ru/
Description: RATBAG theme
Version: 0.0.1
Author: Vankof & Wiehorsky both at gmail dot com
Author URI: http://ratbag.vkomi.ru/
*/
/* !!! Do not delete previous lines !!!*/

/* reset
--------------------------------------------------*/
* {margin: 0; padding: 0;}
body {
  font: normal 13px 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align: center;
  color: #333;
  background: #313338;
}

/* headings, paragraphs, lists, etc
--------------------------------------------------*/
h1, h2, h3, h4 {margin: 0 0 18px 0; font-weight: normal;}
#content h2 {font-size:1.5em;}
#content h3 {font-size:1.3em;}
#content h4 {font-size:1.2em;}
p {margin:0; padding:0 0 18px 0; line-height: 18px;}
ul {margin:0 0 0 1.4em; padding:0 0 18px 0;}
ul ul {padding:0;}
blockquote {margin:0; padding:0 18px; font-style:italic;}
pre {overflow:auto; margin:0 0 18px 0; padding:4px;}
pre, code, kbr {font-family: Courier, Monaco, monospace; background: #f1f3f8;}
code, kbr {padding:0 2px;}
abbr, acronym {font-size:0.9em; letter-spacing:1px;}
.low {display:none;}
.clear{clear: both; font-size: 1px; height: 1px; line-height: 1px;}

/* images
--------------------------------------------------*/
img.left {float:left; margin:0 12px 0 0;}
img.right { float:right; margin:0 0 0 12px;}
img.center {display: block; margin:0 auto;}
a img {border:none;}

/* links & headings COLORS
--------------------------------------------------*/
h1, h2, h3, h4 {color: #414348;}   /*   #666    */
h1 a, h2 a, h3 a, h4 a {color: #03c;}    /*  333   */
a, #comments h2 small {color: #03c;}   /* #333 */
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #4A6ED9;}   /*  666  */
#header, #header h2, #footer {color: #eee}
#header a, #footer a {color: #fafafa}
#header a:hover, #footer a:hover {color: #ccc}
.edit a, .editlink a  {color: green;}

/* header
--------------------------------------------------*/
#header {
  /*height: 300px;*/
  padding: 10px 10px 15px 10px;
  text-align: center;
  background: url('images/header_bg.gif') repeat-x bottom;
}
#header h1 a{ /* if no logo img */
  font: bold 50px arial, verdana, sans-serif;
  text-decoration: none;
}
#header h2 {font-size:1.4em;}

/* navigation
--------------------------------------------------*/
#navigation{
         width: 80%;
         /*min-width: 65em;
         max-width: 85em;*/
	margin: 0 auto;
	padding: 5px 0 15px 0;
	text-align: left;
}
#navigation .block{
	float: left;
	margin-left: 5%;
	width: 30%;
}
#navigation .first, * html #navigation .first{
	clear: both;
	margin: 0;
	text-align: right;
}
#navigation .central, * html #navigation .central{
         text-align: center
}
#navigation .last, * html #navigation .last{
         //clear: both;
         //float: right;
}
/*#navigation .block-separator{clear: both; height: 2.5em;}
#navigation .thrice-length{width: 100%;}                       not used
#navigation .twice-length{width: 65%;}*/

/* search bar
--------------------------------------------------*/
#searchform{
  background: url('images/search_s_bg.gif') no-repeat top center;
}
#searchform #s {
  height: 15px;
  width: 57%;       /* different type of */
  max-width: 140px; /* horizontal */
  //width: 140px;   /* shrinking */
  margin: 10px;
  font: normal 13px/15px 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #313338;
  border: 0;
}

/* container & content
--------------------------------------------------*/
#container {text-align: left; background: #fff;}
#content {padding: 30px 0 20px 25px;}
#commentspopup #content {float:none; padding-top:0;}

/* entry
--------------------------------------------------*/
.entry, .page, .archive, #comments{
  width: 450px;
  margin: 0 auto;
  padding-bottom: 40px;
}

/*.minientry Разобраться с этой хренью!!!!
(Раньше было: .entry .info, .minientry)*/

.entry .info, .minientry {
  padding: 8px 5px 5px 5px;
  font-size: 11px;
  text-align: right;
  border-top: 1px solid #a1a3a8;
}
/*.entry .single {clear:both;}
.entry .single .info {margin:0 0 22px 0;}    ? */

/* comments
--------------------------------------------------*/
#comments h2 {margin-bottom:24px;}
#comments h2 small{font: normal 13px/18px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#comments ul {margin:0 0 0 40px;}
#comments li {margin-bottom:18px;}
#comments li.comment {list-style-type: none;}
/*#comments li.trackback, #comments li.pingback {list-style-image:url('images/pingtrackback.gif');}*/
#comments li p {padding:0 0 10px 0;}
#comments .header {
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin: 0 0 10px -31px;
  padding:3px 6px;
}
* html #comments .header {height:19px;} /* IEWin */
#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}
/*#comments .number {}      may use to make 1,3 & 2,4 comments different
#comments .alt .number {}*/

/* commentform
--------------------------------------------------*/
#commentform, #commentform fieldset {border:0 solid;} /* Opera */
#commentform label {display:block;}
#commentform label {margin-bottom: 5px;}
#commentform input, #commentform textarea {
  padding:3px;
  width:200px;
  font: normal 14px/17px 'Trebuchet ms', Verdana, Helvetica, sans-serif;
  border: 1px solid;
  border-color: #bbb #bbb #ccc #ccc;
}
#commentform textarea {width: 410px; overflow:auto;}
#commentform .hiddenfield {display:none;}
#commentform .button {
  width: 200px !important;
  border: 1px solid;
  border-color: #ccc #ccc #bbb #bbb;
  background: #f0f0f0;
}
.allowedtags {font-size: 11px}

/* archives
--------------------------------------------------*/
.archive .postspermonth {margin:0; list-style:none; color:#A0A0A0;}

/* next-previous page navigation (not used now)
--------------------------------------------------/
#entrynavigation {
  overflow: auto;
  height:1%;
  margin-bottom:13px;
  padding-bottom:13px;
  border-bottom:1px solid;
  border-color:#F3F4F4;
}
.next a {float:right; padding-right:10px;}
.previous a {float:left; padding-left:10px;}
*/

/* footer
--------------------------------------------------*/
#footer {
  background: url('images/footer_bg.gif') repeat-x top;
  padding-top: 40px;
  height: 1%; /* IE bug fix */
  text-align: center;
}