html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
button,a,.showpointer{outline:0;overflow:visible;cursor:pointer;border:0;background-color:transparent}
ul,li{list-style-type:none}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

b,strong{font-weight:bold}
a, a:active{outline:none;color:#000;text-decoration:none;font: .9em Arial, sans-serif;}
a:hover{color:#000}
.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.end_rounded{-webkit-border-bottom-right-radius:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius: 5px;-khtml-border-radius-bottomleft:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;}
.top_rounded{-webkit-border-top-right-radius:5px;-khtml-border-radius-topright:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius: 5px;-khtml-border-radius-topleft:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;}
.hide{display:none}
.greybtn,a.greybtn{color:#585858;font-size:1.5em;padding:4px 7px;background-color:#e7e7e7;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#cdcdcd));background: -moz-linear-gradient(top,  #e7e7e7,  #cdcdcd); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#cdcdcd');border:1px solid #bbb}


body{width:100%;color:#000;font: 1em Arial, sans-serif;background-color:#f1f1f1}
.left{float:left}
.right{float:right}
.banner_ad{clear:both;margin:0 auto;width:320px;height:50px}

#menuleft{left:-50%;position:fixed;top:0;width:50%;height:100%;z-index:1000;border-right:1px solid #000;background-color:#e9e9e9;display:block}
#menuleft.slide{left:0}
#menuleft.hide{transition: all 0.2s ease;}
#menuleft h1{background-color:#424242;color:#eee;font-size:1.2em;line-height:50px;text-align:center;float:none !important}
#menuleft a{display:block;width:98%;padding:10px 0 10px 2%;color:#424242;font-size:1.1em;border-bottom:1px solid #424242}
#all{display:block;width:100%}
#all.fixed{transition: all 0.2s ease;position:fixed;left:50%;top:0;width:100%}
#all.slide{position:relative;}
.slide{transition: all 0.2s ease;}

.shadow{-webkit-box-shadow: 0 0 3px #000;-moz-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#000000')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#000000');}
#header{background-color:#3984be;width:96%;background-color:blue;height:50px;background:#2a6490 url('http://www.gamesbutler.net/imgs/gbbg_1header.png');padding:0 2%}
#header div{float:left;width:15%;text-align:center}
#header .hed2{width:70%}
#header .hed1 button{float:left;width:28px;height:29px;background:transparent url('backgrounds.png') no-repeat 0 0;margin-top:11px}
#header .hed2 a{float:left;display:block;margin:0 auto;width:85%;text-align:center;color:#fff;font-size:1.6em;line-height:50px;}
#header .hed3 a{float:right;width:90px;font-size:1.2em;color:#fff;line-height:50px;height:50px;text-align:right}

#wrapper{float:left;clear:both;width:100%}
h1{float:left;clear:both;font-size:1.2em;font-weight:bold;text-transform:uppercase;color:#000}
p{padding:5px 0;float:left;clear:both}
#signin,h1.padding1{margin:25px 2% 10px 2%}
#signin form{float:left;clear:both;margin:10px 0}
#signin form input{float:left;padding:3px;font-size:1.5em;border:1px solid #999}
#signin form button{float:left;clear:both;margin-top:5px}

.overlay{left:0;top:50px;transition: all 0.2s ease;}
.overlay.show{position:fixed;left:50%;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.8);z-index:9999}

#pager{margin:10px 2%}
#pager h1{margin:0 0 5px 5px;font-size:1.3em}
#pager h1 a{font-weight:bold;color:#1f6391}
#forum_topics{float:left;clear:both;width:100%}
#forum_topics li{float:left;clear:both;width:100%;padding:10px 5px; border-bottom:1px solid #ccc;font-size:1.5em}
#forum_topics li:nth-child(even){background-color:#fcfcfc}
#forum_topics li a{display:block;color:#1f6391}
#forum_topics li ul{font-size:.8em}
#forum_topics li ul li{padding:2px;border:0;background-color:#fff;font-size:.9em}
#forum_topics .sucmsg{color:green;float:left;clear:both;width:100%;padding-bottom:3px}
blockquote{clear:left;margin:5px 0;border:1px solid #ccc;border-width-left:2px;background-color:#f1f1f1;font-size:.9em;padding:3px;width:80%}
blockquote cite{display:block;font-size:13px;font-style:italic;padding-bottom:5px}
.morebtn{float:left;clear:both;margin-top:10px}
button.reply{float:left;clear:both;margin:3px;font-size:1em}

#reply{float:left;clear:both;margin-top:15px;font-size:.8em;width:90%}
#reply textarea{float:left;clear:both;width:90%;height:60px}
#reply button{float:left;clear:both}

#gamelist{clear:both;width:100%;margin:0 0 0 2%;background-color:#f1f1f1}
#gamelist li{float:left;width:300px;height:300px;margin:10px;background-color:#f1f1f1}
#gamelist li a{width:100%;display:block;height:auto}
#gamelist li a img{width:inherit;height:inherit;border-radius:5px}

#digtochina{margin:5px}
#digtochina h1{font-size:20px;margin-bottom:10px;width:100%}
#digtochina h2{font-weight:bold}
.gamedesc{float:left;clear:both;width:100%}
#digtochina p{float:left;width:60%;padding:3px 0 0 5px;clear:none}
#digtochina img{width:85px;height:85px;float:left;border-radius:5px;}
#digtochina .screenshots,#digtochina .dlbtns{float:left;clear:both;margin-top:15px}
#digtochina .dlbtns img{height:60px;border-radius:0;margin:0 5px 10px 0}
#digtochina .dlbtns img.apple{width:199px}
#digtochina .dlbtns img.goog{width:179px}
#digtochina .screenshots img{float:left;margin:2px 0 5px 25px;width:250px;height:375px;border-radius:0}

.foot_desc{float:left;clear:both;width:100%;font-size:.8em}

#prepage_header{float:left;clear:both;width:100%;padding:6px 0;background-color:#333;white-space:nowrap;}
#prepage_header img{float:left;width:70px;height:70px;border-radius:5px;margin-left:2%}
#prepage_header h1{float:left;width:59%;padding-left:3%;line-height:70px;font-size:1.5em;color:#e9e9e9;clear:none !important;}

#play_btn{float:left;clear:both;margin:8px 0;width:100%;}
#play_btn a{display:block;padding:13px 8px;margin:0 10%;color:#fff;font-size:1.5em;font-weight:bold;border-radius:5px;text-align:center;background-color:#2a6490;}

.footerad{clear:both;width:300px;height:250px;margin:5px auto}
#footer{width:100%;text-align:center;background-color:#333;color:#fff;float:left;clear:both;padding:10px 0;}
#footer a{color:#fff;font-size:1.2em;padding-right:20px}
