/* reset */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
dl {list-style-type: none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* standard tags/controls */
h1, h2, h3, h4, h5 {font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-style: normal; margin: 0; padding: 0;}
h2 {color: #F90; font-size: 2em; margin-bottom: 1em;}
h3 {font-size: 1.5em; color: #898989;}
h4 {color: #898989; margin-top: 1.5em; font-size: 1.2em;}

p {line-height: 1.3em; text-align: left; margin-bottom: 0.8em;}

a {color: #D70; text-decoration: none; padding-bottom: 1px; /*border-bottom: 1px solid #C60;*/}
a:hover {color: #F90;}

ol, ul {list-style-position: outside; margin-left: 0.5em; padding-left: 0.5em;}
ul {list-style-type: square;}

/* links for edit mode */
a.edit {display: inline-block; margin: 0.5em 0.5em 0 0; padding: 1px 3px;
    color: #090; background-color: #EFE; border: 1px solid #090; }
a.edit:hover {color: #090; border-color: #090; background-color: #DED;}

input {margin: 0; padding: 2px; font-size: 0.9em;}
input.textbox {border: 1px solid #999; font: 1em Arial, Verdana, sans-serif; padding:2px;}
input.button {background: #CCC url(img/button_bg.jpg) 100% 100% no-repeat; border: none;}
textarea {font-family: Arial, Verdana, Sans-Serif;}
.back {float: left; background: url(img/back_btn.gif) 0 50% no-repeat; height: 2em; width: 0px; margin-right: 5px; padding-left: 30px; overflow: hidden;}

fieldset {padding: 1em;}
legend {color: #F90; font-size: 1.5em; font-weight:lighter; padding: 0.5em 0;}

strong {font-weight: bold;}
em {font-style: italic;}

/* body, main sections */
body {margin: 0; padding: 0;
    color: #543; font: small Verdana, Arial, sans-serif;
    /*background: #CCF url(img/body_bg.gif) 0 0 repeat;*/
    background: #8FB000 url(img/page_bg.jpg) 0 0 repeat-x;}
#container {margin: 0 auto; padding: 0 10px; width: 880px; min-width: 760px;
    background: url(img/container_shadow.png) 0 0 repeat-y; /*border: 1px solid #1A1C23;/*#778 #62751C*/ /*border-width: 0 1px;*/
    text-align: left;}
#header {margin: 0; padding: 0; height: 160px;
    background: #000 url(img/title_bg.jpg) 0 0 repeat-x; z-index: 10;}
#navigation {position: absolute; top: 148px; margin: -1.8em auto 0; width: 880px;
     z-index: 100;}
#extras {position: absolute; width: 880px; top: 6px;
    margin: 0 auto; z-index: 14;}
#search {position: absolute; width: 880px; top: 120px; margin: 0 auto; padding: 0;
    text-align: right;}
#content, #cont {margin: 0; padding: 2em 15px; font-size: 1.1em; min-height: 60%;}
#footer {margin: 3em 0 0; padding: 0; clear: both;
    background: #CCC url(img/footer_bg.jpg) 0 0 repeat-x; height: 34px;
    white-space:nowrap;}
#testing {padding: 2em;}

/* header */
#header .sitetitle {position: absolute; margin: 0; padding: 0; height: 50px; width: 430px;
    background: #F90 url(img/sitetitle.jpg) 0 0 no-repeat; z-index: 12;}
#header .sitetitle span {margin-left: -200em; width: 0;}
#header .sitetitle a {position: absolute; display: block; height: 50px; width: 430px;}
#header h1.pagetitle {position: absolute; top: 0; padding: 2em 0 0; margin-left: 340px;
    background-position: 0 0; background-repeat: no-repeat; height: 120px; z-index: 13;}
#header h1.pagetitle span {padding-left: 130px;
    color: #FFF; font-size: 45px; font-weight: normal;}
#header a {border: none; padding-bottom: 0;}
#header a:hover {text-decoration: underline;}

/* navigation */

#navigation a, #navigation span {display: block; padding: 0.25em 1.3em 0.25em 0; margin-left: 0.5em;
    color: #CCC; font-size: 1.1em; text-decoration: none;}
#navigation span {cursor: default;}
#navigation ul {padding: 0; margin: 0; list-style-type: none;}
#navigation li {padding: 0; margin: 0 0 0 0.25em; float: left;}
#navigation li:hover {background: url(img/mnu_hover_l.gif) 0 0 no-repeat;}
#navigation li.active:hover {color: #CCC; background: url(img/mnu_hover_l.gif) 0 0 no-repeat; margin-top: 0;}
#navigation li:hover a, #navigation li:hover span {background: url(img/mnu_hover_r.gif) 100% 0 no-repeat;}
#navigation li.active:hover a, #navigation li.active:hover span {color: #CCC; background: url(img/mnu_hover_r.gif) 100% 0 no-repeat;}
#navigation li.active:hover li a, #navigation li.active:hover li span {background: none;}
#navigation li.active {background: url(img/mnu_active_l.gif) 0 0 no-repeat; margin-top: 1px;}
#navigation li.active a, #navigation li.active span {color: #432; background: url(img/mnu_active_r.gif) 100% 0 no-repeat;}
#navigation li.active li a {color: #CCC;}
#navigation li ul {position: absolute; display: none; background-color: #606176; padding: 3px;}
#navigation li:hover li {background: none; float: none; margin: 0; font-size: 0.9em; padding: 0;}
#navigation li:hover li:hover {background: #445;}
#navigation li:hover li a {background: none;}
#navigation li:hover ul {display: block;}

/* search */
#search .textbox, #search .watermark {font-size: 0.8em; width: 8em;
    background-color: #FC0; border: 1px solid #F90; border-color: #F90 #FD0 #FD0 #F90; z-index: 200;}
#search .button {margin-left: 3px; font-family: Courier New; background: none; border: none}
#search .button, #search .watermark {color: #765;}
#search span {display: block; float: right; width: 9em; white-space: nowrap; padding: 6px 3px 1em 85px; background: url(img/search_bg.jpg) 0 0 no-repeat;}

/* members (login) */
#extras ul {margin: 0 2px; padding: 0; list-style-type: none; float: right;}
#extras li {margin: 0 0 0 0.25em; float: left; height: 23px; width: 22px;}
#extras li a {display: block; height: 22px;}
#extras li span {margin-left: -200em;}
#extras li.rss {background: url(img/btn_rss.gif) 0 0 no-repeat;}
#extras li.rss:hover {background-position: -22px 0;}
#extras li.loggedin {background: url(img/btn_login.gif) -44px 0 no-repeat;}
#extras li.loggedin:hover  {background-position: -66px 0;}
#extras li.loggedout {background: url(img/btn_login.gif) 0 0 no-repeat;}
#extras li.loggedout:hover {background-position: -22px 0;}
#extras li ul {position: absolute; display: none; padding: 3px; top: 23px; right: 1px;
    background-color: #FFA900;}
#extras li.rss ul {right: 26px;}
#extras li:hover ul {display: block;}
#extras li li {float: none; margin: 0; padding: 0; height: auto; width: auto;}
#extras li li a {display: block; padding: 1px 2px; color: #654; background-image: none; height: auto;}
#extras li li span {margin-left: 0;}
#extras li li a:hover {background-color: #F90;}

/* side bar */
#sidebar {padding: 2em 0 0 15px;}

/* theme */
#theme {width: 880px; height: 10px; text-align: right; position: absolute; top: 5px;}
#theme select {display: none;}
#theme:hover {height: 150px;}
#theme:hover select {display: inline;}

/* footer */
#footer ul {margin: 0 0 0 12em; padding: 4px 0 0;  white-space: nowrap;}
#footer li {float: left; margin: 5px 0 0; padding-top: 4px; height: 18px;
    font-size: 11px; list-style: none;
    background: url(img/footer_bg_m.jpg) 0 0 repeat-x;}
#footer li.update {padding-left: 36px;
    background: url(img/footer_bg_l.jpg) 0 0 no-repeat;}
#footer li.design {padding-right: 36px;
    background: url(img/footer_bg_r.jpg) 100% 0 no-repeat;}
#footer li span {border-left: 1px solid #543; padding: 0 1em;}
#footer li.update span {border-left: none;}
#footer li a {color: #543;}
#footer li a:hover {color: #630;}

/* paging navigation */
.navigation {margin: 0; padding: 0.5em;
    border: 1px solid #DDD; border-width: 0 0 1px 0;}
.navigation span {white-space: nowrap;}
.navigation h2 {display: none;}
.navtop {margin-bottom: 2em;}
.navbottom {margin-top: 2em; border-width: 1px 0 0;}

/* filter */
.filter {margin: 0; padding: 10px 10px 0 10px;
    background: url(img/fbox_t.gif) 0 0 no-repeat;}
.filter h2 {display: inline; padding-right: 0.5em;
    color: #F90; font-size: 1.5em; margin: 0;}
.filter .button {white-space: nowrap;}
.filter .checkbox {margin-right: 1em;}
.filter .checkbox input {padding: 0;}
.filter .select option {background-color: #DDD;}
.filterbottom {width: 100%; height: 10px; background: url(img/fbox_b.gif) 0 100% no-repeat;}

/* validators, feedbacks */
.validator {color: #F00; font-size: 0.9em;}
.feedback {display: block; margin: 1em 0; padding: 0.5em;}
.success {background-color: #CF9; border: 1px solid #090;}
.error {background-color: #FC9; border: 1px solid #900;}

/* misc */
.highlight {background-color: #FFD;}
.horizontal {width: 100%;}
.vertical {height: 100%;}

/* roundedbox */
.roundedbox {margin: 0; padding: 0; background: #FFF url(img/roundedbox_r.gif) bottom right no-repeat;}
.roundedbox h2 {margin: 0; padding: 0.3em 0.5em 0.3em 0;
    color: #666; font-weight: bold; font-variant:small-caps;
    background: #F6F6F6 url(img/roundedbox_r.gif) top right no-repeat;
    border-bottom: 1px solid #DDD;}
.roundedbox h2 span {margin: 0; padding: 0.3em 0 0.3em 0.5em;
    background: url(img/roundedbox_l.gif) top left no-repeat;}
.roundedbox .content {margin: 0; padding: 0.5em;
    background: url(img/roundedbox_l.gif) bottom left no-repeat;}
    
/* slider */
.slider_rail {background: url(img/slider_rail.gif) 0 0 no-repeat;
    position: relative; display: inline-block; margin: 0; padding: 0;
    height: 20px; width: 160px; cursor: pointer;}
.slider_handle {background: url(img/slider_handle.gif) 0 0 no-repeat;
    position: absolute; margin: 0; padding: 0;
    width: 9px; height: 20px;}

/* rating */
.ratingstar {font-size: 0em; width: 23px; height: 23px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat;}
.filledratingstar, .waitingratingstar {background-image: url(img/ratingFilledStar.gif);}
.emptyratingstar {background-image: url(img/ratingEmptyStar.gif);}

/* testing */
.testing {padding: 1em;}
.testing h2 {margin-bottom: 0.3em;}
.testing h3 {margin: 0.5em 0 0.2em 0;}
.testing .textbox {display: block;}
.testing textarea {display: block; margin-bottom: 0.5em;}
.testing ol {margin: 0.3em 0 0 2em;}
.testing ol span {font-weight: bold;}