/* body structure */
#ochiba {background: #94a6ce; font-family: verdana; font-size: 12px; color: #353535; margin: 0px; padding: 0px}
#body {margin: 0px; padding: 0px; min-width: 720px;  max-width: 900px; margin: auto;}
#content {padding: 5px;}
#footer {clear: both; background: url('images/footer.png') top no-repeat; width: 100%; margin: 0px auto; padding: 10px 0px; text-align: center;}

/* defaults */
b.b1, b.b2, b.b3, b.b4, b.boxcontent {font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; margin: 0px; padding: 0px; font-weight: normal;}
p {margin: 0px; padding: 5px; display: block;}
ul {list-style: none;}
ul, fieldset, blockquote {border: 0px; margin: 0px; padding: 0px}
img {border: 0px;}
.center {text-align: center;}
.icon img {border: 0px; margin-right: 3px; vertical-align: bottom;}
.oicon {vertical-align: bottom;}
.view {text-align: right;}
.spacer {clear: both;}
.submit, #content .submit {font-size: 11px; background: #5174ab; border: #394f78 solid 1px; color: #f5e474;}

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

/* works */
#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;}
#ochibadge1 {position: absolute; right: 90px;}
#ochibadge2 {position: absolute; right: 2px;}

#mypanel {float: right; height: 100%; width: 260px; padding: 10px 0px 20px 10px; font-size: 11px;}
#mystats, #mycalendar, #myart, #mylinks, #myshouts {overflow: hidden; margin-top: 15px;}
#mycalendar #calendar table {width: 100%;}
#calendar table td a {color: #ffffff; padding: 2px;  background: #5174ab;}
#myart .image {display: inline; margin: 3px;}
#myart {text-align: center;}
#myart .showcase {height: 210px;}
#myshouts .addshout {text-align: center;}
#myshouts .addshout textarea {width: 275px; background: transparent; font-family: verdana; border: #5174ab 1px solid; padding: 2px; margin-top: 10px; width: 90%;}
#myshouts .boxlet {margin: 0px auto 2px auto;}
.sbox-avatar, #mystats .avatar {float: left; margin: 2px 4px 3px 1px; padding: 0px;}
.sbox-avatar img {width: 45px; height: 45px;}
.sbox-icons li {display: inline;}
.sbox-cite cite, .sbox-cite cite a {color: #353535; font-style: normal; font-size: 13px; font-weight: bold;}
.sbox-cite cite span {display: block; font-style: normal; font-size: 11px; font-weight: normal;}
.sbox-comment {clear: left; padding: 5px; border-top: 2px solid #5174ab;}
.sbox-form textarea, .sbox-form .submit {position: relative; z-index: 1;}
.sbox-admin {font-size: 10px; text-align: right;}
#sbox-show {margin-left: 5px; text-align: left;}
#sbox-show input {background: transparent; border: 0px;}
#myshouts .sbox-icons {text-align: right;}
#mystats .avatar img {width: 50px; height: 50px;}
#myshouts .cite {margin: 0px; padding: 0px;}

#mypage {clear: left;}
#mypage {margin-right: 270px;}
#mycontent {margin-top: 2px;}
#mypage .options {margin: 5px;}
#mypage .options li {display: inline; margin-right: 10px;}
#mypage .options img {vertical-align: middle;}
#wlinks {text-align: right; font-size: 11px; margin-top: 10px;}
#wlinks li {display: inline; margin-right: 5px;}

.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}

/* boxlet header */
#mypanel .header {padding-bottom: 2px; font-size: 11px; text-align: left;}
#mypanel .header-icon img {vertical-align: bottom; padding-right: 1px;}
#mypanel .header-icon a {color: #ffffff;}

#mypanel .headboxlet {position: relative; z-index: 1; margin-bottom: -5px;}
#mypanel .headboxlet .b1 {background: transparent; border: 0px;}
#mypanel .headboxlet .b2, #mypanel .headboxlet .b3, #mypanel .headboxlet .b4 {background: transparent url('http://www.ochiba.net/styles/blue/images/hbar2.png') repeat-x; border-color: #cccccc;}
#mypanel .headboxlet .boxcontent {background: #5174ab url('http://www.ochiba.net/styles/blue/images/hbar2.png') repeat-x; color: #ffffff; border-color: #5174ab;}

#mypage .header {font-weight: bold; color: #5174ab; font-size: 14px; padding: 2px;}
#mybio #bio {padding: 5px;}
#mystats span {font-weight: bold;}
#mystats .username {font-size: 14px; padding-bottom: 2px;}
#mypage .avatar img {width: 50px; height: 50px;}
#mypage .add {margin: -20px 5px 10px auto; padding: 0px; text-align: right; position: relative; z-index: 2}
#myfriends, #myfaves {margin: 2px auto;}
#mypage .myavatars img {margin: 5px;}

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

.bkboxlet {position: relative; z-index: 1;}
.bkboxlet .b1 {background: #5174ab; border-color: #5174ab;}
.bkboxlet .b2, .bkboxlet .b3, .bkboxlet .b4 {background: #ffffff; border-color: #5174ab;}  
.bkboxlet .boxcontent {color: #5174ab; background: #ffffff; border-color: #5174ab;}

/*nav tabs */
.navtabs li {float: left; margin: 0px 5px -1px 5px; width: 75px;}
.navtabs a {color: #353535;}
.navtabs .dkboxlet {background: transparent;}
.navtabs .dkboxlet .boxcontent {background: transparent;}
.navtabs .dkboxlet .b2, .navtabs .dkboxlet .b3, .navtabs .dkboxlet .b4 {background: transparent;}
.navtabs .tabup {position: relative; z-index: 1;} 
.navtabs .boxcontent {padding: 0px 0px 5px 4px;} 


/* h3boxlet */
	
#sbox-show .sbox-kill {margin: 0px 0px 0px 75px;}
#mypanel .header-icon {text-align: right; margin: -22px 2px 0px 0px;}
#quick {text-align: right; margin: -27px 3px 0px 0px;}
.h3boxlet {margin: -7px -3px 5px -3px;}
.h3boxlet .b2, .h3boxlet .b3, .h3boxlet .b4 {background: #ffffff; border-color: #5174ab;}  
.h3boxlet .boxcontent {padding-bottom: 5px; background: #ffffff; border-color: #5174ab;}



#sitemap {height: 100px; position: absolute; top: 0px; left: 0px; width: 100%;}
#body {margin-top: 100px;}
#smlinks1 {background: #5174ab; 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: #ffffff; 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;}
.submit, #studio .submit, .smsubmit, #content .submit {font-size: 11px; background: #5174ab; border: #394f78 solid 1px; color: #f5e474;}
.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: #cccccc;}
#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;}

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

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

/* class output */
.odb-quote {clear: none; border-top: 2px solid #5174ab; margin-left: 55px;}
.odb-replyadd {clear: left; font-size: small; text-align: right;}
.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-bottom: 5px;}
.odb-avatar {float: left; margin: 0px 3px 0px 3px;}
.tnav, .tnav a, .bnav, .bnav a {color: #ffffff;}
.tnav .nav, .bnav .nav {margin-left: 5px;}
.tnav .menu, .bnav .menu {text-align: right; margin: -16px 5px 15px 0px; }
.odb-admin {text-align: right; font-size: small; margin: -15px 5px 5px 0px;}

/* odb form */
.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 {border: 0px; background: transparent; font-weight: normal;}
.odb-replyto label{margin-left: 20px; color: #ffffff;}
.odb-kill {display: block; margin: -15px 0px 2px 0px;}

/* odb boxlet */
.odbboxlet .b1 {background: #5174ab; border-color: #5174ab;}
.odbboxlet .b2, .odbboxlet .b3, .odbboxlet .b4 {background: #ffffff; border-color: #5174ab;}  
.odbboxlet .boxcontent {background: #ffffff; border-color: #5174ab;}

.subcontent, #mybio {margin-top: 2px;}
#bio {margin: 0px 2px;}
#footer {margin-top: 55px; background: #5174ab; text-align: center;}
.login1, #smlinks1 a:link, #smlinks1 a:visited, #smlinks1 a:hover, #smlinks1 a:active, #footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #bbbbbb;}

#search label {display: block; overflow: hidden; width: 0px; height: 0px;}
.view_reply, .view_reply a:link, .view_reply a:visited, .view_reply a:hover, .view_reply a:active {font-size: 10px; color: #ffffff;}
#mystats .login_date {margin-left: 55px;}
#mypage .title {padding-bottom: 10px; color: #ffffff;}
#blog {margin-top: 2px;}
.entry {padding: 0px 8px 8px 8px;}
#wlinks ul{position: relative; z-index: 1; margin: auto 5px auto 230px;}
#search {position: relative; text-align: right; margin: -15px 5px -2px 5px;} 
.tnav form {margin-bottom: -15px; font-size: 11px;}
.tnav .boxcontent {padding: 1px;}
.highlight {color: red;}
.entry ul {border-bottom: solid 2px #5174ab;}
.f-avatar {margin: -1px 3px auto 3px; float: left;}
.f-title {padding: 5px 0px 2px 5px; font-weight: bold; color: #5174ab; font-size: 14px; clear: left;}
.f-name {padding: 0px 5px 2px 0px;}
.f-entry {margin-top: 5px;}
.f-name a {color: #000000; font-weight: bold;}
.f-date {font-size: 11px; color: #666666;}
.comments, .f-comments {font-size: 11px; text-align: right;}