#beta{ float:right; width:600px; margin-right:10px; margin-top:20px; font-size:12pt; }
/* Default Stuff */
body, html{ height:100%; }
body{
    background-color: #050505;
    background-image: -webkit-linear-gradient(top, #050505, #111);background-image: -moz-linear-gradient(top, #050505, #111);background-image: -ms-linear-gradient(top, #050505, #111);background-image: -o-linear-gradient(top, #050505, #111);background-image: linear-gradient(to bottom, #050505, #111);
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #BBB; font: 300 15px "Lato", sans-serif; letter-spacing: 1px; line-height: 1.4; -webkit-font-smoothing: subpixel-antialiased;
    margin:0; padding:0;
}

img{ border: 0; }
h1,h2,h3,h4{ margin:0; padding: 7px 0px; height:22px; color:#E0E0E0; text-shadow: 2px 2px 6px #333; }
.h3{ font-size: 15pt; margin:0; padding: 5px 7px; height:18px; }
.h{ float: right;
padding-top:12px;
}

/* Tables */
table{ width:100%; border-collapse:collapse; }
table.nobord{ border: 0; }
.grey_box td{ padding-top:2px; padding-bottom:2px; }
.grey_box p{ padding-bottom:2px; margin: 0 0 2px 0; }
th{ font-size:10pt;  padding:4px; margin:4px; color:#555; font-weight:400; text-align:left;}
tr{ margin:0; }
td{ padding:0 4px; margin:0; height:34px }
td.users{ height:22px; }
.tr1{  background-color:#151419;  }
.tr1:hover{ background-color:#1C1A21; color: #FFF; }
.tr2{ /*background-color:#000;*/ }
.tr2:hover{ background-color:#1C1A21; color: #FFF; }
.tr3{  background-color:#32303C; font-weight: bold;  }

/* Images */

img.avatar{ background-color:#111; width:50px; height:50px; float: left; padding:0px; border-radius: 10px; border: #111 1px solid; margin-right:10px;   }
img.avatar2{ width:40px; height:40px; vertical-align: middle; }
img.avatar3{ width:100px; height:100px; }
img.icon{ width:35px; height:35px; vertical-align:middle;  margin: 0; padding:0; }
.sml_last, .big_last{ text-align:center; margin:3px; padding:0; border: 1px solid #000; }

.rvote{ height:54px; padding:3px;  }
.vtext a{ font-size:12pt; position: relative; top:4px; line-height: 1.5;}


/* Links */
a:link, a:active, a:visited{color: #AEA5D9;text-decoration: none;  }
a:hover{color: #CC3300;text-decoration: none; }
#orng a:link,#orng a:active,#orng a:visited{ color:#CC3300; text-decoration: none; }
#orng a:hover {color: #333; text-decoration: underline; }

/* Colors */
.fff{ color: #FFFFFF; }
.light{ color: #CCC; }
.fffb{ color: #FFFFFF; font-weight: bold; }
.red{ color:#FF0000; }
.redb{ color: #FF0000; font-weight: bold; }
.alt{ color: #B4AFC9 }
.err{  color:#FF3333; border: 2px #CC0000 solid; padding:6px; background-color:#330000; }
.done{ width:auto; color:#99FF33; border: 2px #009900 solid; padding:6px; background-color:#006600; }
.orn{ color: #FF9900; }
.lorn{ color:#CC3300; }
.beta{ font-size: 10pt; font-weight: bold; color: #FFCC00; }
.rated{ font-weight: bold; color: #00AA00; padding:5px; }
.green{ color:#00AA00; }
.blue{ color: #b0c7ff; }
.yel { color: #FFCC00; }
.dark{ color:#666; }
.normal{ color: #AAA; font: 300 15px "Lato", sans-serif; letter-spacing: 1px; line-height: 1.4; -webkit-font-smoothing: subpixel-antialiased; font-weight:normal; }

.big{ font-size: 12pt; font-weight: bold; }

/* Align */
.right{ float: right; }
.left{ float: left; text-align:left; }
.center{ text-align:center; }
.br{ clear:both; }
.middle{ position: relative; top:20px;}

/* Misc */
.readmore{ position: relative; top: -8px; padding: 0; margin: 0;  text-align:center; }

/*------------------
 Header Content
 -------------------*/
#page{ min-height: 100%; background-color:#111; }
#goto{ position: absolute; height:150px; bottom:0px; color:red; }
#goto2{ position: relative;  bottom:100px; color:red; }
.page_width{ margin:0 auto; width:1000px; }
#logo{ position: absolute; top:4px; }
#menu{ visibility: hidden;  }
#header{ width:100%; margin:0; padding:0; position: fixed; z-index: 101; height:80px;
    background-color: #000;
    background-image: -webkit-linear-gradient(top, #000, #111);background-image: -moz-linear-gradient(top, #000, #111);background-image: -ms-linear-gradient(top, #000, #111);background-image: -o-linear-gradient(top, #000, #111);background-image: linear-gradient(to bottom, #000, #111);
    border-bottom: 2px solid #2F2C3B;
    top:0;
}
#bar_menu{
    height:30px; width:100%; margin:0; padding:0; position: fixed; z-index: 101;
    background-image: -webkit-linear-gradient(top, #242036, #2F2C3B); background-image: -moz-linear-gradient(top, #242036, #2F2C3B); background-image: -ms-linear-gradient(top, #242036, #2F2C3B); background-image: -o-linear-gradient(top, #242036, #2F2C3B); background-image: linear-gradient(to bottom, #242036, #2F2C3B);
    background-color:#242036;
    line-height: 1.0;
    border-bottom: 3px solid #3A3747;
    top:82px;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
#bar_menu small{ position: relative; top: -5px; right: 39px; color: #00AEFF; font-size: 9px; }
#bar_menu .menu{ color:#FFCC00; float:left; padding:8px 15px; font-weight:400; }
#bar_menu .menu:hover{ color:#FFF; background-color:#75708E; text-decoration: none; }
#link-menu{ clear:both; position: relative; width:100%; height:30px; font-size:15px; color:#FF0000; word-spacing: 22px; white-space: nowrap; }
#link-menu a:link,#link-menu a:active,#link-menu a:visited{ color:#CC3300; text-decoration: none; }
#link-menu a:hover {color: #666; text-decoration: underline; }

.links a:link,.links a:active,.links a:visited{ color:#CC3300; text-decoration: none; }
.links a:hover {color: #666; text-decoration: underline; }
/*Ending of Header Content*/

#copyright{
    background-image: -webkit-linear-gradient(top, #242036, #2F2C3B); background-image: -moz-linear-gradient(top, #242036, #2F2C3B); background-image: -ms-linear-gradient(top, #242036, #2F2C3B); background-image: -o-linear-gradient(top, #242036, #2F2C3B); background-image: linear-gradient(to bottom, #242036, #2F2C3B);
 bottom:0px;
    position: absolute;
    clear:both; text-align:center; width:100%; background-color:#1E1C28; padding: 15px 0; font-size:9pt; margin:0;
}

/*------------------
  Bbogd Content
  ------------------*/

#bbogd{ position: relative; margin:0 auto; width:1000px; padding-top:120px; padding-bottom: 80px; }
#bantop{ position: relative; top:1px; float: right; margin:3px; height:70px;  }
#banside{ width:128px; height:600px; margin: 0 15px; }
#bantop, #banside{ border: 1px #000 solid; }
#freeads { text-align:center; }
#upload_side{ margin: 0 15px; width:128px; height:600px; background-color:#151515; border:#333 1px solid; }
#upload_side input{ width:105px; }

.bigtxt{ font-size: 16pt; font-weight:bold; color:#fff; }
#smltxt{ font-size: 8pt; font-weight:normal; }

.grey_box{ border-radius: 10px; width:auto;  background-color: #181818; padding:5px; border: #333 1px solid; margin:3px; }

.column, .column2, .side_column, #full, #full3, #full4{ display: inline-block; vertical-align: top; }
#full{ max-width:800px; width:100%;  margin: 0 auto; }
#full2{ max-width:480px; margin: 0 auto; }
#full3{ max-width:650px; width:100%;  margin: 0 auto; }
#full4{ max-width:400px; margin: 0 auto; }
.minimize{ min-height: 60px; }
.column{
    min-width:340px;
    max-width:410px;
    width:100%;
}
.column2{
    min-width:340px;
    max-width:380px;
    width:100%;
}
.side_column{
    width:160px;
}

.side_img{
    font-size: 14pt;
    padding:0; margin:15px 0;
    width:99%;
}
.side_img img{ width:100%; margin: 0; border: 1px #333 solid; border-radius: 10px; }
.side_img:hover{ color: #CC3300; }
.side_img a:hover{ color: #CC3300; text-decoration: none;  }
.side_img img:hover{ border: 1px #CC3300 solid;  }


/*------------------
 400x100 Game Banners
------------------*/
.b400x100{
    position: relative;
    height:100px;
    font-size: 14pt;
    padding:0; margin:10px 0 15px;
    width:99%;
    border-radius: 10px;
    background-color:#080808;
}
.b400x100 img{ position: absolute; left:0; width:400px; height:100px; margin: 0; border: 1px #000 solid; border-radius: 10px; }
.b400x100:hover{ color: #CCC; }
.b400x100 a:hover{ color: #CCC; text-decoration: none;  }
.b400x100 img:hover{ border: 1px #ccc solid;  }

.fade2 {
    opacity: 1;
    z-index:3;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade2:hover {
    opacity: 0.1;
}
.b400x100 span{ position: absolute; margin:5px; }

/*-----------------
 Account
-------------------*/

.incent{ color:#FFCC00; }
.incent:hover{ color:#FFF; text-decoration: none; }

/*-----------------
 PROFILE
-------------------*/

#prof_des{ display:inline-block; border: 0; max-width:380px; max-height:380px; vertical-align: middle; }
#prof_img{ vertical-align: middle; display:inline-block; }
#prof_img img{ width: 250px; height:250px; padding: 3px 10px; }
#vote4{  clear:both; padding-top:8px; font-size: 22px; }
.box{ width:100%; border: 1px #222222 solid; padding:4px;}
.box2{ max-width:380px; width:90%; height:100px; border: 1px #222222 solid; padding:4px;}
.pbox{ border-radius: 10px; width:auto; max-width:400px; background-color:#242036; text-align:center; margin: 0 auto; padding:5px; border: #111 1px solid; }
.pbox textarea{ width: 98%; height:100px; }
/* .links{ padding:8px; font-weight: bold; } */

/* Reviews */
.comment{ position: relative; background-color:#202020; border: 0; display:block; border-radius: 10px; list-style-type: none; padding:0;  margin: 0 0 10px;  }
.cheader { background-color:#333; padding:5px; }
img.comment{ width:80px; height:80px; background-color:#000; margin:5px; border: #202020 2px solid; }
.comment p{ padding:10px; margin:0; }
.cmod{ position: absolute; top:-15px; right:2px; font-size: 14pt; color:#FF0000; }
.crate{ position: absolute; top:5px; right:25px; text-align:center; border: #555 2px solid; padding:5px; background-color:#111; }
.des{  padding:5px;  border-radius: 5px; margin:4px; background-color:#000; }
.fader{ height:135px; width:100%; overflow: hidden; }
.fade{
    display: block;
    position: absolute;
    height: 35px;
    width: 100%;
    bottom: 0; left: 0; right: 0;
    /* http://colorzilla.com/gradient-editor/#202020+0,111111+100 */
    background: rgb(32,32,32); /* Old browsers */
    background: linear-gradient(to bottom,  rgba(32,32,32,.6) 0%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */
    background: -webkit-linear-gradient(top, rgba(32,32,32,.6) 0%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -moz-linear-gradient(top, rgba(32,32,32,.6) 0%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.fadeImg{ height:145px; }

input, textarea, select{
	font: 15px "lato",arial, verdana;
	background-color: #cccccc;
    border: 2px solid #1B1425;
	color: #000;
    padding: 3px;
    border-radius: 5px;
}

#rating{
    font: 16pt "lato", arial, verdana;
    background-color:#aaa;
}

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    font-weight:600;
    padding: .3em 1em .3em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.bigger{ font-size: 18px; height:40px; }

.orange {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    border: solid 1px #da7c0c;
}
.orange:hover {
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

button{
    font-size: 14px;
    font-weight: 100;
	background-color: #413D53;
	color: #FFFFFF;
    border: 2px solid #211E2D;
    vertical-align: middle;
    height:30px;
    border-radius: 5px;
}

.play{ display:block; }
.play a{
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAABVUlEQVR4nK2UMWpCURBFD0h+3IABXUDELMJG64AIWUPq9LGJBiSkTHFBi2zCOjYWQZCUEnAB6YP4LW4KXwj5vk+M/OI2b96cN/PmMthmT6JscWFxZTG0eA4ahrMLi3IsNwarWTxavFmkFs4oDbFHi1o+UJQs2hYzi20ElNU23G1blGLAlsXqAFBWK4vWb6Cohtf+C/vWzKK6A4pTi4cD2vywmFh85rT/YHGKRcNicUAVk9DNTU58YdHAohuZ5ntEowA8CdBspalFF4v+3msxb+7b6zpSZR+L8VHAHfQ2kzvGYlQgcITFXYEt32HRsdgUMJSNRQeLusW8ANvMLepYJBb3Eev8x9hpYCTf/3FmMT2gyjxNLc6yy6FpsTwCtrRo5q2vpsVLZEgxbcLdpqPr6wdcsRhYvFqsI6B1iA0sKn9v7B00sTi3uLToWTwF9cLZuUUSy/0CtsD1NksfoREAAAAASUVORK5CYII=) no-repeat center center;
    display: block;
    background-size: 20px 20px;
    width: 20px; height: 20px;
}
.play a:hover{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAABTUlEQVR4nK2UsWoCQRCGFySnL6CgD6DoQ1yj9ccvQp4hdfrYqAERy3Ra5CWsY2MRBEkpAR8gfRDP4tKskCxz5JQr/mZn59uZnZ9xaZq6UKAKqAO6B01Br15Tf9YBVaxcC9YAzUEfoASUBkp8bA5qZAJBJVAPtAGdDVCos7/bA5UsYBd0yAEKdQB1/wBBdf/atbCLNqB6mqbOgcqgWY42v0Ar0HdG+zNQ2YHaoF2OKla+m8eM+A7UdqCBMc1PQwsPvPPQsNIENHCgcfia5S/DXg9GlWMHWt4C9NCnIHfpQIsCgQsHGhXY8siB+qBTAUM5gfoO1AJtC7DNFtRyoAj0bFjnGmMnnhFd/qMGWueoMktrUC1cDjFofwNsD4qz1lcMejOGZOnk78ZY6+sXuAqagN5BRwN09LEJqPrvxvbQCNQEARqCXryG/qwJiqzcHwJxKk7EC2yoAAAAAElFTkSuQmCC);
}

/*-----------------
 Other Stuff
-------------------*/
@media screen and (max-width: 640px) {

    #beta{ display:none; }

    #header{ height:80px; }
    .side_column,#link-menu,#hide,#bantop{ display: none; }
    #bbogd{ width:auto; }
    .column{ max-width:100%; }
    #logo{  position: absolute; left:80px;  }
    #menu{ visibility: visible;  }

    #bar_menu{ height:22px; padding:0; }
    .menu, .menu form{ display:none; }
    /*
	Menu
    */

    #hamburger2 {
        background: transparent url(data:image/gif;base64,R0lGODlhJAAlAIABAK6l2f///yH5BAHoAwEALAAAAAAkACUAAAJgjI+pywcPo5z0pYqzdLrn4IUipoxdA5oVqlKo0W5vHL0pDdi4Ne/6nmsAeYwhpGSscZJBJPAXsyFU0sWo6jxhs5/txeP9ai46MWlanmpTv+W15xMai8w682Zv5puw+qEAADs=) no-repeat center center;
        display: block;
        width: 36px; height: 37px;
        position: fixed;
        top: 20px;
        right: 19px;
        z-index: 99999;
    }
    #hamburger2:hover {
        background-size: 96%;
    }

    #hamburger {
        box-sizing: border-box;
        display: block;
        width: 70px;
        height: 45px;
        position: fixed;
        top: 17px;
        left: 0;
        z-index: 99999;
    }
    #hamburger:before, #hamburger:after, #hamburger span {
        background: #AEA5D9;
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        position: absolute;
        left: 20px;
    }
    #hamburger:before {  top: 10px;  }
    #hamburger span {  top: 20px;  }
    #hamburger:after {  top: 30px;  }

    /* Hamburger animation */
    #hamburger:before, #hamburger:after, #hamburger span {
        -webkit-transition: none 0.5s ease 0.5s;
        transition: none 0.5s ease 0.5s;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
    }
    html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {  top: 20px;  }
    html.mm-opening #hamburger span {  left: -50px;  opacity: 0;  }
    html.mm-opening #hamburger:before {  transform: rotate( 45deg );  }
    html.mm-opening #hamburger:after {  transform: rotate( -45deg );  }


    /* Page Content */

    #page {
        box-shadow: none;
        width: 100%;
        min-width: 320px;
        padding: 0 0 0 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    #mm-blocker { background: rgba( 0, 0, 0, 0 );  }
    .mm-opening #mm-blocker {
        background: rgba( 0, 0, 0, 0.2 );
        transition: background 1s ease 0.3s;
    }
    .mm-opening #page {  border-left: 2px solid #666;  }


}