@import "reset.css";

body { height: 100%; min-height: 100%; min-width: 980px; }

body { background: #fff; color: #000; margin: 0; padding: 0; font-size: 0.825em; font-family: Arial, serif; }

iframe { margin: 0; padding: 0; }

li { margin-left: 1.5em; }
h1 { font-size: 1.5em; font-weight: bold; }
h2 { font-size: 1.3em; font-weight: bold; }
h3 { font-size: 0.825em; }

em { font-style: italic; }

a:visited,
a:link { text-decoration: none; color: #005ce0; }
a:hover { text-decoration: underline; }

blockquote { margin: 1em 3em; padding-left: 1em; border-left: 2px solid #3d9ad1;}

.clear { clear: both; }
.rclear { clear: right; }
.lclear { clear: left; }

div#header { background: #000; color: #fff; }

div#header .menu { font-size: 1.2em; height: 1.6em; padding-left: 0.5em; margin-left: 172px; }
div#header .menu a:visited,
div#header .menu a:link { color: #000; margin-right: 0.5em; height: 1.6em; }
div#header .menu a#rsslink { margin-left: 1em; }
div#header .menu a#rsslink > img { vertical-align: text-bottom; }

div#header .middle { background: #000 url(/images/header-middle-bg.png) repeat-x; height: 125px; }
div#header .middle img#logo { position: absolute; height: 122px; width: 152px; }
div#header .middle div#top_banner { margin-left: 152px; padding-top: 10px; height: 110px; }
div#header .middle div#top_banner > div { margin: 0 auto; width: 728px; }

div#header .bottom { background: #ff9600 url(/images/header-bottom-bg.png) repeat-x bottom left; }

div#leftbar { position: absolute; width: 162px; background: #f0f0f0 url(/images/bar-bg.png) 100% 0 repeat-y; }

div#rightbar { float: right; width: 162px; background: #f0f0f0 url(/images/bar-bg.png) 0 0 repeat-y; }

div#rightbar,
div#leftbar { font-size: 0.825em; font-size: 0.725em; font-size: 0.8em; }

div#flashad { float: right; height: 260px; }
div#flashad div.flashad { height: 250px; width: 310px; text-align: right; }
div#flashad div.flashad > div.inner { width: 300px; float: right; clear: right; }

div#content { margin-left: 162px; margin-right: 162px; padding-bottom: 0.5em; }

div#lowersolicitation iframe { display: block; margin: 10px auto; }

div#footer { background: #000; font-size: 0.65em; color: #f0f0f0; clear: both; }
div#footer a:visited,
div#footer a:link { color: #66a3ff; }
div#footer div.wrap { padding: 15px 0 25px 0; margin: 0 162px 0 162px; background: #000 url(/images/footer-bg.png) 0 0 repeat-x; }
div#footer div.innerwrap { width: 685px; margin: 0 auto; }

div#footer li { list-style: none; }
div#footer h2 { color: #ffff76; }

div#footer ul { float: left; }
div#footer ul.left { width: 150px; }
div#footer ul.center { width: 350px; }
div#footer ul.right { width: 185px; }

/* Calendar Nav
-------------------------------------- */
div.archive div#nav {
	font-size: 1.1em;
	padding: 0.1em 0.5em 0.2em 0.5em;
	background: #677fa2 url(/images/blue-bottom-bg.png) 0 100% repeat-x;
	margin-bottom: 1em;
}
div.archive div#nav a:visited,
div.archive div#nav a:link { color: #f4f8ff; margin-left: 0.5em; }

/* Calendar
-------------------------------------- */
div.archive table.month {
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 2em 1em;
	border-collapse: collapse;
}
div.archive table.month caption {
	padding-bottom: 0.3em;
	font-weight: bold;
	font-size: 1.05em;
	text-align: center;
}
div.archive table.month td,
div.archive table.month th { text-align: center; border: solid 1px #f0f0f0; }

div.archive table.month td { padding: 0.2em; }
div.archive table.month th { background: #f0f0f0; }
div.archive table.month td.today { font-weight: bold; }

/* News List
-------------------------------------- */
div.news { padding: 0.5em 15px; }

div.news div.entry { margin-bottom: 1em; }
div.news div.entry h2 a:visited,
div.news div.entry h2 a:link { color: #000; }

div.news div.entry h3 { color: #676760;	}
div.news div.entry h3 a:visited,
div.news div.entry h3 a:link { font-weight: bold; }

div.news div.entry > div.summary { margin: 0; }
div.news div.entry div.links { font-size: 0.825em; margin-top: 0.5em; }
div.news div.entry div.links a:visited,
div.news div.entry div.links a:link { font-weight: bold; }

div#news_links { text-align: right; color: #ff9600; font-weight: bold; padding: 0.5em 1em 0.5em 0.5em; }
div.news_nav div.next { float: right; margin-right: 10px; font-weight: bold; }
div.news_nav div.prev { float: left; margin-left: 10px; font-weight: bold; }

/* Article/Game Main Summary
-------------------------------------- */
div.game_banner { background: #000; text-align: center; }
div.game_banner a:visited,
div.game_banner a:link { color: #ffff76; }

div.main_summary { color: #f4f8ff; background: #677fa2 url(/images/blue-bottom-bg.png) 0 100% repeat-x; padding: 0.5em 10px; }

div.main_summary a:visited,
div.main_summary a:link { color: #ffc777; font-weight: bold; }
div.main_summary h2 { color: #f4f8ff; }
div.main_summary h3 { color: #b0d0ff; border-bottom: 1px solid #ffc777; }
div.main_summary div.content { margin-top: 0.5em; }
div.main_summary div.content.for_game img { float: left; margin-right: 5px; border: 5px solid #b0d0ff; }

div.main_summary div.links a:link { font-weight: bold; }

div.game div.main_summary h2 { border-bottom: 1px solid #ffc777; }

/* Article Story
-------------------------------------- */
div.story { padding: 0.8em 15px; }
div.story p { margin: 0.25em 0 1em 0; }
div.story ul { margin: 0.25em 0 1em 0; }
div.story li { margin-left: 2.0em; }
div.story div.thumbnail { display: inline-block; margin: 0 5px 5px 0; }
div.story div.images { text-align: center; }
div.story img.ptitle { float: left; margin-right: 10px; }

div.story table.list { margin: 0 auto; }
div.story table.list thead th { background-color: #f5f5f5; color: #444; border-bottom: 1px solid #dedede; border-top: 1px solid #eee; font-weight: bold; padding: 0 7px 0 4px; }
div.story table.list thead th:first-child { border-left: 1px solid #eee; }
div.story table.list thead th:last-child { border-right: 1px solid #dedede; }
div.story table.list tbody td { border-bottom: 1px solid #eee; border-right: 1px solid #dedede; padding: 2px 7px 0 4px; }
div.story table.list tbody td:first-child { border-left: 1px solid #dedede; }
div.story table td.right,
div.story table th.right { text-align: right; }

/* Article Comments
-------------------------------------- */
div.comments { padding: 0.8em 15px; }

/* Blocks
-------------------------------------- */
div.block { margin-bottom: 15px; }
div.block div.content { margin: 0 5px; }
div.block h2.title { font-size: 1.2em; text-align: center; background: #363636 url(/images/block-dark-bottom-bg.png) 0 100% repeat-x; color: #f0f0f0; }

div.block h2.title a:visited,
div.block h2.title a:link { color: #b0d0ff; }

/* Top Story */
div.block.topstory div.content { text-align: center; }

/* (P)review Block
-------------------------------------- */
div.block.game_panes div.content,
div.block.game_panes div.content { text-align: center; }
div.block.game_panes div.content div.pane { margin: 1em auto; }
div.block.game_panes div.content div.pane.links > div { margin-top: 1em; line-height: 1.2em; }
div.block.game_panes div.more { margin-right: 0.5em; text-align: right; font-weight: bold; }

/* Calendar Block
-------------------------------------- */
div.block.minicalendar h2.title { margin-bottom: 4px; }
div.block.minicalendar div.inner { background: #363636 url(/images/block-dark-bottom-bg.png) 0 100% repeat-x; color: #f0f0f0; padding-bottom: 5px; margin-bottom: 10px; }
div.block.minicalendar table.minicalendar { border-collapse: collapse; width: 100%; }

div.block.minicalendar caption { font-size: 1.2em; text-align: center; background: #363636 url(/images/block-dark-bottom-bg.png) 0 100% repeat-x; color: #f0f0f0; }

div.block.minicalendar th { border-bottom: solid 1px #f0f0f0; border-top: solid 1px #f0f0f0; }

div.block.minicalendar td + td,
div.block.minicalendar th + th { border-left: solid 1px #f0f0f0; }

div.block.minicalendar td,
div.block.minicalendar th { text-align: center; }

div.block.minicalendar a:visited,
div.block.minicalendar a:link { color: #b0d0ff; }

/* Ad Block
-------------------------------------- */
div.block.ad div.content { text-align: center; margin: 0; padding: 0;}
div.block.ad_no_title div.content { text-align: center; }
div.block.ad_no_title h2.title { display: none; }

/* Pagination
-------------------------------------- */
div.pagination {
	margin: 0 10px;
	padding: 3px 5px 0 5px;
	background: #f0f0f0 url(/images/pagination-bg.png) 0 0 no-repeat;
	border-bottom: 3px solid #333;
	font-size: 0.825em;
	font-weight: bold;
}

div.pagination span.links { margin-left: 1em; }
div.pagination a:visited,
div.pagination a:link { margin-left: 0.5em; }


/* Game
-------------------------------------- */
div.game > h2 { margin-left: 10px; margin-top: 0.5em; }

/* Event
-------------------------------------- */
div.login,
div.event { padding-top: 0.5em; padding-left: 10px; padding-right: 10px; }

/* Gallery
-------------------------------------- */
div.gallery { margin-left: 10px; padding-top: 1em; }
div.gallery div.row { width: 625px; margin: 0 auto; }
div.gallery div.thumbnail { display: inline-block; margin: 0 5px 10px 0; }

/* View Image
-------------------------------------- */
div#viewimage { padding: 0.5em 15px; background: #000; margin: 0 auto; text-align: center; }

div#viewimage a:visited,
div#viewimage a:link { color: #66a3ff; }

div#imagenav div+div { margin-left: 1em; }
div#imagenav div.center,
div#imagenav div.next,
div#imagenav div.prev { display: inline-block; position: relative; width: 120px; height: 90px; }
div#imagenav div.prev img.arrow { position: absolute; left: 20px; top: 10px; opacity: 0.6; }
div#imagenav div.next img.arrow { position: absolute; right: 20px; top: 10px; opacity: 0.6; }
div#imagenav div.prev a:hover img.arrow,
div#imagenav div.next a:hover img.arrow { opacity: 0.9; }

/* Search
--------------------------------------- */
div.search div.search_form { margin-left: 10px; padding-top: 1em; }
div.search h2.search { margin-left: 10px; margin-bottom: 1em; }

/* Reviewer
--------------------------------------- */
div.reviewer h2.reviewer { margin-left: 10px; padding-top: 1em; }
div.reviewer.list h2.reviewer { padding-top: 0; }

/* About
--------------------------------------- */
div.about { padding-left: 10px; }
div.about h1 { padding-top: 0.5em; }
div.about table.contacts td { padding-right: 1.5em; }
div.about table.contacts th h2 { border-bottom: 1px solid #000; margin: 0 1.5em 0.5em 0; }
div.about table.contacts p { margin-bottom: 0.7em; }
div.about table.contacts p > span { font-weight: bold; font-size: 1.1em; }

/* Recruiting
--------------------------------------- */
div.recruiting { padding-left: 10px; padding-top: 1em; }
div.recruiting h2 { text-align: center; margin-bottom: 0.7em; }
div.recruiting p { margin-bottom: 0.7em; }

/* Error stuff
--------------------------------------- */
div#content.error { padding-left: 10px; padding-top: 1em; }

div.contest { padding: 0.5em 15px; }

/* Youtube Embedded iframes
--------------------------------------- */
iframe.youtube {
  display: block;
  margin: 0 auto;
}

/* Playwire embedded video
--------------------------------------- */
div.playwire div {
  margin: 0 auto; 
}