body { font: 75%/1.6 verdana, sans-serif; margin: 0; padding: 0; }

#wrapper { margin: 0; width: 960px; padding-top: 1px; position: relative; }

#pagebody { background: url(img/bar-bg.gif) 0 0 repeat-y; padding-bottom: 1px; }

#secondary-menu { background: #0083ba; text-align: right; padding: 0; position: absolute; top: 0; right: 0; width: 100%; line-height: 24px; }
#secondary-menu ul, #secondary-menu li { display: inline; }
#secondary-menu ul { padding: 0 6px 0 0; }
#secondary-menu li { margin-left: 1em; }
#secondary-menu a { color: #fff; }
#secondary-menu a:hover { color: #ffa; }
#secondary-menu em { color: #ffa; font-style: normal; }

#header { margin: 24px 0 18px; padding: 12px 0 12px; position: relative; background: #006699; }
#header h1 { margin: 0; }
#header a img { border: none; }
#header p.tagline { margin: 0; position: absolute; left: 192px; padding-top: 60px; height: 0; width: 218px; top: 12px; overflow: hidden; background: url(img/tagline.png) top left no-repeat; }

#top-banner { position: absolute; left: 460px; top: 18px; height: 60px; width: 468px; background: #f0f0fe; }

#menu { width: 192px; background: #ece932; float: left; }
#menu h2, #menu .skip { position: absolute; top: -10000px; }
#menu .skip a:focus { position: absolute; top: 10000px; left: 210px; width: 20em; text-align: center; padding: .2em 0; background: #000; color: #fff; }
#menu strong { color: #333; }
#menu ul, #menu li { margin: 0; padding: 0; list-style: none; }
#menu ul { padding-bottom: 12px; }
#menu ul ul { padding: 0; }
#menu li { border-bottom: 1px solid #ffffff; padding-left: 18px; }
#menu li.current { background: #e6ce45; }
* html #menu li { height: .1em; }
#menu a, #menu em { padding: .2em 0 .2em 8px; display: block; color: #000000; text-decoration: none; position: relative; border-left: 1px solid #fff; font-style: normal; }
* html #menu a { height: .1em; }
#menu strong { display: none; background: #fff; padding: .2em; text-align: center; }
*:first-child+html #menu strong { height: 1%; }
* html #menu strong { height: 1%; }
#menu a:hover { background: #ffff37; color: #000033; }

#left-banner { width: 192px; float: left; margin: 0; clear: left; }
#left-banner .banner { width: 160px; height: 600px; margin: 1em auto; }

#right-banner { width: 308px; float: right; margin-left: 12px; margin-bottom: 12px; }
#right-banner .banner { width: 300px; height: 250px; margin: 1em auto; background: #ccc; }

#bottom-banner { clear: both; }
#bottom-banner .banner { width: 728px; height: 90px; margin: 1em auto; }

.listing-banner { margin: 1em; }
.listing-banner .banner { width: 728px; height: 90px; margin: 0 auto; }

#home-mid-banner { margin: 1em 0; }
#home-mid-banner .banner { width: 468px; height: 60px; margin: 0 auto; }

#half-banner { margin: 1em 0; }
#half-banner .banner { width: 234px; height: 60px; margin: 0 auto; }

#main { float: right; width: 756px; padding: 0; }
#main h2 { margin: 0; border-bottom: 1px solid; font-size: 2em; font-weight: normal; }


#sidebar { float: right; }

body.home #main-content { width: 500px; float: left; }
body.home #sidebar { width: 244px; }









.half { width: 372px; float: left; margin-right: 12px; }

.last { margin-right: 0; }

.blocks { margin: 1em 0; background: url(img/vline.gif) repeat-y; background-position: 377px 0; }

#categories-home { width: 372px; float: left; }

#tags-home { width: 116px; float: right; }

#categories-home, #tags-home { margin: 0; }
#categories-home h2, #tags-home h2 { font-size: 1.25em; border: none; margin: 0; }
#categories-home dt, #tags-home dt { font-size: 1em; font-family: verdana, sans-serif; }
#categories-home dl, #categories-home ul, #categories-home li, #tags-home dl, #tags-home ul, #tags-home li { padding: 0; margin: 0; list-style: none; }
#categories-home ul, #tags-home ul { font-size: .92em; }

dl.cat-listing dt { font-weight: bold; font-size: 1.17em; font-family: arial, verdana, sans-serif; }
dl.cat-listing dd { margin: 0 0 1em 2em; padding: 0; }
dl.cat-listing ul, dl.cat-listing li { margin: 0; padding: 0; list-style: none; }
dl.cat-listing li { display: inline; }
dl.cat-listing li:after { content: ", "; }
dl.cat-listing li:last-child:after { content: ""; }

ul.az-links { margin: 1em 0; padding: 0; }
ul.az-links li { display: inline; margin: 0; padding: 0; }
ul.az-links li:after { content: " | "; }
ul.az-links li:last-child:after { content: ""; }

h3.az-target { margin: 0; padding: 0; height: 0; overflow: hidden; position: absolute; }

#all-games h2 { font-size: 1em; font-weight: bold; font-family: verdana, sans-serif; color: #fff; background: #069; padding: 2px 8px; line-height: 2; }
#all-games ul, #all-games li { padding: 0; margin: 0; list-style: none; }
#all-games li { padding: 2px 8px; line-height: 2; background: #f0f0fe; border-bottom: 1px solid #dddddd; }

#footer { margin-left: 204px; border-top: 1px solid #ccc; padding-bottom: 1px; clear: both; }
#footer p { text-align: center; font-size: 91.6%; }

.short-desc { font-size: 1.17em; color: #333; }

.short-game { background: #fff; border: 1px solid #ccc; padding: 6px; margin: 6px 0; line-height: 1.2; }
.short-game h3, .short-game h4 { margin: 0; font-size: 1.17em; font-weight: bold; }
.short-game p { margin: .4em 0 0 0; }
.short-game h4, .short-game h3, .short-game p { margin-left: 108px; }
.short-game .fleft { float: left; margin-top: -1.2em; }
.short-game .tags, .short-game .players { font-size: 92%; margin-top: 0; }

.meta { width: 296px; padding: 0 6px; margin: 0 0 12px 12px; float: right; background: #f2f1cd; }
.meta dl { margin: 6px 0; }
.meta dt { font-weight: bold; color: #666; margin: 0; }
.meta dd { padding: 0 0 0 1em; margin: 0; }
.meta .figure { margin: .5em 0; margin-left: -5px; margin-right: -5px; background: #fff; padding: 6px; border: 2px solid #f2f1cd; border-width: 1px 0; }
.meta .figure img { display: block; margin: 6px auto; }
.meta .figure p { margin: 0; text-align: center; font-size: .92em; margin-bottom: 6px; }

.news { border: 1px solid #cccccc; border-width: 0 1px 1px; background: #eee; }
#main .news h2 { font-size: 1em; font-weight: bold; font-family: verdana, sans-serif; color: #fff; background: #069; margin: -1px -1px 0; padding: 2px 8px; line-height: 2; border: none; position: relative; }
.news .games-list { margin: 0 6px; overflow: hidden; }

.oldies h3 { position: absolute; left: -10000px; }
.oldies p { margin-left: 2em; }


#do-it { width: 296px; padding: 6px; margin: 0 0 12px 12px; background: #ece932; float: right; clear: right; }
#do-it h3 { margin: 0 0 .4em; font-size: 1em; font-weight: bold; color: #333; font-family: verdana, sans-serif; }
#do-it p { margin: 0; }

#subscribe { background: #f0f0fe; border: 1px solid #ccddee; padding: 6px; margin-bottom: 1em; }
#subscribe h2 { font-size: 1em; font-weight: bold; font-family: verdana, arial, sans-serif; border-bottom: none; margin: 0; }
#subscribe p { margin-top: .4em; }
#subscribe p.rss-button { text-align: center; line-height: 36px; }
#subscribe p.rss-button a { padding: 12px 6px 12px 40px; background: url(img/feed-icon.png) 6px center no-repeat; background-color: #e6ce45; color: #333333; font-weight: bold; border: 1px solid #333; }
#subscribe p.rss-button a:hover { color: #d00000; border-color: #d00000; }
#subscribe label { display: block; }
#subscribe label:after { content: ": "; }
#subscribe #email { width: 156px; }


hr { display: none; }

h1, h2, h3, h4, h5, h6 { font-family: arial, sans-serif; }


p { margin: .8em 0; }

h3 { margin: 2em 0 -.4em 0; font-size: 1.34em; font-weight: normal; }

h3:first-child { margin-top: 0; }

div.half h3:first-child { margin-top: 1em; }

h4 { margin: .8em 0; font-size: 1em; }

dl.links { margin-top: -1em; }
dl.links dt { font-weight: bold; font-family: arial, sans-serif; margin-top: 2em; }
dl.links dd { padding-left: 1em; margin: 0; }

em.new { font-style: normal; font-weight: normal; font-size: .8em; padding: .1em .2em; font-family: verdana, sans-serif; color: #000; background: #ffc; }


a:link { color: #006699; }

a:visited { color: #336; }

a:hover { color: #d00000; text-decoration: underline; }

p.skip { position: absolute; top: -10000px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }