a:link { color: #378B0E; font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; }
a:active { color: #378B0E; font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: #378B0E; font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: #FF5500; font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; }

.bgcolor1 { background: #FFF; }
.bgcolor1 table td form textarea { width: 200px !important; }
.bgcolor2 { background: #FAFAFA; }
.bgcolor3 { background: #F5F5F5; }
.bgcolor4 { background: #EEE; }
.sort { background: #EEE; }

.bodyline { background: #FFF; border: 1px #C5C5C5 solid; }
.blockline { background: #FFF; border: 1px #C5C5C5 solid; border-top: none; }
.storytitle { background: none; color: #378b0e; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
.titleline { border: 1px #FFF solid; }
.boxtitle { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #F50; font-weight: bold; }
.content { background: none; color: #000000; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
.block-title { background: none; color: #378b0e; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
.storycat { background: none; color: #FF5500; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, sans-serif;}
.option { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #F50; font-weight: bold; }
.tiny { color: #000; font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif;}
.small { color: #787878; font-size: 10px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif;}
.code { color: #00B; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }

h1 { margin: 0; text-align: left; color: #979797; font-size: 18px;font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif; display: block; text-decoration: underline; background: transparent url(/images/title.gif) bottom left repeat-y; padding: 8px; padding-left: 12px; }
h2 { background: none; color: #FF5500; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, sans-serif; text-align: center; }
h3 { background: none; color: #378b0e; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, sans-serif; margin: 0; }
h4 { background: none; font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
h5 { background: none; font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif; margin: 0; }
legend { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color:#F50; font-weight: bold; }
fieldset { border: solid #F5F5F5 1px; }
font, td, p { color: #666; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
hr { height: 0px; border: 0px solid #C5C5C5; border-top-width: 1px; }
code { background: none; color: #0000FF; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }

th {
 color: #315d03;
 height: 25px;
 font-size: 11px;
 font-weight: bold;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 background: #FFF url(http://askar-taraz.net/os/images/cellpic.gif) repeat-x;
 border: 1px #FFF solid;
}

body {
 margin: 0;
 padding: 0;
 line-height: 125%;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 color: #444;
 font-size: 11px;
 text-align: center;
}

input, textarea, select {
 background: #FAFAFA;
 color: #777;
 border: 1px #DDD solid;
 font-size: 11px;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

.editor {
 clear: both;
 margin: 1px 0px 1px 0px;
 width: 400px;
 height: 21px;
 border: 1px #EEE solid;
 background: url(http://askar-taraz.net/os/images/cellpic.gif) bottom repeat-x;
}

.editorbutton {
 float: left;
 cursor: pointer;
 padding: 2px 1px 0px 5px;
}

.smilies{
 margin: 0px 0px 1px 0px;
 width: 400px;
 border: 1px #D1D8EC solid;
 background-color: #FFF;
 text-align: center;
}

.rate {
 float: left;
 padding: 2px 1px 0px 5px;
}

.normal {
 float: left;
 width: 17px;
 height: 16px;
 background: url(http://askar-taraz.net/os/images/rating.gif) top left repeat-x;
}

.hover {
 cursor: pointer;
 float: left;
 width: 17px;
 height: 16px;
 background: url(http://askar-taraz.net/os/images/rating.gif) center left repeat-x;
}

.show {
 float: left;
 width: 17px;
 height: 16px;
 background: url(http://askar-taraz.net/os/images/rating.gif) bottom left repeat-x;
}

.pagelink {
 padding: 1px 2px 1px 2px;
 border: 1px solid #F1F1F1;
 background: #FFF url(http://askar-taraz.net/os/images/cellpic.gif) repeat-x;
}


.left {
 clear: both;
 float: left;
 padding: 5px 5px 5px 5px;
 width: 25%;
}

.center {
 float: left;
 padding: 5px 5px 5px 5px;
 width: 70%;
 white-space: nowrap;
}

.right {
 float: left;
 padding: 5px 5px 5px 5px;
 width: 5%;
}

.button {
 clear: both;
 padding: 5px 5px 5px 5px;
 text-align: center;
}

#page_bg {
 height: 100%; 
 padding: 0;
 margin-bottom: 1px;
 background: #fffbf2;
}

p {
 margin-top: 0;
 margin-bottom: 5px;
}

a img {
 border: 0;
}

html {
 height: 100%;
 margin-bottom: 1px;
}

#wrapper {
 margin: 0 auto;
 position: relative;
 background: #FFF;
 width: 996px;
 text-align: left;
}

#shadow-l {
 background: transparent url(http://askar-taraz.net/os/images/shadow-l.gif) 0 0 repeat-y;
 padding-left: 5px;
 position: relative;
}

#shadow-r {
 background: transparent url(http://askar-taraz.net/os/images/shadow-r.gif) 100% 0 repeat-y;
 padding-right: 5px;
 position: relative;
}

/* IE hack */
* html #shadow-l {float: left;}
* html #shadow-r {float: right;}
/* END IE hack */

/* Шапка */
#header {
 height: 150px;
 background: transparent url(http://askar-taraz.net/os/images/header_bg.jpg) top right no-repeat;
 position: relative;
}

#header-l {
 height: 150px;
 background: #240 url(http://askar-taraz.net/os/images/header-l.png) 0 0 no-repeat;
 position: relative;
 padding-left: 15px;
}

#header-r {
 height: 150px;
 background: #240 url(http://askar-taraz.net/os/images/header-r.png) right top no-repeat;
 position: relative;
 padding-right: 26px;
}

#toolbar{
 position: absolute;
 right: 47px;
 top: 19px;
 display: block;
 width: 195px;
 line-height: 22px;
 height: 22px;
 color: #FFF;
 font-weight: bold;
 font-size: 11px;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 text-align: right;
}

#toolbar img {display:none}
#toolbar a:link, #toolbar a:visited {font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #FFF;}
#toolbar a:hover {font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: underline; color: #FFF;}

#homes {
 position: absolute;
 right: 0;
 top: 19px;
 width: 44px;
 height: 23px;
}

#homes a img{
 float: left;
}

#logo{
 position: absolute;
 top: 29px;
 left: 30px;
 display: block;
 text-align: center;
 background: transparent url(http://askar-taraz.net/os/images/logotype-green.png) no-repeat;
}

#bannerblock {
 position: absolute;
 top: 45px;
 right:0;
 width: 468px;
 height: 60px;
}

/* Настройка меню бара*/
#menue-l {
 height: 56px;
 background: #ff8608 url(http://askar-taraz.net/os/images/menue-bgl.png) 0 0 no-repeat;
 position: relative;
 padding-left: 13px;
}

#menue-r {
 height: 56px;
 background: url(http://askar-taraz.net/os/images/menue-bgr.png) 100% 0 no-repeat;
 position: relative;
 padding-right: 13px;
}

#menue {
 margin: 0;
 padding: 0;
 height: 56px;
 background: url(http://askar-taraz.net/os/images/menu_bg.png) top repeat-x;
 position: relative;
 overflow: hidden;
 }

#nav {
 margin: 0;
 padding: 0;
 width: 718px;
 height: 56px;
}

#nav a:link, #nav a:visited {
 display: block;
 float: left; 
 height: 56px;
 line-height: 59px;
 padding: 0px 20px 0 20px;
 color: #fd9528;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFF;
 background: url(http://askar-taraz.net/os/images/hover_menu.png) right top no-repeat;
}

#nav a:hover {
 color: #FFF;
 background: #5b9a02 url(http://askar-taraz.net/os/images/hover_menu.png) left -56px no-repeat;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}

#footer {
 background: #335b00 url(http://askar-taraz.net/os/images/footer-bg.png) bottom repeat-x;
 position: relative;
 height: 88px;
 color: #FFF;
 overflow: hidden;
}

#footer-l {
 background: transparent url(http://askar-taraz.net/os/images/footer-bgl.png) left bottom no-repeat;
 height: 88px;
 padding-left: 14px;
 position: relative;
}

#footer-r {
 background: transparent url(http://askar-taraz.net/os/images/footer-bgr.png) right bottom no-repeat;
 height: 88px;
 padding-right: 14px;
 position: relative;
}

#copyright {
 position: absolute;
 top: 32px;
 left: 30px;
 display: block;
 width: 450px;
 height: 40px;
 color: #CDE29F;
 font-size: 11px;
 line-height: 12px;
}

#copyright a:link, #copyright a:visited {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 color: #CDE29F;
 font-size: 10px;
}

#copyright a:hover{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 color: #CDE29F;
}

#footblock {
 position: absolute;
 right: 10px;
 top: 37px;
 text-align: right;
 height: 15px;
 width: 500px;
}

.clr {clear: both;}

div#block{
 width: 189px;
 background: #FFF url(http://askar-taraz.net/os/images/blockbg.gif) left repeat-y;
 margin-top: 2px;
 margin-bottom: 8px;
 position: relative;
}

div#block div{
 width: 189px;
}

div#block div div{
 width: 189px;
 background: transparent url(http://askar-taraz.net/os/images/footerblock.gif) bottom left no-repeat;
}

div#block div div div{
 width: 173px;
 padding-bottom: 8px;
 margin-left: 8px;
 margin-right: 8px;
 padding-top: 42px;
 background: transparent;
}

div#block div div div h3.leftbl{
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 height: 37px;
 width: 189px;
 line-height: 37px;
 font-size: 12px;
 color: #FFF;
 text-indent: 14px;
 font-weight: normal;
 background: #3e6c03 url(http://askar-taraz.net/os/images/topblockleft.png) top left no-repeat;
}

div#block div div div h3.rightbl{
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 height: 37px;
 width: 189px;
 line-height: 37px;
 font-size: 12px;
 color: #FFF;
 text-indent: 14px;
 font-weight: normal;
 background: #ff7b02 url(http://askar-taraz.net/os/images/topblockright.png) top left no-repeat;
}

div#block div div div div {
 padding: 0px;
 margin: 0px;
}

#titlebasic {
 position: relative;
 display: block;
 color: #378B0E;
 font-weight: bold;
 padding: 7px 0;
 font-size: 13px;
 background: transparent url(http://askar-taraz.net/os/images/titlebasic_bg.png) bottom right no-repeat;
 margin-bottom: 3px;
 text-decoration: none;
}

#titlebasic a:link, #titlebasic a:visited { font-size: 13px; font-weight: bold; color: #378B0E; text-decoration: none;}
#titlebasic a:hover { font-size: 13px; font-weight: bold; color: #378B0E; text-decoration: underline; }

.morelink {
 margin-top: 5px;
 color: #aaa;
 padding: 2px 4px;
 background: #f3f3f3;
}

.morelink a:link, .morelink a:visited, .morelink td {color: #737373; font-size: 10px;}
.morelink a:hover {color: #ff7d11; font-size: 10px; text-decoration: underline;}

.title {
 text-align: left;
 color: #979797;
 font-size: 18px;
 font-weight: normal;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 display: block;
 text-decoration: underline;
 background: transparent url(http://askar-taraz.net/os/images/title.gif) bottom left repeat-y;
 padding: 8px;
 padding-left: 12px;
 }

.title b{
 font-weight: normal;
 }

.title2 {
 padding: 4px;
 margin: 2px;
 border: 1px solid #C5C5C5; 
 }

.title2 div{
 text-align: left;
 color: #979797;
 font-size: 18px;
 font-weight: normal;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 display: block;
 text-decoration: underline;
 background: transparent url(http://askar-taraz.net/os/images/title.gif) bottom left repeat-y;
 padding: 8px;
 padding-left: 12px;
 }

.title2 b{
 font-weight: normal;
 }

#albumhack .title {
 color: #979797;
 font-size: 12px;
 font-weight: bold;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 display: inline;
 text-decoration: none;
 background: none;
 padding: 2px;
}

#albumhack .title b{
 text-align: left;
 color: #979797;
 font-size: 18px;
 font-weight: normal;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 display: block;
 text-decoration: underline;
 background: transparent url(http://askar-taraz.net/os/images/title.gif) bottom left repeat-y;
 padding: 8px;
 padding-left: 12px;
}

#watext {
 color: #878787;
 text-align: center;
 vertical-align: middle;
 padding: 4px;
}

#info {
 height: 80px;
 width: 65px;
 background: #ffa200 url(http://askar-taraz.net/os/images/info.png) bottom left no-repeat;
}

#warning {
 display: block;
 border: 1px solid #F1F1F1;
 padding: 8px 8px 8px 120px;
 margin: 0 0 5px 0;
 color: #0087de;
 text-align: justify;
 margin: 1px;
}

.navi {
 text-align: left;
 padding: 3px;
}

.btnsearch {
 background: #ff6e02 url(http://askar-taraz.net/os/images/btnsearch.gif) top repeat-x;
 border: 1px solid #c85500;
 color: #FFF;
 font-size: 11px;
 cursor: pointer;
}

#header {
 height: 150px;
 background: transparent url(http://askar-taraz.net/os/images/dheader_bg.jpg) top right no-repeat;
 position: relative;
}

#header-l {
 height: 150px;
 background: #f6ab00 url(http://askar-taraz.net/os/images/dheader-l.png) 0 0 no-repeat;
 position: relative;
 padding-left: 15px;
}

#header-r {
 height: 150px;
 background: #f6ab00 url(http://askar-taraz.net/os/images/dheader-r.png) right top no-repeat;
 position: relative;
 padding-right: 26px;
}

#logo{
 position: absolute;
 top: 29px;
 left: 30px;
 display: block;
 text-align: center;
 background: transparent url(http://askar-taraz.net/os/images/logotype-orange.png) no-repeat;
}