/* 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;}
#theme {font-size: 11px;}
#theme h4 {padding-top: 10px; font-weight: bold;}
#theme h4 span {color: #5174ab;}
#body {min-width: 610px;}
.thumb .image {background: #41599c; margin: auto; padding: 0px 4px 2px 0px;}
.thumb .image a {background: #283754; padding: 0px 1px 2px 0px; border-right: solid 1px #333333; border-bottom: solid 1px #333333;}
.thumb .image img {background: #ffffff; border: #333333 solid 0px; padding: 1px;}
#quick {margin: -21px 140px 0px 0px; text-align: right;}
.oekaki {margin-top: 25px;}
table {width: 100%; margin: 0px auto 20px auto; padding: 1px;}
ul.header img {vertical-align: bottom;}
ul.header li {display: inline; margin-left: 2px;}
ul.header, ul.header a:link, ul.header a:visited, ul.header a:hover, ul.header:active {color: #ffffff;}
ul.header .comment a:link, ul.header .comment a:visited, ul.header .comment a:hover, ul.header .comment a:active {color: #F5E474;}
ul.header span {font-weight: bold;}
.featured {position: absolute; right: 70px;  text-align: right;}
.thumb {text-align: center; padding: 15px 10px 15px 10px;}
.thumb, .thumb a {color: #ffffff;} 
.viewani {white-space: nowrap;}
.bbs {padding: 11px 10px 0px 10px; width: 100%;}
.bbs .avatar {float: left; padding: 0px 8px 0px 5px;}
.bbs .avatar .avatar {padding: 0px;}
#search {text-align: right; margin-bottom: 10px;}
#draw, .tnav select {background: #94a6ce;}
.bbs .avatar img {width: 50px; height: 50px;}
.bbs .info, .comments .viewer {width: 99%; border-bottom: #5174ab solid 2px; padding-bottom: 5px;}
.bbs .info {margin: auto 0px; padding-bottom: 12px;}

#options {text-align: center; font-size: 14px; font-weight: bold; color: #353535; margin: 20px 0px}
#options ul li {display: inline;}
.bbs .info a, .comments .viewer a {font-weight: bold;}
.info cite, .comments cite {font-size: 12px; padding-left: 5px;}
.info cite a, .comments cite a {color: #ab5951;}
.info cite a:visited, .comments cite a:visited {color: #ab5951;}
.highlight {color: red;}
.stats1 {padding: 15px 0px 1px 5px;}
.stats1 li, .stats2 li {font-size: 11px; color: #5174ab; display: inline; padding-right: 1px;}
.info cite a:hover, .comments cite a:hover {color: #ab5951;}
.info cite a:active, .comments cite a:active {color: #ab5951;}
.odb-quote {padding: 5px 3px;}
.comment  {padding: 0px 5px;}
.comments {margin-top: 15px;}
.comments p {margin: 0px; padding: 0px;}
.comments .viewer {margin: 0px 0px; padding-bottom: 4px;}
.comments blockquote {margin: 10px 5px 0px 5px;}
.comments .rlink {width: 100%; font-size: 11px; text-align: right;}
.comments .textarea {width: 400px; height: 100px;}
.admin {position: absolute; right: 45px; font-size: 11px;}
#credits {width: 850px; background: url('images/body.png') repeat-y; margin: auto; padding: 10px 15px;}
.gift-red, .giftuke-red {font-weight: bold; color: #885555; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-orange, .giftuke-orange {font-weight: bold; color: #cc9966; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-yellow, .giftuke-yellow {font-weight: bold; color: #bbbb77; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-green, .giftuke-green {font-weight: bold; color: #558855; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-blue, .giftuke-blue {font-weight: bold; color: #6677bb; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-purple, .giftuke-purple {font-weight: bold; color: #9966bb; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-pink, .giftuke-pink {font-weight: bold; color: #bb7777; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-xmas, .giftuke-xmas {font-weight: bold; color: #228800; padding: 0px; margin: 10px auto; white-space: nowrap;}
.gift-vday, .giftuke-vday {font-weight: bold; color: #aa4444; padding: 0px; margin: 10px auto; white-space: nowrap;}
.header-red li, .header-orange li, .header-yellow li, .header-green li, .header-blue li, .header-purple li, .header-pink li, .header-xmas li, .header-vday li {display: inline;}
.header-red, .header-orange, .header-yellow, .header-green, .header-blue, .header-purple, .header-pink, .header-xmas, .header-vday {padding: 2px;;}  
.header-red, .header-red a, .header-orange, .header-orange a, .header-yellow, .header-yellow a, .header-green, .header-green a, .header-blue, .header-blue a, .header-purple, .header-purple a, .header-pink, .header-pink a, .header-xmas, .header-xmas a, .header-vday, .header-vday a {color: #ffffff; font-size: 12px;}
.header-red img, .header-orange img, .header-yellow img, .header-green img, .header-blue img, .header-purple img, .header-pink img, .header-xmas img, .header-vday img{vertical-align: middle;}  
.gift-red, .gift-orange, .gift-yellow, .gift-green, .gift-blue, .gift-purple, .gift-pink, .gift-xmas, .gift-vday {display: block; margin: 0px auto -5px auto;}

/* unique colors */
.header-red {padding-bottom: 4px; border-top: solid 1px #885555; border-bottom: solid 1px #885555;}
.header-red .comment a:link, .header-red .comment a:visited, .header-red .comment a:hover, .header-red .comment a:active {color: #885555;}
.header-orange {padding-bottom: 4px; border-top: solid 1px #cc9966; border-bottom: solid 1px #cc9966;}
.header-orange .comment a:link, .header-orange .comment a:visited, .header-orange .comment a:hover, .header-orange .comment a:active {color: #cc9966;}
.header-yellow {padding-bottom: 4px; border-top: solid 1px #bbbb77; border-bottom: solid 1px #bbbb77;}
.header-yellow .comment a:link, .header-yellow .comment a:visited, .header-yellow .comment a:hover, .header-yellow .comment a:active {color: #bbbb77;}
.header-green {padding-bottom: 4px; border-top: solid 1px #558855; border-bottom: solid 1px #558855;}
.header-green .comment a:link, .header-green .comment a:visited, .header-green .comment a:hover, .header-green .comment a:active {color: #558855;}
.header-blue {padding-bottom: 4px; border-top: solid 1px #6677bb; border-bottom: solid 1px #6677bb;}
.header-blue .comment a:link, .header-blue .comment a:visited, .header-blue .comment a:hover, .header-blue .comment a:active {color: #6677bb;}
.header-purple {padding-bottom: 4px; border-top: solid 1px #9966bb; border-bottom: solid 1px #9966bb;}
.header-purple .comment a:link, .header-purple .comment a:visited, .header-purple .comment a:hover, .header-purple .comment a:active {color: #9966bb;}
.header-pink {padding-bottom: 4px; border-top: solid 1px #bb7777; border-bottom: solid 1px #bb7777;}
.header-pink .comment a:link, .header-pink .comment a:visited, .header-pink .comment a:hover, .header-pink .comment a:active {color: #bb7777;}
.header-xmas {background: #dd0000; padding-bottom: 4px; border: dashed 1px #228800;}
.header-xmas .comment a:link, .header-xmas .comment a:visited, .header-xmas .comment a:hover, .header-xmas .comment a:active {color: #660000;}
.header-vday {background: #ddaa99; padding-bottom: 4px; border: solid 1px #885555; color: #885555;}
.header-vday .comment a:link, .header-vday .comment a:visited, .header-vday .comment a:hover, .header-vday .comment a:active {color: #885555;}

.header-xmas, .header-xmas .comment a:link, .header-xmas .comment a:visited, .header-xmas .comment a:hover, .header-xmas .comment a:active {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;}