* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font: 0.8em/1.1 "Trebuchet MS", Verdana, sans-serif;
background: #999 url(img/back.jpg) repeat-x center top;
color: #444;
}
#wrapper {
width: 92%;
min-width: 968px;
margin: 0 auto;
}
/* ------- Headings ------- */
h1 {
display: none;
}
h2 {
display: block;
float: left;
font: 1.4em/1.4 Georgia, serif;
margin: 32pt 0 0 18px;
color: #555;
}
h2 a:link, h2 a:visited {
color: #5d594f;
}
h2 a:hover {
color: #7c796f;
border-bottom: 1px dashed #aeaaa0;
}
h2 a:active {
color: #685f49;
border-bottom: 1px dashed #aeaaa0;
}
h3 {
text-align: center;
margin: 4pt auto 6pt auto;
font: 1.6em/1 "Trebuchet MS", Verdana, sans-serif;
color: #777;
}
h4 a {
font: 1em/1 "Trebuchet MS", Verdana, sans-serif;
}
h4 a:link, h4 a:visited, h4 a:active {
color: #dcd8cb;
}
h4 a:hover {
color: #ece8cf;
}
/* ------- Tags ------- */
img {
border: none;
}
hr {
display: none;
}
a:link, a:visited {
color: #369;
text-decoration: none;
}
a:hover {
color: #960;
text-decoration: none;
}
a:active {
color: #c80;
text-decoration: none;
}
form {
display: block;
}
input, select, textarea {
width: 200px;
font: 1em/1 "Trebuchet MS", Verdana, sans-serif;
color: #535251;
background: #f2f1f0;
border: 1px solid;
border-color: #c3c2c0 #fffffe #fffffe #c3c2c0;
}
option {
padding-left: 3px;
}
textarea {
font: 1em/1.2 "Trebuchet MS", Verdana, sans-serif;
}
/* ------------ Header ------------ */
#header-wrapper {
min-width: 940px;
height: 166px;
margin: 0 14px;
background: #999 url(img/header_back.jpg) repeat-x center top;
}
#header-rightshade {
float: right;
width: 14px;
height: 166px;
margin: 0 -14px 0 0;
background: url(img/header_rightshade.png) no-repeat;
}
#header-leftshade {
float: left;
width: 14px;
height: 166px;
margin: 0 0 0 -14px;
background: url(img/header_leftshade.png) no-repeat;
}
#logo {
float: left;
width: 230px;
height: 166px;
background: url(img/logo.png) no-repeat;
}
#logo a#home {
display: block;
width: 210px;
height: 122px;
margin: 22px 8px 22px 12px;
}
#logo a#home span {
display: none;
}
dl#header {
display: block;
height: 158px;
padding: 8px 0 0 0;
margin: 0 0 0 230px;
}
dl#header dd {
display: block;
}
dl#header dd#hnavbar {
height: 42px;
background: url(img/header-hnavbar-leftlighten.png) repeat-y;
}
span#user {
display: block;
float: right;
width: 166px;
height: 16px;
padding: 2px 12px 0 0;
text-align: right;
font: .85em/1.7 "Trebuchet MS", sans-serif;
color: #d0d0d0;
}
span#user strong {
display: block;
font-weight: normal;
color: #ebe8dc;
margin-top: 10px;
}
span#user strong#username {
margin-top: 0;
}
span#user a {
color: #f2f0ec;
}
span#user a:hover {
color: #fffaea;
}
dl#header dd#header-main {
height: 116px;
background: url(img/header-main-leftlighten.png) repeat-y;
}
dl#header dd#header-main h2 {
position: absolute;
}
div#artwork-header {
float: right;
width: 311px;
height: 84px;
margin: 16px 0 16px 0;
background: url(img/artwork_small.jpg) no-repeat;
}
div#artwork-header a#register {
display: block;
width: 138px;
height: 20px;
padding: 35px 7px 29px 10px;
color: #f2f0ec;
text-align: center;
}
div#artwork-header a#register:hover {
color: #fffaea;
}
div#ie6-warning {
display: none;
}
div#intro {
float: left;
width: 370px;
height: 84px;
margin: 16px 0 0 0;
}
/* --------- Main Navigation Bar --------- */
ul#hnav {
display: block;
width: 510px;
height: 42px;
margin: 0 0 0 18px;
list-style: none;
}
ul#hnav li {
float: left;
}
ul#hnav li span {
display: none;
}
ul#hnav li a, ul#hnav li h2 {
display: block;
font: 11pt/1em "Trebuchet MS", sans-serif;
font-weight: normal;
color: #234;
}
ul#hnav li a:link, ul#hnav li a:visited {
padding: 14px 14px 13px 14px;
color: #eee;
}
ul#hnav li a:hover {
padding: 14px 14px 13px 14px;
color: #fffffe;
background: url(img/hnav_back_hover.gif) repeat-x;
}
ul#hnav li a:active, ul#hnav li h2 {
margin: 0;
padding: 14px 14px 13px 14px;
color: #ccc;
background: url(img/hnav_back_active.gif) repeat-x;
}
ul#hnav li.divider {
width: 2px;
height: 42px;
background: url(img/hnav_divider.gif) no-repeat center;
float: left;
}
/* ----------- Content Body ----------- */
/* --- Content Body Structure --- */
#body-wrapper {
min-width: 940px;
margin: 0 14px;
background: #c3c3c3;
}
#leftbar {
position: relative;
width: 230px;
float: left;
background:  url(img/leftbar_back.gif) left top repeat-y;
}
/* ----- Leftbar elements ----- */
#vnav {
min-height: 250px;
padding: 0 0 14px 0;
background: url(img/leftbar_top.jpg) no-repeat right top;
border-top: 1px solid transparent;
}
#vnav p {
margin: .5em 1.8em;
}
div#vnav h3 {
font: 12pt/1.6 Georgia, serif;
font-weight: normal;
text-align: center;
color: #eee;
padding: 3px 0;
margin: 6px 0 1px 0;
background: url(img/vnav_ttl_back.jpg) no-repeat center;
}
div#vnav h4 {
font: 1.2em/1.1 "Trebuchet MS", Verdana, sans-serif;
color: #989898;
margin: 10px 0 4px 20px;
}
#vnav p.legal {
font: .82em/1.2 "Trebuchet MS", Verdana, sans-serif;
color: #909090;
}
div.advertisement {
margin: 0 auto 6pt auto;
text-align: center;
}
/* ----- General Content elements ----- */
#container {
padding: 0 0 0 230px;
background: #c3c3c3 url(img/leftbar_back.gif) repeat-y;
border-top: 1px solid transparent;
}
#content-wrapper {
margin: -1px 0 -8px 0;
border-top: 1px solid transparent;
background:  url(img/cnt_top_ref.gif) repeat-x center top;
}
#content {
margin: -8px 0 0 0;
padding: 9px 0 18px 0;
}
#container-left {
display: table-cell;
float: left;
width: 14px;
min-height: 250px;
margin: 0 0 0 -14px;
background: #999 url(img/container_l_shade.jpg) no-repeat;
}
#container-right {
float: right;
width: 14px;
margin: -1px -14px 0 0;
min-height: 250px;
background: #999 url(img/container_r_shade.jpg) no-repeat;
}
/* ------------ SubNav Bar ------------ */
ul#vnav-menu {
display: block;
width: 200px;
margin: 0 auto 8px auto;
list-style: none;
border: 1px solid;
border-color: #aaa #bbb #ccc #bfbfbf;
}
ul#vnav-menu li {
display: inline;
}
ul#vnav-menu li a span.vnav-bullet {
float: left;
width: 31px;
height: 21px;
margin: -3px 10px -4px -3px;
background: url(img/vnavbullet_link.gif) no-repeat;
}
ul#vnav-menu li a:hover span.vnav-bullet {
background: url(img/vnavbullet_hover.gif) no-repeat;
}
ul#vnav-menu li a:active span.vnav-bullet, ul#vnav-menu li h4 span.vnav-bullet {
float: left;
width: 31px;
height: 21px;
margin: -3px 10px -4px -3px;
background: url(img/vnavbullet_active.gif) no-repeat;
}
ul#vnav-menu li a, ul#vnav-menu li h4 {
display: block;
width: 193px;
height: 14px;
font-size: 10pt;
font-weight: normal;
margin: 0 0 1px 0;
text-decoration: none;
border: none;
}
ul#vnav-menu li a:link, ul#vnav-menu li a:visited {
padding: 3px 3px 4px 3px;
color: #444;
background: url(img/vnavlinkback_link.gif) repeat-y right;
}
ul#vnav-menu li a:hover {
padding: 3px 3px 4px 3px;
color: #fffffe;
background: url(img/vnavlinkback_hover.gif) repeat-y right;
}
ul#vnav-menu li a:active, ul#vnav-menu li h4 {
padding: 3px 3px 4px 3px;
color: #e0dbcf;
background: url(img/vnavlinkback_active.gif) repeat-y right;
}
/* ------------ LogIn and FastSearch Form ------------ */
#vnav form.loginform, #vnav form.fastsearch {
display: block;
width: 190px;
height: 181px;
padding: 5px;
margin: 0 auto;
background: url(img/login_panel_back.jpg) no-repeat;
}
#vnav form.loginform h5, #vnav form.fastsearch h5 {
text-align: center;
font: 1.2em/1 "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
margin: 0 auto 10px auto;
color: #fffbf0;
}
#vnav form.loginform h5 a, #vnav form.loginform p a,
#vnav form.fastsearch h5 a, #vnav form.fastsearch p a {
color: #fffbf0;
}
#vnav form.loginform h5 a:hover, #vnav form.loginform p a:hover,
#vnav form.fastsearch h5 a:hover, #vnav form.fastsearch p a:hover {
color: #fffffe;
}
#vnav form.loginform p, #vnav form.fastsearch p {
font: .9em/1.1 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 8px 0 0 0;
color: #544f40;
text-align: center;
}
span.sep {
font: .9em/1 "Trebuchet MS", Verdana, sans-serif;
color: #8f8c80;
}
p.error, #vnav form.loginform p.error {
text-align: center;
color: #c00;
}
p.successfully, div#content p.successfully {
text-align: center;
color: #090;
}
#vnav form.loginform label, #vnav form.fastsearch label {
display: block;
float: left;
width: 72px;
text-align: right;
}
#vnav form.loginform input, #vnav form.fastsearch input {
width: 110px;
font: 1em/1 "Trebuchet MS", Verdana, sans-serif;
color: #535251;
background: url(img/loginform_input_back.png) repeat;
margin: -2px 2px 0 -2px;
border: 1px solid;
border-color: #908f8c #d3d3d1 #d3d3d1 #908f8c;
}
#vnav form.loginform p.actions {
margin: 6px 0 0 42px;
text-align: left;
color: #875;
}
#vnav form.loginform p.actual {
margin: 5px 2px -1px 2px;
padding: 1px 0 1px 40px;
text-align: left;
color: #8b8678;
background: url(img/usernav_actual.png) repeat-y;
}
#vnav form.fastsearch select {
width: 112px;
height: 18px;
margin: -3px 2px 0 -2px;
font: 1em/.9 "Trebuchet MS", Verdana, sans-serif;
color: #535251;
background: #cbcbc8;
border: 1px solid;
border-color: #908f8c #d3d3d1 #d3d3d1 #908f8c;
}
#vnav form.fastsearch select option {
background: #cbcbc8;
}
input.rdb, #vnav form.fastsearch input.rdb {
width: 14px;
height: 12px;
background: url(img/loginform_input_back.png) repeat;
border: none;
}
#vnav form.loginform input.check, #vnav form.fastsearch input.check {
width: 14px;
height: 14px;
margin-right: 100px;
}
a#login-btn, a#srch-btn {
display: block;
width: 102px;
height: 15px;
padding: 6px 0;
margin: -2px auto -4px auto;
text-align: center;
font: 1.2em/1 "Trebuchet MS", Verdana, sans-serif;
color: #eee;
background: url(img/login_btn.jpg) no-repeat;
}
a#login-btn:hover, a#srch-btn:hover {
background: url(img/login_btn.jpg) no-repeat center top;
color: #fffffe;
}
a#login-btn:active, a#srch-btn:active {
background: url(img/login_btn.jpg) no-repeat right top;
color: #fffffe;
}
/* ------------ Footer ------------ */
#footer {
clear: both;
padding: 22px 0 0 0;
height: 66px;
background:  url(img/footer_back.gif) repeat-x;
}
#footer-leftedge {
position: relative;
float: left;
width: 100px;
height: 88px;
margin: -22px 0 0 0;
background:  url(img/footer-leftedge.gif) no-repeat;
}
#footer-rightedge {
float: right;
width: 100px;
height: 88px;
margin: -22px 0 0 0;
background:  url(img/footer-rightedge.gif) no-repeat right;
}
div#footer p {
margin: 0 auto;
text-align: center;
color: #989898;
font-size: .8em;
}
div#footer p span {
display: none;
}
div#footer p span#copyright {
display: inline;
font-size: 1.3em;
}
div#footer p a, div#footer p a:link {
color: #908c7c;
}
div#footer p a:hover, div#footer p a:active {
color: #b8af98;
}
div#footer p img {
vertical-align: bottom;
margin-bottom: 1px;
}
div#footer p img, p.linx img {
vertical-align: middle;
}
p.linx {
font: .8em/1.2 "Trebuchet MS", Verdana, sans-serif;
margin: 12px auto 0 auto;
padding: 4px;
background:  url(img/linx_back.png) repeat-x bottom;
}
p.linx span#copyright {
font-size: 1.2em;
}
div#email_box {
position:absolute;
visibility: hidden;
display: none;
width: 310px;
height: 110px;
background: #fefefe;
border: 1px solid #ccc;
}
div#email_box h5 {
font: 1em/1 "Trebuchet MS", Verdana, sans-serif;
text-align: left;
margin: 1px;
padding: 2px 0 3px 3px;
color: #666;
background: #eee;
}
#email_box_message {
height: 1.2em;
padding-left: 4px;
}
div#email_box p {
margin: .2em;
}
div#email_box label {
display: block;
width: 94px;
float: left;
text-align: right;
margin: 0 4px 0 0;
}
div#email_box input.btn {
width: auto;
height: 23px;
padding: 0 6px 2px 6px;
vertical-align: middle;
color: #e9e8df;
background: url(img/btn_back.gif) repeat-x;
border: 1px solid;
border-color: #ccc #b4b4b4 #a8a8a8 #b4b4b4;
}
div#email_box input.btn:hover {
color: #fffffe;
background: #aca9a0 url(img/btn_back_hover.gif) repeat-x;
border-color: #dcd8c8;
}
span.email_box_failure {
color: #c00;
}
span.email_box_success {
color: #090;
}