@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; outline: none; }
html, body{ font: 14px Tahoma, Geneva, sans-serif; color:#000; }
a, a span{ color:#0babd8; }
a:hover, a:hover span{ color:#0090cb; }
img{ border: none;}
table{ border-collapse:collapse; }
ul{ list-style:none; }
h1{ font:24px Tahoma, Geneva, sans-serif; color:#76ba06; }
h2{ font:20px Tahoma, Geneva, sans-serif; color:#0babd8; }
h3{ font:18px Tahoma, Geneva, sans-serif; color:#f07902; }
h4{ font:16px Tahoma, Geneva, sans-serif; color:#76ba06; }
#main{ width:100%; min-width:1000px; max-width:1000px; margin:0 auto; }
.topBlock{ float:left; width:100%; }
.contentBlock{ float:left; width:100%; padding:50px 0; }
.leftBlock{ float:left; width:220px; padding:0 40px; }
.rightBlock{ padding-left:300px; }
.contentBlock .rightBlock{ padding-right:40px; }
.bottomBlock{ float:left; width:100%; padding-bottom: 40px; font-size:13px; color:#999; }
.bottomBlock a{ color:#999; margin:0 30px; }
.copyright{ text-align:center; }

.logo{ float:left; width:164px; height:139px; margin:20px 0 0 10px; background: url(../images/logo.jpg) no-repeat; }
.topArticlesBox{ float:left; width:97%; height:178px; background: url(../images/bg1.gif) repeat-x bottom; }
.topArticlesBox .pointL{ float:left; width:24px; height:178px; margin-right:-24px; overflow:hidden; background: url(../images/pointers1.gif) no-repeat; cursor:pointer; }
.topArticlesBox .pointR{ float:right; width:24px; height:178px; margin-left:-24px; overflow:hidden; background: url(../images/pointers1.gif) no-repeat -24px 0; cursor:pointer; }
.topArticlesBox .scrolling{ position:relative; margin:0 24px; height:178px; overflow:hidden; }
.topArticlesBox .scrolling .list{ position:absolute; left:0; top:10px; }
.topArticlesBox .scrolling .list div{ width:153px; padding:0 5px; text-align:center; }
.topArticlesBox .scrolling .list div img{ padding-bottom:5px; }
.topArticlesBox .scrolling .gradientL{ position:absolute; z-index:5; left:-50px; top:0; width:50px; height:173px; background: url(../images/gradients.png) no-repeat; }
.topArticlesBox .scrolling .gradientR{ position:absolute; z-index:5; right:-50px; top:0; width:50px; height:173px; background: url(../images/gradients.png) no-repeat -50px 0; }

.menu{ padding-bottom:20px; }
.menu li{ padding-bottom:10px; }
.menu li a{ text-decoration:none; }
.menu li img{ vertical-align:middle; margin:0 10px 7px 0; }
.menu li span{ text-decoration:underline; }
.menu li a.open span{ color:#76ba06; text-decoration:none; }
.menu li ul{ display:none; padding-left: 45px; }
.menu li ul li{ padding-bottom:5px; font-size:13px; }
.menu li ul li a{ text-decoration:underline; }

.aboutTextBox{ float:left; width:100%; font-size: 12px; color:#666; padding-bottom:50px; }
.aboutTextBox h1{ color:#f07902; padding-bottom:15px; }
.aboutTextBox p{ padding-bottom:10px; }
.aboutTextBox a{ color:#f07902; margin-right:15px; font-size: 14px;}
.informationPageBox h1{ padding-bottom:15px; }

.articlesList{ float:left; width:100%; }
.articlesList .item{ float:left; width:100%; padding-bottom:40px; }
.articlesList .item2{ float:left; width:100%; padding-bottom:40px; }
.articlesList .item .top{ float:left; width:100%; }
.articlesList .item .top h1 a{ color:#76ba06; text-decoration:none; }
.articlesList .item .top p{ float:right; color:#f07902; font-size:18px; margin:2px 5px 0 0; }
.articlesList .item .top span{ font-size:11px; color:#999; }
.stars{ float:left; width:130px; height:24px; overflow:hidden; background: url(../images/stars.gif) repeat-x; }
.stars div{ float:left; width:0; height:24px; overflow:hidden; background: url(../images/stars.gif) repeat-x 0 -24px; }
.articlesList .item .top .stars{ float:right; }
.articlesList .item .cont{ float:left; width:100%; padding-bottom:5px; line-height:21px; }
.articlesList .item .cont .img{ float:left; padding: 5px 20px 10px 0; }
.articlesList .item .cont .img img{ float:left; border: 0px solid #999; }
.articlesList .item .bot{float:left; text-align: right; width:100%; }
.articlesList .item .bot a{padding-left: 20px;}


.acticlePageBox{ float:left; width:100%; }
.acticlePageBox .top{ float:left; width:100%; padding-bottom:10px; }
.acticlePageBox .top  h1{ float:left; width:100%; padding-bottom:10px; }
.acticlePageBox .top .rating{ float:left; margin:2px 5px 0 0; color:#f07902; font-size:18px; }
.acticlePageBox .top .addVote{ float:right; font-size:18px; }
.acticlePageBox .top .addVote a{ text-decoration:none; }
.acticlePageBox .top .addVote a span{ border-bottom:1px dashed #0babd8; }
.acticlePageBox .top .addVote a img{ vertical-align:middle; margin-right:5px; width:25px; height:33px; background: url(../images/icon1.gif) no-repeat; }
.acticlePageBox .top .votes{ float:right; margin:2px 50px 0 0; color:#f07902; font-size:18px; }
.acticlePageBox .top .votes span{ color:#0babd8; }
.acticlePageBox .top .date{ float:left; width:100%; padding-top:5px; font-size:11px; color:#999; }
.acticlePageBox .cont{ float:left; width:100%; line-height:21px; padding-bottom:20px; }
.acticlePageBox .cont td{ padding: 3px 7px; border:1px solid #76ba06; font-size:13px; }
.acticlePageBox .cont th{ padding: 5px 7px; text-align:left; background:#96da26; border:1px solid #76ba06; }
.acticlePageBox .cont ul{ list-style:disc; margin:10px 0 10px 30px; }

.acticlePageBox .bot{ float:left; width:100%; }
.acticlePageBox .bot h1{ float:left; }
.acticlePageBox .bot .addOpinionLink{ float:right; text-decoration:none; font-size:18px; }
.acticlePageBox .bot .addOpinionLink span{ border-bottom:1px dashed #0babd8; }
.acticlePageBox .bot .addOpinionLink img{ vertical-align:middle; margin-right:5px; width:39px; height:32px; background: url(../images/icon2.gif) no-repeat; }
.addOpinionBox{ display:none; float:left; width:660px; padding-top:10px; }
.addOpinionBox input{ float:left; width:650px; padding:2px 4px; border: 1px solid #999; font: 18px Tahoma, Geneva, sans-serif; color:#f07902; }
.addOpinionBox textarea{ float:left; width:650px; height:65px; padding:1px 4px; border: 1px solid #999; font: 14px Tahoma, Geneva, sans-serif; line-height:21px; color:#333; margin:5px 0; }
.addOpinionBox img{ float:left; margin-right:10px;}
.addOpinionBox input.captcha{ font-size:30px; width:150px; padding:5px 5px; height:38px; margin-right:10px; text-align:center; }
.addOpinionBox input#addOpinionButton{ float:right; font-size:18px; width:180px; color:#333; height:50px; padding-bottom:4px!important; border: 1px solid #b8b8b8; cursor:pointer; background:url(../images/butBg.gif) repeat-x 0 bottom; }
.commentsList{ float:left; width:100%; }
.commentsList li{ float:left; width:100%; padding-top:30px; }
.commentsList li h3{ font-size:18px; font-weight:normal; color:#f07902; }
.commentsList li span{ font-size:11px; color:#999; }
.commentsList li p{ line-height:21px; }

.error{ background:#fee; }

.pagesBox{ float:left; width:100%;}
.pagesBox p{ float:left; }
.pagesBox .pages{ padding-left:80px; font-size:11px; }
.pagesBox .pages span{ float:left; padding:3px 12px; background:#ddeec1; color:#76ba06; }
.pagesBox .pages a{ float:left; margin:3px 12px; color:#333; text-decoration:none; }

.feedbackBox td{ padding:0 30px 10px 0; vertical-align:top; }
.feedbackBox td span{ padding-left:2px; color:#f00; }
.feedbackBox td input{ width:350px; padding:3px 5px; border: 1px solid #999; font: 14px Tahoma, Geneva, sans-serif; }
.feedbackBox td textarea{ width:350px; height:100px; padding: 3px 5px; border:1px solid #999; font: 14px Tahoma, Geneva, sans-serif; }
.feedbackBox td input.button{ width:140px!important; padding-bottom:5px!important; float:left; font-size:18px; }
.error{ background:#fee; border-color:#f99!important; }