/* 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;}

.boxtop, .boxbottom {background: transparent; font-size: 1px;}
.b1, .b2, .b3, .b4 {display: block; overflow: hidden;}
.b1, .b2, .b3 {height: 1px;}
.b1 {background: #5174ab; border-left: 1px solid #5174ab; border-right: 1px solid #5174ab;}
.b2, .b3, .b4 {background: #ffffff; border-left:1px solid #5174ab; border-right:1px solid #5174ab;}
.b1 {margin: 0px 5px;}
.b2 {margin: 0px 3px; border-width: 0px 2px;}
.b3 {margin: 0px 2px;}
.b4 {margin: 0px 1px; height: 2px;}
.boxcontent {padding: 2px; background: #ffffff; display: block; border: 1px solid #5174ab; border-width: 0px 1px}

/* dk boxlet | default outer */
.dkboxlet .b1 {background: #5174ab; border-color: #5174ab;}
.dkboxlet .b2, .dkboxlet .b3, .dkboxlet .b4 {background: #5174ab; border-color: #5174ab;}  
.dkboxlet .boxcontent {background: #5174ab; border-color: #5174ab;}

/* ps boxlet | default inner */
.psboxlet .b1, .odbboxlet .b1 {background: #5174ab; border-color: #5174ab;}
.psboxlet .b2, .psboxlet .b3, .psboxlet .b4, .odbboxlet .b2, .odbboxlet .b3, .odbboxlet .b4 {background: #ffffff; border-color: #5174ab;}  
.psboxlet .boxcontent, .odbboxlet .boxcontent {background: #ffffff; border-color: #5174ab;}


/* class output */
.odb-quote {clear: none; border-top: 2px solid #5174ab; margin-left: 70px;}
.odb-replyadd {clear: left; font-size: small; text-align: right; margin-right: 5px;}
.odb-show a, .odb-show {color: #ffffff; font-size: 11px;}
.odb-show a, .odb-show, .sbox-show {font-size: 11px;}
.odb-date {font-size: 11px; padding-left: 5px; color: #666666;}
.odb-indent {padding-left: 30px; margin: 0px auto 5px auto;}
.odb-comment {margin: 5px;}
.odb-avatar {float: left; margin: 0px 5px 0px 5px;}
.odb-admin {text-align: right; font-size: small; margin: -15px 5px 5px 0px;}
/* bbs-cmts */
.odb-comment {margin-top: 10px;}
.bbs {margin: 10px 20px;}
.bbs .cite {padding-bottom: 3px;}
.bbs cite {font-style: normal; font-weight: bold; font-size: 15px;}
.bbs cite a {color: #353535;}



/* 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;}
.tnav, .bnav {margin: 10px auto;}
.subcontent {margin-top: 10px;}
#work {margin-bottom: 20px;}
.odb-comment {clear: left;}
#content .odb-avatar img {border: 0px;}
.avatar {float: left; padding: 0px 10px 5px 0px;}
.avatar img {width: 55px; height: 55px; border: #5174ab solid 1px;}
.header, .cite {width: 95%; margin: 0px auto 0px auto;}
ul.header {padding: 2px;; width: 97%;}
ul.header,  ul.header a:link, ul.header a:visited, ul.header a:hover, ul.header a:active {color: #ffffff;}
.review {text-align: right; margin: -20px auto 5px auto;}
.title, .review {font-weight: bold; font-size: 14px;}
.comments, .archived, .updated {display: inline; font-size: 11px;}



.odb-form fieldset input {vertical-align: top;}
.odb-form fieldset {clear: left; margin-top: 10px;}
.odb-form {width: 75%; margin: auto;}
.odb-form textarea {width: 100%; height: 150px;}
.odb-form label {font-weight: bold; color: #94a6ce;}
.odb-replyto label, .odb-replyto input {color: #ffffff;}
#content .odb-input, #content .odb-kill {background: transparent; font-weight: normal;}
.odb-replyto label{margin-left: 25px; color: #ffffff;}
.odb-kill {display: block; margin: -20px 0px 0px 0px;}

#content fieldset .odb-mname, #content fieldset .odb-lword {font-weight: normal; float: left; width: 125px; color: #ffffff;}


#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;}