/* 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;}
#body {width: 850px;}
#goodies {width: 175px; float: left; overflow: hidden; margin-top: 20px;}
#goodies .header {padding: 0px; margin: 0px; color: #ffffff;}
#featured .info, #stats .info{padding: 0px 5px;}
#featured img {width: 50px; height: 50px; border: 0px;}
#featured .a01, #featured .a02 {display: inline;}
#featured .a01 {padding-right: 10px;}
#featured .title {padding-bottom: 10px;}
#featured ul{padding: 10px;}
#showcase {text-align: center;}
#showcase .title, #cats li {font-weight: bold;}
#showcase, #popular, #best{border-bottom: #5174ab solid 3px;}
#stats ul li{list-style: disc inside; padding-bottom: 5px;}
#stats ul{padding: 0px;}

#gallery{margin: 15px 0px auto 195px; text-align: center; width: 620px}
#cats li{display: inline; font-size: 14px;}
.thumbs {text-align: center; float: left; min-width: 160px; max-width: 180px; height: 250px; padding: 20px 5px 0px 25px; font-size: 10px;}
.thumbs .wrap {background: #41599c; margin: auto; padding: 0px 4px 2px 0px;}
.thumbs .wrap a {background: #283754; padding: 0px 2px 2px 0px; border-right: solid 1px #333333; border-bottom: solid 1px #333333;}
.thumbs .wrap img {background: #ffffff; border: #333333 solid 0px; padding: 1px;}
.comments{display: block; padding-bottom: 20px;}
#gallery .thumbs a, #gallery span {display: block;}
#gallery .title {padding-top: 5px; color: #BCD6FF;}
#gallery .medium, .empty {color: #394F78 ;}
.tnav, .bnav {color: #ffffff; margin: 5px 5px 10px 5px;}
.tnav a, .bnav a {color: #F5E474;}
.tnav .text, .bnav .text {text-align: left;}
.bnav{clear: both;}
#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;}