/* GAMEADDIX [MAIN CSS FILE] */

/* PAGE RESETS*/
* { margin: 0; padding: 0; }
img { border: none; }
ul, ol {  list-style: none;  }
html>body #footer {
	height: auto;
}
html,body {
	height: 100%; min-height:100%;
}
/* END RESETS */

/* FONTS */
@font-face {
  font-family: Emulator;
  src: url(/images/fonts/Emulator.ttf);
}
/* END FONTS */

/* LAYOUT STYLES */
body { font-family: arial, helvetica; background: url(/images/gxsiteback.jpg) #fff repeat-x; color:#6d6d6d; font-size:12px; }
#x404 { position: fixed; opacity: 0.8; padding: 6px; font-size: 14px; width: 100%; text-align: center; color: #FFF; background: #393939; border-bottom: 2px solid #7c929b; }
#header { width: 1000px; margin: 0 auto; padding: 12px 0px 0px 0px; }
#logo { width: 378px; height: 85px; margin-bottom: 6px; margin-left: 20px; }
#logo .tagline { top:-20px; left: 80px; color:#ddd; position:relative; text-align:right; width: 290px;}
#page { width: 950px; margin: 0 auto; padding: 10px 25px; min-height:100%; }

#content { width: 629px; float: left; }
#sidebar { width: 270px; float: right; }

#footerwrap { bottom:0px; background: #000; height: 100px; min-height: 100px; }
#footer	{ width: 1000px; background: #000; margin: 0 auto; height: 100px; min-height: 100px;}
#footertxt { width: 950px; margin: 0 auto; padding: 25px 0px 0px 0px; color:#393939; }
#diceLink { float: right; width: 120px; opacity: 0.7; }
#diceLink:hover { opacity: 1; }

a { text-decoration: none; font-weight: bold; color: #525f65; }
a:hover { color: #7c929b; }

p { margin: 1em 0; }

/* END LAYOUT STYLES */

/* SHOWCASE DIV STYLES */
#showcase { position:relative; margin-bottom:20px; border: 2px solid black; padding: 20px; background: url(/images/gxgradient.jpg) #62818c repeat-x; font-size: 14px; color:#fff; }
#showcase a { display: block; text-indent: 24px; color: #FFF; }
#showcase a:hover { color: #000; }
#showcase img { position: absolute; bottom: 0; right: 0; opacity: 0.3; width: 200px; padding: 12px; }
#showcase li { text-indent: 24px; font-size: 12px; }
#showcase li p { margin: .5em 0 1em; font-size: 11px; }
/* END SHOWCASE DIV STYLES */

/* MENU STYLES */
#menu { background:#000; padding: 4px 25px 0; height:12px; color:#fff; margin:10px 0px 10px 0px; }
#menu li { float:left; width: auto; height: 22px; text-align:center; line-height:22px; margin-right: 10px; padding: 0 5px; }
#menu li:hover { background:#333; cursor:pointer; }
#menu .on { background: #333; }
#menu a { color:#fff; text-decoration: none; }
#menu input { margin-top: 1px; width: 200px; float: right; }
/* END MENU STYLES */

/* SUBMENU STYLES */
#submenu { margin: 13px 8px 0; padding: 0 20px; height:22px; color:#fff; }
#submenu li { float:left; text-align:center; line-height: 18px; padding: 0 10px; font-weight: normal; font-size: 11px; }
#submenu li:hover { background: #000; }
#submenu a { color:#000; text-decoration: none; cursor:pointer; }
#submenu li:hover a { color: #FFF; }
/* SUBEND MENU STYLES */

/* PAGING STYLES */
.paging a, .paging p { margin: 0; text-decoration:none; color:#fff; }
.paging { float: right; margin-top:10px; }
.paging ol { list-style: none; }
.paging li { float:left; width: 20px; height: 20px; background:#7c929b; text-align:center; line-height:20px; margin-left: 5px; }
.paging .selected { color: #FFF; background:#58666c; }
.paging li:hover { background:#58666c; cursor:pointer; text-decoration:underline; }
.paging .selected:hover { cursor: default; text-decoration:none; }
/* END PAGING STYLES */
			
/* ARTICLE STYLES */
.article { position:relative; clear: both; }			
.article .header {  width: 625px; height: 160px; margin-bottom: 15px; }
.article .header .img { border: 2px solid black; overflow: hidden; width: 625px; height: 160px; }
.article .header .img img { top: -50%; width: 625px; position: relative; }
.article .header .img img.no-offset { top: 0; }
.article .header .blackbox { margin-top: -62px; margin-left: 2px; background:#000; opacity:0.6; height: 60px; width: 625px; }
.article .header .title { color: #fff; font-weight:bold; font-size: 25px; top: -50px; left: 10px; position:relative;}
.article .header .tagline { color: #fff; font-size: 15px; top: -50px; left: 10px; position:relative; }
/* .article .header .date { color: #fff; font-size: 15px; top: -96px; right: 10px; position:relative; float: right; } */

.article .title { color: #333; font-weight:bold; font-size: 25px; top:0px; left: 0px; position:relative;}
.article .tagline { color: #666; font-size: 15px; top: 0px; left: 0px; position:relative; }
.article .date { color: #666; font-weight:bold; font-size: 12px; text-align: left; line-height: 1.6em; }

.article .summary { line-height:1.5em; text-align: justify; width: 631px; margin-top: 10px; margin-bottom: 15px;}
.article .body { float: none; line-height:1.5em; text-align: justify; width: 631px; margin-top: 10px; margin-bottom: 15px; }
.article .body img { display: block; clear: both; margin: 20px auto 10px; max-height: 300px; border: 2px solid #000; }

.article .button { float: right; padding-left: 10px; }
/* .article .button a { display: block; clear: right; } */

.article .meta { clear: both; height: 20px; margin-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.article .meta .left { float: left; }
.article .meta .right { float: right; }
.article .meta .right a,.article .meta .left a { color:#fff; background: url(/images/gxlinkwrap.png) no-repeat; padding:5px 10px 10px 30px; }
.article .meta .right a:hover,.article .meta .left a:hover { color:#9ab2bc; }

.article .artimg img { float: right; width: 280px; border: 2px solid black; margin: 0px 0px 10px 18px; }

.article .sharingContainer { clear: both; overflow: hidden; }
.article .sharingOption { float: right; padding: 0 6px; }
.article .sharingOption img { height: 22px; }

.article .images { padding: 20px 10px; margin: 20px 0 0; width: 613px; color: #666; font-weight:bold; font-size: 12px; background:#eee; overflow: auto; }
.article .images p { margin: 0; text-indent: 16px; }
.article .images ul { list-style: none; }
.article .images li { float: left; overflow: hidden; border: 2px solid black; width: 100px; height: 80px; text-align:center; margin-left:16px; margin-top: 16px; cursor: pointer; }
.article .images li img { top: -50%; left: -50%; position: relative; }

.article-info { float: right; background: #7c929b; border: 2px solid #6d6d6d; width: 180px; margin: 0 0 5px 10px; padding: 10px }
.article-info table { border-collapse: collapse; padding: 10px; text-align: left; color: #333; }
.article-info th { font-size: 16px; }
.article-info td, .article-info th {  vertical-align: top; padding: 5px; border-top: dotted 1px #6d6d6d; border-left: dotted 1px #6d6d6d; }
.article-info tr.top td, .article-info th { border-top: none; }
.article-info td:first-child, .article-info th { font-weight: bold; border-left: none; color: #FFF; text-shadow: #666 1px 1px 1px; }
.article-info td.rank { font-family: Emulator, arial, helvetica, sans-serif; font-size: 80px; text-align: center; border-top: none; color: brown; }
.article-info td.rank div { vertical-align: middle; display: inline; font-size: 14px; }

.article-info td.S { color: rgb(213, 200, 47); }
.article-info td.A { color: rgb(43, 115, 29); }
.article-info td.B { color: rgb(46, 108, 209); }
.article-info td.C { color: rgb(107, 74, 155); }
.article-info td.D { color: rgb(193, 34, 81); }
.article-info td.E { color: rgb(231, 38, 37); }
.article-info td.F { color: rgb(134, 98, 43); }

#article-imageview img { margin: 16px; border: 2px solid black; width: 580px; height: auto; }

/* END POST STYLES */

/* TWEETBOX STYLES */
#tweetbox { border: solid #000 2px; background: #000 url(../images/gxtweet.png) 5px 7px no-repeat; margin-bottom:20px;}
#tweetbox.nologo { background: #000; }
#tweetbox .light { background: #7c929b; color: #fff; }
#tweetbox .reply_light { display: inline-block;  margin: 0 0 0 4px; width: 11px; height: 11px; background: transparent url(/images/icon_twitterreply.png); }
#tweetbox .dark { background: #58666c; color: #fff; }
#tweetbox .reply_dark { display: inline-block; margin: 0 0 0 4px; width: 11px; height: 11px; background: transparent url(/images/icon_twitterreply_light.png); }
#tweetbox .title { color: #fff; font-size: 14px; padding: 10px 0px 10px 25px; }
#tweetbox.nologo .title { background: #000; padding: 10px; }
#tweetbox ul { list-style: none; }
#tweetbox ul li { padding: 8px 12px; line-height: 1.3em; }
#tweetbox a { color: #fff; text-shadow: #666 1px 1px 1px; }
#tweetbox a:HOVER { text-decoration: underline; }
#tweetbox #followUs { margin: 3px 0px 0px 3px; width: 120px; font-size: 11px; float: right; }
/* END TWEETBOX STYLES*/

/*==[	Start Podcast Layout ]==		*/
#podbox { background: #000; margin-top:40px; border: 2px solid black; }
#podbox .light { background: #bf7e31; color: #fff; }
#podbox .dark { background: #8e5d24; color: #fff; }
#podbox .title { color: #fff; font-size: 14px; padding: 10px 0px 10px 25px; }
#podbox ul { list-style: none; }
#podbox ul li { padding: 10px 25px 10px 25px; }
#podbox ul li .button { float:right; }

#podwelcome { position: relative; height: 240px; width: 589px; margin-bottom:20px; padding: 20px; color:#fff; overflow: hidden; }
#podwelcome img { position: absolute; top: 0; left: 0; }
#podwelcome h2 { font-size: 18px; }
#podwelcome .blurb { width: 300px; float: right; }
#podwelcome .subscribe { position: absolute; bottom: 80px; left: 40px; }
		
#podbutton { margin-bottom: 25px; border: 2px solid black; overflow:hidden; height:150px; }
/*		==[	End Podcast Layout ]==			*/

/* AD STYLES */
#ad-banner { height: 60px; margin: 10px 26px 0 0; border: 2px solid black; float: right; }
#ad-container { width: 250px; }
#amazon { margin: auto; }
/* END Ad STYLES */

/* GXDEBUG */
#debug {
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	padding: 12px;
	background: #ffd967;
	font-weight: bold;
}
/* END GXDEBUG */