/*
Author: Craig Erskine
Description: Layout
*/

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video,xmp{margin:0;border:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}svg{overflow:hidden}

/* Grid */
.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}

/* Elements */
body { padding: 60px 0 0; font: bold 11px/1.4 "Helvetica Neue", Arial, sans-serif; background: #222 url(../img/bg.png) repeat; color: #E2E2E2; text-align: center; text-shadow: 0 1px 0 #000; -webkit-font-smoothing: antialiased; }

a { color: #FFF; font-weight: bold; text-decoration: none; }
a:hover,a:focus { color: #00C6FF; text-decoration: none; outline: 0; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 10px; font-size: 13px; }

p,ul,ol,dl,address,pre,table,hr { margin: 0 0 16px; }
li { margin: 0 0 0 20px; }
ul ul,ol ol,ul ol,ol ul { margin-bottom: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
dl { margin-left: 40px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 20px; }
abbr,acronym { border-bottom: 1px dotted; cursor: help; }
address { font-style: italic; }
blockquote { margin: 0 40px; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
pre,code { font: 11px/1.5 monospace; white-space: pre; }
table table { margin: 0; }
td,th,caption { vertical-align: top; }
hr { border: 0 none; border-top: 1px solid #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); }

input:focus { outline-color: transparent; outline-style: none; }

/* Some Classes */
.bottom { margin-bottom: 0; }
.left { margin: 0 20px 20px 0; float: left; }
.right { margin: 0 0 20px 20px; float: right; }
.quiet { color: #666; }
.small { font-size: 10px; }

/* Layout */
#page { position: relative; z-index: 2; }
#page-bg { width: 100%; min-width: 980px; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; }
#page-bg img { width: 100%; min-height: 600px; display: none; }
#bg-ntsc { width: 100%; height: 600px; background: url(../img/bg-ntsc.png) repeat-x bottom; position: absolute; bottom: 0; left: 0; }
#absolute { width: 100%; position: absolute; top: 0; left: 0; z-index: 16; }

#head,#nav,#archive-body,.foot-content { margin: 0 auto; width: 980px; text-align: left; position: relative; }

/* Head */
#head { height: 88px; background: url(../img/head.png) no-repeat 0 0; z-index: 2; }
#head-name { width: 97px; height: 88px; text-indent: -9999px; font-size: 1px; position: absolute; top: 0; left: 0; }
#head-name a { width: 100%; height: 100%; display: block; }

/* Nav */
#nav { z-index: 3; }
#nav ul { margin: 0; width: 596px; height: 25px; list-style: none; position: absolute; top: -67px; left: 110px; }
#nav li { margin: 0; width: 112px; list-style: none; display: block; float: left; font-size: 1px; text-indent: -9999px; position: relative; }
#nav #nav-games { width: 114px; }
#nav #nav-blog { width: 113px; }
#nav #nav-account { margin: 0 0 0 20px; width: 125px; }
#nav li a { width: 100%; height: 25px; display: block; float: left; background: url(../img/nav.png) no-repeat 0 0; }
#nav #nav-app a { background-position: -114px 0; }
#nav #nav-forum a { background-position: -226px 0; }
#nav #nav-blog a { background-position: -338px 0; }
#nav #nav-account a { background-position: -451px -50px; }
#sect-browser #nav #nav-games a,#nav #nav-games a:focus { background-position: 0 -25px; }
#sect-mobile #nav #nav-app a,#nav #nav-app a:focus { background-position: -114px -25px; }
#sect-listcat #nav #nav-forum a,#nav #nav-forum a:focus { background-position: -226px -25px; }
#sect-featured #nav #nav-blog a,#nav #nav-blog a:focus { background-position: -338px -25px; }
#nav #nav-account .in { background-position: -451px 0px; }
#nav #nav-account .in:focus { background-position: -451px -75px; }
#sect-profile #nav #nav-account a.in,#nav #nav-account a.in:focus { background-position: -451px -25px; }
#nav-account .in em { width: 22px; height: 22px; text-indent: 0; display: block; overflow: hidden; position: absolute; top: 1px; left: 1px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#nav-account .in img { width: 22px; height: 22px; }
#nav #nav-account .badge-notification {
border: 1px solid #900101;
padding: 0 2px;
width: auto;
height: auto;
min-width: 10px;
font-size: 10px;
line-height: 14px;
color: #FFF;
display: inline-block;
text-decoration: none;
text-align: center;
text-indent: 0;
position: absolute;
top: -7px;
left: -7px;
background-position: 0 0;
background:-moz-linear-gradient(50% 0% -90deg,rgb(245,154,154) 0%,rgb(163,11,11) 100%);
background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(245,154,154)),color-stop(1, rgb(163,11,11)));
background:-webkit-linear-gradient(-90deg,rgb(245,154,154) 0%,rgb(163,11,11) 100%);
background:-ms-linear-gradient(-90deg,rgb(245,154,154) 0%,rgb(163,11,11) 100%);
background:linear-gradient(-90deg,rgb(245,154,154) 0%,rgb(163,11,11) 100%);
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.35), 0 2px 3px #000;
-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.35), 0 2px 3px #000;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.35), 0 2px 3px #000;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff59a9a,endColorstr=#ffa30b0b,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff59a9a,endColorstr=#ffa30b0b,GradientType=0);
}

#nav-search { width: 228px; height: 24px; background: url(../img/head-search.png) no-repeat 0 0; position: absolute; top: -67px; right: 26px; }
#nav-search.on { background-position: 0 -24px; }
#nav-search-text { border: 0 none; padding: 5px 25px; width: 225px; height: 15px; background: transparent; color: #EBEBEB; font: bold 12px "Helvetica Neue", Arial, sans-serif; text-shadow: 0 -1px 0 #693800; }
#nav-search.on #nav-search-text { color: #787878; text-shadow: 0 1px 1px #FFF; }

#search-results { border: 1px solid #000; padding: 12px 0 10px; width: 280px; background: #FFF; background: rgba(255,255,255,0.7); color: #141414; font-size: 11px; -moz-border-radius: 6px; -webkit-border-radiu: 6px; border-radius: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 3px rgba(0,0,0,0.6); position: absolute; top: 28px; left: -35px; display: none; }
#search-results .search-row { margin: 0 10px; padding: 8px 6px 8px; display: block; color: #141414; text-shadow: 0 1px 0 rgba(255,255,255,0.5); font-size: 11px; -moz-border-radius: 3px; -webkit-border-radiu: 3px; border-radius: 3px; }
#search-results .search-row:hover,#search-results .search-row:focus { background: #252525; color: #FFF; text-shadow: 0 1px 0 #000; }
#search-results img { border: 1px solid #000; width: 58px; float: left; box-shadow: 0 2px 3px rgba(0,0,0,0.4); }
#search-results .info { width: 180px; float: right; }
#search-results .title { font-size: 12px; }
#search-results .system {}
#search-results .year {}
#search-results .search-btn { margin-top: 10px; border-top: 1px solid #FFF; padding: 10px 16px 0; box-shadow: 0 -1px 0 #000; }
#search-results .search-none { padding: 0 16px; text-align: center; font-weight: bold; text-transform: uppercase; }
#search-results .search-tip { width: 10px; height: 6px; background: url(../img/search-tip.png) no-repeat 0 0; position: absolute; top: -6px; left: 20px; }
#search-clear { width: 12px; height: 13px; background: url(../img/search-clear.png) no-repeat 0 0; position: absolute; top: 6px; right: 10px; display: none; }
#search-clear:hover,#search-clear:focus { background-position: 0 -13px; cursor: pointer; }

/* Body */
#archive-body { padding: 140px 0 240px; clear: both; z-index: 1; }

/* Foot */
#foot { background: url(../img/foot.png) repeat 0 0; clear: both; color: #A6A6A6; position: relative; z-index: 2; }
#foot-content { background: url(../img/foot-top.png) repeat-x 0 0; }
#foot-logo { height: 38px; text-indent: -9999px; font-size: 1px; position: relative; }
#foot-logo a { width: 127px; height: 38px; background: url(../img/foot-logo.png) no-repeat 0 0; position: absolute; top: -10px; left: 0; }
#foot-logo a:hover,#foot-logo a:focus { background-position: 0 1px; }
#foot-nav { padding: 60px 0 0; color: #E2E2E2; font-weight: bold; font-size: 12px; }
#foot-nav a { color: #A6A6A6; font-size: 11px; }
#foot-nav a:hover,#foot-nav a:focus { color: #FFF; }
.foot-nav,.foot-nav li { margin: 0; width: 100px; list-style: none; display: block; float: left; }
.foot-nav.donate { margin: 0 0 0 152px; width: 152px; }
.foot-nav li { line-height: 1.3; }
.foot-nav p { margin: 0 0 8px; }
#foot-total { padding: 0 0 0 38px; height: 45px; background: url(../img/foot-total.png) no-repeat 0 5px; font-weight: bold; font-size: 11px; line-height: 1.4; cursor: pointer; position: absolute; top: 115px; right: 0; -moz-transition-duration: .50s; -moz-transition-property: all; -webkit-transition-duration: .50s; -webkit-transition-property: all; transition-duration: .50s; transition-property: all; }
#foot-total strong { padding: 9px 0 0; color: #FFF; font-size: 15px; display: block; }
#foot-total:hover { background-position: 0 0; text-shadow: 0 0 10px rgba(255,255,255,0.35); }
#foot-copy { padding: 40px 0; clear: both; }
#foot-copy p { height: 32px; float: left; font-size: 10px; line-height: 16px; color: #909090; }
#foot-copy p a { padding: 0 0 0 30px; display: block; font-weight: normal; color: #909090; }
#foot-copy p a:hover strong,#foot-copy p a:focus strong { color: #FFF; }
#foot-design { width: 200px; background: url(../img/foot-mycleod.png) no-repeat 0 0; }
#foot-software { width: 200px; background: url(../img/foot-elemodo.png) no-repeat 0 0; }
#foot-rights { width: 300px; }
#foot-cap { width: 106px; height: 68px; background: url(../img/foot-cap.png) no-repeat 0 0; position: absolute; top: 0; right: 0; }

/* Home */
#sect-default body { padding-top: 400px; }
#sect-default #head { width: 530px; height: 130px; background: url(../img/home-head.png) no-repeat 0 0; }
#sect-default #head-name { width: 128px; height: 38px; background: url(../img/home-logo.png); top: 170px; left: 200px; }
#sect-default #nav { width: 530px; height: 25px; position: relative; }
#sect-default #nav ul { width: 484px; top: -44px; left: 23px; }
#sect-default #nav #nav-games { width: 84px; }
#sect-default #nav #nav-app { width: 85px; }
#sect-default #nav #nav-forum { width: 85px; }
#sect-default #nav #nav-blog { width: 85px; }
#sect-default #nav #nav-games a { background-position: 0 -50px; }
#sect-default #nav #nav-app a { background-position: -84px -50px; }
#sect-default #nav #nav-forum a { background-position: -169px -50px; }
#sect-default #nav #nav-blog a { background-position: -254px -50px; }
#sect-default #nav #nav-games a:focus { background-position: 0 -75px; }
#sect-default #nav #nav-app a:focus { background-position: -84px -75px; }
#sect-default #nav #nav-forum a:focus { background-position: -169px -75px; }
#sect-default #nav #nav-blog a:focus { background-position: -254px -75px; }
#sect-default #nav-search { width: 494px; background: none; top: -100px; left: 23px; right: auto; }
#sect-default #nav-search-text { width: 444px; color: #787878; text-shadow: 0 1px 1px #FFF; }
#sect-default #search-results { min-height: 200px; top: auto; bottom: 35px; left: 0; }
#sect-default #search-results .search-tip { top: auto; bottom: -6px; background-position: 0 -6px; }

#closed-door { margin: 0 auto; padding: 400px 0 1px; width: 400px; background: url(../img/door.png) no-repeat 50% 0; }
#closed-door h1 { width: 234px; height: 21px; background: url(../img/h-soon.png) no-repeat 0 0; font-size: 1px; text-indent: -9999px; }

#sect-default #foot-logo a { display: none; }

/* FancyBox */
.fancybox-tmp iframe,.fancybox-tmp object { vertical-align:top; margin:0; padding:0; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:1002; }
.fancybox-outer { position:relative; background:none; color:#9E9E9E; margin:0; padding:0; }
.fancybox-opened { z-index:1003; }
.fancybox-inner { width:100%; height:100%; position:relative; outline:none; overflow:hidden; margin:0; padding:0; }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Arial,sans-serif; margin:0; padding:10px; }
.fancybox-image,.fancybox-iframe { display:block; width:100%; height:100%; border:0; vertical-align:top; margin:0; padding:0; }
.fancybox-image { max-width:100%; max-height:100%; }
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image:url(../img/modal-sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; cursor:pointer; z-index:1010; }
#fancybox-loading div { width:44px; height:44px; background:url(../img/modal-loading.gif) center center no-repeat; }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:1004; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url(../img/x.gif); z-index:1003; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }
.fancybox-nav span { position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; cursor:pointer; z-index:1003; visibility:hidden; }
.fancybox-prev span { left:20px; background-position:0 -36px; }
.fancybox-next span { right:20px; background-position:0 -72px; }
.fancybox-tmp { position:absolute; top:-9999px; left:-9999px; overflow:visible; visibility:hidden; padding:0; }
#fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:1001; background:none; }
.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Arial,sans-serif; position:relative; z-index:1005; }
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:1003; text-align:center; }
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; background:rgba(0,0,0,0.8); color:#FFF; line-height:24px; white-space:nowrap; padding:2px 20px; }
.fancybox-title-outside-wrap { color:#fff; position:absolute; top:-30px; left:0; }
.fancybox-title-inside-wrap { margin-top:10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; background:rgba(0,0,0,.8); padding:10px; }
.fancybox-nav:hover span,.fancybox-opened .fancybox-title { visibility:visible; }

/* Dropkick */
.dk_container ul,.dk_container li{margin:0;padding:0;list-style:none}.dk_container{ margin:0 20px 0 0; background-color:#232323; background-image:-webkit-gradient(linear,left top,left bottom,from(#353535),to(#232323)); background-image:-webkit-linear-gradient(top,#353535,#232323); background-image:-moz-linear-gradient(top,#353535,#232323); background-image:-ms-linear-gradient(top,#353535,#232323); background-image:-o-linear-gradient(top,#353535,#232323); background-image:linear-gradient(top,#353535,#232323); font:bold 12px/14px "Helvetica Neue",Arial,sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}.dk_container:focus{outline:0}.dk_container a{text-decoration:none;cursor:pointer}.dk_toggle{ border:1px solid #000; padding:3px 0 3px 6px; background:url(../img/select-arrows.png) no-repeat 94% 50%; color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.5); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 rgba(255,255,255,0.1); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 rgba(255,255,255,0.1)}.dk_toggle:hover{color:#00C6FF}.dk_focus .dk_toggle{}.dk_focus .dk_toggle{}.dk_open{z-index:10}.dk_open .dk_toggle{background-color:#232323;color:#666}.dk_options{}.dk_options a{ border:1px solid #000; border-top:0 none; padding:3px; background-color:#232323; color:#999; font-weight:normal; font-size:11px; text-shadow:none}.dk_options li:last-child a{}.dk_options a:hover,.dk_option_current a{background-color:#0084C7;color:#FFF;text-decoration:none}.dk_options_inner{max-height:250px}.dk_options_inner,.dk_touch .dk_options{max-height:250px}.dk_container{float:left;display:none;position:relative}.dk_container a{outline:0}.dk_toggle{display:-moz-inline-stack;display:inline-block;position:relative;*display:inline;zoom:1}.dk_open{position:relative}.dk_open .dk_options{display:block}.dk_open .dk_label{color:inherit}.dk_options{margin-top:-1px;width:100%;display:none;position:absolute;right:0}.dk_options a,.dk_options a:link,.dk_options a:visited{display:block}.dk_options_inner{overflow:auto;position:relative}.dk_touch .dk_options{overflow:hidden}.dk_touch .dk_options_inner{max-height:none;overflow:visible}.dk_fouc select{position:relative;top:-99999em;visibility:hidden}

/* Buttons */
.btn {
 margin: 0;
 border: 1px solid #000;
 padding: 2px 16px;
 height: auto;
 color: #FFF;
 font-weight: bold;
 font-size: 11px;
 line-height: 16px;
 text-decoration: none;
 display: inline-block;
 cursor: pointer;
 background-color: #232323;
 background-image: none;
 background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
 background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=0 );
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
}

a.btn:focus {
 -moz-box-shadow: inset 0 0 5px #000, 0 1px 0 rgba(255,255,255,0.1);
 -webkit-box-shadow: inset 0 0 5px #000, 0 1px 0 rgba(255,255,255,0.1);
 box-shadow: inset 0 0 5px #000, 0 1px 0 rgba(255,255,255,0.1);
}

.btn.grey { color: #E4E4E4; }
.btn.grey:focus { color: #B6B6B6; }
.btn.green { background-color: #056315; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
.btn.blue { background-color: #014260; color: #FFF; }
.btn.blue:focus { color: #D5D5D5; }
.btn.red { background-color: #AF0011; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
.btn.gloss {
 color: #FFF;
 text-shadow: 0 -1px 0 #000;
 background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 51%, rgba(246,246,246,0) 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(246,246,246,0)));
 background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%,rgba(246,246,246,0) 100%);
 background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%,rgba(246,246,246,0) 100%);
 background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%,rgba(246,246,246,0) 100%);
 background-image: linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%,rgba(246,246,246,0) 100%);
}

.btn.green.gloss:focus,.btn.blue.gloss:focus { color: #E2E2E2; }
.btn.white { background-color: #ABABAB; color: #141414; text-shadow: 0 1px 0 #D0CFCF; }
.btn.white:focus { color: #000; }

/* Boxes */
.box,.inner { border: 1px solid #000; padding: 26px 0 5px; background: rgba(0,0,0,0.08); clear: both; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 4px rgba(0,0,0,0.2), inset 0 2px 3px rgba(0,0,0,0.3), 0 0 1px rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 4px rgba(0,0,0,0.2), inset 0 2px 3px rgba(0,0,0,0.3), 0 0 1px rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 4px rgba(0,0,0,0.2), inset 0 2px 3px rgba(0,0,0,0.3), 0 0 1px rgba(255,255,255,0.06); }
.inner { margin: 0 14px; border-bottom: 0 none; padding: 0; width: 948px; position: relative; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.inner:after { width: 948px; height: 21px; background: url(../img/grill-h.png) repeat-x bottom; }
.outset { background: transparent; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(255,255,255,0.06), 0 0 1px rgba(255,255,255,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(255,255,255,0.06), 0 0 1px rgba(255,255,255,0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(255,255,255,0.06), 0 0 1px rgba(255,255,255,0.06); }
.shadow { -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
.hr { border-top: 1px solid #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); }
.box-content { padding: 0 20px 20px; }

/* Blog */
#blog { padding: 30px 0 0; width: 100%; float: left; clear: both; position: relative; }
#blog #featured { margin: 0 0 70px; width: 100%; float: left; }
#blog #featured-img { width: 677px; float: left; }
#blog #featured-img img { width: 677px; }
#blog #featured-content { width: 276px; float: right; }
#blog #blog-article { width: 677px; float: left; color: #E2E2E2; }
#blog #blog-article h6 { padding: 20px 0 0; }
#blog #blog-article p a { font-weight: bold; color: #00C6FF; }
#blog #blog-article a:hover p.img_caption { color: #00C6FF !important; }
#blog #blog-sub { width: 172px; float: right; }
#article-tease-types { margin: 0 0 34px; padding: 0; width: 172px; height: 23px; float: left; list-style: none; }
#article-tease-types li { margin: 0; padding: 0; width: 86px; float: left; list-style: none; }
#article-tease-types a { width: 86px; height: 23px; line-height: 23px; background: url(../img/blog.png) no-repeat 0 -148px; color: #FFF; text-align: center; display: block; float: left; }
#article-tease-types #type-tab-popular a { background-position: -86px -148px; }
#article-tease-types #type-tab-similar a.on { background-position: 0 -171px; color: #00C6FF; }
#article-tease-types #type-tab-popular a.on { background-position: -86px -171px; color: #00C6FF; }
#article-tease-types a:hover,#article-tease-types a:focus { color: #00C6FF; }
#blog .article-img { padding: 0 0 50px; }
#blog .article-img img { width: 677px; }
#blog .article-img-caption,#blog .img_caption { margin: 0; padding: 5px 0; font-style: italic; color: #B2B1B1; }
#blog .article-title { margin: 0 0 6px; }
#blog .article-details { margin: 0 0 20px; color: #B1B1B1; font-style: italic; }
#blog .article-details a { color: #B1B1B1; }
#blog #blog-article .article-content { margin: 0 0 40px; }
#blog .article-social,#blog .article-social li { margin: 0; width: 100%; list-style: none; display: block; float: left; }
#blog .article-social li { width: 50%; line-height: 16px; }
#blog .article-social a { padding: 0 0 0 24px; height: 16px; background: url(../img/blog.png) no-repeat 0 0; color: #B1B1B1; display: block; }
#blog .article-social .article-share a { background-position: 0 -16px; }
#blog .article-social a:hover,#blog .article-social a:focus { color: #FFF; }
#blog #tease-list { margin: 0 0 10px; width: 100%; float: left; clear: both; }
#blog .article-tease { margin: 0 0 60px; width: 480px; height: 207px; float: left; }
#blog .article-tease.even { float: right; }
#blog .tease-img { width: 172px; height: 197px; float: left; }
#blog .tease-img img { width: 172px; height: 197px; }
#blog .tease-content { margin: 0 0 0 25px; width: 276px; float: left; }
#blog .tease-content .article-content p { margin: 0 0 8px; }
#blog #blog-sub .article-tease,#blog #blog-sub .tease-img,#blog #blog-sub .tease-content { margin: 0 0 10px; width: auto; height: auto; float: none; clear: both; }
#blog #blog-sub .tease-content { padding: 0 0 1px; }
#blog #blog-sub .article-details { margin: 0 0 10px; }
#blog #feed { margin: 0; width: 11px; height: 11px; text-indent: -9999px; position: absolute; top: 0; left: 0; }
#blog #feed a { width: 11px; height: 11px; background: url(../img/blog.png) no-repeat 0 -37px; display: block; }
#blog-search { width: 264px; height: 25px; background: url(../img/blog.png) no-repeat 0 -48px; }
#blog-search.on { background-position: 0 -73px; }
#blog-search input { border: 0 none; padding: 6px 12px 5px 28px; width: 224px; background: none; color: #6D6D6D; font: bold 11px "Helvetica Neue", Arial, sans-serif; }
#blog-search.on input { color: #FFF; }
#blog-sub-search { padding: 8px; }
#blog-sub-search #blog-search { width: 154px; height: 25px; background-position: 0 -98px; }
#blog-sub-search #blog-search.on { background-position: 0 -123px; }
#blog-sub-search input { padding-top: 5px; width: 114px; }

#comments { padding: 20px 0 0; }
#comments h2 { margin: 0 0 24px; }
#comments-block {}
#comments-list { margin: 0 14px; padding: 0; position: relative; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#comments-list:after { width: 645px; height: 20px; background: url(../img/grill-h.png) repeat-x top; }
.comments-list,.comments-list li { margin: 0; width: 630px; list-style: none; position: relative; }
.comments-list li { padding: 20px 40px 4px 120px; width: 470px; }
.comment-user { margin: 0 0 4px; font-size: 11px; }
.comment-avatar { width: 54px; height: 54px; position: absolute; top: 20px; left: 50px; }
.comment-user .overlay { width: 54px; height: 54px; background: url(../img/blog.png) no-repeat right bottom; position: absolute; top: 20px; left: 50px; }
.comment-details { color: #B1B1B1; font-style: italic; }
.comment {}
#comment-form { padding: 20px 14px 5px; clear: both; }
.form-comment { margin: 0 0 10px; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.form-comment textarea { margin: 0 none; border: 0 none; padding: 10px; width: 625px; height: 100px; background: transparent; color: #787878; font: italic bold 11px "Helvetica Neue", Arial, sans-serif; }
.form-comment textarea.focus { color: #FFF; font-style: normal; }
.form-btn { margin: 0; text-align: right; }

/* Filter Pod */
#filter-form { z-index: 10; }
#filter-pod { margin: 0 0 50px; border: 1px solid #000; padding: 0 0 26px; background: url(../img/filter-pod.png) repeat-x bottom left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5); box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.filter-row { border-bottom: 1px solid #000; padding: 8px 10px; height: 22px; background: url(../img/filter-pod.png) repeat-x 0 0; color: #9E9E9E; font-weight: bold; }
#filter-choose { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
#filter-platforms { float: left; }
#filter-alpha,#filter-alpha li { margin: 0; list-style: none; display: block; float: left; }
#filter-alpha { padding: 0; margin-left: 0px; }
#filter-alpha a { border-right: 1px solid #000; padding: 2px 8px; color: #FFF; display: block; float: left; text-transform: uppercase; }
#filter-alpha .last a { border-right: 0 none; }
#filter-alpha a.on,#filter-alpha a:hover,#filter-alpha a:focus { background: #222; }
#filter-filter { float: right; }
#filter-filter a.on { background-image: none; color: #B6B6B6; -moz-box-shadow: inset 0 3px 4px rgba(0,0,0,0.55); -webkit-box-shadow: inset 0 3px 4px rgba(0,0,0,0.55); box-shadow: inset 0 3px 4px rgba(0,0,0,0.55); }
.filter-label,.filter-label label { margin: 0 10px 0 0; float: left; line-height: 21px; }

.filterOptions {
 margin: 0;
 border: 1px solid #000;
 padding: 2px 16px;
 height: auto;
 color: #FFF;
 font-weight: bold;
 font-size: 11px;
 line-height: 16px;
 text-decoration: none;
 display: inline-block;
 cursor: pointer;
 background-color: #232323;
 background-image: none;
 background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
 background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 background-image: linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=0 );
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.1);
}
#cFilterBar { margin: 0 0 20px; border: 1px solid #000; padding: 0 0 26px; background: url(../img/filter-pod.png) repeat-x bottom left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5); box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.cFilterBar_inner { border-bottom: 1px solid #000; padding: 8px 10px; height: 22px; background: url(../img/filter-pod.png) repeat-x 0 0; color: #9E9E9E; font-weight: bold;  }
.cFilterBar_inner { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.cFilterBar_inner .filterName { display: none; }
.filterOptions,.filterOptions li { margin: 0; list-style: none; display: block; float: left; }
.filterOptions { padding: 0; margin-left: 10px; }
.filterOptions a, .filterOptions .active { border-right: 1px solid #000; padding: 2px 8px; color: #FFF; display: block; float: left; text-transform: uppercase; }
.filterOptions .active { background: #222; }

/* Results */
#results { width: 100%; float: left; clear: both; }
.result { margin: 0 0 30px; border-bottom: 1px solid #000; padding: 0 0 20px; width: 100%; float: left; clear: both; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05); box-shadow: 0 1px 0 rgba(255,255,255,0.05); }
.result-img { margin: 0 30px 0 0; width: 200px; float: left; }
.result-img img { height: 105px; }
.img-thumb { background: #000; padding: 1px; position: relative; float: right; }
.img-thumb .top,.img-thumb .bottom { width: 100%; height: 82px; background: url(../img/cover-overlay.png) no-repeat 50% 0; position: absolute; top: 1px; left: 0; }
.img-thumb .bottom { height: 66px; background-position: bottom; top: auto; bottom: 1px; }
.result-desc { width: 380px; float: left; font-size: 11px; font-weight: bold; }
.result-desc h2 { margin: 0 0 2px; font-size: 15px; }
.result-desc h2 a { color: #FFF; }
.result-desc h2 a:hover,.result-desc h2 a:focus { color: #00C6FF; }
.result-desc .info { margin: 0 0 8px; font-style: italic; color: #B2B1B1; }
.result-screen { width: 343px; height: 118px; float: right; position: relative; overflow: hidden; }
.result-screen ul,.result-screen li { border-right: 1px solid #000; margin: 0; list-style: none; float: left; }
.result-screen li { border: 1px solid #000; border-right: 0 none; width: 113px; height: 116px; overflow: hidden; }
.result-screen img { width: auto; height: 116px; }

/* Pagination */
#pagination { padding: 8px; color: #6D6D6D; position: relative; }
#pagination ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 8px; left: 8px; }
#pagination li { margin: 0; list-style: none; font-size: 11px; display: block; float: left; color: #6D6D6D; }
#pagination li a,#pagination li span { display: block; float: left; }
#pagination p { margin: 0; text-align: center; line-height: 22px; }
.page-prev span { border-right: 1px solid #000; padding: 2px 16px 2px 30px; background: url(../img/pagination-arrows.png) no-repeat 0 1px; }
.page-next span { padding: 2px 30px 2px 16px; background: url(../img/pagination-arrows.png) no-repeat 100% -18px; }
#pagination #blog-search { position: absolute; top: 6px; right: 8px; }
#pagination .page-share { width: 100px; position: absolute; top: 10px; right: 8px; }
#pagination .page-share a { padding: 0 6px 0 24px; height: 16px; line-height: 16px; background: url(../img/blog.png) no-repeat 0 -16px; color: #B1B1B1; display: block; float: right; }
#pagination .page-share a:hover,#pagination .page-share a:focus { color: #FFF; }

/* App */
#app { width: 100%; float: left; clear: both; font-weight: bold; font-size: 11px; }
#app h1 { font-size: 14px; }
#app h5 { margin: 0 0 22px; color: #C5C5C5; font-style: italic; }
#app-desc { width: 528px; float: right; }
#app-desc-content { padding: 0 0 20px; clear: both; }
#app-desc-store { padding: 0 0 60px; width: 100%; float: left; clear: both; }
#app-desc-store ul,#app-desc-store li { margin: 0; width: 100%; float: left; list-style: none; text-indent: -9999px; }
#app-desc-store li { margin: 0 60px 0 0; width: 143px; height: 40px; }
#app-desc-store a { width: 100%; height: 100%; display: block; background: url(../img/app-store.png) no-repeat 0 0; }
#app-desc-store a:hover,#app-desc-store a:focus { background-position: 0 -40px; }
#app-desc-store-and a,#app-desc-store-and a:hover,#app-desc-store-and a:focus { background-position: -143px 0; }
#app-desc-screens { padding: 0 0 60px; width: 100%; float: left; clear: both; }
#app-desc-screens ul,#app-desc-screens li { margin: 0; width: 100%; float: left; list-style: none; }
#app-desc-screens li { width: 88px; height: 130px; }
#app-desc-screens li a { width: 88px; height: 130px; display: block; position: relative; }
#app-desc-screens li a img { border: 1px solid #000; width: 68px; height: 102px; position: absolute; top: 10px; left: 10px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;

 -moz-transition-duration: .20s;
 -moz-transition-property: top, left, width, height;
 -webkit-transition-duration: .20s;
 -webkit-transition-property: top, left, width, height;
 transition-duration: .20s;
 transition-property: top, left, width, height;

}
#app-desc-screens li a:hover img { width: 78px; height: 117px; top: 5px; left: 5px; }
.app-box { width: 354px; height: 666px; background: url(../img/app-lightbox.png) no-repeat 0 0; overflow: hidden; position: relative; }
.app-box img { position: absolute; top: 16px; left: 17px; }
.app-box .app-screen-desc { width: 280px; color: #FFF; font-weight: bold; font-size: 11px; text-align: left; position: absolute; top: 530px; left: 36px; }
.app-screen .fancybox-outer { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#app-desc-features h1 { margin: 0 0 22px; }
#app-features-search { padding: 0 0 0 45px; width: 209px; float: left; background: url(../img/app-ico-search.png) no-repeat 0 0; }
#app-features-library { padding: 0 0 0 45px; width: 209px; float: right; background: url(../img/app-ico-library.png) no-repeat 0 0; }
#app-device { width: 397px; height: 781px; background: url(../img/app-4.jpg) no-repeat 41px 136px; float: left; position: relative; }
#app-device-overlay { width: 100%; height: 100%; background: url(../img/app-iphone.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }

/* Game Entry */
#game-entry { color: #FFF; }
#game-entry h1, #game-entry h4 { margin: 0; padding: 0; font: bold 14px/24px "Helvetica Neue", Arial, sans-serif; color: #FFF; }
#game-entry h4 { font-size: 12px; position: relative; }
#game-entry p { margin: 0 0 16px; padding: 0; }
#game-img { margin: 0 0 60px; width: 172px; float: left; position: relative; }
#game-img img { border: 1px solid #000; width: 170px; }
#game-img .top { width: 170px; height: 82px; background: url(../img/cover-overlay.png) no-repeat 0 0; position: absolute; top: 1px; left: 1px; }
#game-img .bottom { height: 66px; background-position: bottom; top: auto; bottom: 1px; }

#game-overview { margin: 0 30px 60px; padding: 50px 0 0; width: 475px; float: left; position: relative; }
#game-overview p strong { line-height: 20px; position: relative; }
.game-title { position: absolute; top: 0; left: 0; }
.game-rating { font-size: 11px; color: #B1B1B1; position: absolute; top: 20px; left: 0; }
#game-details { margin: 0 0 60px; padding: 50px 0 0; width: 250px; float: right; }
#game-details th,#game-details td { font-weight: bold; font-size: 11px; line-height: normal; text-align: left; vertical-align: top; }
#game-details th { padding: 0 16px 0 0; }
#game-accordion,#game-accordion li { margin: 0; width: 100%; list-style: none; position: relative; float: left; clear: both; }
#game-accordion h4 { margin: 0 0 10px; padding: 0 0 0 14px; background: url(../img/toggle.png) no-repeat 0 0; line-height: 24px; float: left; cursor: pointer; }
#game-accordion h4.open { background-position: 0 -24px; }
#game-accordion .detail-content { padding: 0 0 20px 10px; clear: both; }
.detail-person { margin: 0 0 20px; width: 100%; float: left; position: relative; }
.people-img { width: 77px; float: left; }
.people-img img { width: 57px; }
.people-desc { width: 155px; float: left; }
#game-media { clear: both; }
#game-media-types { margin: 0 0 22px; padding: 0; width: 475px; height: 24px; background: url(../img/media-types-cap.png) no-repeat right; float: left; list-style: none; }
#game-media-types li { margin: 0; padding: 0; width: 202px; float: left; list-style: none; }
#game-media-types a { width: 202px; height: 24px; font-size: 12px; line-height: 24px; background: url(../img/media-types.png) no-repeat 0 0; color: #FFF; font-weight: bold; text-indent: 34px; display: block; float: left; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
#game-media-types #type-tab-videos a { background-position: -202px 0; text-indent: 30px; }
#game-media-types #type-tab-images a.on { background-position: 0 -24px; color: #00C6FF; }
#game-media-types #type-tab-videos a.on { background-position: -202px -24px; color: #00C6FF; }
#game-media-types a:hover,#game-media-types a:focus { color: #00C6FF; }

.media-type { margin: 0 14px; border-bottom: 0 none; padding: 0; width: 948px; position: relative; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.media-type:after { width: 948px; height: 21px; background: url(../img/grill-h.png) repeat-x bottom; }
.media-list {}
.media-list li { height: 160px; width: 233px; padding: 0px; margin: 25px 0px 0px 0px; float: left; text-align: center; list-style: none; position: relative; }
.media-list li a.media-img { display: block; width: 100%; text-align: center; position: absolute; bottom: 44px; }
.media-img {}
.media-list div.info { width: 100%; text-align: center; margin: 10px 0px; position: absolute; bottom: 10px; }
.media-list img { max-width: 120px; max-height: 116px; width: expression( this.width > 120 ? "120px" : true ); height: expression(this.height > 116 ? "116px" : true);}
.media-filter { padding: 16px 0 10px; width: 100%; float: left; line-height: 22px; }
.image-sel { width: 100px; }
.filter-type { margin: 0 0 0 14px; float: left; }
.filter-options { margin: 0 14px 0 0; float: right; }
.filter-kind,.filter-kind label,.filter-sort,.filter-sort label { margin: 0 10px 0 0; float: left; }

/* Scrollbars */
.scroll { width: 948px; }
.scroll .viewport { width: 933px; height: 366px; overflow: hidden; position: relative; }
.scroll .overview { position: absolute; left: 0; top: 0; }
.scroll .thumb { width: 15px; height: 69px; background: url(../img/scroll-knob.png) no-repeat 0 0; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll .scrollbar { width: 15px; position: absolute; right: -1px; top: 0; }
.scroll .track { width: 15px; height: 100%; background: url(../img/scroll-track.png) repeat-y 0 0; position: relative; }
.scroll .disable { display: none; }
#blog .scroll { width: 646px; }
#blog .scroll .viewport { width: 630px; }

/* Forms */
.form-txt,#community-wrap textarea,#community-wrap input[type="text"],#community-wrap input[type="password"],#community-wrap input[type="alias"] {
 margin: 0;
 border: 1px solid #000;
 padding: 3px 4px;
 width: 240px;
 background: #2E2E2E;
 background: rgba(255,255,255,0.08);
 color: #787878;
 font: italic bold 11px "Helvetica Neue", Arial, sans-serif;
 -moz-box-shadow: 0 0 1px rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.15);
 -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.15);
 box-shadow: 0 0 1px rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.15);
}
.form-txt.focused { font-style: normal; color: #DBDBDB; }

#sect-login #page-bg,#sect-reset #page-bg,#sect-remind #page-bg { display: none; }
.login-register { margin: 0 auto; width: 430px; clear: both; position: relative; }
.login-register .form-btn { text-align: right; }
.login-register .btn.green span { width: 60px; height: 16px; background: url(../img/loader.png) no-repeat -9999px; display: block; line-height: 16px; text-align: center; }
.login-register .btn.green span.loading { margin: 0 20px; width: 20px; background-position: 0 0; text-indent: -9999px; }
.login-register .box { margin: 0 0 10px; }
.form-message { padding: 0 20px 20px; color: #E4E4E4; font-weight: bold; font-size: 11px; }
.form-message.beta { padding-left: 140px; background: url(../img/ico-beta.png) no-repeat 50px 0; }
.form-message.email { padding-left: 140px; background: url(../img/ico-email.png) no-repeat 50px 0; }
.form-message.help { padding-left: 140px; background: url(../img/ico-help.png) no-repeat 50px 0; }
.form-fields { padding: 40px 20px 20px; }
.form-fields.single { padding-top: 0; }
.form-fields label { margin: 0 5px 0 0; padding: 2px 0; width: 106px; color: #9E9E9E; font-weight: bold; font-size: 12px; display: inline-block; text-align: right; vertical-align: top; }
.form-fields label span { display: none; }
.form-row { margin: 0 0 16px; padding: 0 8px; position: relative; }
.form-row .error { width: 12px; height: 12px; background: url(../img/required.png) no-repeat 0 0; position: absolute; top: 5px; right: -7px; display: none; }
.form-row .password-over { color: #787878; font: bold italic 11px "Helvetica Neue", Arial, sans-serif; text-shadow: none; position: absolute; top: 4px; left: 128px; }
.error-message { padding: 0 0 0 16px; max-width: 240px; height: 15px; line-height: 15px; background: url(../img/required.png) no-repeat 0 50%; color: #F00; font-weight: bold; float: right; position: absolute; top: 0; right: 0; overflow: hidden; display: none; }
.form-utility { color: #5E5E5E; font-size: 10px; text-align: right; text-transform: lowercase; }
.box .form-utility { padding: 0 20px 0 0; }
.form-utility a { color: #5E5E5E; font-weight: normal; }
.form-utility a:hover,.form-utility a:focus { color: #999; }
#blue-key { padding: 400px 0 0 0; width: 374px; background: url(../img/door-blue.png) no-repeat 50% 0; }
#blue-key .box { margin: 0 0 4px; padding: 8px 0; }
#blue-key .btn { float: right; }
#blue-key .form-utility { margin: 0 0 30px; }
#blue-key .form-row { margin: 0; }

#system-message { margin: 0; width: 400px; height: 130px; background: #262626 url(../img/message-error.png) no-repeat 30px 50%; position: absolute; top: 0; left: 290px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; opacity: 0.85;}
#system-message dt { margin: 0; display: none; }
#system-message dd,#system-message ul,#system-message li { margin: 0; list-style: none; }
#system-message li { margin-left: 80px; line-height: 130px; display: block; }

/* Editing */
.editing { padding: 40px 0; width: 840px; text-align: left; }
.editing h1 {}
.editing .box { margin: 0 0 20px; padding: 0; background-color: #232323; }
.editing .box.outset { margin: 0 124px 0 0; padding: 5px; }
.form-fields.short .box.outset { margin-right: 18px; }
.editing .form-preview { margin: 0 0 20px; padding: 30px 0 15px 30px; width: 270px; float: left; text-align: right; }
.editing .form-preview img { max-width: 270px; }
.editing .form-fields { padding: 30px 0 15px; width: 100%; float: left; clear: both; }
.editing .form-fields.short { width: 530px; clear: none; }
.editing .form-fields label { width: 225px; line-height: 2; }
.editing .form-fields.short label { width: 130px; }
.editing .form-fields label.inline { padding: 0 0 0 10px; width: auto; display: block; float: left; }
.editing .field { width: 605px; float: right; }
.editing .form-fields.short .field { width: 390px; }
.editing .form-fields .file { position: relative; }
.file-progress-container { width: 60px; height: 3px; background: #3B3B3B; position: absolute; top: 15px; left: 130px; }
.file-progress { width: 1px; height: 1px; background: #7D7D7D; position: absolute; top: 1px; left: 1px; }
.file-progress-cancel { width: 11px; height: 11px; background: url(../img/btn-file-cancel.png) no-repeat 0 0; position: absolute; top: -4px; right: -14px; }
.file-progress-cancel:hover { cursor: pointer; }
.editing .form-fields .file strong { float: right; color: #878787; font-size: 10px; text-shadow: 0 1px 1px #000; line-height: 20px; }
.editing .form-row { margin: 0; padding: 0 0 15px; width: 100%; float: left; clear: both;  }
.editing .form-txt { font-style: normal; width: 470px; }
.editing .form-fields.short .form-txt { width: 360px; }
.editing .box.outset .form-txt { width: 460px; }
.editing .form-fields.short .box.outset .form-txt { width: 350px; }
.editing .form-txt.short { width: 370px; }
textarea.form-txt { height: 140px; }
textarea.less { height: 50px; }
.dk_container { margin-right: 10px; }
.editing-btn { text-align: right; clear: both; }
.editing-btn a { margin: 0 0 0 10px; }
.editing-btn a:hover,.editing-btn a:focus { color: #FFF; }
.editing-btn a.green:hover,.editing-btn a.green:focus { color: #000; }
.editing-btn a.red { margin: 0; float: left; }

/* Edit */
.edit { width: 76px; height: 17px; display: block; text-align: left; position: absolute; top: 0; left: -9999px; }
#Kunena .edit { position: relative; top: 0px; left: 0px; width: 51px; height: 17px; }
.edit-add { margin: 0 4px 0 0; width: 48px; height: 17px; background: url(../img/edit.png) no-repeat 0 0; display: block; float: left; font-size: 10px; color: #000; text-indent: 20px; text-shadow: 0 1px 0 rgba(255,255,255,0.25); position: relative; }
.edit-add:hover { background-position: -48px 0; color: #000; }
.edit-pop { width: 24px; height: 17px; background: url(../img/edit.png) no-repeat 0 -17px; display: block; font-size: 1px; float: left; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-indent: -9999px; cursor: pointer; position: relative; top: 0; }
.edit-pop:hover { background-position: -24px -17px; }
.pop { display: block; position: absolute; bottom: 16px; left: -9999px; }
.edit-pop:hover .pop { width: 62px; height: 49px; background: url(../img/edit.png) no-repeat 0 -34px; left: -20px; }
.pop a { margin: 0 6px 3px; width: 50px; height: 14px; color: #000; font-size: 10px; line-height: 14px; display: block; text-indent: 6px; position: relative; top: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pop a:hover,.pop a:focus { background: #252525; color: #FFF; }
#game-img .edit { padding: 20px 0; width: 172px; line-height: 16px; top: 100%; }
#game-img:hover .edit { left: 0; }
#game-overview:hover .edit { padding: 0 0 0 10px; left: 100%; }
#game-details li .edit { float: left; position: relative; }
#game-details li:hover .edit { top: 5px; left: 8px; }
#game-details li:hover .detail-person .edit { left: 0; }
.media-list li:hover .edit { top: auto; bottom: 0; left: 50%; }
#profile-img .edit-pop { position: absolute; top: auto; bottom: -20px; left: 5px; }

/* Account */
#account-profile {}
#profile-simple { margin: 0 0 30px; width: 100%; float: left; }
#profile-img { margin: 0 30px 0 0; width: 80px; height: 83px; float: left; position: relative; }
#profile-img img { position: absolute; top: 5px; left: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 70px; max-height: 70px; }
#profile-img .overlay { width: 100%; height: 100%; background: url(../img/account.png) no-repeat -20px -112px; display: block; position: absolute; top: 0; left: 0; }
#profile-content { width: 870px; float: left; }
#profile-content h1 { margin: 0; line-height: 20px; }
#profile-content h5 { margin: 0 0 20px; color: #C6C6C6; font-style: italic; font-size: 12px; }
#profile-user { margin: 0 30px 0 0; width: 260px; float: left; }
#profile-toggle { padding: 0 0 0 14px; height: 24px; font-size: 13px; line-height: 24px; background: url(../img/toggle.png) no-repeat 0 0; display: inline-block; }
#profile-toggle.open { background-position: 0 -24px; }
#profile-toggle:focus { color: #FFF; }
#profile-action { margin: 0; width: 275px; float: left; list-style: none; }
#profile-action li { margin: 0; height: 30px; line-height: 30px; list-style: none; }
#profile-action a { width: 140px; height: 30px; display: block; text-indent: 22px; position: relative; }
#profile-action .ico { width: 20px; height: 30px; background: url(../img/account.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
#profile-action .friend-del .ico { background-position: 0 -60px; }
#profile-action .send .ico { background-position: 0 -120px; }
#profile-action .share .ico { background-position: 0 -180px; }
#profile-action .friend-add a:hover .ico { background-position: 0 -30px; }
#profile-action .friend-del a:hover .ico { background-position: 0 -90px; }
#profile-action .send a:hover .ico { background-position: 0 -150px; }
#profile-action .share a:hover .ico { background-position: 0 -210px; }
#profile-adv { margin: 0 0 10px; width: 100%; float: left; clear: both; }
#profile-about { margin: 0 30px 0 110px; width: 260px; float: left; }
#profile-personal { margin: 0 30px 0 0; width: 275px; float: left; }
#profile-personal td { color: #E2E2E2; }
#profile-personal .scroll { width: 275px; position: relative; }
#profile-personal .scroll .track { background: url(../img/scroll-track-230.png) no-repeat 100% 0; }
#profile-personal .scroll .viewport { width: 260px; height: 230px; overflow: hidden; position: relative; }
#profile-friends { width: 275px; float: right; position: relative; }
#profile-friends .scroll { width: 275px; position: relative; }
#profile-friends .scroll .track { background: url(../img/scroll-track-230.png) no-repeat 100% 0; }
#profile-friends .scroll .viewport { width: 260px; height: 230px; overflow: hidden; position: relative; }
#profile-about h4,#profile-personal h4,#profile-friends h4 { margin: 0 0 15px; }
.friends,.friend { margin: 0; width: 100%; float: left; list-style: none; }
.friend { padding: 0 0 24px; color: #A1A1A1; }
.friend-img { margin: 0 30px 0 0; width: 57px; float: left; }
.friend-img img { max-height: 57px; max-width: 57px; }
.friend-content { width: 170px; float: left; }

#account-options { width: 100%; float: left; clear: both; }
#account-types { margin: 0 0 20px; height: 23px; width: 475px; background: url(../img/account.png) no-repeat -20px -66px; font-size: 12px; line-height: 23px; list-style: none; }
#account-types li { margin: 0; list-style: none; float: left; }
#account-types a { width: 201px; height: 23px; background: url(../img/account.png) no-repeat -20px -66px; display: block; float: left; text-indent: 30px; }
#account-types #type-tab-settings a { width: 203px; background-position: -221px -66px; }
#account-types #type-tab-messages .on { background-position: -20px -89px; color: #00C6FF; }
#account-types #type-tab-settings .on { background-position: -221px -89px; color: #00C6FF; }
#account-content {}
#messages-nav,#messages-nav li { margin: 0 0 20px 14px; list-style: none; float: left; }
#messages-nav li { margin: 0 15px 0 0; min-width: 66px; line-height: 23px; }
#messages-nav a { border: 1px solid #171717; background: #232323; display: block; text-align: center; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1); padding: 0px 18px; }
#messages-nav a.on,#messages-nav a:hover,#messages-nav a:focus { color: #00C6FF; -moz-box-shadow: inset 0 1px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); }
.account-type { margin: 0 14px; border-bottom: 0 none; padding: 0; width: 948px; position: relative; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.account-type:after { width: 948px; height: 21px; background: url(../img/grill-h.png) repeat-x bottom; }
.filter-option { margin: 0 0 0 14px; padding: 10px 0; float: left; }
#account-messages .filter-option { margin-left: 650px; }
.filter-option p { margin: 0 10px 0 0; height: 23px; line-height: 22px; color: #9E9E9E; float: left; }
.filter-option ul,.filter-option li { margin: 0; float: left; list-style: none; }
.filter-option ul a { width: 77px; height: 23px; background: url(../img/account.png) no-repeat -20px -20px; line-height: 22px; text-align: center; display: block; float: left; }
.filter-option ul .unread a { background-position: -97px -20px; }
.filter-option ul a:hover,.filter-option ul a:focus { background-position: -20px -43px; }
.filter-option ul .unread a:hover,.filter-option ul .unread a:focus { background-position: -97px -43px; }
.filter-option ul.disabled a,.filter-option ul.disabled a:hover,.filter-option ul.disabled a:focus { background-position: -20px -20px; color: #6D6D6D; }
.filter-option ul.disabled .unread a,.filter-option ul.disabled .unread a:hover,.filter-option ul.disabled .unread a:focus { background-position: -97px -20px; }
.filter-action { margin: 0 14px 0 0; padding: 10px 0; float: right; }

.messages { margin: 0; width: 100%; list-style: none; float: left; }
/*.message { margin: 0; border-bottom: 1px solid #000; padding: 26px 0; width: 933px; list-style: none; float: left; position: relative; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05); box-shadow: 0 1px 0 rgba(255,255,255,0.05); }*/
.message-img { margin: 0 0 0 100px; width: 57px; float: left; }
.message-content { margin: 0 0 0 30px; width: 580px; float: left; }
.message-content h3 { margin: 0; font-size: 12px; }
.message-content h5 { font-style: italic; font-size: 11px; color: #B2B1B1}
.message-status { width: 20px; height: 20px; background: url(../img/account.png) no-repeat -100% -100%; position: absolute; left: 38px; top: 48px; }
.message-status.read { background-position: -100% -100%; }
.message-status.unread { background-position: -20px 0; }
.message-status.replied { background-position: -40px 0; }
.message-select { width: 20px; height: 20px; background: url(../img/account.png) no-repeat -60px 0; cursor: pointer; position: absolute; right: 38px; top: 48px; }
.message-select.checked { background-position: -80px 0; }
.message-action { position: absolute; top: 48px; right: 38px; }

.activity-img { margin: 0 0 0 100px; width: 57px; float: left; }

.user-img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; }

#community-wrap input[type="text"],#community-wrap input[type="password"],#community-wrap textarea { font-style: normal; }
#community-wrap .formtable td { padding: 6px 6px 16px; }
#community-wrap .formtable .key { width: 200px; text-align: right; }
#community-wrap .dk_container { float: none; display: inline-block; }
#community-wrap .formtable label { width: auto; }
#community-wrap .message { width: 100%; }

/* Stats */
.pod { margin: 0 auto 30px; width: 230px; height: 120px; position: relative; }
.pod-stat { width: 100%; height: 80px; text-align: center; position: relative; overflow: hidden; }
.pod-stat-category { margin: 0; font-size: 11px; color: #888; position: relative; z-index: 2; }
.pod-stat-number { margin: 0; padding: 10px 0; font-size: 35px; font-weight: normal; letter-spacing: -1px; text-shadow: 0 0 6px #000; position: relative; z-index: 2; }
.pod-base { width: 100%; height: 46px; background: url(../img/pod.png) no-repeat 0 0; position: absolute; bottom: 0; left: 0; }
.pod-red .pod-base { background-position: 0 -46px; }
.pod-green .pod-base { background-position: 0 -92px; }
.pod-glow { width: 160px; height: 0; background: url(../img/pod-glow.png) no-repeat 0 0; opacity: 0; position: absolute; bottom: 0; left: 35px; z-index: 1; }

.pod-small { width: 170px; height: 100px; }
.pod-small .pod-stat { height: 60px; }
.pod-small .pod-stat-number { padding: 6px 0; font-size: 25px; line-height: 30px; }
.pod-small.pod-blue .pod-base { background-position: 0 -138px; }
.pod-small.pod-red .pod-base { background-position: 0 -184px; }
.pod-small.pod-green .pod-base { background-position: 0 -230px; }
.pod-small .pod-glow { width: 120px; background-position: 0 -80px; left: 25px; }

.pod:hover .pod-glow { height: 80px; opacity: 1; }
.pod-small:hover .pod-glow { height: 60px; }

.pod-glow {
 -moz-transition-duration: .50s;
 -moz-transition-property: height, opacity;
 -webkit-transition-duration: .50s;
 -webkit-transition-property: height, opacity;
 transition-duration: .50s;
 transition-property: height, opacity;
}

/* Animation */
a,strong {
 -moz-transition-duration: .20s;
 -moz-transition-property: color, background-color, box-shadow;
 -webkit-transition-duration: .20s;
 -webkit-transition-property: color, background-color, box-shadow;
 transition-duration: .20s;
 transition-property: color, background-color, box-shadow;
}

/* Hide Me */
#kprofilebox { display: none !important; }
#Kunena #ktop { display: none !important; }
#sect-registration #system-message-container, #sect-login #system-message-container { display: none; }

/* Clear */
.clear {clear:both;}
span.clear {width:0;height:0;clear:both;display:block;overflow:hidden;visibility:hidden;}
.clearfix:before,.clearfix:after,#page:before,#page:after,#nav:before,#nav:after,#archive-body:before,#archive-body:after,#content:before,#content:after,#foot:before,#foot:after {content:"";display:table;}
.clearfix:after,#page:after,#nav:after,#archive-body:after,#content:after,#foot:after {clear:both;}
.clearfix,#page,#nav,#archive-body,#content,#foot {zoom:1;}