/* body structure */
html {height: 100%;}
body {height: 45%;}
#ochiba {background: #ffffff url('images/bg.gif') repeat fixed; font-family: verdana; font-size: 12px; color: #353535; margin: 0px; padding: 0px}
#body {background: transparent; position: relative; z-index: 2; top: 0px; min-height: 100%; max-width: 850px; margin: 0px auto auto auto; border: solid 0px black; padding: 0px}
#content, #index {background: url('images/body.png') repeat-y; padding: 0px 15px 40px 15px; margin: auto;}
#footer {clear: both; background: url('images/footer.png') top no-repeat; height: 100px; width: 850px; margin: 0px auto; padding: 10px 0px; text-align: center;}
#footer ul{margin-top: 50px;}
* html #body {height: 100%;}

/* page defaults */
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: normal; margin: 0px; padding: 0px;}
h1 {font-weight: bold; padding-bottom: 0px; font-size: 18px; color: #f5e474;}
h2 {padding-bottom: 3px; font-size: 12px; color: #353535;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color: #ffffff;}
ul {list-style: none;}
ul, fieldset, blockquote {border: 0px; margin: 0px; padding: 0px}
cite {font-style: normal;}
img {border: 0px;}

/* class defaults */
h3 .hbutton {vertical-align: middle}
.icon img {border: 0px; margin-right: 3px; vertical-align: top;}
.helptext, .helptext:visited, .helptext:hover, .helptext:active {color: #353535; border-bottom: #353535 1px dotted; text-decoration: none;}
#blurb {color: #353535; font-size: 11px;}
.highlight {color: #660033;}
.center {text-align: center;}
.submit, #studio .submit, .smsubmit, #content .submit {font-size: 11px; background: #5174ab; border: #394F78 solid 1px; color: #F5E474;}
.oicon {vertical-align: bottom;}
.scode {font-family: monspace; display: block; padding: 0px 0px 0px 50px; line-height: 25px;}
.view_reply, .view_reply a:link, .view_reply a:visited, .view_reply a:hover, .view_reply a:active {font-size: 10px; color: #ffffff;}

/* header defaults */
.header, #cpanel .psubheader, #oworks .l01 {padding: 2px;; font-weight: normal;}
.header, .header a, .header a:visited, .header a:hover, header a:active, #oworks .l01 {color: #ffffff;} 

/* form defaults */
form {background: transparent;}
#content input, textarea, select {background: #ffffff; font-family: verdana; padding: 2px; border: #5174ab solid 1px;}
.input, textarea {width: 275px; background: #ffffff; font-family: verdana; border: #5174ab 1px solid; padding: 2px;}
.textarea {;}
.label {}

/* links */
a:link {color: #ab5951; text-decoration: none;}
a:visited {color: #ab5951; text-decoration: none;}
a:hover {color: #ab5951; text-decoration: underline; }
a:active {color: #ab5951; text-decoration: none;}

/* boxlets - css generator: www.neuroticweb.com */
.boxtop div, .boxtop, .boxbot div, .boxbot, .dkboxtop div, .dkboxtop, .dkboxbot div, .kdboxbot, .a1boxtop div, .a1boxtop, .a1boxbot div, .a1boxbot, .da1boxtop div, .da1boxtop, .da1boxbot div, .da1boxbot, .a2boxtop div, .a2boxtop, .a2boxbot div, .a2boxbot, .da2boxtop div, .da2boxtop, .da2boxbot div, .da2boxbot, .a3boxtop div, .a3boxtop, .a3boxbot div, .a3boxbot, .da3boxtop div, .da3boxtop, .da3boxbot div, .da3boxbot, .nsboxtop div, .nsboxtop, .nsboxbot div, .nsboxbot {width: 100%; height: 7px; font-size: 1px;}
.boxcontent, .dkboxcontent, .a1boxcontent, .da1boxcontent, .a2boxcontent, .da2boxcontent, .a3boxcontent, .da3boxcontent, .nsboxcontent {margin: 0 7px;}
.boxlet, .dkboxlet, .a1boxlet, .da1boxlet, .a2boxlet, .da2boxlet, .a3boxlet, .da3boxlet, .nsboxlet {width: 100%; margin: 1em auto;}
/* default color */
.boxlet {background: url('images/bx/default/nt.gif') repeat;}
.boxtop div {background: url('images/bx/default/tl.gif') no-repeat top left;}
.boxtop {background: url('images/bx/default/tr.gif') no-repeat top right;}
.boxbot div {background: url('images/bx/default/bl.gif') no-repeat bottom left;}
.boxbot {background: url('images/bx/default/br.gif') no-repeat bottom right;}

/* dark color */
.dkboxlet {background: url('images/bx/dark/nt.gif') repeat;}
.dkboxtop div {background: url('images/bx/dark/tl.gif') no-repeat top left;}
.dkboxtop {background:  url('images/bx/dark/tr.gif') no-repeat top right;}
.dkboxbot div {background: url('images/bx/dark/bl.gif') no-repeat bottom left;}
.dkboxbot {background:  url('images/bx/dark/br.gif') no-repeat bottom right;}

/* alt1 color */
.a1boxlet {background: url('images/bx/alt1/nt.gif') repeat;}
.a1boxtop div {background: url('images/bx/alt1/tl.gif') no-repeat top left;}
.a1boxtop {background: url('images/bx/alt1/tr.gif') no-repeat top right;}
.a1boxbot div {background: url('images/bx/alt1/bl.gif') no-repeat bottom left;}
.a1boxbot {background: url('images/bx/alt1/br.gif') no-repeat bottom right;}

/* alt1d color */
.da1boxlet {background: url('images/bx/alt1d/nt.gif') repeat;}
.da1boxtop div {background: url('images/bx/alt1d/tl.gif') no-repeat top left;}
.da1boxtop {background: url('images/bx/alt1d/tr.gif') no-repeat top right;}
.da1boxbot div {background: url('images/bx/alt1d/bl.gif') no-repeat bottom left;}
.da1boxbot {background: url('images/bx/alt1d/br.gif') no-repeat bottom right;}

/* alt2 color */
.a2boxlet {background: url('images/bx/alt2/nt.gif') repeat;}
.a2boxtop div {background: url('images/bx/alt2/tl.gif') no-repeat top left;}
.a2boxtop {background: url('images/bx/alt2/tr.gif') no-repeat top right;}
.a2boxbot div {background: url('images/bx/alt2/bl.gif') no-repeat bottom left;}
.a2boxbot {background: url('images/bx/alt2/br.gif') no-repeat bottom right;}

/* alt2d color */
.da2boxlet {background: url('images/bx/alt2d/nt.gif') repeat;}
.da2boxtop div {background: url('images/bx/alt2d/tl.gif') no-repeat top left;}
.da2boxtop {background: url('images/bx/alt2d/tr.gif') no-repeat top right;}
.da2boxbot div {background: url('images/bx/alt2d/bl.gif') no-repeat bottom left;}
.da2boxbot {background: url('images/bx/alt2d/br.gif') no-repeat bottom right;}

/* alt3 color */
.a3boxlet {background: url('images/bx/alt3/nt.gif') repeat;}
.a3boxtop div {background: url('images/bx/alt3/tl.gif') no-repeat top left;}
.a3boxtop {background: url('images/bx/alt3/tr.gif') no-repeat top right;}
.a3boxbot div {background: url('images/bx/alt3/bl.gif') no-repeat bottom left;}
.a3boxbot {background: url('images/bx/alt3/br.gif') no-repeat bottom right;}

/* alt3d color */
.da3boxlet {background: url('images/bx/alt3d/nt.gif') repeat;}
.da3boxtop div {background: url('images/bx/alt3d/tl.gif') no-repeat top left;}
.da3boxtop {background: url('images/bx/alt3d/tr.gif') no-repeat top right;}
.da3boxbot div {background: url('images/bx/alt3d/bl.gif') no-repeat bottom left;}
.da3boxbot {background: url('images/bx/alt3d/br.gif') no-repeat bottom right;}

/* nested color */
.nsboxlet {background: url('images/bx/nested/nt.gif') repeat;}
.nsboxtop div {background: url('images/bx/nested/tl.gif') no-repeat top left;}
.nsboxtop {background: url('images/bx/nested/tr.gif') no-repeat top right;}
.nsboxbot div {background: url('images/bx/nested/bl.gif') no-repeat bottom left;}
.nsboxbot {background: url('images/bx/nested/br.gif') no-repeat bottom right;}



/* navigation */
.nav ul li {display: inline;}
.nav .fwdback, .nav .pjump {width: 32%;}
.nav .pjump {text-align: center;}
.nav .fwdback, .nav .pjump {float: left;} 
.nav .prevnext {text-align: right;}
.nav .menu {text-align: right; margin-top: -17px}
.send {margin-top: 10px; text-align: center;}
.nav img {vertical-align: middle;}
.bnav {margin-top: 20px;}

/* birthdays */
#birthday{text-align: center; font-size: 20px; font-weight: bold; padding-bottom: 10px;}
#birthday .c1{color: #ff0000} #birthday .c2{color: #ff9900}
#birthday .c3{color: #ffcc00;} #birthday .c4{color: #66cc66;}
#birthday .c5{color: #6666cc;} #birthday .c6{color: #9900cc;}
#birthday .c7{color: #cc00cc} #birthday .c8{color: #ff0099;}

/* works */
#oworks li {list-style: circle inside; margin-left: 5px;}
#oworks .l01 {list-style: none; margin-left: auto;}
#footer li {font-size: 11px; display: inline; padding-right: 20px;}
#footer .helptext {border-bottom: 0px;}
#footer a, #footer a:visited, #footer a:hover, #footer a:active {color: #353535;}
#footer .helptext:hover {text-decoration: underline;}
#ochibadge {position: absolute; right: 2px;}
.spacer {clear: both;}
#mypanel {width: 175px; float: left; overflow: hidden; margin-top: 60px;}
#mypanel .header, #oworks .l01 {margin: 0px -5px 5px -5px; background: #5174AB url('images/hbar2.png') repeat-x; border-bottom: solid 1px #5174ab; padding: 4px; color: #f5e474;}
#mysummary, #copy, #oworks {background: url('images/panel.png'); margin-bottom: 20px; border: #5174ab solid 1px; padding: 0px 5px 15px 5px;}
.summary {font-size: 11px}
.summary span {font-weight: bold;}
#notes {margin: 15px 0px auto 195px;}
#info li{display: inline;}
p {margin: 0px 0px 5px 0px;}
.date {font-size: 11px;}
h3.header a, .title {color: #ffffff;}
.admin {text-align: right; font-size: 11px; font-weight: normal;}
ul.header .review {display: block; text-align: right;}
#info li {padding: 0px 5px;}
#info .updated {border: 0px;}
ul.cite {width: 99%; border-bottom: #5174ab solid 3px; padding-bottom: 5px;}
ul.cite .name{color: #ab5951; font-weight: bold; float: left;}
ul.cite .date {text-align: right;}
.tnav, .bnav {padding-top: 10px;}
#sitemap {background: url('images/sitemap.png') 0px -50px no-repeat; height: 150px; width: 850px;}
#smlinks1 {background: #F5E474; font-size: 12px; text-align: right; padding: 5px 0px 5px 0px; width: 100%; margin-right: 5px;}
#sitemap ul li {display: inline;}
#smlinks1 {border-top: 0px;}
#smlinks1 li a {color: #5174ab; font-weight: bold; padding: 0px 0px 0px 5px;}
#smlinks1 .smcomm {padding-right: 10px;}
#logform {margin: 5px 5px; text-align: left; width: 600px;}
#logform .sminput {border: solid 1px #5174ab; background: transparent;}
.loginx {font-size: 11px; margin: 0px; padding: 0px;}
.smsubmit, .loginx {display: inline;}
.login1 {color: #5174ab; position: absolute; top: 5px; width: 300px}
.login1 a:link, .login1 a:visited, .login1 a:hover, .login1 a:active {font-weight: bold; color: #5174ab;}
#smlinks2 {margin-top: 5px;}
#smlinks2 li {border-right: solid 1px #5174ab; padding: 0px 5px;}
#smlinks2 .smlogout {border: 0px;}
#smlinks2, #smlinks2 a {color: #000000;}
#smlinks2 .smhome, .login1 a {font-weight: bold;}
#smwho, #smnews {font-size: 11px; display: inline; margin: 0px; padding: 0px;}
#smnews {padding-left: 5px;}
#smlinks3 {margin: auto 150px auto 5px;}
#smwho a, #smnews a {color: #5174ab;}