/* 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;}
.subcontent {margin-top: 10px;}
.image {text-align: center; padding: 0px 0px 5px 0px;}

/* GENERAL CONTENT */
.header, #title, blockquote, #stats1, #stats2, #stats3, #add .note {width: 95%; margin: auto;}
.header{margin-top: 10px; margin-bottom: 5px; background: #5174ab; padding: 4px; border: solid 1px #000000; }
.header{margin-top: 10px; margin-bottom: 5px; background: #5174ab; padding: 4px; border: solid 1px #000000; }
.fave {text-align: right; margin: -25px 20px 10px 0px;}
.fave img, .w-fave img {vertical-align: middle;}
.w-fave {text-align: right; margin: -30px 20px 10px 0px;}
#review {padding-bottom: 15px;}
.story a, .header a, .fave a, .w-fave a {color: #ffffff;}
.story .title {color: #F5E474;}
.story {margin-left: 5px;} 
#stats1 {padding: 5px 0px 0px 5px;}
#stats1 li {font-size: 11px; color: #5174ab; display: inline; padding-right: 1px;}
#stats2, #stats3 {padding: 0px 0px 10px 5px;}
#stats2 a {color: #F5E474;}
#stats2 li, #stats3 li{font-size: 11px; display: inline; padding-right: 5px;}
#info, #review {width: 97%; margin: auto;}
#review .add {margin-left: -5px; color: #ffffff;}


.odb-form {width: 500px; margin: auto;}
.odb-form textarea {width: 100%; height: 150px;}
.odb-form fieldset {clear: both; margin-top: 10px;}
.odb-form fieldset label {float: left; width: 125px; font-weight: bold;}
.odb-form fieldset input {vertical-align: top;}

.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;}
#content fieldset label img, .header img, .header-red img, .header-orange img, .header-yellow img, .header-green img, .header-blue img, .header-purple img, .header-pink img {vertical-align: bottom;}
.header-red, .header-orange, .header-yellow, .header-green, .header-blue, .header-purple, .header-pink {width: 95%; margin: 10px auto 5px auto; padding: 2px;}
.giftuke-red, .giftuke-orange, .giftuke-yellow, .giftuke-green, .giftuke-blue, .giftuke-purple, .giftuke-pink, .giftuke-vday, .giftuke-xmas, .giftuke-ope {text-align: center;}
.mytitle {text-align: center; margin: 20px; color: #5174ab;}

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