@charset "utf-8";
 
@import url(http://fonts.googleapis.com/css?family=Bangers);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,300,600,700);
 
* {
    box-sizing: border-box;
}
 
a {
    color: #1a8fb0;
    text-decoration: none;
}
 
body {
    padding: 0px;
    margin: 0px;
    background: #044679 url(../_img/bg.jpg);
    background-attachment: fixed;
    background-size: cover;
     
    color: #5b5b5b;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
}
 
.container {
    width: 1000px;
    margin: 0 auto;
}

.container2 {
    width: 1000px;
    margin: 0 auto;
}

.container3 {
    width: 500px;
    margin: 0 auto;
    padding: 25px 0 0;
}

.container8 {
    width: 500px;
    margin: 0 auto;
padding: 25px 0 0;
}

.container9 {
    width: 500px;
    margin: 0 auto;
padding: 25px 0 0;
}
 
#Header {

    min-height: 150px;
    background: url(../_img/wrapper-top.png) no-repeat center top;
}

#SliderColumn {
    min-height: 180px;
	max-width: 574px;
	margin: auto;

}

#Navigation {
    padding: 15px 0 0;
} 

#Navigation {
    padding: 0px 0 0;
}
 
#Navigation ul {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
}
 
#Navigatoin ul a,
#Navigation ul a:active,
#Navigation ul a:link {
    text-decoration: none;
}
 
#Navigation ul li {
    padding: 0 23px 0 28px;
    display: inline-block;
     
    background: url(../_img/sep.png) no-repeat left center;
    color: white;
     
    text-transform: uppercase;
    font-family: 'Bangers', cursive;
    font-size: 18px;
}
 
#Navigation ul li:hover {
    color: #ffd564;
}
 
#Navigation ul :first-child li {
    background: none;
}
 
#Logo {
    padding: 105px 90px;
height: 100px;



    background: url(../_img/logo.png) no-repeat center center;
}
 
#PageContent {
    padding-bottom: 1px;
    margin-top: 45px;
    background: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow:  0 0 0 10px white, 0 0 0 20px rgba(255, 255, 255, 0.2);
}
 
#LeftColumn,
#CenterColumn,
#RightColumn {
    float: left;
}
 
#LeftColumn,
#RightColumn {
    width: 213px;
}
 
#LeftColumn > div,
#LeftColumn > a {
    margin-bottom: 10px;
}
 
.loginStats {
    display: block;
    width: 213px;
    max-width: 213px;
    height: 88px;
    max-height: 88px;
    padding: 12px 15px 0;
     
    font-size: 14px;
    font-weight: 400;
     
    color: white;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}
 
.loginStats a {
    color: white;
}
 
.imageButton {
    display: block;
    width: 213px;
    max-width: 213px;
    height: 72px;
    max-height: 72px;
    padding-right: 10px;
    line-height: 72px;
     
    font-size: 18px;
    font-weight: 600;
     
    color: white;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}
 
.imageButton:hover {
    background-position: left bottom;
}
 
.imageButton1 {
    background: url(../_img/btns-1.png) no-repeat;
}
 
.imageButton2 {
    background: url(../_img/btns-2.png) no-repeat;
}
 
.imageButton3 {
    background: url(../_img/btns-4.png) no-repeat;
}
 
.imageButton4 {
    background: url(../_img/btns-6.png) no-repeat;
}

.imageButton50 {
    background: url(../_img/gaoban.png) no-repeat;
}
.imageButton52 {
    background: url(../_img/btns-51.png) no-repeat;
}

.imageButton51 {
    background: url(../_img/animeban.png) no-repeat;
}
 
.imageButton5 {
    background: url(../_img/login-stats.png) no-repeat;
}
 
.imageButton6 {
    background: url(../_img/btn_getfounder.png) no-repeat;
}
 
#SocialIcons {
    height: 64px;
}
 
.socialIcon {
    width: 71px;
    height: 64px;
    display: block;
    float: left;
}
 
.iconGoogle {
    background: url(../_img/google.png) no-repeat center center;
}
 
.iconTwitter {
    background: url(../_img/twitter.png) no-repeat center center;
}
 
.iconYoutube {
    background: url(../_img/youtube.png) no-repeat center center;
}

.iconYoutube2 {
    background: url(../_img/discord.png) no-repeat center center;
    width: 215px;
    height: 70px;
    display: block;
    float: left;

}

 
#ServerStatus .header,
#Ranking .header {
    height: 39px;
    max-height: 39px;
    padding-left: 15px;
    line-height: 39px;
    background: url(../_img/rank-title.gif) no-repeat;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
 
#ServerStatus .content,
#Ranking .content {
    background: url(../_img/ranking-bg.gif) repeat-y;
    text-align: center;
}
 
#ServerStatus .footer,
#Ranking .footer {
    height: 10px;
    max-height: 10px;
    background: url(../_img/ranking-bottom.gif) no-repeat;
}
 
#Ranking .header {
    background: url(../_img/rank-title.gif) no-repeat;
}
 
#Ranking .content table {
    width: 200px;
    max-width: 200px;
    padding: 10px;
    margin: 0 auto;
    border: #003B5E 1px solid;
    border-radius: 7px;
    border-collapse: separate;
    border-spacing: 0 7px;
    background: white;
    font-size: 13px;
}
 
#Ranking a,
#Ranking a:link,
#Ranking a:active,
#Ranking a:visited,
#Ranking .content {
    color: #bcd5e2;
    text-decoration: none;
    font-weight: 400;
}
 
#Ranking .content table td:nth-of-type(2) {
    text-align: left;
    border-bottom: 1px dashed #bcd5e2;
}
 
#Ranking .content table td:nth-of-type(3) {
    text-align: right;
    border-bottom: 1px dashed #bcd5e2;
}
 
#CenterColumn {
    width: 574px;
    max-width: 574px;
    padding: 10px;
}
 
#CenterColumn table {
    border-spacing: 0;
border-color: silver;
}
 
#CenterColum #PageSectionTitle {
}
 
#RightColumn {
    width: 213px;
    max-width: 213px;
}
 
#RightColumn > div,
#RightColumn > a {
    margin-bottom: 5px;
}
 
.smallImageButton {

    display: block;
    width: 213px;
    max-width: 213px;
    height: 72px;
    max-height: 72px;
    padding-right: 10px;
    line-height: 52px;
     
    font-size: 18px;
    font-weight: 600;
     
    color: white;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}
 
.smallImageButton:hover {
    background-position: left bottom;
}
 
.smallButton1 {
    background: url(../_img/btns-7.png) no-repeat;
}
 
.smallButton2 {
    background: url(../_img/btns-8.png) no-repeat;
}
 
.smallButton3 {
    background: url(../_img/btns-9.png) no-repeat;
}
 
.smallButton4 {
    background: url(../_img/btns-10.png) no-repeat;
}
 
.smallButton5 {
    background: url(../_img/btns-11.png) no-repeat;
}

.smallButton6 {
    background: url(../_img/btns-12.png) no-repeat;
}

.smallButton7 {
    background: url(../_img/btns-13.png) no-repeat;
}

.smallButton8 {
    background: url(../_img/btns-14.png) no-repeat;
}

.smallButton9 {
    background: url(../_img/btns-15.png) no-repeat;
}

.smallButton10 {
    background: url(../_img/btns-16.png) no-repeat;
}

.smallButton11 {
    background: url(../_img/btns-17.png) no-repeat;
}
 
#FacebookPanel {
    text-align: center;
}
 
#FacebookPanel .header {
    height: 39px;
    max-height: 39px;
    background: url(../_img/fb-title.gif) no-repeat;
    line-height: 39px;
     
    font-size: 14px;
    font-weight: 600;
     
    color: white;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
 
#FacebookPanel .content {
    background: #3D589B;
}
 
#FacebookPanel .content .fb-border {
    width: 196px;
    padding: 20px 0px;
    margin: 0 auto;
    background: white;
    border: 1px solid #003B5E;
    border-radius: 5px;
}
 
#FacebookPanel .footer {
    height: 10px;
    max-height: 10px;
    background: url(../_img/fb-bottom.gif) no-repeat;
}
 
.clear {
    clear: both;
}
 
#Footer {
    min-height: 60px;
    background: url(../_img/footer.png) no-repeat center top;
}
 
#Footer .footerLogo {
    min-height: 80px;
    background: url(../_img/footer-logo.png) no-repeat center bottom;
}
 
.loginForm {
    padding: 20px;
    border-radius: 7px;
    border: #c3dde2 1px solid;
    background: #ebfafd;
}
 
.tableSpacing {
    border-collapse: separate;
    border-spacing: 1em !important;
}
 
table {
    margin-bottom: 10px;
}
 
.table {
    width: 100%;
}
 
.table-bordered,
.table-bordered td,
.table-bordered th {
    padding: 6px;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
 
input {
    line-height: normal;
}
 
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
 
.btn {
    display: inline-block;
    width: 119px;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    background: url(../_img/gen-btn.png) no-repeat;
    color: white;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    border: none;
}
 
.text-center {
    text-align: center;
}
 
.text-right {
    text-align: right;
}
 
.text-left {
    text-align: left;
}
 
.pull-left {
    float: left;
}
 
.pull-right {
    float: right;
}
 
.inline {
    display: inline-block;
}
 
.white {
    color: black;
}
 
.red {
    color: #A30000;
}