/* burn blue 2010 */
/* content stylesheet */
/* written by josh hubi */
/* joshhubi.com */

/* css tweaks */
* {padding:0;margin:0;}
a img {border:0;}
.clear {clear:both;}
a {color:#666;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:none;color:#999;}

/* body css */
body {background:#DDF3FF url(../images/bg.png) repeat-x;font-family:arial, sans-serif;}
.wrapper {width:841px;margin:auto; padding-top:35px;z-index:100}

/* top box tip and notice area */
.box .top {width:100%; height:69px; color: #333333; background:url(../images/boxtop.png); font-size:18px; color:#B2B2B2;}
.box .top span {color:#FDB824;}
.box .top a {color:#666;font-weight:normal;text-decoration:none;}
.box .top a:hover {text-decoration:none;color:#999;}

/* i am the glue that holds everything together */
.box .center {width:840px; height:418px; background:url(../images/boxcenter.png); border-left:#D6D6D6 solid 1px; border-right:#D6D6D6 solid 1px;color:#B2B2B2;z-index:100;}

/* i hold everything to the left side of the box */
.box .center .left {width:328px; padding-left:19px; float:left;}
.box .center .left .logo {margin-bottom:60px;height:60px}
.box .center .left .logo h1 {font-size:11px;color:#B2B2B2}
.box .center .left h1 {font-family:arial, sans-serif; font-size:44px; color:#FDB824;}

.box .center .left .links {margin-top:20px;margin-left:10px;}
.box .center .left .links img {float:left; clear:both;}
.box .center .left .links li {list-style:none; font-size:28px; font-weight:bold; line-height:40px; text-indent:20px;}

/* and i hold everything to the right, im better :3 */
.box .center .right {float:right;}
.box .center .right .menu {padding-left:97px; padding-top:5px; padding-right:5px;}
.box .center .right .menu li {font-family:arial, sans-serif;float:left;list-style:none;padding-left:15px; font-size:20px; font-weight:bold;}

.box .center .right .stats {float:right; clear:both; padding-right:20px; padding-top:20px; margin-bottom:218px;}
.box .center .right .stats li {font-family:arial, sans-serif;list-style:none;padding-left:15px; font-size:20px; font-weight:bold;}
.box .center .right .stats span {color:#FDB824;}

/* im the beta badge! look at meeee! */
.box .center .right .badge {width:93px; height:57px; background:url(../images/beta.png) top center no-repeat; float:right; clear:both;}
.box .center .right .badge h1 {font-size:10px; color:#B2B2B2; font-weight:bold; padding-top:40px; padding-left:66px;}

.box .center .right .donate {font-size:13px;color: #555555; text-align:right;float:right; clear:both;padding-right: 10px;display:block}

/* bottom box tip */
.box .bottom {width:100%; height:10px; background:url(../images/boxbottom.png);}

/* this is the style for that "what can we host you?" image */
.box .txt {width:100%; height:48px; padding-top:15px}
.box .txt img {margin-left:198px;}

/* and heres the copyright footer text, where it all ends sadly */
.copyright {width:400px; margin:auto; padding-top:10px; padding-left:215px; padding-bottom:30px; text-align:center; font-size:11px; color:#B2B2B2;}

.ads {opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; -webkit-opacity:0.2;}
.ads:hover {opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1;}

#twitter {
    position: fixed;
    bottom: -250px;
    width: 250px;
    height: 300px;
    right: 2px;
    border-radius: 3px;
    border: 2px solid white;
}

#twitter:hover {
    bottom: 62px;
}

.serverstats { padding:5px; bottom:0; left:0; right:0; position:static; }
.serverstats b { color: #666666; }
.serverstats .server { color: #666666; } 
.serverstats .online { color: #14cb21; font-weight:bold; }
.serverstats .offline { color: #ff0000; font-weight:bold; }