/* Start Layouts autor Serg Gordi 2009.09.11 */
html,body,.wrap {height:100%;}
body{}
html {overflow-y:hidden;}
body {background-color:#fff;font:11px/1.3 verdana;min-width:990px;}
body,.wrap,.header {position:relative;}
* {margin:0;padding:0;}
.wrap {overflow-y:auto;}
.header,.middle,.footer {margin:2px 43.7% 0 auto;overflow:hidden;width:535px;}
.header,.middle,.footer {border:#ccc 1px solid;}
.fixed {background-color:#fff;position:absolute;top:2px;bottom:0;left:55.7%;z-index:20;width:400px;}

.fixed_top {border:#ccc 1px solid;overflow:hidden;position:absolute;width:400px;height:34px;}
.fixed_bottom {
  border:#ccc 1px solid;overflow:hidden;
  position:absolute;bottom:0;width:200px;height:80px;z-index:10;
}
.fixed_bottom ul {
  color:#565656;float:left;font:11px georgia,verdana;list-style-type:none;margin:13px 7px 0 -5px;
}
.fixed_bottom ul a {color:#565656;text-decoration:none;}
.fixed_bottom ul a:hover {color:#565656;}
.fixed_bottom li {padding:0 0 0 5px;}
.fixed_left {
  border:#ccc 1px solid;overflow:hidden;
  position:absolute;top:38px;bottom:84px;z-index:20;width:200px;
}
.fixed_right {
  border:#ccc 1px solid;overflow:hidden;
  position:absolute;top:38px;right:-2px;bottom:0px;z-index:20;width:196px;
}
/*background:url(../i/triflerblog/logo1.jpg) no-repeat 4px 5px #fff;*/
.header {background:url(../i/triflerblog/bottom.png) no-repeat 98% 10px;height:100px;}
.header h1,.header h2,.header h3,.header p {position:absolute;}
.header h1,.header h2 {font:47px Impact,georgia,Arial,sans-serif;}
.header h1 {color:#898989;top:2px;left:30px;}
.header h2 {color:#ccc;top:1px;left:29px;}
.header h3,.header p {position:absolute;}
.header h3 {color:#898989;font:bold 11px georgia,Arial,sans-serif;top:60px;left:35px;}
.header p {color:#565656;font:bold italic 11px georgia,Arial,sans-serif;bottom:-5px;right:-5px;}

.middle {background-color:#fff;min-height:100%;}
.footer {background-color:#fff;height:80px;}
/* end shablon mademo */
/* Start Reklama */
.reklams_468 {margin:10px auto;width:468px;height:60px;}
.reklams_160 {margin:10px auto;width:160px;height:600px;}
/* End Reklama */
/* Start Fonts */
.fonts {font:bold 11px Arial,sans-serif;margin:6px auto;width:186px;}
.fonts a {color:#888;text-decoration:none;}
.fonts a:hover {color:#a00;}
.fonts span {color:#000;text-decoration:underline;}
/* End Fonts */
.visitor {/*margin:5px auto;*/position:absolute;bottom:5px;left:24px;width:150px;} 
/* starn triflerblog tags */
a {color:blue;text-decoration:none;}
a:hover {color:red;}
address {margin:15px auto;text-align:right;width:500px;}
blockquote {padding:10px;color:#555;}
h1, h2, h3, h4, h5, h6,small {font-size:11px;margin:3px;}
li,ol,ul,p {text-align:justify;}
ul,ol {padding:0;margin:5px 20px;}
li {margin:0 5px 0 10px;}
p {margin:10px 15px;text-indent:1em;}
span {color:#a66;}
/* end triflerblog tags */
/* start triflerblog class and # */
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}

#hr {background-color:#eee;margin:5px 15px;height:1px;}
#hr hr {display:none;}
.anons {border:#eee 1px solid;margin:10px 15px;padding:0 0 10px;}
.panel {color:#777;font:bold 13px arial,helvetica;margin:5px 10px 10px;padding:3px 0 3px 7px;}
.panel a {color:blue;text-decoration:none;font:bold 13px arial,helvetica;}
.panel a:hover {color:purple;}
.posts {background-color:#ff9;border:#7b9ebd 1px solid;color:red;margin:5px;padding:5px;overflow:auto;}

.postlink {font:11px verdana;color:#a77;margin:5px 25px;text-align:right;}
.postlink a {color:#22c;}
.postlink a:hover {color:#c60;}
.postdate {font:11px verdana;color:#888;margin:10px 15px 0px;text-align:right;}
.postbody {padding:0;clear:both;overflow:hidden;}
.postbody address {float:right;margin:0 15px 0 0;padding:5px 0;width:240px;}
.postbody address a {color:#22c;}
.postbody address a:hover{color:#c60;}
.postbody p {margin-bottom:0;}
.postbody span {color:#a00;}

.title {margin:5px 10px;}
.edits {margin:8px 20px;color:#55c;font:bold 14px "Times New Roman",Times,serif;text-align:right;}
/* end triflerblog class and # */
/* start social */
.social {margin:10px 25px;padding:5px;text-align:center;}
.social img {border:0;padding:1px;width:16px;height:16px;text-align:center;}
/* end social */
/* strat popular */
.popular {
  border:#d5d5d5 1px solid;color:#000;font:11px verdana;;margin:0 20px 5px;padding:5px 0;
}
.popular_title {
  background-color:#f6f7f8;border:1px solid #ccc;color:#22c;
  font:bold 13px helvetica;margin:0 20px 2px;padding:4px 3px 3px 7px;
}
.popular a {color:#22c;padding-left:7px;}
.popular a:hover {color:#c60;}
.popular li {color:#000;margin:0;padding:3px 8px 0 5px;list-style-type:none;}
/* end popular */
/* start search blogs */
.search_blogs {margin:10px 10px 10px 25px;}
.search_blogs span {color:#000;display:block;padding:10px 0 5px 0;}
.search_blogs span a {margin:10px 0;}
.search_blogs strong {background-color:yellow;}
.search_blogs .link {font-weight:normal;margin:10px 0;}
.noblogs {color:red;margin:20px;text-align:center;}
.nofind {margin:10px 20px;text-align:left;}
/* end search blogs */
/* start scroll */
.righter,.rightera,
.rightery,.rightero {font:11px/1.3 verdana,Arial,sans-serif;margin:15px 20px;text-align:right;clear:both;}
.righter a,.rightera a,
.rightero a {background:url(../i/triflerblog/mtop.png) repeat-x #f2f2f2;border:#d5d5d5 1px solid;color:#45f;padding:3px 4px;}
.righter a:hover,.rightera a:hover,.rightero a:hover {border:#00f 1px solid;color:#f00;}
.righter strong,.rightero strong,
.rightera strong {background:url(../i/triflerblog/mtop.png) repeat-x #f2f2f2;border:#d5d5d5 1px solid;color:#000;padding:3px 4px;}
.select {color:#c60;}
.select {background:url(../i/triflerblog/mtop.png) repeat-x #f2f2f2;border:#a5a5a5 1px solid;padding:3px 4px;}
a.select {background:url(../i/triflerblog/mtop.png) repeat-x #f2f2f2;border:#f00 1px solid;color:red;}
/* end scroll */
/* start Table of contents */
.topic {color:#55c;font:bold 16px "Times New Roman",Times,serif;padding:2px 2px 2px 13px;}
.categories,
.contents {color:#777;font:11px/1.3 verdana,Arial,sans-serif;margin:8px 15px;padding-left:15px;}
.contents {color:silver;}
.contents span {color:#c60;}
.contents .first,
.contents .second {color:black;font:bold 13px "Times New Roman",Times,serif;margin:10px 0;}
.categories .selected {color:red;}
dl.contents a {padding-left:0;}
dl.contents {color:#565656;margin:8px 15px;padding-left:5px;}
dl.contents strong {background-color:#fff;color:#777;font-weight:normal;margin:0 10px;} 
/* end Table of contents */
/* start anonce */
.postscroll {margin:10px auto;padding:0;width:500px;}
.anoncescroll {padding-bottom:5px;}
.postscroll .panel {margin:0;padding:0 10px;}
.postscroll .postdate {color:#343434;margin:0;padding:5px 10px;text-decoration:underline;}
.postscroll p {margin:0;padding:7px 10px 0;}
/* end anonce */
/* start comments anonce */
.ano {
  border-left:2px solid #d5d5d5;float:left;margin:5px 5px 5px 15px;
  padding:0 5px;text-align:left;overflow:hidden;width:220px;
}
.ano a {color:#222;}
.ano a:hover {color:#22c;}
.ano span {color:#99c;}
.ano strong {color:#565656;display:block;margin:-3px 0 5px;text-decoration:underline;}
/* end anonce */
/* start comments */
.comment_title {
  background-color:#f6f7f8;border:1px solid #ccc;color:#22c;
  font:bold 13px helvetica;margin:0 20px 2px;padding:4px 3px 3px 7px;
}
.comment_title span {
  color:#333;float:right;font:bold 12px arial,verdana,"Trebuchet MS",sans-serif;margin:0 5px 0 5px;
}
.time {
  color:#565656;font: 12px arial,verdana,"Trebuchet MS",sans-serif;
  text-align:right;margin:0 auto;padding:2px 10px 2px 0;width:500px;
}
.commen {color:#000;margin:0 15px 10px;text-align:justify;}
.commen p {margin:3px 0;padding:0;}
.comment {
  background:url(../i/triflerblog/comment.png) no-repeat -34px -40px #fff;border:#ccc 1px solid;
  clear:both;font:12px Arial,georgia,"Trebuchet MS",sans-serif;
  margin:0 20px 10px;padding:7px 15px;text-align:justify;
}
.comment .edits {margin:0 -5px 5px 0;}
.commen .edits {margin:0 -0px 5px 0;}
.comment span {color:#707070;}
.author {color:#407;}
.author span {}
.author .faxim {color:#000;}
.faxim {color:#339;font:bold 12px georgia,"Trebuchet MS",sans-serif;padding:5px 0 0;text-align:right;}
.faxim a {color:#45f;}
.faxim a:hover {color:#f45;}
/* end comments */
/* statistic */
.point {border:#ddd 1px solid;font:11px verdana;margin:5px auto;width:500px;overflow:hidden;}
.point .graf {margin:5px 0 0;padding:0 0 0 2px;height:330px;}
.point .desc {margin:0 0 5px 20px;}
.sttit {
  background:url(../i/triflerblog/mtop.png) repeat-x #f2f2f2;
  border:#ddd 1px solid;color:#777;margin:2px;padding:4px;
}
.hits {float:left;width:248px;margin:0 0 0 1px;padding:0;}
.hits .hit,.hits .zap,.hits .poisk {margin:0;padding:0;overflow:hidden;}
.hits .hit {color:#a00;width:42px;}
.hits .zap {color:#030;width:56px;}
.hits .poisk {width:142px;}
.hits span {display:block;padding:0 0 3px;text-decoration:underline;}
.hits .hit span {color:#a00;}
.hits .zap span {color:#030;}
.hits .poisk span {color:#00a;}
.hits pre,.value pre,.numb pre {
  color:#000;font:11px verdana,arial,sans-serif;padding:2px;overflow:hidden;
}
.numb {float:left;overflow:hidden;width:52px;margin-left:4px;}
.value {float:left;overflow:hidden;width:433px;padding-left:4px;}
.anonce {color:#777;clear:both;margin:0px 100px 2px 44px;padding:2px 0;}
.serf,.rss {color:#1e90ff;}
.post {color:red;}
.nopost {color:blue;}
.friend {color:blue;}
.sep {color:#000;font:11px verdana,arial,sans-serif;padding:2px 2px 2px 5px;;overflow:hidden;}
/* end statistic */
/* start menu */
.topmenu {margin:5px 0;overflow:hidden;}
.topmenu li {float:left;padding:4px 0px 0 2px;list-style-type:none;}
.topmenu a {color:#777;display:block;font:bold 12px georgia,helvetica,sans-serif;}
.topmenu a:hover {color:#c60;text-decoration:underline;}
.topmenu a.selected,.topmenu a.selected:hover {color:#a00;text-decoration:none;}
.nav {font:bold 12px arial,georgia,helvetica,sans-serif;margin:0;padding:0 0 8px 6px;}
.nav li  {list-style-type:none;margin:0 0 0 15px;}
.nav .nolink {color:#454545;margin:0;padding:4px 0;}
.nav a {
  color:#888;display:block;font:bold 11px arial,georgia,helvetica,sans-serif; 
  position:relative;text-decoration:none;  
}
.nav a em,
.nav a:hover em,
.nav a.selected em, 
.nav a.selected:hover em {
  border:#fff 4px solid;display:block;position:absolute;left:-13px;top:2px;overflow:hidden;height:1px;
}
.nav a em {border-left:4px solid #454545;}
.nav a:hover {border:0;color:#45f;}
.nav a:hover em {border-left:4px solid #a00;}
.nav a.selected,.nav a.selected:hover {color:#a00;cursor:text;}
.nav a.selected em, 
.nav a.selected:hover em {border-right:4px solid #00f;border-left:0;}
/* end menu */
/* start translate */
.translate {margin:5px auto 4px;width:164px;}
.translate a {cursor:point;cursor:hand;}
.translate img  {border:0;width:24px;height:24px;}
/* end translate */
/* calendar */
.calendar {border:#ccc 1px solid;margin:7px auto;padding:4px 7px;width:160px;}
#calendar {margin:0px auto;text-align:center;}
#calendar td {font:bold 12px arial,georgia;padding:0;width:22px;height:18px;}
#calendar td.months {color:#000;font:bold italic 13px georgia;padding:0;width:auto;}
#calendar td.ct {color:#787878;padding:3px 0;height:8px;}
#calendar a {color:#454545;display:block;text-decoration:none;padding:4px 0;width:22px;height:13px;}
#calendar a:hover {color:purple;}
.cb {color:#a0a0a0;}
.cv {color:#99f;}
.cs {color:#a00;}
#cn {color:#2e2e2e;}
/* end calendar */
/* start forms admin */
form textarea {padding:5px;width:477px;height:400px;}
form .submit {cursor:hand;font:bold 13px Arial;height:21px;}
form textarea,form .submit {color:#000;float:right;margin:0 5px 2px 0;}
#form_edit,#form_post,#form_docedit {
  background-color:#fff;border:#eee 1px solid;border-top:0;
  font:12px arial;margin:0 auto 10px;padding-top:8px;overflow:hidden;width:498px;
}
#form_edit label,#form_post label,
#form_docedit label {color:#905;float:left;font:bold 13px Arial;margin:3px 10px;}
#form_edit input,#form_post input {margin:0 5px 2px 0;padding:0 0 0 6px;height:19px;}
form textarea,form .submit,#form_edit .tema,#form_post select,#form_post .tema,
#form_post .date,#form_docedit .docedit,#form_docedit div {
  background-color:#fff;border:silver 1px solid;
}
#form_edit .tema,#form_post .tema {float:right;width:481px;}
#form_edit .submit,#form_docedit .submit {width:489px;}
.viem {border:#eee 1px solid;border-top:0;margin:0 auto 10px;padding:10px;text-align:left;width:478px;}
#form_post select {float:left;margin:0 0 2px 4px;width:295px;height:22px;}
#form_post .date {float:right;color:#a66;width:120px;}
#form_post .submit {width:185px;height:22px;}
#form_docedit label {margin:0;}
#form_docedit div {color:blue;margin:5px;padding:7px 5px 1px;height:20px;}
#form_docedit span {float:right;}
#form_docedit .docedit {
  border-right:0;color:red;font:bold 12px arial;float:right;
  margin:-2px 0 0;text-align:right;width:120px;height:17px;
}
html:root #form_docedit span {margin-top:-1px;} 
#form_docedit span {#margin-top:-1px;}
/* end forms admin */
/* start forms search google blogs */
#search {
  border:#eee 1px solid;border-top:0;font:12px arial,sans-serif;
  margin:0 auto;padding:10px 0 5px;width:498px;
}
#search .search {
  border:silver 1px solid;float:left;margin:10px 0 10px 5px;padding:0 3px;width:385px;height:19px;
}
#search .submit {color:#656565;float:right;margin:10px 5px 0px 0;width:90px;}
#search img {float:left;border:none;margin:0 15px 0 105px;width:75px;height:32px;}
#search input {float:left;margin:6px;}
#search label {float:left;margin:8px;}
/* end forms search google blogs */
/* start forms search min */
.form {margin:6px auto 5px;width:160px;overflow:hidden;}
.form .hq,.form .hs  {border:0;float:left;margin:1px 0 0;}
.form .hq {
  background:url(../i/triflerblog/st.gif) no-repeat;font:12px helvetica;
  padding:1px 0 0 2px;width:128px;height:18px;
}
.form .hs {background:url(../i/triflerblog/ss.gif) no-repeat;width:27px;height:18px;}
/* end forms search min */
/* start email, login, friend and comments */
#connect {
  background:url(../i/triflerblog/spam1.png) no-repeat 1px 4px #fff;
  border:#ccc 1px solid;font:11px Arial;margin:0 auto 10px;padding-top:8px;width:498px;
}
#connect label {
  color:#55c;float:left;font:bold 13px Arial;padding:4px 0 0 100px;text-align:right;width:100px;
}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect textarea {
  background:url(../i/triflerblog/pencil.png) 2px 3px no-repeat #fff;
  font:12px Arial;margin:0 5px 2px 0;padding:2px 0 0 22px;width:260px;height:18px;
}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect .date,
#connect textarea,#connect .submit {background-color:#fff;border:#ccc 1px solid;float:right;}
#connect img {border:none;float:right;margin:2px 2px 2px 0;width:120px;height:19px;}
#connect .cod {width:140px;}
#connect .submit {
  background:#fff;color:#555;cursor:hand;font:bold 13px Arial;
  margin:0 5px 5px 0;width:489px;height:21px;
}
#connect textarea {margin:2px 5px 2px 0;padding:10px 0 2px 22px;width:465px;height:175px;overflow:auto;}
.prim {margin:0;padding:10px;}
.prim span {color:#b00;}
.prim dd {margin-left:10px;}
.prim dt {font:bold 12px arial;}
.prima {
  background:#fff;border:#ccc 1px solid;color:#555;font:bold 12px Arial;
  margin:20px auto 2px;padding:3px 10px 4px;width:478px;
}
.prima span {color:#a00;font-weight:normal;}
#login {
  background-color:#fff;border:#eee 1px solid;border-top:0;
  font:11px Arial;margin:20px auto 10px;width:365px;
}
#login label {color:#55c;float:left;font:bold 13px Arial;padding:7px 0 0 5px;}
#login .tema {
  background:url(../i/triflerblog/pencil.png) 2px 3px no-repeat #fff;
  font:12px Arial;margin:0 5px 2px 0;padding:2px 0 0 22px;width:260px;height:18px;
}
#login .tema,#login .submit {background-color:#fff;border:#ccc 1px solid;float:right;}
#login .submit {
  background:#fff;color:#c77;cursor:hand;font:bold 13px Arial;
  margin:0 5px 5px 0;width:355px;height:21px;
}
#login .prima {
  background:#fff;color:#555;font:bold 12px Arial;margin:0 0 10px;padding:3px 0 4px;width:360px;
}
/* end email, login, friend and comments */
/* Start hack Section */
/* hack for OPERA */
@media all and () {html {overflow-y:visible;}}
@media all and () {.fixed {height:99.99%;}}
@media all and () {.fixed_right {bottom:-5px;}}
@media all and () {.fixed_left {bottom:79px;}}
@media all and () {.fixed_bottom {bottom:-5px;}}
/* hack for IE7 */
*+html .fixed_right {bottom:0px;z-index:4;}
*+html .fixed_left {bottom:84px;z-index:4;}
/* hack for IE6 */
*html .fixed {left:56.06%;height:100%;}
*html .fixed_right {height:93%;z-index:4;}
*html .fixed_left {height:78.9%;z-index:4;}
*html .fixed_bottom {bottom:2px;z-index:40;}
*html .header,*html .middle,*html .footer {margin:2px 42.7% 0 auto;zoom:1;}
*html .middle {overflow-y:visible;height:100%;}
*html body {
  width:expression(
  document.documentElement.clientWidth < 990 ? '990px' :
  (document.documentElement.clientWidth > 100 ? '100%' : 'auto'));
}
/* End hack Section */