/* start shablon */
* {margin:0;padding:0;}
html,body {height:100%;}
body {
background: url(../i/bluebody_2.png) repeat-x fixed;  /* выбираем замощение картинкой; или цвет фона общий */
font: normal normal 12px/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif; /* размер и начертание шрифта для текста на сайте */
}
#wrap {
border: 1px dashed #5175b8;  /* цвет бордюра странички не захватывая футер*/
margin:0 auto;
position:relative;
overflow:hidden;
min-width:730px;
max-width:938px;
min-height:100%;
 border-bottom: none;
 border-top: none;
}
#header {
border: 0px dotted #5175b8; /* цвет бордюра хейдера */
margin:2px;
position:relative;
height:100px;  /* высота хейдера */
}
#header h1,#header h2 {cursor:default;position:absolute;}

#header h1 {  /* название сайта в хейдере */
color:#082863;  /* цвет шрифта */
font:bold 22px georgia,Helvetica,sans-serif; /* размер шрифта */
left:205px; /* отступ слева */ 
top:5px;   /* отступ сверху */
}
#header h2 {  /* размер, цвет, начертание шрифта и отступы второго заголовка в хейдере */
color:#5175b8;
font:bold 11px georgia,Helvetica,sans-serif;
left:205px;
top:55px;
width:450px;
}
.logo {
   background:url(../i/logo.png) no-repeat;
   border:#5175b8 0px solid; /* бордюр логотипа - уберите эту строку, если бордер не нужен или поставте 0*/
   width:195px; /* ширина лого - задавайте реальное значение */
   height:195px; /* высота лого, аналогично */
   position:absolute;
   left:2px;
   top:2px;
   text-align:center;
}

#center {margin-right:200px;}  /* отступ правой колонки справа */
#content,#right {
background-color: #fff; /* цвет центральной и правой колонки */
float:left;position:relative;
margin-bottom:-32767px;
padding-bottom:32767px;
}
#content {width:100%;}
#right {margin-right:-100%;width:200px;}

#footer {
  background:url(../i/blue.png) repeat-x;/* панель футера*/
  border:#5175b8 1px solid; /* цвет бордюра футера */
  border-top:0; /* бордюра сверху нет у футера */
  color:#fff; /* цвет шрифта имени админа в футере*/
  clear:both;
  font:12px/35px arial;
  margin:0 auto;
  text-align:center; /* определяет расположение текста в футере*/
  min-width:938px; /* минимальная ширина футера*/
  max-width:760px; /* максимальная ширина футера*/
  height:35px;  /* высота футера*/
}
#footer a {color:blue;} /* цвет шрифта копирайта в футере*/
*html body,*html #wrap {overflow:visible;}
*html #wrap {height:100%;}
*html #center {height:78.7%;}
*html #content {overflow:hidden;}
*html body {width:expression( documentElement.clientWidth < 730 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 730 ? "730" : "auto") : "730px") : "auto" );}
*html #wrap,*html #footer {width:expression( documentElement.clientWidth > 760 ? (documentElement.clientWidth == 0 ? (body.clientWidth >760 ? "760" : "auto") : "760px") : "auto" );}

.shadow {background-color:#5175b8;margin:10px 0;position:relative;left:6px;top:2px;width:192px;} /* тень от панелей справа*/
.shadow_box {background-color:#CEDBEF;padding:5px 0;position:relative;left:-2px;top:-2px;width:192px;} /* цвет самих панелей справа*/
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}
/* end shablon */
/* statistic */
.point,.tbl{background-color:#fff;border:1px #5175b8 solid;margin:5px auto;text-align:left;width:500px;}/* цвет рамок панелей статистики в центре окна*/
.point .graf{margin:5px 0 0;padding:0 0 0 2px;height:330px;}
.point .desc{margin:0 0 5px 20px;}
.sttit{background:url(../i/mtop.png) repeat-x #fff;;border:silver 1px solid;color:#777;margin:2px;padding:2px;}/* цвет фона панелей заголовка, цвет бордюра панелей заголовка - внутри панели статистики */
.serf,.rss{color:#1e90ff;} /* этим цветом перечислен список ботов посетивших сайт*/
.post{color:red;} /* этим цветом перечислен список постов посетивших юзерами в течении текущих суток */
.friend,.nopost{color:blue;}
.tbl{width:502px;}
.tbl td,.tbl pre,.value pre,.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;overflow:hidden;}/* цвет, начертание, размер шрифта расшифровки данных в верней панели статистики*/
.sep{width:492px;}
.anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.numb{float:left;text-align:right;width:40px;}
.value pre{overflow:hidden;width:450px;margin-top:4px;}
.tbl td .sttit{margin:0;}
/* end statistic */
/* start menu */
.topmenu {
  background:url(../i/blue.png) repeat-x; /* фон верхней панели навигации, замощен картинкой по горизонтали */
  margin:2px;
  list-style:none;padding-left:5px;position:relative;
  height:35px;clear:both;
 }
.topmenu li,.topmenu em,.topmenu a,.topmenu a b {float:left;cursor:pointer;}/* кнопки прижаты влево, обтекание их будет справа */
.topmenu li,.topmenu a {padding-left:30px;} /* поле на кнопке слева от названия кнопки */
.topmenu li {background:url(../i/ablue.png) no-repeat;margin:0;}/* цвет кнопки при наведении на нее мышки  для данного класса */
.topmenu em {background:url(../i/ablue.png) no-repeat right 0;}/* цвет кнопки при наведении на нее мышки  для данного класса */
.topmenu a {
	background:url(../i/hblue.png) no-repeat;/* цвет кнопки */
	color:#082863; /* цвет шрифта в названии кнопки */
	cursor:pointer;
	font:bold 13px/34px arial; 
	margin-left:-34px;
	position:relative;
	text-decoration:none;
}
.topmenu a b {background:url(../i/hblue.png) no-repeat right 0;padding-right:30px;}/* цвет кнопки и отступ справа от названия кнопки */
.topmenu a:hover,.topmenu a:hover b {background:none;color:#fff;}/* цвет шрифта в верхнем меню при наведении мышкой */
.topmenu a.selected,
.topmenu a.selected:hover {background:url(../i/sblue.png) no-repeat;}/* цвет кнопки после клика мышкой */
.topmenu a.selected b,
.topmenu a.selected:hover b {background:url(../i/sblue.png) no-repeat right 0;color:#fff;cursor:default;text-decoration:underline;}/* подложка справа активной кнопки верхнего меню */
.nav {margin:3px 3px;padding-bottom:7px;}
.nav li {list-style-type:none;margin:0 10px 0 10px;padding-top:3px;}
.nav .nolink {color:#000;font:bold 14px arial;margin:5px 0;padding:3px 0 3px 6px;}
.nav a {color:#082863;font:bold 12px georgia;margin-left:0px;} /* цвет шрифта, отступ от левого края на панели навигации категорий справа */
.nav a:hover {color:#fff;text-decoration:none;} /* цвет шрифта на панели навигации справа при наведении на ссылку мышкой */
a.selected,a.selected:hover {color:#fff;cursor:default;text-decoration:underline;}
/* end menu */
/* start google referent */
.gr_news {margin:0 13px 10px;text-align:left;}
.gr_news a {text-decoration:none;}
.gr_date {color:#a77;margin:10px 0;text-align:right;}
.gr_title {padding:0;}
.gr_title a {color:#22c;font: bold 14px "Times New Roman";}
.gr_title a:hover {color:#c00;}
.gr_desc {margin:5px 0;text-align:justify;}
.gr_returnlink {color:#a77;margin-top:5px;text-align:right;}
.gr_returnlink a {color:#00b;font:11px arial,sans-serif;}
.gr_returnlink a:hover {color:#c60;}
.gr_image {float:left;margin:5px 10px 2px 0;}
.gr_clear {clear:both;}
/* end google referent */

/* start blocks reklam */

.horizontal_4 {background-color:#fff;border:#5175b8 0px solid;margin: 15px 5px 5px 0px;text-align:center;width:728px;height:15px;  float: none; }
.center_left {background-color:#fff;border:#5175b8 0px solid;margin: 15px 5px 5px 0px;text-align:center;width:320px;height:250px;  float: left; }
.center_right {background-color:#fff;border:#5175b8 0px solid;margin: 15px 5px 5px 0px;text-align:center;width:320px;height:250px;  float: right; }

.reklams_468 {background-color:#fff;border:#5175b8 0px solid;clear:both;margin:20px auto;text-align:center;width:468px;height:60px;}
.reklams_160 {background-color:#fff;border:#5175b8 0px solid;margin:10px auto;text-align:center;width:160px;height:600px;}
.reklams_320_250_g {background-color:#fff;border:#5175b8 0px solid;margin: 15px 5px 5px 0px;text-align:center;width:320px;height:250px;  float: left;}
.reklams_728_15_4 {background-color:#fff;border:#5175b8 0px solid;margin: 15px 5px 5px 0px;text-align:center;width:728px;height:15px;  float: none; }
/*  end blocks reklam */

/* все по дефолту */
a {color:blue;text-decoration:none;}
a:hover {color:red;}
b {font-weight:bold;border:none;}
b:hover {color:#000;cursor:text;}
blockquote {padding:10px;color:#555;}
h1, h2, h3, h4, h5, h6,small {font-size:11px;margin:3px;}
hr {margin:0 5px; height:1px; color:silver;}
li,ol,ul {margin:0 5px 0 10px;text-align:justify;}
p {margin:3px 12px;text-indent:1em;text-align:justify;}
ul,ol {padding:0;}
ol {margin:5px 5px 0 25px;}
strong {background-color:yellow;font-weight:normal;}
td,small {font:11px verdana,arial,sans-serif;color:black;}
i {font-style:italic;}
sup {color:red;}
#hr {background:#999daf;margin:3px;height:1px;}
#hr hr {display:none;}
#panels {width:180px! important;padding:5px;margin:0;}
.small {color:#fff;}
.bborder {background-color:#fff;border:#a7a6b4 1px solid;}
.panel {font:bold 14px "Times New Roman"color:navy;margin:5px;padding:3px 0 5px 10px;}
.panel span {color:silver;}
.hide {z-index:1;left:0;visibility:hidden;position:absolute;top:0;}
.lasto {background-color:#ff9;border:#f90 1px solid;padding:10px;margin:0;}
.note {border-bottom:blue 1px dotted;color:blue;}
.select {color:red;}
.postlink {margin:5px 25px;text-align:right;}
.postdate {color:silver;margin:5px 10px;text-align:right;}
.postbody {margin:10px 0;}
.title {margin:5px 15px;}
.title img {margin:5px 10px 0 0;#margin:-5px 0 0 -10px;width:110px;height:120px;}
.Page {
padding: 5px 5px 5px 15px;
line-height: 1.5;
}
P:first-letter {font-size:160%;font-family:Italic;color:#2A7173}
.Page img {margin: 5px 5px 5px 5px;}
.copyright {border-left:#ccb4a4 1px solid;color:#333;margin:20px 5px;padding:0 0 0 10px;}
/* portator happiness */
.righter {color:#005200;font-weight:normal;margin:5px 25px;text-align:right;}
.righter a {color:#488fdf;}
.righter a:hover {color:#f00;}
.prim {margin:5px auto;padding:3px;text-align:left;width:79%;}
.prim label {color:blue;}
.prim div {background:#fff;border:silver 1px solid;font:12px/1 arial,sans-serif;margin:3px auto;padding:5px;}
.linktocat {color:#77a;font-weight:bold;margin:5px 20px;text-align:right;}
.linktocat a {color:#008000;font:bold 14px Georgia;text-decoration:none;}
.linktocat a:hover {color:#a00;}
.part,.last {color:#00c;font:bold 17px "Times New Roman",Times,serif;margin: 20px 10px 20px;}
.part a {color:#0083df;text-decoration:none;}
.part a:hover {color:#c00;}
.last a {color:#0083df;font:bold 12px Georgia;text-decoration:none;}
.last a:hover {color:#c00;;}
.last ul {margin:10px 0 0 5px;list-style-type:none;}
.kw {margin:3px 5px;text-align:left;}
.kw b {color:#565656;font-weight:normal;}

a.tt {position:relative;cursor:hand;border-bottom:blue 1px dotted;}
a.tt span {display:none;}
a.tt:hover span {float:left;display:block;background:Lightcyan;border:silver 2px outset;color:black;position:absolute;left:10px;top:10px;width:200px;padding:3px;}
.com {
   background:url(../i/comment.gif) no-repeat white;
   float:right;
   width:26px;
   height:26px;
   padding:0 0 0 2px;
   margin:3px 9px 5px;
   cursor:crosshair;
}
.com a,.com a:link,.com a:visited {font-weight:normal;font:11px;color:green;}
.com a:active,.com a:hover {color:red;}
fieldset {border:#5175b8 1px solid;color:#777;font:13px/1 arial,sans-serif;margin:0 auto;padding:3px 0 0;width:498px;}/* самый внешний бордюр всех внутренних окон центрального панели, цвет, размер, начертания текста */
legend {color:#777;padding:4px 5px 10px;margin:0 0 0 10px;}
legend span {color:red;}
select,input {height:19px;}
textarea,select,input {color:#777;}
option {height:15px;padding:0 0 0 5px;}
/* form connect */
#connect {margin:10px auto;width:500px}
#connect p {margin:0 0 2px;padding:0;}
#connect label {float:left;font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#connect .tema,
#connect .name,
#connect .email,
#connect .cod {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:#5175b8 1px solid;
  float:right;
  margin:0 5px 2px 0;
  padding:0 0 4px 22px;
  width:345px;
  height:15px;
}
#connect .cod {width:215px;}
#connect textarea {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:1px #5175b8 solid;
  float:right;
  margin:0 5px 2px 0;
  padding:10px 0 0 22px;
  width:465px;
  height:165px;
}
#connect img {border:none;float:right;margin:1px 2px 2px 0;width:120px;height:19px;}
#connect .submit {
  background:#fff;
  border:#5175b8 1px solid;
  color:#777;
  float:right;
  font:13px/1 arial,sans-serif;
  margin:0 5px 2px 0;
  width:489px;
  height:22px;
}
html:root #connect .tema,
html:root #connect .name,
html:root #connect .email,
html:root #connect .cod {padding:1px 0 0 22px;height:18px;}
/* end */
/* form comment */
#comment {margin:10px auto;width:500px}
#comment label {float:left;font:12px/1 arial,sans-serif;padding:7px 0 0 30px;}
#comment .tema,
#comment .name,
#comment .email,
#comment .cod {
  border:#5175b8 1px solid;
  float:right;
  margin:0 5px 2px 0;
  padding:0 0 3px 22px;
  width:361px;
  height:15px;
}
#comment .tema,
#comment .name,
#comment .email,
#comment .cod,
#comment textarea {background:url(../i/pencil.png) 2px 1px no-repeat #fff;}
#comment .cod {width:235px;}
#comment textarea {
  border:#5175b8 1px solid;
  float:right;
  margin:2px 5px 2px 0;
  padding:10px 0 0 22px;
  width:465px;
  height:165px;
}
#comment img {border:none;float:right;margin:1px 2px 2px 0;width:120px;height:19px;}
#comment .submit {
  background:#fff;
  border:#5175b8 1px solid;
  color:#777;
  float:right;
  font:13px/1 arial,sans-serif;
  margin:0 5px 2px 0;
  width:489px;
  height:22px;
}
html:root #comment .tema,
html:root #comment .name,
html:root #comment .email,
html:root #comment .cod {padding:2px 0 0 22px;height:16px;}
/* end */
/* form admin */
#admin {margin:0 auto;width:500px;}
#admin label {float:left;margin-left:5px;}
#admin .url {
   float:right;
   width:430px;
   height:21px;
   background:white;
   border:1px #5175b8 solid;
   margin:1px 5px;
   padding:0;
}
#admin textarea {
   float:right;
   width:430px;
   height:300px;
   background:white;
   border:1px #5175b8 solid;
   margin:1px 5px;
   padding:0;
}
#admin .sign {height:100px;}
#admin select {float:right;margin:2px 1px;padding:0;width:290px;height:21px;}
#admin .submit {
   float:right;
   width:140px;
   height:21px;#height:19px;
   background:white;
   border:#5175b8 1px solid;
   color:#777;
   font:13px/1 arial,sans-serif;
   margin:2px 5px 2px 1px;
   padding:-5px;
}
html:root #admin .docedit {padding:4px 0 1px 3px;height:16px;}
html:root #admin div p {margin:-5px 0 0 -15px;padding:5px 2px 1px 3px;height:15px;}
html:root #admin select {height:19px;}
/* end */
/* form fast edit */
#post_edit {display:block;float:right;margin:5px auto;width:500px;}
#post_edit .submit {
   width:88px;
   height:21px;
   background:white;
   border:#5175b8 1px solid;
   color:#777;
   font:13px/1 arial,sans-serif;
   margin:0;
   padding: -5px;
}
/* end */
/* form search */
#search {margin:0 auto;padding-bottom:20px;width:500px;}
#search label {float:left;margin:5px;}
#search .request,#search .submit {border:1px #5175b8 solid;float:left;margin:0 3px 10px 0;}
#search .request {width:320px;height:21px;}
#search .submit {
  background-color:#fff;
  color:#777;
  font:13px/1 arial,sans-serif;
  width:100px;
  height:23px;
}
html:root #search .submit {padding:0 0 2px;margin-bottom:0px;}

a.sba,a.sba:link,a.sba:visited,a.sba:active {color:#555;text-decoration:none;font-weight:bold;}
a.sba:hover {color:#777;}
a.sbb,a.sbb:link,a.sbb:visited,a.sbb:active {color:#777;text-decoration:none;}
a.sbb:hover {color:#777;text-decoration:underline;}
.sb h3 {margin:10px 0 15px 0;}
/* end */