@charset "utf-8";
/* CSS Document */

/*Scrollbar*/
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #FFFFFF; }
::-webkit-scrollbar-thumb { background-color: #000000; }
/*Curtain*/
#curtainup{ background-image: url(http://static.tumblr.com/lpzchgb/lMYmc9sfj/shabbyp_kiwi_stitchedribbon.png); width: 100%; height: 64px; background-repeat: repeat-x; margin-top: -8px; position: absolute; margin-left: -8px; box-shadow: 0px 0px 10px #111;}
#curtaindown{ background-image: url(http://static.tumblr.com/lpzchgb/lMYmc9sfj/shabbyp_kiwi_stitchedribbon.png); width: 100%; height: 64px; background-repeat: repeat-x; margin-bottom: -8px; position: absolute; margin-left: -8px; box-shadow: 0px 0px 10px #111; background-position: bottom;}

/*Information Section*/
#info { background-image: url
('http://static.tumblr.com/lpzchgb/Uimmc9sgi/sticker.png'); margin-top: 70px; width: 307px; height: 195px; background-position: center; background-repeat: no-repeat;}
#info .title { font-size: 30px; }
#info .inside { padding-bottom: 5px; color: #FFFFFF; text-align: justify; padding: 5px; font-size: 11px; font-family: '04b03'; margin-top: 31px; margin-left: 23px; position: absolute; width: 250px; height: 115px; overflow-x: hidden;}
#display { position: absolute; margin-top: 25px; margin-left: 180px;}
#display img {border-radius: 100%; box-shadow: 0px 1px 10px #888888}
#navigation { position: absolute; margin-top: 25px; margin-left: 670px; padding: 2px; width: 230px; font-family: Helvetica; font-size: 10px;text-transform: uppercase}
#navigation a:link, #navigation a:visited { display: block; padding: 3px; background-color: rgba(0,0,0,0.2)}
#navigation a:hover, #navigation a:active { background-color: rgba(0,0,0,0.5); }
#navigation .pad {padding-bottom: 2px; }

/*P O S T Section*/
#mainbox { width: 1000px;}
#mainbox .footer { text-align: center; color: #555555; text-shadow: 1px 1px 1px #FFFFFF; font-family: "Courier New"; padding-bottom: 3px; padding-top: 3px;}
#mainbox .page { text-align: center; color: #555555; font-size: 13px; text-shadow: 1px 1px 1px #FFFFFF; font-family: "Courier New"; padding-bottom: 3px; padding: 8px;}
#mainbox .page a {background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 1px 10px #888888; border-radius: 10em; padding: 5px;}
#mainbox .page .current {background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 1px 10px #888888; border-radius: 10em; padding: 5px; font-weight: bold; color: #FFFFFF; text-shadow: 1px 1px 1px #888888}
#postbox { padding: 5px;}

/*Search*/
input.search {background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 1px 10px #888888; width: 165px;height: 20px;padding: 1px 10px 1px 10px;border: none; font-family: 'Courier New';}

/*Styles*/
#postbox .pic img, blockquote img {width: 100%; }
#postbox .title {font-size: 20px; text-align: center;}
#postbox .quote {background-image: url(http://static.tumblr.com/lpzchgb/jEAmc9sif/hypsmall.png); background-repeat: no-repeat; background-position: left; padding-left: 40px; text-align: justify;}
#postbox .quoinside { font-size: 13px;}
#postbox .source {text-align: center; font-style: italic; }
#postbox .linkpost {font-size: 20px;}
#postbox .chat li {list-style: none; }
#postbox .chat li.odd, #postbox .chat li.even { padding: 1px; }
#postbox .chat li.even {color: #cc9bb2; }
#postbox .chat .label { text-transform: uppercase; font-weight: bold; }
#postbox .audio img { width: 100%; box-shadow: 1px 1px 1px #888888;}
#postbox .ask {text-align: justify; }
#postbox .askpic {float: left; padding-right: 3px; clear: both}

/*Details*/
.details {width: 300px; padding: 5px; position: absolute; z-index: 0; margin-top: 1px; visibility: hidden; -webkit-transition: all 1s linear; -moz-transition: all 1s linear}
.details a { background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 1px 10px #888888; border-radius: 10em; padding: 5px; color: #FFFFFF; -webkit-transition: all 1s linear; -moz-transition: all 1s linear }
#postbox:hover .details { margin-top: 1px; visibility: visible; -webkit-transition: all 1s linear; -moz-transition: all 1s linear}

/*Notes*/
ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; }
ol.notes li.note { border-top: solid 1px #ccc; padding: 5px; }
ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
ol.notes li.note span.action { font-weight: bold; }
ol.notes li.note .answer_content { font-weight: normal; }
ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; }
ol.notes li.note blockquote a { text-decoration: none; }