/*
Makeup by Dimox (http://dimox.name/)
*/


* {
  margin: 0;
  padding: 0;
}
body {
  font: 62.5% Arial, Tahoma, Verdana, sans-serif;
  width: 100%;
}
a {
  color: #8F3A14;
  outline: none;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0;
  padding: .8em 0;
  font-size: 1.2em;
  line-height: 1.4em;
}
li {
  font-size: 1.2em;
  line-height: 1.5em;
}
li p {
  font-size: 1em;
  line-height: 1.4em;
}
img {border: none;
}

#wrapper {
  width: 902px;
  margin: 0 auto;
  padding: 0 10px;
}

.error  { color : red; }
.warning	{ color : green; }
.gray2	{ color : gray; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 206px;
	padding-top: 18px;
	position: relative;
}

/* Top search form */
.sf {
	float: right;
}
.sf input {
	font: 1.2em Arial, Tahoma;
	float: left;
}
.search2 {
	margin: 2px 10px 0 0;
	width: 350px;
	border: 0;
	padding: 2px;
	border: 1px solid silver;
}
.goo {
	border: none;
	background: url(i/arrow.gif) 3px 11px no-repeat;
	padding: 4px 5px 0 5px;
	width: 105px;
	color: #777;
	text-decoration: underline;
	cursor: pointer;
}
html:first-child .goo {background-position: 3px 11px;}
* html .goo {padding-top: 3px}
*+html .goo {padding-top: 3px}
html:root .goo {padding-top: 3px}


#top-blocks {

	margin-right: -20px;
	height: 62px;
}
#top-blocks div {
	float: left;
	width: 210px;
	height: 62px;
	margin-right: 20px;
	text-align: center;
	font-size: 1.2em;
}
.block1 {background: #63723E url(i/top-bl-bg1.gif) no-repeat;}
.block2 {background: #798E4C url(i/top-bl-bg2.gif) no-repeat;}
.block3 {background: #8FAE59 url(i/top-bl-bg3.gif) no-repeat;}
.block4 {background: #798E4C url(i/top-bl-bg2.gif) no-repeat;}
#top-blocks a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 40px;
	zoom: 1;
}
.block1 a {background: url(i/top-img1.gif) 50% 9px no-repeat;}
.block2 a {background: url(i/top-img5.gif) 50% 8px no-repeat;}
.block3 a {background: url(i/top-img3.gif) 50% 7px no-repeat;}
.block4 a {background: url(i/top-img4.gif) 50% 8px no-repeat;}

#logo {
	position: absolute;
	top: 112px;
	left: 0;
	width: 134px;
	height: 91px;
	background: url(i/logo.gif) no-repeat;
}

#logobook {
	position: absolute;
	top: 112px;
	left: 0;
	width: 134px;
	height: 91px;
	background: url(i/logobook.gif) no-repeat;
}

#logolitmap {
	position: absolute;
	top: 112px;
	left: 0;
	width: 134px;
	height: 91px;
	background: url(image/logo_top.gif) no-repeat;
}

#title {
	margin: 38px 0 0 150px;
	font: 1.2em Tahoma, Arial;
	color: #B2B2B2;
}
#title h1 {
	font: 2.0em Georgia, "Times New Roman";
	color: #000;
	line-height: 36px;
	width: 550px;
	zfloat: left;
}

#contacts {
	position: absolute;
	top: 132px;
	right: 0;
	font: 1.1em Tahoma, Arial;
	color: #717171;
}
* html #contacts {right: 20px;}


/* Content
-----------------------------------------------------------------------------*/
#container {
  width: 100%;
  overflow: hidden;
}
#content {
  width: 100%;
  float:  left;
}

#text {
  margin: 0 262px 65px 158px;
  text-align: left;
}

#text .error  { color : red; }
#text .warning	{ color : red; }

#text h1 {
	font-size: 1.8em;
	color: #000;
	text-decoration: bold;
	margin: 10px 0 20px 0;
  text-align: left;
}

#content h2 {
	height: 26px;
	padding: 7px 0 0 10px;
	margin: 0 -20px 5px -10px;
	font-size: 1.2em;
	background: #8FAE5A url(i/headline2.gif) no-repeat;
	text-transform: uppercase;
	color: #FFF;
}

.news,
.post {
	margin: 0 0 20px;
	text-align: left;
}
.date,
.news .date,
.post .date {
	display: inline;
	background: #9C9C9C;
	color: #FFF;
	padding: 1px 4px;
	font-size: 1.1em;
	font-weight: bold;
}
.news h3,
.post h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 5px 0 0;
}
.more {
	text-align: right;
}

.gray {
	background: #E7E7E7 url(i/gray-top.gif) no-repeat;
	margin: 15px -21px 5px -11px;
}
.gray-bottom {
	background: url(i/gray-bottom.gif) 0 100% no-repeat;
	padding: 0 1px 8px;
}
.gray-text {
	background: #FCFCFC;
	padding: 0 12px;
	color: #494949;
	overflow: hidden;
	height: 1%;
}
.gray h3 {
	padding: 6px 0 0 15px;
	height: 21px;
	font-size: 1.1em;
	text-transform: uppercase;
}
.gray-text ul {margin-left: 20px;}
.link {
	text-align: right;
	font-size: 1.1em;
}

img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

h3#comments,
h3#respond {
	font-size: 1.5em;
	margin: 0 0 10px;
}
ul,
ol {margin: 7px 0 7px 30px;}
li {padding: 2px 0;}

.commentlist {margin: 20px 0 40px 20px;}
.commentlist li {padding: 8px 8px 2px;}

#author, #email, #url, #comment, #submit {
	font: 1em Arial, Tahoma;
	padding: 2px;
	width: 150px;
	border: 1px solid #C2C2C2;
}
#comment {
	width: 420px;
	height: 170px;
}
#submit {
	width: 80px;
	height: 20px;
	padding: 0;
	background: #EAEAEA;
	cursor: pointer;
}

.navigation {height: 30px;}
.alignleft {float: left;}
.alignright {float: right;}



/* Left
-----------------------------------------------------------------------------*/
#left {
  float: left;
  width: 135px;
  margin-left: -100%;
  padding: 0 0 30px;
}
#left h3 {
	height: 26px;
	padding: 7px 0 0 10px;
	background: #B99357 url(i/headline1.gif) no-repeat;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.2em;
	margin: 0 0 5px;
}

#left ul {
	margin: 0 0 15px;
	list-style: none;
}
#left ul a {
	display: block;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	zoom: 1;
}
#left ul a:hover {
	background: #E5E5E5;
}

#counters {text-align: center;}
#counters img {
	margin: 0 auto 5px;
	display: block;
}

/* Right
-----------------------------------------------------------------------------*/
#right {
  float: left;
  width: 220px;
  padding: 0 5px 0 15px;
  margin-left: -240px;
}
#right h3 {
	height: 26px;
	padding: 7px 0 0 10px;
	background: #A8C578 url(i/headline3.gif) no-repeat;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.2em;
	margin: 0 -5px 5px -15px;
}
.pdate {
	margin: 0 0 20px;
	font-size: 1.2em;
}
.pdate .source {
	font-size: 0.9em;
	color: #767676;
	border-top: 1px solid #F1F1F1;
	margin: 2px 0 0;
	padding: 2px 0 0;
}
.alldates {margin-top: -8px;}
.alldates a {color: #44630E;}

#search {
	height: 67px;
	background: #EAEAEA;
	margin: 10px 0 20px;
}
#search input {
	font: 1.1em Arial, Tahoma;
}
.search {
	margin: 12px;
	width: 192px;
	border: 0;
	padding: 2px;
}
#search div {
	background: #EFEFEF;
	height: 30px;
}
.go {
	float: right;
	border: none;
	background: url(i/arrow.gif) 0 14px no-repeat;
	padding: 6px 15px 0 5px;
	width: 110px;
	color: #777;
	text-decoration: underline;
	cursor: pointer;
}
html:first-child .go {background-position: 0 13px;}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: 0 -10px;
	position: relative;
}

.footline {
	position: absolute;
	top: -60px;
	left: 168px;
	width: 482px;
	height: 21px;
	padding: 9px 15px 0;
	background: #CBDBAF url(i/footline1.gif) no-repeat;
	text-align: right;
	margin: 10px -20px 5px -10px;
}
.footline a {color: #EA1C00;}
.footline2 {
	position: absolute;
	top: -52px;
	left: 680px;
	width: 240px;
	height: 32px;
	background: #D5E3BC url(i/footline2.gif) no-repeat;
}

#bottom-menu {
	text-align: center;
	margin: 0 0 15px;
	font-size: 1.2em;
}
#bottom-menu a {
	color: #4B4B4B;
}
#copyright {
	font-size: 1.1em;
	color: #878787;
	line-height: 1.2em;
	margin: 0 0 15px;
}
#gray {
	background: #E6E6E6;
	border: 1px solid #DADADA;
	border-width: 1px 0;
	color: #A1A1A1;
	padding: 15px;
	margin: 0 0 10px;
	font-size: 1.2em;
}
#gray a {color: #A1A1A1;}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#adv {padding:10px 0; text-align:right; auto;color:#EEEEEE; font:75% Arial, Helvetica, sans-serif;}
#adv a { color:#EEEEEE; text-decoration:none;}
#adv a:hover { text-decoration:none;}

.breakoutr {
	float: right;
	width: 35%;
	padding: 10px;
	margin-left: 10px;
	background-color: #FBFAF4;
	color: #543D0A;
	text-align: left;
	line-height: 120%;
	font-size: 100%;
} 

.breakoutr_2 {
	float: right;
	width: 35%;
	padding: 10px;
	margin-left: 10px;
	background-color: #FBFAF4;
	color: #543D0A;
	text-align: left;
	line-height: 120%;
	font-size: 120%;
} 

.sf { no-repeat 0 15px;padding-top:5px; padding-left:420px; }

/*Тень в формате луковой шелухи*/
   .wrap1 {
    display: block !important; 
    background: url(i/shadow_.png) no-repeat right bottom !important; /* Рисунок с тенью */
    float: left !important; /* Создание обтекания для правильного положения тени */
   }
   .wrap1_r {
    display: block !important; 
    background: url(i/shadow_.png) no-repeat right bottom !important; /* Рисунок с тенью */
    float: right !important; /* Создание обтекания для правильного положения тени */
   }
   .wrap2 {
    display: block !important;
    background: url(i/corner_bl_.png) no-repeat left bottom !important;
    background-position: -15px 100% !important; /* Положение уголка тени */
   }
   .wrap3 {
    display: block !important;
    padding: 0 12px 12px 0 !important; /* Ширина тени справа и высота тени снизу */
    background: url(i/corner_tr_.png) no-repeat right top !important; /* Правый верхний уголок тени */
    background-position: 100% -15px !important; /* Положение уголка тени */
   }
   .wrap3_r {
    display: block !important;
    padding: 0 12px 112px 0 !important; /* Ширина тени справа и высота тени снизу */
    background: url(i/corner_tr_.png) no-repeat right top !important; /* Правый верхний уголок тени */
    background-position: 100% -15px !important; /* Положение уголка тени */
   }
   .wrap3 IMG {
    display: block !important;
   }
   
/*   
.shadowed {
filter:
progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}*/


/*Кроссбраузерная тень*/

.shadowed {
   -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#8000ff00, offX=-10px, offY=-7px)";
   filter:progid:DXImageTransform.Microsoft.DropShadow(color=green, offX=-10px, offY=-7px);
}

.box-shadow {
-moz-box-shadow: 2px 2px 3px #969696; /*дляFirefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /*для Safari и Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=130, Strength=5);
}


