body {background: #E5ECF3; color: #3b3b3b; font: 10pt "arial", sans-serif;}
a {color: #008000; text-decoration: none;}
a:hover {color: #00c000;}

h1, h2, h3, h4 {color: #004000;}
h1 {font-size: 22pt; padding: 5px 0px; line-height: 30px;}
h2 {font-size: 12pt; padding: 4px 0px;}
h3 {font-size: 10pt; padding: 3px 0px;}
h4 {font-size: 9pt; padding: 2px 0px;}

.wrap {width: 920px; margin: 0 auto; position: relative;}
#head {height: 90px;}
#main {width: 490px; overflow: hidden; float: left;}
#side {width: 390px; overflow: hidden; float: right;}
#foot {clear: both;}

#head {background: #92c315 url(/images/head.gif) repeat-x top;}
#head h1 {line-height: 64px; position: absolute; left: 0px; top: 10px; padding: 0px;}

.user {background: url(/images/user.gif) center left no-repeat; padding: 10px; width: 160px; height: 50px; overflow: hidden; position: absolute; right: 0px; top: 10px;}
.user p {font-weight: bold; margin: 5px 0px 5px 55px; text-align: center; line-height: 20px; white-space: nowrap;}
.user a.facebook {background: url(/images/facebook.gif) no-repeat center left; color: #fff; padding: 3px 6px 3px 22px;}

#menu {background: #92c315; font-size: 10pt; font-weight: bold; line-height: 26px;}
#menu ul li {display: inline; margin-right: 4px;}
#menu ul li a {background: #666; color: #fff; display: inline-block; padding: 0px 8px; text-decoration: none;}
#menu ul li a:hover {background: #999; color: #fff;}
#menu ul li a.active {background: #f6f6f6; color: #000;}
#menu ul li.high a {background: #ef7e30;}
#menu ul li.high a:hover {background: #999; color: #fff;}
#menu ul li.high a.active {background: #f6f6f6; color: #000;}

#submenu {background: url(/images/submenu.gif) repeat-x bottom; font-size: 8pt; font-weight: bold; line-height: 26px;}
#submenu ul li {display: inline;}
#submenu ul li a {color: #333333; display: inline-block; padding: 0px 4px; text-decoration: underline;}
#submenu ul li a:hover {text-decoration: none;}

#body {background: #ffffff; border: 1px solid #92C315; margin: 10px 0px; padding: 10px;}

.block {background: #e8fbd5; padding: 5px;}
.block li a {padding: 2px; text-decoration: underline;}
.block li a:hover {background: #92C315; color: #fff; text-decoration: none;}
.border {border-bottom: 2px solid #008000;}
.borders {border-top: 1px solid #898989; border-bottom: 1px solid #898989; margin: 5px 0px;}
.shadow {background: url(/images/shadow.gif) top repeat-x;}
.shadow li {padding: 5px;}
.line {border-bottom: 1px dashed #606060; padding-bottom: 10px; margin-bottom: 10px;}
.raquo {background: url(/images/raquo.gif) 0px 4px no-repeat; padding-left: 10px;}

.item {width: 240px; overflow: hidden;}
.item .image {width: 80px;}
.item .image img {width: 80px; height: 80px;}
.item .text {width: 155px;}
.item .meta {color: #898989; font-size: 8pt; font-weight: bold; white-space: nowrap;}
.item .perex {line-height: 17px; margin: 5px 0px;}

.list .image {width: 120px;}
.list .image img {width: 120px; height: 90px;}
.list .text {width: 365px;}
.list .text h2 {padding: 0px;}
.list .meta {color: #898989; font-size: 8pt; font-weight: bold; white-space: nowrap;}
.list .perex {margin: 5px 0px;}

.article .image {background: #EFEFEF; border: 1px solid #C0C0C0; text-align: center; padding: 4px;}
.article .text p {line-height: 20px; margin: 10px 0px;}
.article .text p+p {text-indent: 40px;}
.article .text ul {margin-left: 10px; padding-left: 10px;}
.article .text ul li {margin: 5px 0px; list-style: disc;}
.article .text ol {margin-left: 20px; padding-left: 10px;}
.article .text ol li {margin: 5px 0px; list-style: decimal;}
.article .meta {font-size: 9pt; font-weight: bold; line-height: 20px; margin: 5px 0px 5px 55px; margin-left: 55px;}
.article .perex {color: #555555; font-style: italic; line-height: 20px; margin: 10px 0px;}

#rank {float: left; width: 55px; height: 65px; line-height: 30px; margin: 10px 10px 10px 0px;}

.vote {font-size: 9pt; font-weight: normal; padding: 2px 2px 2px 20px; line-height: 20px;}
.vote.like {background: url(/images/like.gif) center left no-repeat; color: #3b5998;}
.vote.like:hover {color: #3b5998; text-decoration: underline;}
.vote.dislike {background: url(/images/dislike.gif) center left no-repeat; color: #ef7e30;}
.vote.dislike:hover {color: #ef7e30; text-decoration: underline;}
.vote.ajax {background-image: url(/images/ajax.gif);}

.avatar {border: 1px solid #ddd; display: inline-block; padding: 4px;}
.avatar:hover {border-color: #aaa;}
.avatar.like {background-color: #D0D0FF;}
.avatar.dislike {background-color: #FFD0D0;}

.pages {text-align: center; padding: 5px; position: relative;}
.pages li {display: inline;}
.pages li.next {position: absolute; right: 0px;}
.pages li.back {position: absolute; left: 0px;}
.pages li a {background: white; border: 1px solid silver; padding: 2px 4px;}
.pages li b {background: gray; border: 1px solid silver; color: white; padding: 2px 4px;}

.etarget {padding: 5px 0px;}
.etarget .selfpromo {display: none;}
.etarget .block .logo {float: left; width: 100px;}
.etarget .block .title {margin-left: 105px;}
.etarget .block .description {margin-left: 105px;}
.etarget .block .url {margin-left: 105px;}

#side .area {border: 1px solid #bbb; width: 300px; height: 50px; padding: 4px;}
#side .button {font-size: 8pt; font-weight: bold; text-transform: none; padding: 4px 12px; margin-top: 5px;}
#side .error {border: 1px solid #ffaeae; width: 280px; background: #feebeb url(../images/error.gif) no-repeat 4px 5px; color: #f00; padding: 4px 4px 4px 24px; margin-top: 5px; line-height: 18px;}

#foot {margin: 10px 0px;}
#foot p {font-size: 8pt; text-align: center;}