/* 
resset
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}        

h1, h2, h3, h4, h5, h6 { font-weight:normal; }          

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

ul, ol { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins {  color:#000; text-decoration:none; }

mark {  color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { /*border-bottom:1px dotted;*/ cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { /*margin-left: 1.8em;*/ }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; }
pre, code { 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #e53b2c; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;  
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

img { /*background:#000;*/ border:none; }

/* ------------------------------------------------------------------------------  */

.arrow-next a{width:61px; height:78px; background:url(/i/next.png) no-repeat!important; font-size:0px;}
.arrow-back a{width:61px; height:78px; background:url(/i/back.png) no-repeat!important; font-size:0px;}
.rp_img_text{
 background-color:#004aaa;
 filter:alpha(opacity=80);
 -khtml-opacity:0.8;
 -moz-opacity:0.80;
 opacity:0.80;
  position:absolute;
  bottom:0px; left:0px;
  width:100%;
  color:#fff;
  font-size:25px;
  text-align:left;
}
.rp_img_text div{padding:10px;}
.tmi{height:80px; border:1px solid #fff; text-align:center; background:#000; position:relative; float:left; width:115px; margin-right:3px;}
div.blocks_box {
 background-color:#004aaa;
 filter:alpha(opacity=80);
 -khtml-opacity:0.8;
 -moz-opacity:0.80;
 opacity:0.80;
  position:absolute;
  bottom:0px; left:0px;
  width:105px;
  text-align:center;
  padding:5px;
}
div.blocks_box {color:#fff; font-weight:bold; font-size:14px;}
div.blocks_box:hover {
  background-color:#e53b2c;
}
.tmi:hover div.blocks_box {
  background-color:#e53b2c;
}

            body, input, textarea, button{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-style:normal}
            em{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-style:italic}
            h4, h5, h6, h1{font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:normal}
            strong em, em strong{font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:italic}

            ::selection{background:#333; color:#fff}
            ::-moz-selection{background:#333; color:#fff}
            body, input, textarea, button{color:#333; font-size:100%; line-height:1.4em}
            h2{font-size:2.25em; line-height:1.1em; padding:0.5em 0 0 0}

            h2{font-size:2em}
            h3{font-size:1.5em; padding:1.5em 0 0.5em 0; line-height: 1.3em;}
            h4, h5, h6{letter-spacing:0.125em; padding:1.5em 0 0.5em 0; text-transform:uppercase}
            p{padding:0.5em 0}
            a{color:#41b7d8; text-decoration:underline}
            a:active{background-color:#e53b2c; color:#fff}
            
            li a, blockquote a, p a{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:1px}
            li a:hover, blockquote a:hover, p a:hover{border-bottom:1px solid #41b7d8}
            .postmetadata a, nav a, nav a:hover, nav a:active, nav a:focus{border:none; padding-bottom:0}
            .mini a:active, .mini a:focus, .channels a:active, .channels a:focus{background-color:transparent}

            pre, code{background:#fefeec}
            
            
       

            *{margin:0; padding:0}
          /*div, ul, li, form{position:relative}*/
            
            body{ background:#f4f4f4 url(http://bibo.kz/i/body.gif)}
            .clear{content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0}
            .left-menu a{ color:#666666; padding-left:45px; font-size:14px; background-image:url(http://bibo.kz/i/left-menu-bg.png); background-repeat: no-repeat; display:block; line-height:35px; text-decoration:none; border-bottom:none;}
            .left-menu a:hover{ color:#e37b00; text-decoration:none; border-bottom:none;}
            
            article{font-size:110%; line-height:1.4em; font-family: "Skolar Regular","Times New Roman",serif;
    font-style: normal;
    font-weight: 400;}
            article.post{border-bottom:5px solid #41B7D8; margin-bottom:30px; padding:0 5.5% 10px; 5.5%}
            article img, section img, article object, section object {max-width:510px;  height:auto!important; }
            article img {max-width:510px; height:auto!important; }
            
a.continue-reading{background-color:#41b7d8; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; margin:2em 0 0 0; padding:0.35em 0.65em; border:1px solid rgba(0,0,0,0.1); }
h2 a{color:#333}




.spnsrlistwrapper{display:block; margin-left:10px;}

ul.bnnr-list li{display:inline-block; margin:0 2% 1em 0; width:40%}

span.declare{color:rgba(0,0,0,0.25); display:block; margin:0.875em 0}
span.declare:first-child{display:inline-block}
span.awithus{display:inline-block; margin:0.875em 0 0.75em 102px}

.sidebar-smash-box{margin:2em 0; margin-left:10px;}

.sidebar-smash-box img{float:left; margin:1em 10px 1em 0}

.sidebar-smash-box p{padding:1em 20px 1em 0}
div.sidebartabs{clear:both; margin-right:13px; }
div.sidebartabs ul.sidebar-nav{margin:0 -25px 0 -20px; overflow:auto}
div.sidebartabs ul.sidebar-nav li{float:left; border-right:1px solid rgba(0,0,0,0.05); text-align:center; width:33%}

div.sidebartabs ul.sidebar-nav li:last-child{border:none}

div.sidebartabs ul.sidebar-nav li a{color:rgba(0,0,0,0.3); display:block; font-weight:normal; padding:2.5em 1em 0.5em; height:28px; transition:background-color 0.2s; -moz-transition:background-color 0.2s; -ms-transition:background-color 0.2s; -o-transition:background-color 0.2s; -webkit-transition:background-color 0.2s}
div.sidebartabs ul.sidebar-nav li a strong{font-family:"Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif; font-weight:normal}

div.sidebartabs ul.sidebar-nav li a:hover, 
div.sidebartabs ul.sidebar-nav li.tab-selected a{background:#ff6; color:rgba(0,0,0,0.6)}

div.sidebartabs ul.sidebar-nav li+li+li a:hover, 
div.sidebartabs ul.sidebar-nav li+li+li.ui-state-active a{-moz-border-radius-topleft:0px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius:0px 10px 0px 0px; border-radius:0px 10px 0px 0px}

div.sidebartabs{background:rgba(255,255,255,0.55); border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); -moz-border-radius:0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;  margin-top:2em; margin-bottom:2em; padding:0 20px 2em 20px}

div.sidebartabs .div-hide{display:none}
div.sidebartabs .div-selected{display:block}
div.two{clear:both}
div.two div.left{border-right:1px solid rgba(0,0,0,0.1); float:left; padding-right:4%; width:46%}
.no-rgba div.two div.left{border-right:1px solid #E5E5E5}

div.two div.right{float:right; padding-left:4%; width:45%}


div.smashingwidget li{border-bottom:1px solid rgba(0,0,0,0.05); list-style:none; padding:1em 0}

div.smashingwidget li div.sw-source, ul.topiclist li p{font-size:0.85em; line-height:1.4em}

div.smashingwidget h3{padding-left:50px; position:relative}

div.smashingwidget h3 a{position: relative;} 

div.smashingwidget h3 img{ position:absolute; left: -50px; top: 3px;}

div.smashingwidget li:last-child{border:none}

a.backtotop{position:absolute; right:1.5em; bottom:1.17em; font-size:0.9em; color:rgba(0,0,0,0.4)}

a.backtotop:hover{color:rgba(0,0,0,0.55); border-bottom:1px solid #b2b2b2; border-bottom:1px solid rgba(0,0,0,0.3)}

a.backtotop:focus, 
a.backtotop:active{color:#fff}

a.backtotop.single{position:static; float:right; margin:1em 0 0 0}

a.share-on-twitter.single{float:right; margin:1em 1em 0 0; font-size:0.9em}

.smashingwidget ul a{border-bottom:1px solid rgba(0,0,0,0.1)}

.smashingwidget ul a:hover{border-bottom:1px solid}

.smashingwidget .view-more{padding-top:1em}

.smashingwidget .view-more a{transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; -webkit-transition:opacity 0.2s}

.smashingwidget .view-more a{background:-moz-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(233,92,51,1)),color-stop(100%,rgba(229,59,44,1))); background:-webkit-linear-gradient(top,#41b7d8 0%,#41b7d8 100%); background:-o-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:-ms-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95c33',endColorstr='#e53b2c',GradientType=0 ); background:linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); */background:rgb(65,183,216); background:-moz-linear-gradient(top,rgba(65,183,216,1) 0%,rgba(65,183,216,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(65,183,216,1)),color-stop(100%,rgba(65,183,216,1))); background:-webkit-linear-gradient(top,#41b7d8 0%,#41b7d8 100%); background:-o-linear-gradient(top,rgba(65,183,216,1) 0%,rgba(65,183,216,1) 100%); background:-ms-linear-gradient(top,rgba(65,183,216,1) 0%,rgba(65,183,216,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b7d8',endColorstr='#41b7d8',GradientType=0 ); background:linear-gradient(top,rgba(65,183,216,1) 0%,rgba(65,183,216,1) 100%); border:1px solid rgba(0,0,0,0.1); border-radius:5px; color:#fff; padding:6px 10px; opacity:0.75}

.smashingwidget .view-more a:hover{opacity:1}


p.tags a{background:#41b7d8; transition:background-color 0.2s; -moz-transition:background-color 0.2s; -ms-transition:background-color 0.2s; -o-transition:background-color 0.2s; -webkit-transition:background-color 0.2s; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; padding:0.1em 0.5em 0.25em; margin-right:10px;  background:-moz-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(233,92,51,1)),color-stop(100%,rgba(229,59,44,1))); background:-webkit-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:-o-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:-ms-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background:linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); background-color:rgb(233,92,51)}
p.tags strong{margin:0 10px 10px 0}
p.tags a:last-child{margin:0}
p.tags span{display:inline-block; font-weight:bold; margin-left:0.25em}
p.tags a:hover{background:#333}


h1{font-weight:bold; font-size:20px;}

.navigation a{ padding: 5px 10px;}
.navigation span{ padding: 5px 10px; background:#41b7d8; color:#fff;}
.navigation span.nav_ext{background:transparent; color:#444;}


a{ text-decoration:underline;}

.olp{border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;  vertical-align:top; background:#fff;}
.w180{ width:180px;}
.oline{border-top:1px solid #e6e6e6; line-height:0px; margin:3px 0px; height:0px; width:180px;}
.lopan{font-size:20px; margin-top:4px; margin-left:10px; font-weight:bold;}
.nos{font-size:16px; text-decoration:underline;}
.video{background-position:0px 0px;}
.game{background-position:0px -470px;}
.love{background-position:0px -362px; font-weight:bold;}
.anekdot{background-position:0px -290px; font-weight:bold;}
.prikol{background-position:0px -398px;}
.kipa{background-position:0px -435px;}
.fotp{background-position:0px -505px;}
.statusi{background-position:0px -327px;}
.prol{background-position:0px -180px;}
.kot{background-position:0px -40px;}
.interesno{background-position:0px -75px;}
.neobv{background-position:0px -115px;}
.intf{background-position:0px -148px;}
.ispf{background-position:0px -215px;}
.kinoc{background-position:0px -255px;}
.demot{background-position:0px -543px;}
.istorii{background-position:0px -653px;}
.afor{background-position:0px -723px;}
.stih{background-position:0px -760px;}
div.cb{clear:both;}
.bb{background:#fff; border-bottom:1px solid #e5e5e5; vertical-align:top;}
.logo{font-size:30px; line-height:60px; color:#f0503a; text-shadow: 0 1px 1px #444; margin-left:10px; text-decoration:none;}
.bordr{background:#fff; border-right:1px solid #e5e5e5;}



.top{margin-left:0px;}
.top li a {
    border: 0 none;
    color: rgba(0, 0, 0, 0.5);
}
.top li a:hover{color:#000;} 
body{max-width:1300px; margin:0px auto;}
.dboard{border-top:1px dashed #e5e5e5; margin-top:5px;}
.tar{text-align:right;}
.aimg{border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; }
/*menu*/

.m-i{height:25px; margin-bottom:3px; text-shadow: 0 1px 1px #fff; text-decoration:none; color: #3f3f3f;  font: normal bold 12px/2 'Helvetica Neue', 'Arial', sans-serif; float:left; position:relative; margin-left:15px; background:url(/i/menu-item.png) no-repeat  right -25px; padding:0px 15px 0px 3px;}
.m-i span{height:25px; width:100%; background:url(/i/menu-item.png) no-repeat top left; position:absolute; left:-8px; top:0px; }



#goodcontent article{
    display: block;
    position: relative;
}

#goodcontent ul, ol {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

#goodcontent ul.posts, div.cover {
    margin-bottom: 10px;
}
#goodcontent a{color:#fff;}

#goodcontent div.postmeta {
    background: url("http://moytop.ru/i/images/back-postmeta.png") repeat scroll left top transparent;
    top: 30px;
    left: 0;
    max-width: 240px;
    padding: 10px 15px;
    padding-top:0px;
    position: absolute;
    z-index: 20;
}




/**** Demos ****/

#container {
  
  clear: both;
  
}
#container-main {
  
  clear: both;
  
}
.centered { margin: 0 auto; }






.box {
  margin: 5px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px 0 #D0D0D0;
}



.box img{
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }



/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Primer comparison ****/

#comparison {
  overflow: auto;
}

#comparison .example {
  width: 420px;
  float: left;
  margin-right: 20px;
}

#comparison .box h5 {
  float: left;
  margin-bottom: 0;
  font-size: 30px;
  margin-right: 4px;
  line-height: 28px;
  font-weight: bold;
  color: #FFF;
}


/* Tumblelog example */

#tumblelog {
  background: #FFF;
  padding: 1.0em;
}

#tumblelog .story {
  margin: 10px;
  border-top: 4px solid #DCB;
  padding-top: 10px;
  background: #FFF;
  float: left;
}

#tumblelog h1, #tumblelog h2, #tumblelog h3 { font-weight: bold;}

#tumblelog .col1 { width: 220px; }
#tumblelog .col2 { width: 460px; }
#tumblelog .col3 { width: 700px; }

#tumblelog .col1 img,
#tumblelog .col2 img,
#tumblelog .col3 img {
  max-width: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/**** Fluid ****/

#container.fluid  {
  padding: 5px 0;
}

#container-main.fluid  {
  padding: 5px 0;
}

/* right margin value is 0.1% less than calculated,
  to allow for rounding errors in Firefox */
.fluid .box {
  margin: 5px 0.9% 5px 1%;
}

.fluid .box.col1 { width: 16%; }
.fluid .box.col2 { width: 36%; }
.fluid .box.col3 { width: 45%; }

/**** Corner stamp ****/

.corner-stamp {
  width: 280px;
  height: 340px;
  padding: 10px;
  margin: 10px;
  float: right;
  background: red;
  color: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



        
.box .div-title a {
    color: #333333;
}

 .div-title {
    color: #555555;
    font-weight: normal;
}
.box .div-title {
    font-family: Times New Roman;
}


.box .div-content {
    padding: 12px 15px 20px;
}
.box .div-content {
    font-family: Arial,sans-serif;
  
}


 .box .div-category {
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}
.div-category a{
    color: #8A8C8E;
   
    font-weight: normal;
    text-transform: uppercase;
}
.box .div-category {
    font-weight: bold;
}

a {
    color: #0C74A6;
    text-decoration: underline;
}


.box .div-excerpt {
    display: block;
}
.box .div-excerpt 
{
    font-family:Times New Roman;
    color: #303030;
    font-size: 18px;
    padding-top: 8px;
}  


.ratingp img{width:50px; display:inline;}

b.header{
color: #F0503A;
    font-size: 20px;
    line-height: 25px;
   
}

/* ENGINE */

.selectmass input { float: right; margin-left: 6px; }
.mass_comments_action { text-align: right; }

/*---Информационное оконо загрузки AJAX---*/
#loading-layer { display: none; font-size: 11px; background: #000; padding: 10px; text-align: center; color: #fff; }

/*---Цитата и скрытый текст---*/
.scriptcode, .title_quote,
.quote, .title_spoiler, .text_spoiler { font-style: italic; padding: 10px; background: #f8f9f9 url("../images/lines.gif") repeat; border-left: 5px solid #438fbf; }
.title_quote, .title_spoiler { background: #f8f9f9; }
.title_spoiler, .text_spoiler { border-color: #db143d; }

.title_quote { border-bottom: 0; font-weight: bold; }
.scriptcode { color: #004e8d; text-align: left; font-family: "Courier New"; }
.title_spoiler { font-weight: bold; }
.text_spoiler { border-top: 0; text-align: justify; }

.hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em; 0; }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }

/*---Календарь---*/
.calendar { width: 90%; font-size:12px;  }

.calendar td, .calendar th { padding: 4px 0; vertical-align: middle; text-align: center; }
	.calendar tr { border-bottom: 1px solid #dfe3e6; background-color: #fff; }
	.calendar th { background-color: #dfe3e6; }
		.calendar tr:hover { background-color: #fff; }
		.calendar td:hover { background-color: #fff; }

.weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; }
.weekday { color: #db143d; }
.monthselect { font-size: 1.15em; }

.day-current { background-color: #db143d !important; color: #fff; }
	.day-current a { color: #fff; }

/*---Лучшие пользователи---*/
.userstop td, .pm td.pm_list, .pm td.pm_head { border: 1px solid #d8d8d8; padding: 2px; background-color: #fff; }
.userstop thead td, .pm td.pm_head { font-size: 0.9em; background: #fff url("../images/fbutton.png") repeat-x 0 50%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; }

/*---Рейтинг---*/
.rating { width: 85px; height: 17px; font-size: 0.9em; }

.unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; background: url("../dleimages/rating.png") repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 17px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0; }
.unit-rating li a:hover { background: url("../dleimages/rating.png") 0 -17px; z-index: 2; left: 0; }

.unit-rating a.r1-unit {left: 0;}		.unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;}	.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}	.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}	.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}	.unit-rating a.r5-unit:hover {width: 85px;}

.unit-rating li.current-rating { background: url("../dleimages/rating.png") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; }

/*---BB коды---*/
 /* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl)  и по умолчанию в модуле редактора сообщений*/
.bbcodes, .bbcodes_poll {
	background: #fff url("../images/fbutton.png") repeat-x 0 50%;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #b3b3b3;
	color: #383838;
	padding: 1px 9px 4px 9px;
	margin-bottom: 2px !important;
	height: 24px;
	font-weight: bold;
	cursor: pointer;
}
.bbcodes:hover, .bbcodes_poll:hover { background-position: 0 3px;
	-moz-box-shadow: 0 1px 5px -2px black;
	-webkit-box-shadow: 0 1px 5px -2px black;
	box-shadow: 0 1px 5px -2px black;
}
.bbcodes_poll { width: 100px; }

.base .editor { padding: 5px; }
.editorcomm .editor textarea { background: #ffffff; border: 0 none;  }
.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
}
.editor_button select {
	font-size: 10px;
}
.editor input[type="text"] { background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }

.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.editbclose { float: right; cursor: pointer; display: none; }

.editor_button img { margin: 0; padding: 0; }
.editbclose img { margin: 0; padding: 0; }
.editor_button_brk img { margin: 0; padding: 0; }

/*---Дополнительные поля---*/
.xfields textarea, .xprofile textarea { width: 98%; height: 86px; margin: 0px 1px 0px 0px;padding: 0px;}
.xfields input, .xprofile input { width: 250px; padding: 2px; }
.xfields_table td { vertical-align: top; }

/*---Персональные сообщения---*/ 
.pm_head {font-weight: bold;}

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
	background-color: #dfe3e6;
	border: 2px solid #a6b5c0;
	font-size: 0.9em;
	line-height: 20px;
	margin: 2px 0;
	opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);
}

#dropmenudiv a { display: block; text-decoration: none; color: #1d2226; padding: 2px 4px; width: 162px;}
#dropmenudiv a:hover { background-color: #f1f5f7; }

/*---Ссылка на скачивание прикрепленного файла---*/
.attachment { color: #808080; }

/*---Рамка расширенной формы поиска по сайту---*/
fieldset { border: 1px solid #bfced6; padding: 5px; text-align: left; }

/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline { background: #FFFFFF; }
.highslide-image { border: 2px solid #FFFFFF; }
.highslide-active-anchor { visibility: hidden; } 
.highslide-active-anchor img { visibility: hidden; }
.highslide-dimming { background-color: black; }
.highslide-html { background-color: white; }
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border: 1px solid white;
    background-color: black;
}
a.highslide-full-expand {
	background: url("../dleimages/fullexpand.gif") no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px; height: 34px;
}
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
.highslide-caption { display: none; padding: 5px; background: white; }
.highslide-controls {
    width: 195px;
    height: 40px;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0; padding: 0;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;
}
.highslide-controls li { float: left; padding: 5px 0; }
.highslide-controls a {
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");
    display: block;
    float: left;
    height: 30px; width: 30px;
    outline: none;
}
.highslide-controls a.disabled { cursor: default; }
.highslide-controls a span { display: none; }
 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0; }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px; }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; }
.highslide-controls .highslide-play a { background-position: -30px 0; }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px; }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; }
.highslide-controls .highslide-pause a { background-position: -60px 0; }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px; }
.highslide-controls .highslide-next a { background-position: -90px 0; }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px; }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; }
.highslide-controls .highslide-move a { background-position: -120px 0; }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px; }
.highslide-controls .highslide-full-expand a { background-position: -150px 0; }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; }
.highslide-controls .highslide-close a { background-position: -180px 0; }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px; }

/*---Облако тегов---*/
.clouds_xsmall { font-size: 1em; }
.clouds_small { font-size: 1.1em; }
.clouds_medium { font-size: 1.2em; font-weight: bold; }
.clouds_large { font-size: 1.5em; }
.clouds_xlarge { font-size: 1.7em; }

/*---Быстрый поиск на сайте---*/
#searchsuggestions { z-index: 998; border: 1px solid #919191; width:300px; background-color: #fff; font-size: 0.9em; }
#searchsuggestions a, #searchsuggestions span.notfound { padding: 10px; display: block; text-decoration: none; }
#searchsuggestions a:hover { background-color: #f0f2f4; }
#searchsuggestions span.searchheading { display: block; font-weight: bold; color: #db143d; }
#searchsuggestions span.seperator { display: block; background-color: #db143d; }
#searchsuggestions span.seperator a { padding: 5px 10px; text-align: right; background-color: transparent; color: #fff; }
#searchsuggestions span.notfound { padding: 10px; display: block; }
#searchsuggestions .break { display: none; }

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay { background: #000; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); left: 0; position: absolute; top: 0; }
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget-header { color: #fff; background: #222a30 url("../images/darkbg.png"); font-weight: bold; }
.ui-widget-header a { color: #fff; }
.ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: #db143d; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-dialog { background: #fff; border: 1px solid #a6b5c0; overflow: hidden; padding: 3px; position: absolute; width: 300px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 13px .3em 0; }
.ui-dialog .ui-dialog-titlebar-close {
	height: 18px;
	margin: -10px 0 0 0;
	padding: 1px;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content {
	background: none;
	border: 0;
	overflow: hidden;
	padding: 13px 13px 0 13px;
	position: relative;
	zoom: 1;
	margin-bottom: 13px;
}
.ui-dialog .ui-dialog-buttonpane {
	background: #f0f2f4;
	padding: 13px;
	text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	float: right;
	line-height: 1.4em;
	margin: 0 1px;
	overflow: visible;
	padding: .2em .6em .3em .6em;
	width: auto;
}
.ui-button { border: 0 none; background: none; cursor: pointer; }
.ui-button { text-shadow: 0 1px 0 #fff; margin-bottom: 2px; border: 1px solid #bcc5c9; width: 106px; height: 31px; color: #d51e44; padding: 2px 0 5px 0; background: #fff url("../images/fbutton.png") repeat-x 0 100%; font-weight: bold; }
	.ui-button:hover { background-position: 0 10px;
		-moz-box-shadow: 0 1px 5px -2px black;
		-webkit-box-shadow: 0 1px 5px -2px black;
		box-shadow: 0 1px 5px -2px black;
	}
button.ui-button span { cursor: pointer; display: block; }

.ui-widget input, .ui-widget textarea {
	background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2;
}

.ui-state-error {
	background: #fef1ec 50% 50% repeat-x !important;
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* ==================== Автозаполнение облака тегов */
.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	border: 1px solid #a7a7a7;
	color: #4e4e4e;
	font-weight: bold;
}

/*---Подсветка кода в теге [code]---*/
pre code {
  display: block; padding: 0.5em;
  background: #f8f9f9 url("../images/lines.gif") repeat; 
  border-left: 5px solid #438fbf;
  overflow:auto;
  white-space: pre;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
}

/*---------------------------------------------------------------------*/