/*==========================
    * CSS Crafted by Kawohi *
    Yeah, my css is single-line.
    Use Chrome Web Inspector or Firebug
    For debugging/changing or multi-line 
    converter if you can't read it.
    kbai.
============================*/

body { background: url(../images/body-bg.png); font-family: sans-serif; margin: 30px 0 0 0; }

/* Clearfix/float hack */
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
* html .clearfix {  zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; }

/**** GLOBAL STYLES ****/

a { color: #07a1e3; text-decoration: none; }
a:hover { color: #fff; }
pre, code, kbd, samp, .ip { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

header, nav { margin: 20px auto 30px auto; width: 960px; }
header #ip-wrapper { float: right; width: 375px; }
header #ip-wrapper .ip-wrap { background: #636363; font-size: 15px; background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(58, 58, 58, 1) 100%); border-radius: 5px 5px 5px 5px; margin: 10px 0; border: 1px solid #000; box-shadow: inset 0 0 3px #fff;}

header #ip-wrapper .ip-wrap .ip-name { background: #e5e5e5; background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(229,229,229,1) 100%); border-radius: 5px 0 0 5px; display: inline-block; margin: 0 10px 0 0; padding: 10px 12px; box-shadow: inset 0 0 3px #fff; border-right: 1px solid #fff;}
header #ip-wrapper .ip-wrap .ip { color: #fff; }
#logo { float: left; width: 421px:; }

nav { background: #5f5f5f; background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(58, 58, 58, 1) 100%); border-radius: 5px; padding: 0px; border: 1px solid black;  box-shadow: inset 0 0 3px #fff;}
nav > a { font-size: 16px; }
nav ul { float: left; padding: 15px; }
nav ul li { display: inline; margin: 10px 10px; }
nav ul li:hover { border-top: 5px solid #00a2e8; color: #fff; padding: 12px 0 0 0; -webkit-transition: border .3s linear; }
nav ul li a { color: #fff; font-size: 17px;}
nav ul li a:hover { color: #e9e9e9; }
nav ul li.active { border-top: 5px solid #00a2e8; padding: 12px 0 0 0; text-shadow: 1px 0 #000;}
nav ul li.active a { color: #e9e9e9; }

nav .nav-donate-btn { background: #eee; border: 1px solid #000; background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(229,229,229,1) 100%); border-radius: 5px; color: #333; display: block; float: right; font-weight: bold; margin: 3px 20px; padding: 10px 10px; width: 170px; box-shadow: inset 0 0 3px #fff; -webkit-transition: .5s linear color;}

nav .nav-donate-btn:after { border-left: 1px solid #fff; color: #00a2e8; content: "→"; font-size: 20px; margin: 0 0 0 40px; padding: 0 0 0 20px; }
nav .nav-donate-btn:hover { background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%,rgba(242, 242, 242, 1) 100%); box-shadow: inset 0 0 5px rgba(0, 0, 0, .6); color: #00a2e8; -webkit-transition: .5s linear color; }

#slider { background: #eee; height: 350px; margin: 0 auto; width: 772px; }

#powered { margin: 35px auto; padding: 10px; width: 960px; }
#powered h2 { color: #08a1e4; font-size: 35px; font-weight: bold; }
#powered ul {}
#powered ul li { display: inline; padding: 15px; width:  250px; margin: 0 auto; }
#powered ul li img { text-align: center; }
#powered span { font-weight: bold; float: right; margin: 0 57px 0 0 }

#main-content { width: 960px; margin: 0 auto; }
#main-content #blog-wrap { margin: 40px 0; float: left; width: 380px; }
#main-content #blog-wrap p { font-size: 18px; line-height: 1.6em; }
#main-content #staff-wrap { float: right; width: 412px;  }
.imgf { background: #000; float: right;  height: 133px; width: 99px; margin: 19px 19px; }



footer { background: #333 url(../images/body-bg-2.png); color: #fff;  }
.wrap { margin: 0 auto; width: 960px; padding: 30px 0; }
footer .forums, footer .gallery, footer .donate { float: left; width: 300px; }
footer .forums h3:after, footer .gallery h3:after, footer .donate h3:after { content: url(../images/star-icon.png); padding: 5px;}
footer .forums h3, footer .gallery h3, footer .donate h3 { color: #fff; text-align: center; font-size: 35px; padding: 10px 0; }
footer .forums h3:hover:after, footer .gallery h3:hover:after, footer .donate h3:hover:after { content: url(../images/star-icon-hover.png);   }

footer .forums ul li { margin: 10px 0; }
footer .imgf { width: 140px; height: 120px; margin: 0 auto; float: none; }
footer .donate p { line-height: 20px; }
footer #subf { background: #000; }
footer #subf .wrap { padding: 10px; }
footer #subf small { font-size: 12px; text-align: center; width: 200px; margin: 0 auto; }
footer #subf ul { float: right; }
footer #subf ul li { display: inline; }