/* ukkvn.kz */
body { margin: 0; padding: 0; background: #FFFFFF; font-family: 'Verdana'; color: #40454b; font-size: 12px;}
img { padding: 0px; margin: 0px; border: none;}
h1, h2, h3 { font-family: 'Arial';}
/* forms */
input { font-family: 'Verdana'; color: #5359A6; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #5359A6; font-size: 10px;  }
/* hyperlinks */
a:link { text-decoration : none; color : #5359A6; border: 0px; font-weight: bold;} 
a:active { text-decoration : underline; color : #5359A6; border: 0px; font-weight: bold;} 
a:visited { text-decoration : none; color : #5359A6; border: 0px; font-weight: bold;} 
a:hover { text-decoration : underline; color : #FE9B00; border: 0px; font-weight: bold;} 
a.graylink { text-decoration: none; color: #828282; font-weight: bold;}
a.graylink:visited { text-decoration: none; color: #828282;}
a.graylink:hover { text-decoration: underline; color: #828282; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* header of page */
.hop_bg { width: 100%; float: left; background: #FFFFFF url(header.png) repeat-x; }
.hop { width: 900px; position: relative; margin: 0 auto; padding: 32px 0px 0px 0px; height: 55px;}
/* top menu buttons */
.hop_menu { margin: 0px; padding: 0px; position: absolute; top: 6px; left: 0px;  }
.hop_menu em { display: none;}
.hop_menu ul { float: left; padding: 0px; margin: 0px; height: 38px; float: left; }
.hop_menu li { float: left; padding: 0px; margin: 0px 4px 0px 0px; display: inline; list-style-type: none;}
.hop_menu li a { display: block; height: 21px; }
.hop_menu li a.m1 { background: url(menu1.png) no-repeat left top; width: 57px;}
.hop_menu li a.m2 { background: url(menu2.png) no-repeat left top; width: 57px;}
.hop_menu li a.m3 { background: url(menu3.png) no-repeat left top; width: 57px;}
.hop_menu li a.m4 { background: url(menu4.png) no-repeat left top; width: 57px;}
.hop_menu li a.m5 { background: url(menu5.png) no-repeat left top; width: 57px;}
.hop_menu li a.m6 { background: url(menu6.png) no-repeat left top; width: 57px;}
.hop_menu li a.m7 { background: url(menu7.png) no-repeat left top; width: 57px;}
.hop_menu li a:hover { background-position: left -21px; }
/* search box */
.hop_search { width: 375px; background: url(search_bkg.png) no-repeat left top; min-height: 100px; position: absolute; top: 0px; right: 0px;}
.hop_search fieldset { border: none; padding: 0px; margin: 0px;}
.hop_search legend { text-indent: -35000px; margin: 0; padding: 0;}
.hop_search form { padding: 33px 33px 0px 33px; margin: 0px 0px 0px 0px;}
.hop_search input { color: #5359A6; font-size: 14px; font-family: 'Arial'; letter-spacing: 0px; font-weight: bold; }
.hop_search input.search { width: 25px; height: 25px; background: url(search_btn.png) no-repeat;}
.hop_search input.search:hover { background: url(search_btn.png) no-repeat 0 -25px; }
.hop_search input.searchIE {width: 25px; height: 25px; background: url(search_btn.png) no-repeat 0 -25px; }
.hop_search input.keyword { border: none; background: #fff url(search_kew.png) no-repeat; padding: 4px 0px 5px 8px; width: 291px; border: none; } 
.hop_search_corner { position: absolute; background: #fff url(search_non.png) no-repeat; width: 9px; height: 8px; margin: 0px; top: 34px; right: -9px;} 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 291px; top: 0px; background: none; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* content box*/
.con_bg { width: 100%; float: left; padding: 20px 0px;}
.con { width: 900px; position: relative; clear: left; margin: 0 auto;  padding-top: 1px;}
/* left block */
.con_left { float: left; width: 510px; }
/* post header */
.con_post {	position: relative; clear: left; width: 510px; padding: 5px 0px 25px 0px; }
.con_posthead {	padding-left: 65px; line-height: 16px;}
.con_post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding-bottom: 5px; margin: 0px; display: block;}
.con_post h1 a { color: #5359A6; text-decoration: none;}
.con_post h1 a:visited { color: #5359A6; text-decoration: none;}
.con_post h1 a:hover { color: #FE9B00; text-decoration: none;}
.con_postinfo { padding: 5px 0px 5px 0px; margin: 0px; font-size: 11px; color: #828282; border-bottom: 1px dotted #ccc;}
.con_postinfo em { font-style: normal;}
.con_postinfo em a { text-decoration: none; color: #828282;}
.con_postinfo em a:visited { text-decoration: none; color: #828282;}
.con_postinfo em a:hover { text-decoration: underline; color: #828282; }
.con_postdate { position: absolute; top:3px; left:0; width:54px; text-align:center; margin:0; padding: 3px 10px 16px 0px; list-style: none; background:url(post-date.gif) 0 0 no-repeat;  font-size: 23px; font-family: 'Arial'; font-weight: bold; color: #888; }
.con_postdate .month { display: block; font-size:11px; color: #aaa; padding-bottom: 8px;}
/* content */
.content { padding: 2px 0px 0px 0px;  font-size: 12px; margin-top: 2px;}
.content p { font-size: 12px; line-height: 16px;}
.content img { padding: 1px; border: solid 0px #f0f0f0; margin: 0px 5px 5px 0px;}
.content img.photo { padding: 0px; border: 0px; margin: 0px; }
.content blockquote { padding: 3px 15px; background: #E7E7E7; margin: 5px 0px; color:#5359A6; border: solid 1px #D7D7D7;}
.content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.content ul { font-size: 12px; padding-left: 12px; }
.content table, th, td { font-size: 11px; }

/* comments */
.comments1 { background:url(comment.gif) 0 1px no-repeat; padding-bottom:1px; padding-left:17px; float: right; font-size:12px;}
.comments1 a { text-decoration: none; color: #828282;}
.comments1 a:visited { text-decoration: none; color: #828282;}
.comments1 a:hover { text-decoration: underline; color: #828282; }
.comments2 { padding: 0px; margin: 0px;}
.comments2 .Add { font-size: 13px; line-height: 16px; color:#FE9B00; }
.comments2 .List {}
.comments2 .List h3 { font-size: 14px; letter-spacing: -1px; background:url(CommentsListHeading.png) no-repeat left center; border-bottom: dashed 1px #999; padding: 5px 0px 5px 20px; margin: 0px; }
.comments2 .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.comments2 .List li { position: relative;  padding-top: 5px; margin: 0px; font-size: 11px; left: 20px;}
.comments2 .List .ListUser { margin: 0px; padding: 0px 0px 0px 15px; font-size: 14px; font-weight: bold; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px; color:#5359A6;}
.comments2 .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; font-size: 10px; }
.comments2 .List .ListContent { color:#333; font-size: 11px; line-height: 14px; margin: 2px 0px 10px 15px;}
.comments2 .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;}
.comments2 .Form {}
.comments2 .Form h3 { font-size: 14px; letter-spacing: -1px; background:url(CommentsFormHeading.png) no-repeat left center; border-bottom: dashed 1px #999; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px;}
.comments2 .FormTop { background: #EEE url(CommentsFormTopBkg.gif) no-repeat left top; width: 510px; height: 5px; display: block;}
.comments2 .Form form { padding: 20px; margin: 0px; background: #EEE url(CommentsFormEndBkg.gif) no-repeat left bottom;}
.comments2 .Form p { padding: 1px 0px 11px 0px; margin: 0px; font-size: 11px; color:#000033; display: block;}
.comments2 .Form p small { font-size: 9px; color: #000033}
.comments2 .Form .TextField { background: #fff; border: solid 1px #CCC; padding: 5px; font-size: 11px; margin-right: 7px; color:#40454b;}
.comments2 .Form .TextArea { background: #fff; border: solid 1px #CCC; padding: 5px; font-size: 11px; color:#40454b;}
.comments2 .Form input.SubmitComment { width: 150px; height: 26px; background: url(SubmitComment.png) no-repeat; margin-top: 7px;}
.comments2 .Form input.SubmitComment:hover { background: url(SubmitComment.png) no-repeat 0 -26px; }
.comments2 .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(SubmitComment.png) no-repeat 0 -26px; margin-top: 7px; }
/* right block */
.con_right { float: right; width: 369px; margin-left: 21px; padding-bottom: 4px; background: #F4F4F4 url(right.gif) no-repeat left bottom;}
.con_right h2 { font-size: 12px; letter-spacing: 0px; padding: 5px 0px; margin: 0px;  color:#323740; text-transform: lowercase;}
.con_right ul { padding: 0px; margin: 0px;}
.con_right li { padding: 0px; margin: 0px; list-style-type: none;}
/* right block - contacts */
.con_right .con_right1 { float: left; width: 160px; padding: 0px 0px 10px 0px; margin-right: 11px; background:  url(right1.gif) no-repeat left top;}
/* right block - links */
.con_right .con_right2 { float: right; width: 170px; padding: 0px 10px 10px 0px; background: url(right2.gif) no-repeat right top;}
/* right block - afisha ??? */
.con_afisha ul { padding: 0px; margin: 0px;}
.con_afisha li { margin: 0px; list-style-type: none; padding-bottom: 10px;}
.con_afisha { font-size: 12px; font-family: 'Verdana'; letter-spacing: 0px; padding: 5px 0px; margin: 0px;  color:#323740;}
.con_afisha b { color:#323740;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* footer of page */
.fop_bg { width: 100%; float: left; background: #404040;  padding: 20px 0px;}
.fop { width: 900px; position: relative; clear: left; margin: 0 auto; }
.fop p { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; color:#FFFFFF; font-size: 11px; border: 0px; display: block;}
.fop a { text-decoration: underline; color: #FFFFFF;}
.fop a.copy { text-decoration: none;}
/* counters */
.fop_counters {margin: 0px; padding-bottom: 8px; height: 31px; clear:both; width:450px;}