body {
 background:#000000 url('/images/bg_dark') repeat fixed center center;
 font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
 color:#ffffff;
 padding:0px;
 margin:0px;
 overflow-y:scroll;
}

a { color:#00dd70; border-color:#00dd70; text-decoration:none; }
a:hover, a:focus { color:#00dd70; border-color:#00dd70; text-decoration:underline; }
a:active { color:#00f000; border-color:#00f000; }
a:visited { color:#00aa40; border-color:#00aa40; }

span.error { color:#ff0000 !important; }

p {
 margin:0px;
 text-indent:9px;
}
hr {
 border:1px solid;
 background-color:#000000;
 color:#000000;
 width:auto;
 clear:both;
 opacity:0.5;
}

img { border-width:0px !important; }

.indent { margin-left:50px; }

.l { float:left; }
.r { float:right; }
.c { display:block; margin-left:auto; margin-right:auto; }
.clearer { clear:both; }

form { display:inline; }
input, textarea {
 padding:3px;
 border:1px solid #ffffff;
 background:transparent;
 font-family:inherit;
 color:inherit;
}
textarea {
 display:block;
 width:100%;
 white-space:normal;
}
div.textareacontainer { margin-right:8px; }
.hasplaceholder { color:#008040; }
input[type="submit"] { cursor:pointer; }
input[type="submit"]:hover { background:#00aa40; }

iframe {
 display:block;
 margin:6px auto;
 border:0px;
}

a.togglev, .JS .contracted, .JS .contractedR { display:none; }
.noJS a.toggle, .noJS a.togglev { display:none; }
a.toggle, a.togglev { font-size:smaller; }

a.jsqueue, .jsqueue a { white-space:nowrap; }
a.ajaxqueue:before, a.jsqueue:before, .jsqueue a:before { content:'\25BA '; }

#xoutc {
 display:block;
 margin-left:auto;
 margin-right:auto;
 min-width:750px;
 max-width:1144px;
}
#outc {
 display:table;
 width:100%;
}
#leftc {
 display:table-cell;
 width:182px;
 padding:8px;
 text-align:right;
}
#logo {
 float:left;
 opacity:0.15;
}
#logo:hover { opacity:0.25; }

#usernav, #blognav { font-size:smaller; }
#usernav span.name { font-weight:bold; }
#usernav div.recent { font-size:x-small; }
#blognav div.year {
 text-align:left;
 font-size:xx-small;
 height:10px;
 margin-bottom:-4px;
}
#nav br, #blognav br, #usernav br { margin-bottom:4px; }
#blognav a.album {
 font-size:large;
 font-weight:bold;
}
#blognav a.ep {
 font-size:medium;
 font-weight:bold;
}

#middlec div.item.talk div.header a.title:before { content:url('/images/bicon/talk'); }
a.music:before, #middlec div.item.music div.header a.title:before { content:url('/images/bicon/music'); }
a.pic:before, #middlec div.item.pic div.header a.title:before { content:url('/images/bicon/pic'); }
a.video:before, #middlec div.item.video div.header a.title:before { content:url('/images/bicon/video'); }

#external {
 text-align:center;
 font-size:x-small;
}
#external p {
 display:inline;
 text-indent:0px !important;
}
#external form { display:block !important; }
#external img { margin:1px 3px; }
#external input { border-width:0px; }
#external a.akdotname {
 font-size:medium;
 font-weight:bold;
}

#rightc {
 display:table-cell;
 width:182px;
 padding:8px;
}

#middlec {
 display:table-cell;
 padding:8px;
 text-align:center;
}
#face {
 height:330px;
 padding:0px 0px 0px 50% !important;
 background:url('/images/face') no-repeat top center;
}
#face div {
 background:#000000;
 opacity:0.85;
 padding:9px 12px;
 text-align:right;
 margin-bottom:9px;
}
#face div:last-child { margin-bottom:0px !important; }
#face a.latest {
 font-size:x-large;
 white-space:nowrap;
}
#face, #middlec .item {
 display:block;
 width:auto;
 margin-bottom:30px !important;
 text-align:left;
}
#middlec div.item div.header {
 position:relative;
 display:block;
 margin:5px 0px -5px 8px;
 line-height:18px;
 font-size:smaller;
 font-weight:bold;
 color:#008040;
 z-index:1;
}
#middlec div.item div.header span.date { white-space:nowrap; }
#newBlogItem div.header { margin-bottom:-15px !important; }
#newBlogItem div.header input { margin-bottom:4px; }
#newBlogItem textarea { margin-top:5px; }
#middlec div.item div.header .title { font-size:x-large; font-weight:500; margin-right:6px; }
#face, #middlec p.item, #middlec div.item div.post {
 display:block;
 border:1px solid #004020;
 margin:0px;
 padding:9px 12px;
}
#middlec div.item div.post div.albumbox, #middlec div.item div.post div.nonalbumbox { margin:3px 0px 3px 9px; }

#middlec div.item div.comments, #middlec div.item div.comments div { border:0px solid #004020; }
#middlec div.item div.comments {
 display:block;
 margin:0px 6px 0px 44px;
 border-width:0px 1px 1px 0px;
 padding-top:6px;
 font-size:smaller;
}
#middlec div.item div.comments div.comment div.meta {
 margin:0px 6px 0px -6px;
 padding:4px;
 border-width:1px;
}
#middlec div.item div.comments div.comment div.commenttext {
 padding:6px 9px;
 border-left-width:1px;
}
#middlec div.item div.comments div.comment .note { font-weight:bold; }
#middlec div.item div.comments div.comment span.error { display:block; }
#middlec div.item div.comments div.comment div.meta .name { font-weight:bold; }
#middlec div.item div.comments div.comment div.meta input { margin:-4px 0px; }
#middlec div.item div.comments div.comment div.textareacontainer { margin-bottom:6px; }

#middlec div.item div.comments div.comment.andrewkay { font-size:larger; }
#middlec div.item div.comments div.comment.andrewkay div.meta { margin-left:-38px !important; }
#middlec div.item div.comments div.comment.andrewkay div.meta .name:before { content:'[ '; }
#middlec div.item div.comments div.comment.andrewkay div.meta .name:after { content:' ]'; }

#middlec div.item div.footer {
 margin-bottom:-5px;
 padding:6px 9px;
 font-size:smaller;
}
#middlec div.item div.comments + div.footer { margin-left:45px; }

#middlec div.item.pic div.post { padding:0px !important; }
#middlec div.item.pic div.post div.pic {
 position:relative;
 background-repeat:no-repeat;
 background-position:center top;
}
#middlec div.item.pic div.post div.pic>* {
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 padding:6px 9px;
 background-color:#000000;
 opacity:0.7;
}

#pagenav {
 display:table;
 width:100%;
}
#pagenav div {
 display:table-cell;
 width:50%;
}
#pagenav div:only-child { width:100% !important; }
#pagenav div.prev { text-align:left; }
#pagenav div.next { text-align:right; }
#pagenav div.prev:before { content:'< '; }
#pagenav div.next:after { content:' >'; }

div.remix, div.lyrics {
 margin-bottom:30px;
 white-space:pre-line;
}
div.remix span.title, div.lyrics span.title {
 font-size:large;
 font-weight:bold;
}
div.lyrics a:only-child, div.remix + div.remix a:only-child { font-weight:bold; }

div.logs, div.logs div { border:1px solid #002000; }
div.logs div { margin:2px; }
div.logs { margin-bottom:30px; }
div.logs div.entry {
 margin-bottom:10px;
 font-size:small;
}
div.logs div.entry:last-child { margin-bottom:2px !important; }
div.logs div.entry div.meta {
 position:relative;
 width:140px;
 text-align:right;
 margin-right:0px;
}
div.logs div.entry div.meta a.delete {
 position:absolute;
 top:0px;
 left:0px;
}
div.logs div.entry div.info {
 width:566px;
 text-align:left;
}
div.logs div.entry div {
 display:inline-block;
 vertical-align:top;
 padding:2px;
 white-space:pre;
 overflow:hidden;
}
div.logs a.more { display:block; }

div.albumbox, div.nonalbumbox {
 width:180px;
 margin-bottom:6px;
 border:1px solid #00aa40;
}
div.albumbox { height:180px; }
div.albumbox div.info, div.nonalbumbox div.info, div.albumbox a, div.nonalbumbox div.links, div.nonalbumbox a:only-child {
 display:block;
 width:auto;
 padding:4px;
 margin-top:6px;
 background:#000000;
 text-align:center;
 z-index:1;
}
div.albumbox>:first-child, div.nonalbumbox>:first-child { margin-top:0px !important; }
div.albumbox div.info, div.albumbox a { opacity:0; }
div.nonalbumbox div.info, div.nonalbumbox div.links, div.nonalbumbox a:only-child { opacity:0.3; }
div.albumbox:hover div.info, div.albumbox:hover a, div.nonalbumbox:hover div.info, div.nonalbumbox:hover div.links, div.nonalbumbox:hover a:only-child { opacity:0.85; }
div.albumbox div.info span.title, div.nonalbumbox div.info span.title { font-weight:bold; }
div.albumbox div.info span.title { display:block; }
div.nonalbumbox div.info span.title, div.nonalbumbox div.links a { margin:0px 6px; }
div.albumbox a, div.nonalbumbox a {
 font-weight:bold;
 font-size:smaller;
}
div.albumbox a.freedl, div.nonalbumbox a.freedl { font-size:x-small; }

#player {
 display:block;
 width:180px;
 background:#000000;
 border:1px solid #00aa40;
 margin-bottom:6px;
 font-size:smaller;
}
.JS #player.unready {
 opacity:0.2;
 cursor:default !important;
}
.noJS #player div.buttons { display:none; }
#player div.buttons { height:21px; }
#player div.buttons img,#progress {  margin:1px 0px 1px 1px; }
#player.ready div.buttons img { cursor:pointer; }
#player.ready div.buttons img:hover { background:#00aa40; }
#btnpause { display:none; }
#progress {
 display:inline-block;
 height:17px;
 width:116px;
 border:1px solid #ffffff;
 z-index:1;
}
#playerloading {
 display:none;
 padding:4px;
}
#progressload, #progressplay {
 display:inline-block;
 position:absolute;
 height:17px;
 width:0px;
}
#progressload {
 background:#00100a;
 z-index:2;
}
#progressplay {
 background:#00aa40;
 z-index:3;
}
#playlist a {
 display:block;
 padding:4px;
 color:#ffffff;
 text-decoration:none !important;
}
#playlist a span.artist {
 display:block;
 margin:-1px 0px;
 font-size:xx-small;
}
#playlist a.current { background:#004020; }
#player.ready #playlist a:hover { background:#00aa40 !important; }