* {margin:0;padding:0;} 
body {background-color:#e7e7e7;font:11px/1.18 verdana,arial,helvetica,sans-serif;position:relative;}
#left{position:relative;margin:0 auto;width:760px;}

*html #left {float:right;}
#top {background:url(../i/topbg.jpg) #fff;position:relative;height:63px;}
#midlle {background:url(../i/midbg.jpg) repeat-y #fff;}
.header {background-color:#fff;margin:0 10px;height:290px;}
#sitetitle {background:url(../i/orto.gif) no-repeat #fff;height:288px;margin:0 0 0 3px;}
#sitetitle h1 {color:#0E69C6;cursor:default;font:bold 68px Monotype Corsiva,Geogia,Arial,Helvetica,sans-serif;margin:0;padding:10px 0 0 300px;}
#sitetitle p {color:#8A95A1;cursor:default;margin:0 0 0 315px;}
.main {border-top:#f7f7f7 1px solid;margin:0 10px;}
.main,.center,.content,.left {overflow:hidden;zoom:1;}
.wrap,.center {background-color:#fff;width:100%;}
.wrap,.left {float:right;margin-bottom:-32767px;padding-bottom:32767px;}
.content {padding-left:200px;}
.left {background:url(../i/left.png) repeat-y #f9f9f9;margin-right:-200px;width:200px;}
#bottom {background:url(../i/botbg.jpg) #fff;color:#777;text-align:center;height:50px;}
#bottom a {color:#333;}
#bottom div {padding-top:10px}
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}

a {color:blue;text-decoration:none;}
a:hover {color:red;}
b:hover {color:#000;cursor:text;}
blockquote {padding:10px;color:#555;}
h1, h2, h3, h4, h5, h6,small {font-size:11px;margin:3px;}
hr {color:#aaa;margin:0 5px;height:1px;}
li,ol,ul {margin:0 5px 0 10px;text-align:justify;}
p {margin:3px 12px;text-align:justify;text-indent:1em;}
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;}
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 {background-color:#efefef;color:navy;font-weight:bold;margin:5px;padding:2px 2px 2px 9px;}
.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:#656565;padding:10px 10px;text-align:right;}
.postbody {margin:0 0 10px;padding:2px 0 0;}
.title {margin:5px 10px 5px;}
.Page {font-size:11px;margin:5px;text-align:justify;}
.copyright {border-left:#a55 1px solid;color:#440;margin:20px 5px;padding:0 0 0 10px;}
.copyright a {color:#77e;}
.copyright a:hover {color:#f45;}

/* 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 {color:#00309C;font:bold 14px Georgia;text-decoration:none;}
.linktocat a:hover {color:blue;}
.part,.part a,.last {color:#565656;font:bold 12px georgia;margin:20px 10px 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 a {font:12px georgia;text-decoration:none;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;}
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 #fff;
   float:right;
   width:26px;
   height:26px;
   display:inline;
   text-align:left;
   padding:0;
   margin:3px 5px 0;
   cursor:crosshair;
}
.com a,.com a:link,.com a:visited {font-weight:normal;font:11px verdana;color:green;margin:0 0px 0 2px;}
.com a:active,.com a:hover {color:red;}

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;}

#connect,#comment,#admin,#post_edit,#search {margin:10px auto;width:500px}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect textarea,#connect .submit,
#comment .tema,#comment .name,#comment .email,#comment .cod,#comment textarea,#comment .submit,
#admin .url,#admin textarea,#admin .submit,#post_edit .submit,#search .request,#search .submit {
   border:#777 1px solid;
}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect textarea, 
#comment .tema,#comment .name,#comment .email,#comment .cod,#comment textarea {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect textarea,#connect .submit,
#comment .tema,#comment .name,#comment .email,#comment .cod,#comment textarea,#comment .submit,
#admin .url,#admin textarea,#admin select,#admin .submit,#post_edit {float:right;}

#connect img,#comment img {border:none;float:right;margin:1px 2px 2px 0;width:120px;height:19px;}

#connect .submit,#comment .submit,#admin .submit,
#search .submit,#post_edit .submit {background:#fff;color:#777;font:13px/1 arial,sans-serif;}
/* form connect */
#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 {margin:0 5px 2px 0;padding:0 0 4px 22px;width:345px;height:15px;}
#connect .cod {width:215px;}
#connect textarea {margin:0 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#connect .submit {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 label {float:left;font:12px/1 arial,sans-serif;padding:7px 0 0 30px;}
#comment .tema,#comment .name,
#comment .email,#comment .cod {margin:0 5px 2px 0;padding:0 0 3px 22px;width:361px;height:15px;}
#comment .cod {width:235px;}
#comment textarea {margin:2px 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#comment .submit {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 label {float:left;margin-left:5px;}
#admin .url,#admin textarea {background:#fff;margin:1px 5px;padding:0;width:430px;}
#admin .url {height:21px;}
#admin textarea {height:300px;}
#admin .sign {height:100px;}
#admin select {margin:2px 1px;padding:0;width:290px;height:21px;}
#admin .submit {margin:2px 5px 2px 1px;padding:-5px;width:140px;height:21px;#height:19px;}
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;}
#post_edit .submit {margin:0;padding:-5px;width:88px;height:21px;}
/* end */
/* form search */
#search {padding-bottom:20px;}
#search label {float:left;margin:5px;}
#search .request {margin:0 1px 10px 0;width:320px;height:21px;}
#search .submit {margin:0 1px 10px 0;width:100px;height:23px;}
html:root #search .submit {padding:0 0 2px;margin-bottom:8px;}

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;}
/* end */
/* statistic */
.point,.tbl{background-color:#fff;border:1px silver 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-color:#F6F7F8;;border:silver 1px solid;color:#3B6EBF;margin:2px;padding:2px;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost,.friend{color:blue;}
.tbl{width:502px;}
.tbl td,
.tbl pre,
.value pre,
.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding-bottom:1px;overflow:hidden;}
.anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.numb{float:left;text-align:right;width:40px;}
.value{overflow:hidden;width:450px;}
.tbl td .sttit{margin:0;}
/* end statistic */
/* google new */

/* end google new */
/* start menu */
.topmenu {position:absolute;right:10px;top:10px;}
.topmenu li {float:left;list-style-type:none;margin:0;padding:4px 10px 0 0;}
.topmenu li {}
.topmenu a {color:#777;font:bold 12px georgia,helvetica,sans-serif;}
.topmenu a:hover {color:#c60;text-decoration:underline;}
.nav {background:transporent;margin:10px 5px 0;padding-bottom:5px;text-align:left;}
.nav li {list-style-type:none;margin-left:15px;padding-top:3px;}
.nav .nolink {color:#565656;font:bold 12px arial,helvetica,sans-serif;margin:5px 0 5px;padding:3px 0 3px 6px;border-bottom:#3B6EBF 1px dotted;}
.nav a {color:#777;font:12px arial,georgia,helvetica,sans-serif;margin-left:-5px;}
.nav a:hover {color:#c60;text-decoration:underline;}
a.selected,a.selected:hover {color:#a00;cursor:default;text-decoration:none;}
/* end menu */
.title img {width:130px;height:130px;margin:3px 8px 0 0;}
.title img {#margin:-5px 0 0 -10px;}