.toplista{float:left;margin-left:10px;}
.toplista h3{font-weight:bold;font-size:18px;padding-bottom:8px;color:#43afdb;}

/* RESETS */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,hr{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
img {margin:0px;padding:0;}

/* GRID % STRUCTURE */
.size1of1{float:none;}
.size1of2{float:left;width:50%;}
.size1of3{float:left;width:33.33333%;}
.size2of3{float:left;width:66.66666%;}
.size1of4{float:left;width:25%;}
.size3of4{float:left;width:75%;}
.size1of5{float:left;width:20%;}
.size2of5{float:left;width:40%;}
.size3of5{float:left;width:60%;}
.size4of5{float:left;width:80%;}
.size1of6{float:left;width:16.66666%;}
.size2of6{float:left;width:33.33333%;}
.size3of6{float:left;width:50%;}
.size4of6{float:left;width:66.66666%;}
.size5of6{float:left;width:83.33333%;}

.page {margin:0 auto;width:804px;padding:0 18px;} /* see ie.css */
.ftopper {position:relative;text-align:center;width:100%}
.topper img {margin-bottom:-7px;} /* dirty trick */
.head {height:190px;z-index:-1}
.head h1 a{text-indent:-9000px;padding:80px 0;display:block;}
.head-upper {height:74px;padding-top:3px}
.main{padding:0 15px;z-index:0}
.gamemode .main, .narrowmode .main {margin-left:176px;} /* see ie.css */
.pagebody {position:relative;}
.left-col {width:189px;position:absolute;left:0;margin-top:4px;}
.right-col{position:absolute;right:0;width:175px;top:4px;} /* see ie.css */
.right-col-box {width:160px;margin-bottom:15px;}
.foot {clear:both;width:774px;background:#d7fcff url(gfx/footer-background-logo.jpg) no-repeat 0 55px;padding:15px;border-top:solid 1px #357484;margin-top:15px;z-index:2;} /* see ie.css */
.foot li{display:inline;background:url(gfx/footer-list-bullet.png) no-repeat 5px 2px;padding-left:15px;}

/* helpers */
.left {float:left!important;}
.clear {clear:both;}
.right {float:right!important;}
.margin-top {margin-top:5px!important;}
.margin-left {margin-left:10px!important;}
.margin-right {margin-right:10px!important;}

.orange {color:#f26522;}

.leaderboard {padding-right:20px;background:url(gfx/ad-txt.png) center right no-repeat}

/* =rounded corner bar lists */

.pipelist {clear:both;width:240px;background:url(gfx/pipelist.png) top right repeat-y;padding-right:10px;margin-bottom:15px}
.pipelist li {font-weight:bold;position:relative;width:230px;padding-left:10px;display:block;height:31px;background:url(gfx/pipelist.png) top left;line-height:31px;overflow:hidden}
.pipelist li .rank {float:left;margin:0 7px 0 -10px;color:#fff;display:inline-block;background:url(gfx/pipelist.png) bottom left;width:31px;height:31px;text-align:center;font-weight:bold}
.pipelist li strong {position:absolute;right:0;top:2px;font-size:16px;} /* see ie.css */
.pipleist li p{font-size:18px;}
.pipelist.on-brown,.pipelist.on-brown li,.pipelist.on-brown .rank  {background-image:url(gfx/pipelist-on-brown.png)}
.pipelist.w225 {width:215px}
.pipelist.w225 li {width:200px}
.pipelist.w355 {width:345px}
.pipelist.w355 li {width:330px}
.pipelist.game-results-average {width:215px}
.pipelist.game-results-average li {width:200px}
.pipelist.game-results-average li .rank {float:right;margin:4px -10px 4px 0;color:#fff;display:inline-block;background:#76b835;padding:0 3px;height:23px;text-align:center;line-height:23px;-moz-border-radius:7px;-border-radius:7px;-webkit-border-radius:7px;-o-border-radius:7px}
.pipelist.game-results-average li strong {width:90px}
.pipelist.toplist {width:180px}
.pipelist.toplist li {width:165px}
.game-results-titles,.game-results-titles * {background:#fff!important;font-size:15px;font-weight:bold;border:0!important}
.game-results-average-time {display:block;float:left;width:45px;margin-left:10px;padding-bottom:10px;}
.game-results-average-best-score {display:block;float:left;width:100px;padding-bottom:10px}
.game-results-average-rank {display:block;float:right;margin-right:10px;padding-bottom:10px}
.game-results-chart {float:left;margin-left:15px}
.pipelist.game-results {width:555px}
.pipelist.game-results li {width:540px}
.pipelist.game-results span {display:block;float:left;text-align:center}
.game-results-game-name {float:left;width:220px;font-weight:bold;border-right:1px solid #c4c4c4;text-align:left!important}
.game-results-best-score {width:115px;border-right:1px solid #c4c4c4}
.game-results-score-average {width:105px;padding-left:10px;border-right:1px solid #c4c4c4}
.game-results-played-games {width:70px;padding-left:10px}
.pipelinks {margin-left:-12px}
.pipelinks li {display:inline-block;float:left;width:128px;height:31px;background:url(gfx/pipelist.png) top left;padding-left:10px;margin:7px 0 0 13px}
.pipelinks li a {float:left;display:inline-block;width:100px;height:31px;background:url(gfx/pipelist.png) top right;padding-right:10px;line-height:31px;overflow:hidden}

/* VISUALS */

html {background:#4ab9e6 url(gfx/sky.png) repeat-x}
body {position:relative;padding-bottom:50px;}

.body {background:url(gfx/body-bg.png) top center repeat-y;position:relative;_background-image:url(gfx/body-bg-ie.png);}
.page {background:url(gfx/header-bg.png) top left no-repeat;}

/* text */
h2 {font-size:31px;font-weight:bold;}
h3 {font-size:15px;font-weight:bold;}
h4 {font-weight:bold;color:#000}
strong {font-weight:bold;}
small {font-size:11px;font-family:Arial, Helvetica, sans-serif}
p,h3,h4 {padding-bottom:13px}
a {text-decoration:none;color:#0072bc}
a:hover {text-decoration:underline;}
.regular {font-weight:normal!important}

iframe {margin-top:15px;}

/* thumb listings */
.thumb {margin:-5px 0 0 -5px;padding:8px 8px 6px;background:url(gfx/thumb-frame.png) no-repeat top left;}
.thumb-list {margin:0 0 0 -10px}
.thumb-list p{padding-bottom:3px;}
.thumb-list h3{font-size:13px;color:#0072bc;text-transform:uppercase;}
.thumb-list li {width:243px;display:inline-block;float:left;margin:0 0 10px 10px;position:relative;}
.thumb-list a {font-weight:bold;}
.gamemode .thumb-list li, .narrowmode .thumb-list li {display:inline-block;float:left;margin-left:10px}
.rating-thumb {float:left;display:inline-block;width:120px;height:122px;background:url(gfx/thumb-rating-frame.png) no-repeat top left;padding:8px;margin:-5px 0 0 -5px;text-align:center}
.rating-thumb-screencap {float:left;display:inline-block;width:246px;height:200px;background:url(gfx/thumb-rating-frame-screencap.png) no-repeat top left;padding:10px 0;margin:-5px 0 0 -5px;text-align:center}
.thumb-game-description {float:left;display:inline;padding:5px;width:90px;}
.thumb-game-description cite strong{color:#f26522;font-size:15px;}

.thumb-remove-btn {position:absolute;background:url(gfx/thumb-remove-btn.png);width:23px;height:23px;display:block;top:-3px;right:-3px;text-indent:-9999px;outline:none}

/* footer links */
.footlinks {float:left;margin-top:-15px}
.footlinks dt {font-size:18px;margin-top:15px;}

.block {margin:-4px 0 10px -6px;_margin-left:0px;}
.block-game {width:776px;padding:0 4px 7px;background:url(gfx/block-tile.png) repeat-y;text-align:center;}
.block-content {width:754px;padding:7px 15px 0;background:url(gfx/block-tile.png) repeat-y;color:#363636;_overflow:hidden;}
.block-content:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.block-flash-container {width:100%}
.block-flash-container img  {margin-bottom:-3px;} /* fixes weird img bottom margin - not needed with flash */
.block-game hr {width:100%;height:6px;background:url(gfx/block-hr.png);margin-bottom:9px;border-top:1px solid #fff;color:white}
.block-game-header {width:784px;height:84px;padding-top:4px;background:url(gfx/block-header.png);}
.block-game-header-graphic {width:776px;height:84px;margin:0 4px;background:none}
.block-game-header-graphic .btn-fullscreen {display:none}
.block-top {clear:both;width:784px;height:8px;background:url(gfx/block-top.png) no-repeat top left;} /* see ie.css */
.block-bottom {width:784px;height:8px;background:url(gfx/block-bottom.png) no-repeat}
.block-bottom.blue-footer {height:28px;background:url(gfx/block-footer.png) no-repeat} 
.block-bottom.blue-footer .footer-link {line-height:24px;float:right;margin-right:15px;}

.block-header {float:left;width:784px;}
.block-header h3 {color:#363636;float:left;line-height:31px;margin:0 0 0 15px;padding:0;}
.block-tabs {height:35px;margin:0 18px -7px 15px;display:inline-block;}
.block-tabs.right {float:right;height:35px;margin:0 18px -4px 15px;display:inline-block;}
.block-tabs li {float:left;display:inline-block;height:35px;background:url(gfx/tabs.png) left top no-repeat;line-height:35px;padding-left:10px;margin-right:-3px;}
.block-tabs li a, .block-tabs li span {float:left;display:inline-block;height:35px;background:url(gfx/tabs.png) right -35px no-repeat;line-height:35px;padding:0 20px 0 10px;}
.block-tabs li.selected {background-position:left -70px;}
.block-tabs li.selected a, .block-tabs li.selected span {background-position:right -105px;font-weight:bold;font-size:13px;color:#363636;text-transform:uppercase}

