html, body {height:100%;}
body {background-color:#000000;}

a {text-decoration:none; cursor:hand; cursor:pointer;}

div#maingraphic {width:100%; max-width:500px; margin:auto; position:relative;}
div#maingraphic img {width:100%; border:none;}
div#maingraphic #smiley {position:absolute; top:12.2%; left:11.6%; width:76.6%;}
.midnight{background-image:url(images/midnight.jpg); background-position:center; width:100%;}
.midnight:hover {cursor:hand; cursor:pointer;}
#midnight-announcement {position:absolute; color:#fff; bottom:0; left:60%; font-family:'DJGrossNormal';}


div#nameplate {width:100%; max-width:370px; margin:auto;}
div#nameplate img {width:100%;}

nav#menu {margin:auto; float:right; clear:both;}
nav#menu a {color:#bbb; font-family:'DJGrossNormal'; font-size:25px;
-moz-transition-property: color;
-moz-transition-duration: 1s;
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-o-transition-property: color;
-o-transition-duration: 1s;
}
#menu ul li {display:inline-block; margin-left:20px; border-radius:2px;}
#menu ul li:hover a {color:#fff;}


/* TINYBOX CSS */
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}
