/*[variables]
colors {@20: #DEC8C0; @10: #D26539; @00: #5B9FB0; }

*/
/*[fmt]1000-110B-3*/
/*====================================================================================
CriticSociety Main Styles
Kemie Guaida   Monolinea.com
last update 27-sept-2008
====================================================================================
-------------------- basic---------------------*/
body {background-color: #EBEDEE; background-image: url(../_img/bg_header.png); background-repeat: repeat-x; color: #55676B; font-family: Calibri, "Segoe UI", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; }

body, html {height: 100%; margin: 0; padding: 0; }

td, select, input, select, textarea, option {font: normal 1em Calibri, "Segoe UI", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }

a {color: #215F72; outline: none; text-decoration: underline; }

a:visited {color: #215F72; }

a:hover, a:visited:hover {color: #1A677F; text-decoration: none; }

a:active {color: #1A677F; }

a img {border: 0; }

p {margin: 0; padding: 6px 0; }

td, th {margin: 0; padding: 0; vertical-align: top; }

ul {margin: 5px; padding: 0 0 0 10px; }

ul li {list-style-image: url(../_img/bullet_default.png); padding: 2px 0; margin: 0; list-style-position: outside; line-height: 115%; }

.clearme {overflow: auto; }

/*ie5 mac only*/
* html>body .clearme {display: inline-block; overflow: visible; }

/*-------------------- common classes---------------------*/
.r {text-align: right; }

.review p.r {clear: both; }

.morelink {font-size: 15px; font-weight: bold; background-image: url(../_img/bg_morelink.png); background-repeat: no-repeat; background-position: top right; padding-right: 18px; text-decoration: none; }

.morelink:hover {background-position: bottom right; color: #5B9FB0; }

.lesslink {font-size: 15px; font-weight: bold; background-image: url(../_img/bg_lesslink.png); background-repeat: no-repeat; background-position: top left; padding-left: 18px; text-decoration: none; }

.lesslink:hover {background-position: bottom left; color: #5B9FB0; }

/*-------------------- headers---------------------*/
h1 {font-size: 25px; background-image: url(../_img/gr_logo_cs.png); background-repeat: no-repeat; width: 324px; height: 81px; margin: 0; padding: 0; overflow: hidden; float: left; }

h1 a {display: block; height: 100%; text-indent: -9999px; }

h2 {font-size: 28px; font-weight: bold; margin: 10px 0 5px; padding: 0px; color: #D2653A; }

h3 {font-size: 18px; font-weight: bold; margin: 0 -5px 5px; padding: 2px 4px 6px 22px; color: #5B9FB0; /*[e]@00*/ border-bottom: 3px solid #BDD8DF; background-repeat: no-repeat; background-position: 2px 2px; }

.critic h3 {background-image: url(../_img/ic_critic.png); }

.article h3 {background-image: url(../_img/ic_articles.png); }

#feat h3 {background-image: url(../_img/ic_review.png); }

#featart h3 {background-image: url(../_img/ic_articles.png); }

#headlines h3 {background-image: url(../_img/ic_headlines.png); }

#subscribe h3 {background-image: url(../_img/ic_subscribe.png); }

#latestcomm h3 {background-image: url(../_img/ic_comments.png); }

#reviews h3 {background-image: url(../_img/ic_reviews.png); }

#upcoming h3 {background-image: url(../_img/ic_upcoming.png); }

#upcoming2 h3 {background-image: url(../_img/ic_upcoming2.png); }

#reviewlist h3 {background-image: url(../_img/ic_reviews.png); }

.reviewlist h3 {background-image: url(../_img/ic_reviews.png); }

#reviewlist2 h3 {background-image: url(../_img/ic_reviews2.png); }

.reviewlist2 h3 {background-image: url(../_img/ic_reviews2.png); }

#top10 h3 {background-image: url(../_img/ic_top10.png); }

#top102 h3 {background-image: url(../_img/ic_top102.png); }

#links h3 {background-image: url(../_img/ic_links.png); }

#advertisement h3 {background-image: url(../_img/ic_links.png); }

#archive h3 {background-image: url(../_img/ic_articles2.png); }

.sidebox h3 {color: #D26539; /*[e]@10*/ border-bottom-color: #DEC8C0; /*[e]@20*/ }

#commentform h3 {background-image: url(../_img/ic_commentform.png); border-bottom-color: #EBD4CB; color: #D26539; }

#comments h3 {background-image: url(../_img/ic_comments2.png); }

h4 {font-size: 14px; font-weight: normal; margin: 0; color: #738388; padding: 4px 0; border-bottom: 2px solid #E3E6E8; }

.sidebox h4 {font-size: 13px; margin: 0; color: #5B9FB0; padding: 4px 0; border-bottom: 3px solid #BDD8DF; }

.comment h4 {background-image: url(../_img/ic_user.png); background-repeat: no-repeat; padding-left: 20px; background-position: 0 2px; }

h5 {font-size: 13px; margin: 0 10px; padding: 0; }

h6 {font-size: 12px; margin: 0 10px; padding: 0; }

/*-------------------- forms---------------------*/
form {margin: 0; padding: 0; }

input.text, textarea {background-color: #F3F4F4; border: 1px solid #BCC3C5; color: #666666; padding: 1px 2px; background-image: url(../_img/bg_inputs.png); }

input.text:focus, textarea:focus {border: 1px solid #D26539;  color: #333333; }

input.button {float: right; font-weight: bold; margin-right: 12px; padding: 2px 8px 3px; background-image: url(../_img/bg_btn.png); background-repeat: repeat-x; background-color: #83A5B1; border: 1px solid #397081; color: #D2DFE3; overflow: visible; }

input.button:hover {color: white; border: 1px solid #305F6D; }

label {display: block; float: left; width: 112px; font-size: 14px; }

form p {clear: left; }

/*-------------------- layout---------------------*/
#container {margin: 0px auto; width: 950px; background-image: url(../_img/bg_header.png); background-repeat: repeat-x; }

/*==header*/
/*#header {
	color: white;
	position: relative;
	height: 122px;
	width: 1067px;
}*/
#header {color: white; position: relative; height: 120px; }

#searchform {float: right; margin-top: 15px; text-align: right; }

#searchform input {vertical-align: middle; }

#searchform .text {background-image: url(../_img/bg_searchinput.png); background-repeat: repeat-x; border: 1px solid #5F7277; width: 200px; height: 18px; background-color: #BAC2C5; color: white; }

#searchform .button {float: none; background-image: url(../_img/bg_headerbtn.png); background-repeat: no-repeat; border: none; line-height: 21px;  width: 66px; text-align: center; color: #D2DFE3; font-size: 13px; padding: 4px; }

/*==main*/
#main {float: left; padding: 10px 0; width: 651px; }

#feat {font-size: 14px; }

#featart {font-size: 14px; }

.maincontent {text-align: justify; background-image: url(../_img/bg_review.png); background-repeat: no-repeat; padding: 10px 15px; font-size: 13px; color: #424C4F; }

.reviewimg {border: 1px solid #738388; float: left; margin-right: 15px; margin-top: 12px; }

.reviewlist {width: 381px; padding: 10px 15px; background-image: url(../_img/bg_reviews.png); background-repeat: no-repeat; float: left; }

.rlist {margin: 10px 5px; padding: 0 10px; }

.rlist li {margin: 4px 0; padding: 0 2px; list-style-image: url(../_img/bullet_review.png); list-style-position: outside; line-height: 150%; }

.rlist li img {vertical-align: middle; margin: 0 2px; }

.moreinfo {width: 201px; float: right; padding: 10px 15px; margin-bottom: 10px; background-image: url(../_img/bg_sideinfo.png); background-repeat: no-repeat; }

ol {margin: 0; padding: 0 20px; }

ol li {margin: 4px 0 0 8px; padding: 0 2px; list-style-position: outside; line-height: 130%; font-size: 16px; color: #D2653A; font-weight: bold; }

ol li a {font-weight: normal; font-size: 13px; }

/*==sidebar*/
#sidebar {float: right; padding: 10px 0; width: 290px; }

.sidebox {background-image: url(../_img/bg_sidebox.png); background-repeat: no-repeat; padding: 10px; margin-bottom: 10px; line-height: 118%; }

.thumb {float: right; margin-left: 5px; border: 1px solid #738388; max-width: 65px; }

#headlines {line-height: 115%; }

#footer {background-image: url(../_img/bg_footer.png); background-repeat: no-repeat; clear: both; font-size: 11px; color: #A6B0B4; padding: 5px 10px; }

/*-------------------- nav---------------------*/
#nav {margin: 0px; padding: 0px 0 1px; position: absolute; bottom: 10px; right: 0; font-size: 16px; font-weight: bold; border-left: 1px solid #576B70; border-right: 1px solid #A6B0B4; }

#nav li {float: left; list-style: none; padding: 0 0 1px; margin: 0; }

#nav a {border-right: 1px solid #576B70; border-left: 1px solid #A6B0B4; float: left; padding: 4px 15px; text-decoration: none; color: #CCE0E5; }

#nav a:hover {color: white; }

#nav a.current {background-color: #596C72; color: #EDDED8; }

/*Toggler-------------------------------------------------------------------
Toggler - default style*/
.toggler {margin: 10px 0 0; cursor: pointer; text-decoration: none; font-size: 14px; color: #1A677F; font-weight: bold; display: block; text-align: right; padding: 0 20px 0 0; /*[ph]0*/ }

@media print {.toggler {/*[id]0*/display: none; }}

.toggler-closed {background: url(../_img/ic_plus.png) no-repeat bottom right; }

.toggler-closed:hover {background-position: top right; color: #5B9FB0; }

.toggler-opened {background: url(../_img/ic_minus.png) no-repeat bottom right; }

.toggler-opened:hover {background-position: top right; color: #5B9FB0; }

/*Container - default style*/
.toggler-c {/*[ph]1*/ }

@media print {.toggler-c {/*[id]1*/margin-bottom: 25px; }}

.toggler-c-closed {}

.toggler-c-opened {}

/*-------------------- archive---------------------*/
.optlist a {}

.optlist a.active {color: #D26539; text-decoration: none; }

.sortlist {margin: 5px 0; padding: 0 5px; text-align: center; }

.sortlist li {display: inline; padding: 0 5px; border-right: 1px solid #E3E6E8; }

/*-------------------- tables ---------------------*/
table {margin: 10px auto; border-collapse: collapse; }

th, td {padding: 3px 5px; vertical-align: top; text-align: left; }

th {background-color: #D3E0E4; background-image: url(../_img/bg_th.png); background-repeat: repeat-x; border: 1px solid #A6BFC7; }

td {border: 1px solid #DBE2E3; background-image: url(../_img/bg_tr1.png); background-repeat: repeat-x; background-color: #F5F6F7; }

td a {font-weight: bold; }

.altrow td {background-image: url(../_img/bg_tr2.png); background-color: #F5F6F7; }

/*---------------review page--------------*/
.reviewinfo {font-size: 15px; float: left; width: 400px; margin-bottom: 10px; line-height: 125%; }

.reviewinfo dt {float: left; width: 110px; color: #67A3B4; clear: left; }

.reviewinfo dd {}

.comment {background-image: url(../_img/bg_comment.png); background-repeat: no-repeat; padding: 10px; margin: 10px -4px; }

#comments {margin: 10px 0; }