@charset "UTF-8";

body{background:#000; font-family:arial; margin:0px 0 0 0;}


img{border:none;}
iframe{border:none;}
h1{height:18px;}
form{padding:15px;}

.unkfunc {color: #789922;}
a.quotelink {color: #DD0000;}

#world {width:100%; overflow:auto;}

#header{padding:5px;}
#boards{color:#ddd; font-size:12px;}
#boards a{color:#ddd;}

#panelwrap {position:absolute; top:10px; bottom:80px; left:55px; width:245px; float:left;margin-left:6px; margin-right:6px;}
#panel {height:50%; width:100%; background:#fff;   overflow:auto;}

#boardselectwrap {position:absolute; top:10px; bottom:45px; left:10px; overflow:hidden; width: 50px; float:left; margin-right:0.5%;}
#boardselect {background:#fff; height:99%;}
#boardselect a {color:#333; text-decoration:none;}
.boardletter {float:left; clear:both; width:100%;height:12px;line-height:12px;background:#fff;font-size:12px;border-bottom:1px solid #555; text-align:center;}
.boardletter:hover{background:#ddd;}

.top {height:16px; background: #456; font-size:12px; color:#fff; border:1px solid #789;text-decoration:none; text-align:center;}
.topfake {height:16px; background: #fff; font-size:12px; color:#fff; border:1px solid #fff;text-decoration:none; text-align:center;}
.top a{color: #fff;text-decoration:none;}
.topbottom {border-top:none;}
.toptext{margin:1px 0 0 2px;text-align:center;}
.sidedata {}
.buttonl{height:15px;  padding:1px 4px 0 4px; border-right: 1px solid #789; float:left; background:#456; text-align:center;}
.buttonr{height:15px; padding:1px 4px 0 4px; border-left: 1px solid #789; float:right; background:#456; text-align:center;}
.buttonl:hover{background:#987;}
.buttonr:hover{background:#987;}
.bigbutton {height:33px;width:33px; border: 1px solid #789; float:left; text-align:center; cursor:pointer;}
.bigbuttonr {height:33px;width:33px; border: 1px solid #789; float:right; text-align:center; cursor:pointer;}
.reload{background:url('images/reload.png') no-repeat #456;}
.reload:hover{background:url('images/reload.png') no-repeat #987;}
.reply{background:url('images/reply.png') no-repeat #456;border-left:none;}
.reply:hover{background:url('images/reply.png') no-repeat #987;}
.watch{background:url('images/watch.png') no-repeat #456;border-right:none;}
.watch:hover{background:url('images/watch.png') no-repeat #987;}
.options{background:url('images/options.png') no-repeat #456;}
.options:hover{background:url('images/options.png') no-repeat #987;}
.enlargesmall{background:url('images/enlargesmall.png') no-repeat #456;border-right:none;}
.enlargesmall:hover{background:url('images/enlargesmall.png') no-repeat #987;}
.smallersmall{background:url('images/smallersmall.png') no-repeat #456;border-right:none;}
.smallersmall:hover{background:url('images/smallersmall.png') no-repeat #987;}
.help{background:url('images/help.png') no-repeat #456;}
.help:hover{background:url('images/help.png') no-repeat #987;}
.loader{height:16px; width:26px; float:right; background:url('images/ajax-loader.gif') no-repeat 0px 2px; text-align:center;}
.loaderleft {display:none;}
.loaderright {display:none;}

#centerwrap{position:absolute; top:10px; left:313px; right:10px; bottom:80px;}



#leftwrap{height:100%; width:44.5%; float:left;}
#left {height:100%; width:100%; background:#fff; overflow:auto; overflow-x:hidden;}

#replywrap{height:100%; width:44.5%; float:left; display:none;}
#reply {width: 100%; height:100%; background:#fff; overflow:hidden;}


.op{clear:both; border-bottom:1px solid #888; min-height:100px; font-size:12px; padding:2px;}
.ophover:hover{background: #ddd; }
.oddleft {background: #eef2ff;}
.evenleft {background:url('images/blue.png') repeat-y #fff;}
.oddright {background: #eef2ff;}
.evenright {background:url('images/blue.png') repeat-y #fff;}
.op img{max-height:100px; max-width:100px;}
.opimg{height:0px; width:0px;}
.opimgwrap{height:100px; width:100px; float:left; margin:0 5px 0 0;}
.opcomment {padding:0 0 0 2px; min-height:100px;}
.cursorhand {cursor:pointer;}
.ophighlight {background: #ffd0d0;}
.evenopunread{background:#cbfeac;}
.oddopunread{background:#effde6;}

.quote{clear:both; color:#333; background: #cfc; width:92%; border: 1px dotted #555; margin-left:4%; margin-top:5px; padding:2px; overflow:auto; display:none; overflow:hidden;}



#rightwrap{height:100%; width:55%; float:right;}
#right { height:100%; width:100%; background:#fff; overflow:auto; overflow-x:hidden; }

#makewrap{height:100%; width:55%; float:right; display:none;}
#make { width: 100%; height:100%; background:#fff; overflow:hidden;}

.imgbutton {height:22px; width:33px; background:#567; opacity: 0.2; border:1px solid #789; position:relative; top: 76px; left:65px; text-align:center; color:#fff; display:block;}
.imgbutton:hover{opacity:0.9;}
.imgbutton a{text-decoration:none; color:#fff;}
.imgbuttonone {height: 11px; width:10px; float:left; border-right:1px solid #789;border-bottom:1px solid #789; font-size:9px;}
.imgbuttontwo {height: 11px; width:10px; float:left; border-right:1px solid #789; font-size:9px;}
.imgbuttonthree {height: 18px; width:21px;float: right; font-size:12px; clear:right; padding: 4px 1px 0 0;}
.imgbuttonnum:hover{background: #987;}
.saverbutton{height:14px; padding:1px 0 1px 0; width:14px; background:#567;border:1px solid #789; float:right;opacity: 0.2; text-align:center; text-decoration:none; color:#fff;}
.saverbutton:hover{opacity:0.9;background: #987;}
.saverbutton a {text-decoration:none; color:#fff;}

.simages {width:100%; height:100%;color: #fff; text-align:center;}
.simages a{text-decoration: none; color:#fff;}
.imagethumb{float:left; margin:7px 0 0 7px; height:120px; width:106px;}
.topimg { float:right; font-size:10px; background:#c00; border-right: 1px solid #f66; clear:both;}
.topimgbut {float:left;height:12px; padding: 0 3px 0 3px; border-bottom: 1px solid #f66;border-top: 1px solid #f66;border-left: 1px solid #f66;}
.botimg{float:left; border:3px solid #c00; height:100px; width:100px; background:#fff;}
.botimg img {max-height:100px;max-width:100px;}

.sthreads {width:100%; height:100%; color: #000; text-align:center;}
.sthreads a{text-decoration: none; color:#000;}
.savedthread {width:100% height:54px; background:#fff; overflow:hidden; border:1px solid #f66;border-left:5px solid #f66; cursor:pointer;text-align:left;margin-bottom:3px;}
.sthreadimg {float:left; width:50px; height:50px;margin: 2px;}
.sthreadimg img {max-width:50px; max-height:50px;}
.sthreadtxt {height:50px;color:#000; font-size:10px; margin-right:2px;}
.sthreadtxt .unkfunc {height:50px;color:#000; font-size:10px;}
.sthreaddel {float:right; height:20px; padding:18px 6px 0 0;}
.status_normal {}
.status_new {border:1px solid #6d6;border-left:5px solid #6d6;}
.status_dies {}
.status_dead {border:1px solid #000;border-left:5px solid #000;}

#trashsys {display:none;}
#trashwrap {position:absolute; top: 100px; left: 200px; right:200px; bottom:100px; background:#000; z-index:4; opacity:0.8}
#trash { position:absolute; top: 100px; left: 200px; right:200px; bottom:100px; z-index:4; }
#trashedimages { width: 98%; height:90%; overflow:auto;}
.trashimage{margin: 7px 0 0 7px;}

#sharesys {display:none;}
#sharewrap {position:absolute; top: 100px; left: 200px; right:200px; bottom:100px; background:#000; z-index:4; opacity:0.8}
#share { position:absolute; top: 100px; left: 200px; right:200px; bottom:100px; z-index:4; color:#fff; font-size:12px; padding:10px;}


#imagesys {display:none;z-index:40;}
#imagewrap {position:absolute; top: 0px; left: 0px; right:0px; bottom:0px; background:#000; z-index:40; opacity:0.8}
#imagecont { position:absolute; top: 0px; left: 0px; right:0px; bottom:0px; z-index:40;}
#theimagewrap {position:absolute; top: 8px; left: 148px; right:10px; bottom:130px; overflow:hidden; text-align:center;}
#centerimage {height:100%; width:100%;}
#theimage {max-width: 100%; max-height:100%;}

#savedinside{color:#fff; position:absolute; top:0; bottom:0; left:0; width:140px; border-right:1px solid #aaa; overflow:auto; overflow-x:hidden;}
#savedinside a{color:#fff;}

#imagecommands{position:absolute; left:140px; bottom:0px; right:0; height:120px; border-top:1px solid #aaa;}
#imagecommands img{height:100px; width:110px;}
#closeimg{position:absolute; top:10px; left:10px; width: 100px; height: 100px;}
#showfullimg{position:absolute; top:10px; left:130px; width: 100px; height: 100px;}
#downloadimg{position:absolute; top:10px; left:250px; width: 100px; height: 100px;}
#tweetimg{position:absolute; top:420px; left:20px; width: 200px; height: 200px;}
#tweetcontrol{position:absolute;background:#000; color:#aaa; border:1px solid #fff; bottom:80px; right:30px; width:170px; text-align:center;}
#tweetbutton{position:absolute;background:#000; color:#fff; border:1px solid #fff; bottom:55px; right:30px; width:170px; text-align:center; cursor:pointer;}
#tweetload{position:absolute;background:#000; color:#fff; border:1px solid #fff; bottom:50px; right:30px; width:170px;text-align:center;display:none;}
#twitterlogininside{position:absolute;bottom:20px; right:40px;}
#twitterlogininside img{height:auto; width:auto;}
textarea#twittext {position:absolute;background:#fff; color:#111; border:1px solid #fff; bottom:10px; right:222px; width:250px; height: 100px; }

#betafunctions {position:absolute; font-size: 12px; bottom:10px; left:15px; color:#fff;}
#betafunctions a{color:#aaa;}

#credits {position:absolute; font-size: 12px; bottom:10px; left:10px; height:25px; right: 10px; padding:3px 0 0 2px; background:#fff; color:#333; font-size:10px;}
#credits a{color:#888;}
#twitterloginoutside{float:right; height:25px; margin-top:-1px;padding-left:3px; padding-right:3px;}
.title{float:right; height:25px; padding-left:3px; padding-right:3px;}

#alerter{position:absolute; top:0px; left:0px; right:0px; background:#000; opacity:0.8; color:#fff; text-align:center; font-size:20px; padding:20px; display:none; z-index:100;}