body { background: url('/img/bg-posts.png') }

.cyan, .green, .red, .yellow, .purple { width: 490px }
.cyan .top, .cyan .bottom, .cyan .content,
.green .top, .green .bottom, .green .content,
.red .top, .red .bottom, .red .content,
.purple .top, .purple .bottom, .purple .content,
.yellow .top, .yellow .bottom, .yellow .content { width: 480px }

.cyan-right, .green-right, .red-right, .yellow-right, .purple-right { width: 285px }
.cyan-right .top, .cyan-right .bottom, .cyan-right .content,
.purple-right .top, .purple-right .bottom, .purple-right .content,
.green-right .top, .green-right .bottom, .green-right .content,
.red-right .top, .red-right .bottom, .red-right .content,
.blue-right .top, .blue-right .bottom, .blue-right .content,
.yellow-right .top, .yellow-right .bottom, .yellow-right .content { width: 275px }

.cyan .content h2 { color: #6acddf }
.khaki .content h2 { color: #6acddf }
.blue .content h2 { color: #485978 }
.green .content h2 { color: #485978 }
.red .content h2 { color: #f35955 }
.yellow .content h2 { color: #e5c119 }
.purple .content h2 { color: #485978 }

.cyan-right .title { background: #008A97  }
.cyan-right .content h2 a { color: #008A97  }
.cyan-right .more { background: #008A97 ; border-color: #008A97  }
.cyan-right .entry h3 a { color: #008A97  }

.blue-right .title { background: #f35955 }
.blue-right .content h2 a { color: #f35955 }
.blue-right .more { background: #436fc0; border-color: #204d9f }
.blue-right .entry h3 a { color: #0096b1 }
.blue-right .content { padding-top: 0 !important}
.blue-right .info {width:200px !important}
 
.green-right .title { background: #7f8a9c }
.green-right .content h2 a { color: #7f8a9c }
.green-right .more { background: #7f8a9c; border-color: #7f8a9c }
.green-right .entry h3 a { color: #485978 }

.red-right .title { background: #ff6f42 }
.red-right .content h2 a { color: #ff6f42 }
.red-right .more { background: #ff6f42; border-color: #ff6f42 }
.red-right .entry h3 a { color: #ff6f42 }

.yellow-right .title { background: #e5c119 }
.yellow-right .content h2 a { color: #e5c119 }
.yellow-right .more { background: #e5c119; border-color: #dbb000 }
.yellow-right .entry h3 a { color: #e5c119 }

.purple-right .title { background: #b1005c }
.purple-right .content h2 a { color: #b1005c }
.purple-right .more { background: #b1005c; border-color: #A8005C }
.purple-right .entry h3 a { color: #A8005C }

.breaker { height:17px; background: #cdd2da; position: relative; margin-top: 43px }
.paging a {display: block;color: #fff}
.paging {float: right;padding-left: 3px; background-color: #FFF; margin-right: 10px; color: #f7f7f7; font-size: 12px}
.paging .button {width: 22px; height: 17px;background-color: #FFF;float: left; padding-right: 3px; cursor: pointer;}
.paging .button-inner-active {background-color: #626b78; height: 17px; text-align: center; line-height: 18px}
.paging .button-inner {background-color: #a3a6aa; height: 17px; text-align: center; line-height: 18px}

.comment-btn { position: absolute; top: -35px; left: -2px }
.comment-list { background: #eff0f1; padding: 20px 10px 10px 15px }
.comment-list-add { background: #eff0f1; padding-top: 40px }
.comment-list-add .breaker { margin-top: 0 }
.comment-list .avatar { background: url('/img/avatar.png') no-repeat; float:left; width: 46px; height: 46px; display: inline }
.comment-list .text { margin-left: 10px; width: 385px; float:left; display: inline }
.comment-breaker { height: 1px; background: #fff; overflow: hidden }
.comment-add { background: #cdd2da; padding: 5px 10px 55px 20px }
.comment-field { color: #656D7B; font-size: 12px; margin-bottom: 0px; margin-top: 5px }
.comment-inp { background: url('/img/comment-inp.png') no-repeat; border:none; width: 342px; height: 19px }
.comment-txt { background: url('/img/comment-txt.png') no-repeat; border:none; width: 342px; height: 123px }
.comment-name { color: #8698af }

#comment-btn-sb { width: 117px; height: 21px; background: url('/img/vote-btn-bg.png') no-repeat; margin-left: 20px; border: none }
.vote-btn-bg { height: 21px; background-color:#a6aab0 }

.block .more { height: 13px; padding: 4px 0 0 32px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-top: 0px }
.block .content img.main-middle { border: 3px solid #ececec;  width: 245px; margin: 0 0 0 -3px }

.blue .library {  }
.blue .library ul { list-style: none }
.blue .library ul li { margin-bottom: 25px; overflow: hidden }
.blue .library .info { margin-left: 7px; margin-top: 2px; float:left; width: 423px }
.blue .library .date { color: #878787; font-size: 10px; text-transform: uppercase; }
.blue .library .link { color: #436fc0; font-size: 12px; text-transform: uppercase;}
.blue .library .author { color: #878787; font-size: 12px; font-style:italic; }

.blue .search_box {width: 455px; height: 38px; background: #eff0f1;padding-left: 25px; padding-top: 20px}
.blue .search_box .search_box_wrapper {float: left}
.blue .search_box .search_box_wrapper_btn {float: left; margin-left: 17px;}
.blue .search_box select {padding: 2px}
.blue .search_box .theme {width: 220px; }
.blue .search_box .month {width: 85px; }
.blue .search_box .year {width: 75px; }
.blue .content {background-image: url("/img/library_shadow.jpg");background-position: top left;background-repeat: repeat-x;padding: 17px 7px 17px 7px }

.khaki .content {padding: 0; }
.khaki .content .content_wrapper {padding: 15px 15px 15px 15px}
.khaki .content .content_wrapper h2 {color: #7c8a06; text-transform: capitalize;  padding:0; font-size:18px; line-height:23px}
.khaki .content .content_wrapper h3 {color: #7c8a06; text-transform: uppercase; font-size:12px !important; margin-bottom: 10px}
.khaki .content .content_wrapper p { padding:0;}
.khaki .content .content_wrapper .text {color: #000; padding:0; margin-bottom: 30px}
.khaki .content .content_wrapper label {display:block; width:115px; float:left; margin-bottom:5px}

.khaki .category-box {height: 21px;background-color: #b4c900; font-size: 10px}
.khaki .separator {height: 2px;background-color: #FFF;overflow:hidden}
.khaki .category-box ul {list-style: none;}
.khaki .category-box ul li{list-style: none;display: inline;float: left;background-color: #fff;}
.khaki .category-box ul li a {float: left; background-color: #b4c900; margin-right: 2px; line-height: 21px;padding: 0 20px;color: #FFF; text-transform: uppercase;font-weight: bold;}
.khaki .category-box .active {background-color: #819000}

.khaki .alphabet {height: 34px; background: #fff; padding-left: 15px; padding-top: 28px; padding-right:15px; uppercase;font-size: 11px;color: #7c8a06}
.khaki .alphabet a {color: #7c8a06}

.khaki .breaker {height: 17px; position: relative; background-color: #cdd2da; padding-right: 10px;}
.khaki .breaker div {position: absolute;bottom: 0; left: 0;background-image: url("/img/letter_bg.png");height: 36px; width: 65px;color: #fff; text-transform: uppercase;font-size: 24px; text-align: center;padding-top:8px }
.khaki .breaker a {display: block;height: 17px;width: 25px;float: right;background-image: url("/img/to_top_btn.gif");}
.khaki .breaker .a_none {background-image: none;float: none;display: inline;}

.khaki .content ul {list-style: none;margin: 30px 0 65px 15px;}
.khaki .content ul li {margin-bottom: 20px}
.khaki .content .tit {font-size: 12px; color: #7c8a06; text-transform: uppercase;font-weight: bold;}
.khaki .content .date {font-size: 10px; color: #878787; text-transform: uppercase;font-weight: bold;}

.full .top-box {background-color: #eff0f1; padding: 20px 15px}
.full .top-box img {border: 3px solid #ececec;}
.full .separator {background-color: #fff; height: 2px;overflow: hidden; }
.full .content {background-image: url("/img/library_shadow.jpg");background-position: top left;background-repeat: repeat-x;}
.full .top-box .entry {margin: 0 0 0 4px}
.full .top-box .entry .count {padding: 0 5px 0 20px}
.full .top-box .entry h3 {text-transform: uppercase;font-size: 16px}
.full .top-box .text {font-size: 12px; color: #2e2e2e; margin:15px 0 0 4px}

.full .entry_wrapper .thumb {float:left; border: 3px solid #ececec;margin: 0 10px 5px 0 ;width:130px}
.full .entry_wrapper .thumb img{margin: 0}
.full .content .entry {float: left;width:430px}
.full .entry_wrapper {margin: 21px 15px 21px 15px}
.full .entry_wrapper .entry {margin: 0 0 0 0;}
.full .entry_wrapper .entry h3 {text-transform: uppercase;}
.full .entry_wrapper .text {color: #2e2e2e; }

.full .content .paging-box {height: 17px; background-color: #cdd2da; margin: 60px 0 50px 0}

.error { color: red }