body {background: #e6e6e6; color: #333; margin: 0; padding: 0; font-family: Tahoma; font-size: 13px; line-height:170%;}
a {text-decoration: none; outline: none; color: #666;}
img {border: 0;}
h1, h2, h3, h4 {color: #6ab2d2; text-align: center; font-weight: normal;}
a h2 {text-align: left;}
a.blue {color: #6AB2D2; text-decoration: none;}
a.blue:hover {text-decoration: underline;}

.green {color: #7EB247;}

#header {background: url(/images/header.png) center center repeat-x; height: 79px; width: 100%;}
#logo {width: 315px; height: 51px; background: url(/images/logo.gif) center center; float: left; display: block; margin-top:19px;}
.w960 {width: 960px; margin: auto;}
#logo a {width: 320px; height: 55px; display: block; text-indent: -9999px;}
#tm {width: 540px; float: right; margin-top: 27px; list-style: none;}
#tm li {width: 80px; margin-left: 10px; display: inline; float: left;}
#tm li a {display: block; width: 80px; height: 27px; line-height: 24px; text-align: center; background: url(/images/tm.png) center bottom no-repeat; color: #666; text-decoration: none;}
#tm li a.rss, #tm li a.rss:hover {background: none; width: 24px; height: 25px;}
#tm li a:hover {background: url(/images/tm.png) center top no-repeat; color: #fff;}

#welcome {height: 205px; background: url(/images/welcome.png) center center repeat-x;width: 100%;}
#person {height: 205px; width: 220px; background: url(/images/person.jpg) center center no-repeat; float: left; margin-left: 10px; margin-right: 70px;}
#welcome-info {width: 650px; height: 181px; margin-left: 10px; float: right; text-align: center; margin-top: 10px;}
#cp_top {background: url(/images/cp_top.png) center center no-repeat; height: 14px; width: 660px; float: right;}
#middle {width: 100%; border-top: 1px solid #f8f8f8;}
#left {width:300px; float: left; margin-top: 30px; margin-bottom: 50px;}
#right {background: url(/images/cp_mid.png) center center repeat-y; width: 660px; float: right; margin-top: -1px;}
#content {background: url(/images/cp_start.png) center top no-repeat; width: 648px; padding-left: 9px; padding-right:3px;}
#right_bottom {background: url(/images/cp_bot.png) center center no-repeat; width: 660px; height:6px; float: right;}
hr {width: 100%; border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #fff; height: 0; margin-top: 15px;}
/*Меню для блога*/
#blogmenu, #portmenu, #shopmenu {width: 300px; list-style: none; margin:0; padding:0;}
#blogmenu li, #portmenu li, #shopmenu li {width: 300px; margin:0; margin-bottom: 3px; padding:0; }
#blogmenu li a {display: block; width: 300px; height: 59px; background-image: url(/images/blog_menu.png); text-indent: -9999px;}
#portmenu li a {display: block; width: 300px; height: 59px; background-image: url(/images/port_menu.png); text-indent: -9999px;}
#shopmenu li a {display: block; width: 300px; height: 59px; background-image: url(/images/shop_menu.png); text-indent: -9999px;}
#blogmenu li.first a, #portmenu li.first a, #shopmenu li.first a {background-position: center 0px;}
#blogmenu li.second a, #portmenu li.second a, #shopmenu li.second a {background-position: center -61px;}
#blogmenu li.third a, #portmenu li.third a, #shopmenu li.third a {background-position: center -122px;}
#blogmenu li.fourth a, #portmenu li.fourth a, #shopmenu li.fourth a {background-position: center -183px;}
#blogmenu li.fifth a, #portmenu li.fifth a {background-position: center -244px;}
#blogmenu li.first a:hover, #portmenu li.first a:hover {background-position: center -303px;}
#shopmenu li.first a:hover {background-position: center -242px;}
#blogmenu li.second a:hover, #portmenu li.second a:hover {background-position: center -364px;}
#shopmenu li.second a:hover {background-position: center -303px;}
#blogmenu li.third a:hover, #portmenu li.third a:hover {background-position: center -425px;}
#shopmenu li.third a:hover {background-position: center -364px;}
#blogmenu li.fourth a:hover, #portmenu li.fourth a:hover {background-position: center -486px;}
#shopmenu li.fourth a:hover {background-position: center -425px;}
#blogmenu li.fifth a:hover, #portmenu li.fifth a:hover {background-position: center -547px;}
/*Конец меню для блога*/

.sidebox {width: 300px; margin-top: 3px;}
.sidebox h3 {text-align: center; color: #666; font-size: 18px; font-weight: normal;}
.block {padding-left: 10px; padding-right: 10px;}
.icon, a .icon {border: 0; vertical-align: middle; margin-right: 10px;}

/*Oформлениe поста блога*/
.post {width:630px; margin-right: 10px; margin-left: 10px; margin-bottom: 25px;}
.post .meta {width: 580px; float: left;}
.post .cinfo {width: 50px; float: right;}
.post .meta h2, .post .meta a h2 {font-size: 24px; line-height: 27px; font-family: Arial; color: #6ab2d2; text-decoration: none; text-transform: uppercase; margin-top: 7px; margin-bottom: 7px; font-weight: normal;}
.post .meta a:hover h2 {font-size: 24px; font-family: Arial; color: #666; text-decoration: none; text-transform: uppercase; margin-top: 7px; margin-bottom: 7px;}
.post .meta span {font-size: 11px; color: #b8b8b8;}
.post .meta span strong {color: #6AB2D2; font-weight: normal;}
.post .cinfo a {display: block; background: url(/images/icons/comments.gif) left center no-repeat; padding-left: 25px; margin-left: 10px; line-height: 30px; margin-top: 5px; color: #6ab2d2;}
.post hr {margin-top: 2px;}
.post img {margin: 10px;}
.post span.image, .post a span.image {display: block; float: left; margin: 3px; margin-right: 10px; border: 1px solid #c7c7c7; padding: 3px; width: 190px; height: 190px;}
.post span.image img {margin: 0;}
.post a:hover span.image {background: #e6e6e6;}
.post a.morelink {display: block; height: 25px; line-height: 25px; float: right; color: #6ab2d2; width: 80px; text-align: center; background: url(/images/morelink.gif) top center no-repeat;margin-top: -5px;}
.post a.morelink:hover {background-position: bottom center; }
.post a.morelink2 {display: block; height: 25px; line-height: 25px; float: right; color: #6ab2d2; width: 150px; text-align: center; background: url(/images/morelink2.gif) top center no-repeat;margin-top: -5px;}
.post a.morelink2:hover {background-position: bottom center; }
.post a.buylink {display: block; height: 66px; line-height: 66px; margin: auto; color: #6ab2d2; width: 260px; text-align: center; background: url(/images/buy_button.png) top center no-repeat;margin-top: -5px; text-indent: -9999px;}
.post a.buylink:hover {background-position: bottom center; }
.post a.buywmz {display: block; height: 40px; line-height: 40px; float: left; color: #6ab2d2; width: 70px; background: url(/images/buy_btns.png) 0px 0px no-repeat;margin-top: -5px; font-size: 14px; color: #3faed3; padding-left: 50px; margin: 5px;}
.post a.buywmr {display: block; height: 40px; line-height: 40px; float: left; color: #6ab2d2; width: 70px; background: url(/images/buy_btns.png) 0px -40px no-repeat;margin-top: -5px; font-size: 14px; color: #3faed3; padding-left: 50px;margin: 5px;}
.post a.buywme {display: block; height: 40px; line-height: 40px; float: left; color: #6ab2d2; width: 70px; background: url(/images/buy_btns.png) 0px -80px no-repeat;margin-top: -5px; font-size: 14px; color: #3faed3; padding-left: 50px;margin: 5px;}
.post a.buywmu {display: block; height: 40px; line-height: 40px; float: left; color: #6ab2d2; width: 70px; background: url(/images/buy_btns.png) 0px -120px no-repeat;margin-top: -5px; font-size: 14px; color: #3faed3; padding-left: 50px;margin: 5px;}
.post a.buywmz:hover, .post a.buywmr:hover, .post a.buywme:hover, .post a.buywmu:hover{color: #f2c110; }

.post .text a {color: #6ab2d2; text-decoration: underline;}
.post .text a:hover {text-decoration: none;}
.post .full {line-height: 180%; font-size: 13px;}
.post .text ul {margin-left: 0px; padding: 0px; list-style-position: inside; list-style-image: url(/images/bullet.gif); color: #6ab2d2;}
.post .text ul li {margin-left: 20px;}
.post .text ol {color: #6ab2d2;}
/*Конец оформления поста блога*/

#subfooter {height: 25px; background: url(/images/sf.png) top center repeat-x; margin-top: 10px;}
.toparr_l {display: block; width: 24px; height: 20px; text-indent: -9999px; background:url(/images/top_arr.png) center center; float: left;}
.toparr_r {display: block; width: 24px; height: 20px; text-indent: -9999px; background:url(/images/top_arr.png) center center; float: right;}

.pages{
float: right; margin-right: 60px;
}

.pages ul{
margin: 0;
padding: 0;
text-align: left;
font-size: 10px;
font-family: Tahoma;
}

.pages li{
list-style-type: none;
display: inline-block;
width: 26px;
padding-left: 4px;
text-align: center;
height: 25px;
line-height: 25px;
}

.pages a, .pages a:visited{
display: inline-block;
width: 26px;
text-align: center;
height: 25px;
line-height: 25px;
padding-left: 4px;
background: url(/images/plink.gif) top center no-repeat;
color: #6ab2d2;
font-weight: bold;
}

.pages a:hover, .pages a:active{
display: inline-block;
width: 26px;
text-align: center;
height: 25px;
line-height: 25px;
padding-left: 4px;
background: url(/images/plink.gif) bottom center no-repeat;
color: #6ab2d2;
}

.pages li.currentpage{
display: inline-block;
width: 26px;
text-align: center;
height: 25px;
line-height: 25px;
background: url(/images/plink.gif) bottom center no-repeat;
color: #6ab2d2;
margin-left: 5px;
margin-right: 0px;
font-weight: bold;
}

.pages li.nextpage{
font-weight: bold;
}

* html .pages li.currentpage, * html .pages li.disablepage{
margin-right: 3px;
padding-right: 0px;
}

#footer {height: 243px; background: #fff url(/images/fbg.png) center center repeat-x;}
.footer_col {width: 290px; margin-top: 10px; float: left;height: 230px;}
.footer_col img {margin-bottom: 5px;}
#cloud {width: 230px; height: 85px; background: url(/images/cloud.png) center center no-repeat; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; color: #33B2DE; font-size: 11px;}
#cloud .tdate {text-align: center; margin-top: 7px;}
#mcomms {margin-top: 10px;}
#mcomms p {width: 285px; font-size: 11px;}
#followme {background: url(/images/follow.png) center center no-repeat; display: block; width: 180px; height: 56px; margin-left: 40px; text-indent: -9999px;}
.f_divide {background: url(/images/f_divide.png) center center no-repeat; width: 20px; height: 230px; float: left; margin-top: 10px;}
.footer_col2 {width: 320px; margin-top: 10px; float: left; margin-left: 10px; font-size: 11px; height: 230px;}
.footer_col3 {width: 290px; margin-top: 10px; float: left; margin-left: 10px;height: 230px;}
.footer_col3 span.cdate {color: #c6c6c6; font-weight: bold;}
.footer_col3 a {color: #6ab2d2; font-weight: bold; margin-right: 7px; margin-left: 7px;}
blockquote {
  font: 11px italic Tahoma;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #f2f2f2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(/images/quote.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  clear: both;
	margin-bottom: 10px;
}

.left {float: left;}
.right {flozt: right; text-align: right}
.comment_add input, .comment_add textarea {margin: 0; margin-bottom: 10px;}
.comment_add {
width: 470px; margin: 5px;
}
.commentlist a {color: #6ab2d2;}
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 560px; background-image: url(/images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(/images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 540px; display: block; background-image: url(/images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; }
.commentlist cite { font-size: 18px; float: left; font-style: normal; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 75%; margin-left: 3%; }
.commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; }
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image: none; width: 100%; padding: 0px !important; }
/* MESSAGE BOXES
/////////////////////////////*/

.message-box { text-align: center; padding: 10px; color:#545454; width:80%;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 1px solid #b5d3ff; border-bottom: 1px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 1px solid #82cb2f; border-bottom: 1px solid #82cb2f; }
.alert { background-color: #fef9db; border-top: 1px solid #fee88b; border-bottom: 1px solid #fee88b; }
.error { background-color: #ffeaeb; border-top: 1px solid #fa9898; border-bottom: 1px solid #fa9898; }

.portfolio img {border: 1px solid #c7c7c7; padding: 3px;}
.shop img {border: 1px solid #c7c7c7; padding: 3px;}
.shop_cost {float: left; background: url(/images/shop_cost.png) center center no-repeat; margin: 10px; padding-top: 10px; width: 100px; padding-left: 5px; height: 85px; text-align: center;}
.prodinfo {background: url(/images/cost.gif) left center no-repeat; padding-left: 40px; line-height: 35px; color: #f85314; font-size: 22px; display: block; margin-bottom: 5px;}
.prodqty {line-height: 25px; color: #c7c7c7; font-size: 16px; display: block; margin-bottom: 5px;}

.clouds_xsmall {font-size: 11px;}
.clouds_small {font-size: 13px;}
.clouds_medium {font-size: 15px;}
.clouds_large {font-size: 18px;}
.clouds_xlarge {font-size: 20px;}
.tagblock a {color: #6ab2d2;}
.tagblock a:hover {text-decoration: underline;}
a.submitter {text-decoration: none;float: left; display: block; width: 98px; height: 26px; line-height: 22px; color: #fff; font-weight: bold;background: url(/images/button.gif) center center no-repeat; text-align: center; margin: 8px;}
input, textarea {border: 1px solid #B5B5B5; color: #666; margin:  8px 0 8px 0;}
input[type="radio"] {width: 16px; height: 16px; border: 0;}