/*
Created: 3/04/06
Last edited: 7/06/06, Author: Fred Simmons, Gulo Solutions LLC
http://www.gulosolutions.com
*/

body {margin: 0 0 1.2em 0; padding: 0; font-family: Verdana, 'Lucida Grande', Tahoma, Arial, sans-serif; font-size: 75%; background: #719AA3; color: #1D484F;}

/* page layout */
#top {width: 810px; height: 15px; margin: 1.2em auto 0 auto; pad/ding: 0 15px; background: #fff url("../images/wrap-top.gif") no-repeat top left;}
#bottom {width: 810px; height: 15px; margin: 0 auto; pad/ding: 0 15px; background: #fff url("../images/wrap-bottom.gif") no-repeat top left;}
#wrap {width: 770px; margin: 0 auto; padding: 0 20px 20px 20px; background: #fff url("../images/wrap-bg.gif") repeat-y top left;}
#header {margin: 0; padding: .5em .5em; backg/round: #8EA6B3;}
#navigation {float: left; clear: left; width: 100%; height: 35px; margin: .5em 0; padding: 0; background: #719AA3 url("../images/nav-bg-right.png") top right;}
#sub-navigation {float: right; margin: 12px 0; padding: 12px; width: 160px; background: #EBEFF1 url("../images/box-top.png") no-repeat top left;}
#sub-bottom {height: 4px; margin: 4px -12px -12px -12px; padding: 0; width: 184px; background: #EBEFF1 url("../images/box-bottom.png") no-repeat bottom left; back/ground: #f0f;}
#content {float: left; margin: 0 0 1.2em 0; min-height: 390px; padding: 12px 18px 0 12px; width: 550px; line-height: 1.8em; background: transparent url("../images/content-bg.png") no-repeat top left;}
* html #content {height: 390px;}
#footer {clear: both; margin: 0; padding: 12px 12px 0 12px; border-top: 1px solid #C3D8DF; font-size: 90%;}

/* navigation */
#navigation ul {height: 35px; margin: 0; padding: 0; list-style: none; background: transparent url("../images/nav-bg-left.png") no-repeat top left;}
#navigation li {float: left; margin: 0 .5em; padding: 0;}
#navigation li a {text-decoration: none; float: left; margin: 0; padding: .8em .5em; font-size: 100%; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #9BC9CF; /*text-transform: uppercase;*/}
#navigation li a:hover {color: #fff;}
#navigation li a.current {color: #fff; background: transparent url("../images/nav-bg-on.png") no-repeat bottom center;}

/* sub-navigation */
#sub-navigation ul {margin: .25em 0 1.2em 0; padding: 0; list-style: none;}
#sub-navigation li {margin: 0; padding: .5em 0; /*border-bottom: 1px solid #C3D8DF;*/}
#sub-navigation li a {font-size: 100%; text-decoration: underline;}

/* links */
a:link {color: #29595F; text-decoration: underline;}
a:visited {color: #29595F; text-decoration: underline;}
a:hover, a:active {color: #ff0000; text-decoration: underline;}

#content a, #footer a {text-decoration: underline;}

a img {background-color: #fff; border: none;}

h1 {font-size: 200%; margin: 0 0 .5em 0; padding: 0;}
#header h1 {text-i/ndent: -3000px; margin: 0;}
h2 {font-size: 140%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #ff0000;} /*color: #645245; is nicer */
h3 {font-size: 140%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #ff0000;}
h3 a:link, h3 a:visited, h3 a:active {text-decoration: none !important; border-bottom: 1px solid #29595F;}
h3 a:hover {border-bottom: 1px solid #ff0000;}
h4 {font-size: 130%; margin: 0 0 .5em 0; padding: 0; color: #ff0000; font-family: arial, helvetica, sans-serif; color: #ff0000;}
h5 {font-size: 120%; margin: 0 0 .25em 0; padding: 0; color: #ff0000; font-family: arial, helvetica, sans-serif; color: #ff0000;}
h6 {font-size: 100%; font-weight: normal; margin: 0 0 .25em 0; padding: 0;} /* cal list */
h6 cite {text-align: right; padding-right: .75em; font-style: normal; width: 6em; float: left; display: block;} /* cal list date */
h2 span, h3 span, h4 span, h5 span, h6 span {color: #666;}
h3 span {font-size: 80%;}
h4 span {font-size: 90%; display: block;} /* cal event detail */

p {margin: 0 0 1.2em 0;}
blockquote {margin: 1.2em 0 1.2em 1.5em; color: #666;}
hr {margin: 0; background: #ccc; border: none; width: 100%; height: 1px;}
img {border: 0; padding: 0;}
img.profile {border: 6px solid #ccc;}
ul, ol {margin: 0 0 .25em 2em; padding: 0;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}

code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}

fieldset {margin: 0 0 1.2em 0; padding: 1em 1.5em; border: 1px solid #ccc;}
legend {font-size: 110%; font-weight: bold; color: olivedrab;}
*html legend {margin-bottom: 1em;} /* ie fix */
legend span {font-weight: normal; font-size: 80%; color: #000;}
label {line-height: 2;}
label.error {color: #cc0000; font-weight: bold;}
label span {font-weight: normal; font-size: 75%; color: #000;}
form {margin: 0;}
input, textarea {padding: .25em;}
input.error {background: #FFDFDF;}
select {padding: 2px;}
table caption {line-height: 2; font-weight: bold;}

/* tables */
table.table {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/}
table.table caption {padding: .25em; text-align: left; background: #ffffcc; border-top: 1px solid gold; border-right: 1px solid gold; border-left: 1px solid gold; line-height: 1.2em;}
table.table th {padding: .25em; text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f1f1f1; font-weight: bold; /*line-height: 1.5;*/}
table.table tr.grey {background: #f1f1f1;}
table.table td {padding: .25em; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.table td.center {text-align: center;}
table.table td.total {border-top: 1px solid #333; font-weight: bold;} /* checkout page */
table.table td ul {margin: .25em; padding: 0;}
table.table td li {margin: 0 0 .5em 0; list-style: none;}
table.table td li span {font-size: 80%; display: block;}
table.table p {margin-bottom: .4em;}


/* blog */
.author {margin:-.5em 0 1em 0; color: #6B838F;}
#comments {margin: 1.2em 0; padding: 1.2em 0; border-top: 1px solid #ccc;}
#comments .comment-postline {margin-bottom: .25em;}
#comments .commentby {color: #000;}
.comments-link {margin-bottom:1.5em;}
.captcha-msg {font-size: 90%; color: #999; padding: 0;}

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}

/* calendar list view */
.cal-list-nav {margin-top: 2em; float: right; width: 30%;}

/* calendar month view */
body#cal-month-view #content {width: 100%;}
table.fullcal {margin: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%;}
table.fullcal caption {font-size: 130%;} /* nav */
table.fullcal caption span {padding: 0 1.2em; font-size: 80%; font-weight: normal;} /* nav buttons */
table.fullcal th {border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f1f1f1; font-weight: bold; line-height: 1.5;}
table.fullcal td {padding: 2px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align: top; width: 14%;} /* days */
table.fullcal td ul {margin: .25em; padding: 0;}
table.fullcal td li {margin: 0 0 .5em 0; list-style: none; font-size: 90%;}
table.fullcal td li span {font-size: 80%; display: block;} /* times */
table.fullcal td.today {background: #ffffcc;}
table.fullcal td.not-this-month {background: #f1f1f1;}

/* login */
#logout {float: right; margin-right: .5em;}
#nav-login-form {float: right; font-size: 80%;}
#nav-login-form input {font-size: 90%;}

/* checkout
#profile-text {border-bottom: 1px solid #ccc; margin-bottom: .5em; padding-left: .5em;}
#profile-text a {background: #ffffcc; padding: .1em; font-size: 90%; color: #990000;}
#shipping-text {border-bottom: 1px solid #ccc; margin-bottom: .5em; padding-left: .5em;}*/

/* profile */
#tabs {width: 100%; margin: 1.2em 0 0 0; padding: 0 0 .5em 0; list-style: none; border-bottom: 1px solid #ccc;}
#tabs li {margin: 0; display: inline; }
#tabs li a {position: relative; margin: 0 .25em -1px 0; padding: .5em .8em; text-decoration: none; border: 1px solid #ccc; border-bottom: 0; background: #f5f5f5;}
#tabs li a:hover {background: #003399; }
#tabs li a.active, #tabs li a.active:hover {position: relative; padding-bottom: .6em; color: #000; background: white;}