* {font:11px/1.18 verdana,arial,helvetica,sans-serif;margin:0;padding:0;}
body {background:#3399FF;margin:0;padding:0;text-align:center;}
#main {
   background-color:#ffffff;/*right and left column background-color*/
   border:black 1px solid;
   margin:2px auto;
   padding:2px;
   width:912px;
}
#header {
   text-align:left;
   background:url(../i/logo.gif) no-repeat #f7f9fb;
   border:silver 1px solid;
   margin-bottom:2px;
   position:relative;
   height:228px;
   border-bottom:black 1px solid;
}
#header h1 {padding:0 0 0 60px;font:48px Impact,Arial Narrow,Arial,Helvetica,sans-serif;margin:0px;color:#aaa;cursor:default;}
#center {
  background-color:#fff;
  border-left:silver 1px solid;
  border-right:silver 1px solid;
  margin-left:200px;
  position:relative;
  left:0;
  width:510px;
  min-height:570px;
}
#center:after {content:"";clear:both;display:block;}
#content {float:left;width:510px;text-align:left;overflow:hidden;}
#left,#right {position:relative;width:200px;}
#left {float:left;margin-left:-714px;left:1px;overflow:hidden;}
#right {float:right;margin-right:-200px;left:0;overflow:hidden;}
  
#footer{background-color:#fff;border:silver 1px solid;clear:both;margin-top:2px;padding:3px 0 4px;height: 150px;}
#center {#margin-left:0;}
  
*html html,*html body,*html #main,*html #center {height:100%;}

.clear {clear:both;}
/* все по дефолту */
a {color:blue;text-decoration:none;}
a:hover {color:red;}
b {color:#000;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 {font-weight:bold;}
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:#aaa;}
.bborder {background-color:#fff;border:#a7a6b4 1px solid;}
.panel {border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;color:navy;margin:5px;padding:3px 0 5px 10px; background-color:#f7f9fb;}
.panel span {color:silver;}
.hide {z-index:1;left:0; visibility:hidden;position:absolute;top:0;}
.main {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:10px;}

.Page {font-size:11px;margin:5px;text-align:justify;}
.copyright {border-left:silver 1px solid;color:#333;margin:20px 5px;padding:0 0 0 10px;}
/* end */
/* start menu */
.topmenu {list-style:none;position:absolute;left:-4px;bottom:2px;}
.topmenu li {float:left;margin:0;width:55px;padding:10px;}
.topmenu a {margin:0 1px 0 0;}

.nav1 {
   list-style-type:none;
   margin:-1px 7px 0 0;
margin:0 12px 0 10px;
text-align:justify; 
}
.nav1 a {
   display:block;
   position:relative;
   background: repeat-x #eee;
   border:black 0px solid; 
   font:12px verdana,arial,helvetica,sans-serif;
   margin:1px 0;
   padding:3px 2px 3px 5px;
   text-decoration:none;
color:navy;
}
.nav1 a:hover {
   background: repeat-x #feeeb1;
   color:#000000;
}
.nav1 a:active {
   background: repeat-x #eee;
   border:red 1px solid;
   color:black;
}

.nav a {
   display:block;
   position:relative;
   background:repeat-x #eee;
   border:black 1px solid; width:168px;
   font:12px verdana,arial,helvetica,sans-serif;
   margin:1px 0;
   padding:4px 2px 4px 6px;
   text-decoration:none;  color:black;
}
.nav a:hover {
   background:url(../i/2.png) repeat-x #feeeb1;
   color:yellow;
}
.nav a.selected {
   background:repeat-x #feeeb1;
   border:red 1px solid;
   color:black;
}
.topmenu a:hover,.topmenu a.selected, 
.nav a:hover,.nav a.selected {background-color:#f1f1ff;border-color:#aaab9c #fff #fff #ccc;color:#a00;}
/* end menu */
/* statistic */
.point{background-color:white;border:1px #ccc solid;margin:5px auto;padding:0;width:500px;}
.sttit{border:#ff9900 1px solid;background-color:#ff9;margin:1px;padding:2px;}
.point .graf{margin:5px 0 0;padding:0 1px;height:330px;}
.point .desc{margin:0 0 5px 20px;padding:0;}
.tbl{background-color:white;width:502px;border:1px silver solid;margin:5px 0 5px 4px;}
.sttit,.desc{text-align:left;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost,.friend{color:blue;}
.tbl td,.tbl pre,.value pre,.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding:0;}
.hr{position:relative;text-align:left;overflow:hidden;width:495px;}
.hr .anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.hr .numb{position:absolute;text-align:right;overflow:hidden;width:40px;}
.hr .value{left:43px;position:relative;text-align:left;overflow:hidden;width:450px;}
.sep {width:480px;overflow:hidden;}
/* end statistic */
/* portator happiness */
.righter {font-weight:normal;margin:5px 25px;text-align:right;}
.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:#555;font-weight:bold;margin:5px 20px;text-align:right;}
.linktocat a,
.linktocat a:link,
.linktocat a:visited,
.linktocat a:active {font:bold 14px Georgia;color:#00309C;text-decoration:none;}
.linktocat a:hover {color:blue;}
.part,.part a,.last {color:#555;font:bold 12px georgia;margin:20px 5px 10px;}
.part a,
.part a:link,
.part a:visited,
.part a:active {color:#00309C;font:bold 12px georgia;text-decoration:none;}
.part a:hover {color:blue;}
.last ul {margin:10px 0 0 5px;}
.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;padding-left:0px;margin-left:7px;color:black;font-weight:bold;}
a.tt span {display:none;}
a.tt:hover span {float:right;display:block;background:Lightcyan;border:silver 2px outset;color:black;position:static;left:0;top:0;width:200px;padding:1px;}
.com {
   background:url(../i/comment.gif) no-repeat white;
   float:right;
   width:50px;
   height:26px;
   display:inline;
   text-align:left;
   padding:0 0 0 2px;
   margin: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;}

/* Used colors #ef5d5a and #b20000 (default #7b9ebd) */
fieldset {border:#777 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:#777 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 #777 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:#777 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:#777 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:#777 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:#777 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 #777 solid;
   margin:1px 5px;
   padding:0;
}
#admin textarea {
   float:right;
   width:430px;
   height:300px;
   background:white;
   border:1px #777 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:#777 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:#777 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 {border:1px #777 solid;margin:0 1px 10px 0;width:320px;height:21px;}
#search .submit {
  background:white;
  border:1px #777 solid;
  color:#777;
  font:13px/1 arial,sans-serif;
  width:100px;
  margin:0 1px 10px 0;
  height:23px;
}
html:root #search .submit {padding:0 0 2px;margin-bottom:6px;}

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 */
img {margin-right:10px;#margin-right:0;#margin-left:0;}
.greklam {margin:0 auto;}
.greklam img {border:1px silver dotted;margin:5px;}