/* -- Layout/display styles for default site box -- */
/* ------------------------------------------------------------------------------------ */
body {
  	margin: 0.1em auto 0em auto;
	width: 1000px;
  	font-family: verdana, sans-serif;
  	font-size: 0.8em;
  	color:#FFFFFF;
  	background: #000 url(../images/bg.jpg) no-repeat top center;
}

#siteBox {
  	width: 1000px;
}

/* -- General layout/display styles for default settings -- */
/* ------------------------------------------------------------------------------------ */
a {  
  	text-decoration: none;
  	color: #AFB6FE;
}

h1 {
	font-size:inherit;
}

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

li {
  	margin-left: 40px;
  	list-style: none;
}



/* -- Header layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#header {
	background:url(/images/hdrpattern.jpg) repeat-x;
  	height: 40px;
}


/* -- Content layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#content {
  	border: thin solid #555;
  	background: #333 url(../images/corner_sub_tl.gif) no-repeat top left;
}

#contentTA
{
	margin: 0.5em 0.5em 0.5em 0.5em;
}

#contentHeader {
  	text-align: left;
	padding-left: 1em;
	height: 70px;
	line-height:1.9em;
  	font-size: 0.9em;
 	font-weight: bold;
 	font-family: Georgia, Arial, sans-serif;
  	background: url(../images/hdrpattern.jpg) repeat-x;
}

#artHdrIcon {
	float: left;
	width: 75px;
	height: 30px;
	text-align: center;
}

#artHdrM {
	float: left;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
 	font-family: Arial, sans-serif;
	background: #333 url(../images/contentHdrM.png) repeat-x;
}

#artHdrR {
	float: left;
	height: 30px;
	width: 62px;
	background: #333 url(../images/contentHdrR.png) no-repeat;
}

#artHdrL {
	float: left;
	height: 30px;
	width: 62px;
	background: #333 url(../images/contentHdrL.png) no-repeat;
}

.midTxt {
	text-align: center;
	line-height: 30px;
}

.leftTxt {
	text-align: left;
	padding-left: 0.5em;
	line-height: 30px;
}

.htLarge {
	height:40px;
}


/* -- Menu layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#menu {
	height: 3em;
	padding-bottom: 25px;
	background: url(../images/menuopaquebg.png) repeat;
}

#menu .itemR {
	float: left;
	margin-right: 1px;
	width: 8px;
	height: 3em;
	background: url(../images/menuBGR.png) no-repeat;
}

#menu a.menuItem {
	float: left;
	background: url(../images/menuBG.png) repeat-x;
	line-height: 2em;
}

#menu a.menuItem:hover {

	line-height: 3em;
}

#menu a.menuItemActive {
	float: left;
	color: #FFF;
	background: url(../images/menuBG.png) repeat-x;
	line-height: 3em;
}

#menu a span {
  	margin-left: 0.5em;
	margin-right: 0.5em;
}

#menu a {  
  	text-decoration: none;
  	font-weight: bold;
  	color: #AFB6FE;
}

/* -- Individual Game Menu layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#gameMenu {
	font-size: 1em;
}

#gameMenu .menuItem {
	text-decoration: none;
	margin-left: 0.5em;
	border-left: #CCC thin solid;
	border-right: #CCC thin solid;
	border-bottom: #CCC thin solid;
}

#gameMenu .menuItem:hover {
	background: #000;
}

#gameMenu .menuItemActive {
	text-decoration: none;
	font-weight:bold;
	background: #000;
	color: #AFB6FE;
	margin-left: 0.5em;
	border-left: #CCC thin solid;
	border-right: #CCC thin solid;
	border-bottom: #CCC thin solid;
}


/* -- Advertisements layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#leftColumn {
	width: 160px;
  	background: #000;
}

#leftColumnTA {
	background: #333;
	margin: 0.5em 0.5em 0.5em 0.5em;
}


/* -- Footer layout/display styles -- */
/* ------------------------------------------------------------------------------------ */
#footer {
	margin-bottom: 10px;
  	height: 3em;
  	font-size: 0.7em;
  	line-height: 3em;
  	color: #AFB6FE;
  	background: #CCCCCC url(../images/hdrpattern.jpg) repeat-x top left;
}

#footerContent {
  	background: url(../images/corner_br.gif) no-repeat bottom right;
}

#footer span {
	margin-right: 8px;
  	color: #000000;
}

#footer a {
  	color: #000000;
  	text-decoration: none;
  	margin-left: 8px;
}

#footer a:hover {
	text-decoration:underline;
}




/* -- Color formatting styles -- */
/* ------------------------------------------------------------------------------------ */
.blue {
  	color: #AFB6FE;
}

.grey {
  	color: #999;
}

.white {
	color: #FFF;
}

#darkGreyTA {
	background: #222;
	margin-bottom: 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/* -- Table formatting styles -- */
/* ------------------------------------------------------------------------------------ */
.tbPerimeter {
	text-align: center;
  	color: #FFF;
}

.tbItem {
  	color: #AFB6FE;
	background-color: #333;
}

.tbKeystone {
	font-weight: bold;
}


/* -- Input formatting styles -- */
/* ------------------------------------------------------------------------------------ */
.inputTxtFld {
	width: 650px;
}

.inputTxtFldSmall {
	width: 380px;
}

.inputTxtArea {
	width: 600px;
	height: 300px;
}


/* -- Image alignment classes -- */
/* ------------------------------------------------------------------------------------ */
.imgLeft {
  	float: left;
  	margin-left: 5px;
}

.imgRight {
  	float: right;
  	margin-right: 5px;
}


/* -- Google Ad Borders -- */
/* ------------------------------------------------------------------------------------ */
#googleAdTR {
  	height: 98px;
  	background: url(../images/googleAdBrdrTM.jpg) no-repeat top center;
}

#googleAdDualTR {
  	height: 68px;
  	background: url(../images/googleAdBrdrDualTM.jpg) no-repeat top center;
}



/* -- Utility classes to create the bottom rounded corners -- */
/* ------------------------------------------------------------------------------------ */

.wMenu {
	float:right;
	width: 840px;
	margin-bottom: 0.5em;
}

.article {
	font-style: italic;
}

#article a {
	padding-left: 1.3em;
	background: url(../images/extLink.png) no-repeat left top;
}

.contentMargin {
	margin-left: 0.5em;
}

.featuredImg {
	height: 225px;
	widows: 300px;
	border: #CCC thin solid;
}

.screenshot {
	max-width: 650px;
	border: #CCC thin solid;
}

.proCons {
	color: #AFB6FE;
}

.lrMargin {
	margin-left: 0.5em;
	margin-right: 0.5em;
}


.thumbScreenshot {
	max-width: 150px;
	max-height: 120px;
	border: #CCC medium solid;
}

.thumbVideo {
	width: 150px;
	border: #CCC medium solid;
}

.gameContentTA {
	margin-top: 1em;
	margin-bottom: 1em;
}

.header {
	padding-left: 2px;
  	display: block;
  	font-weight: bold;
  	color: #AFB6FE;
  	border-bottom: 1px solid #AAA;    
}

.hdrLM {
	margin-left: 100px;
}

.large {
	font-size: 1.4em;
}

.medium {
	font-size: 1.3em;
}

.small {
	font-size: 0.8em;
}

.vsmall {
	font-size: 0.6em;
}

.btmWhiteLine {
	border-bottom: #666 solid thin;
	height:1px;
}

.rssItem {
	background: url(../images/rssIcon.jpg) no-repeat left center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
}

.extraItem {
	background: url(../images/starIcon.png) no-repeat left center;
	padding-left: 1.5em;
}

.extraItem2star {
	background: url(../images/star2Icon.png) no-repeat left center;
	padding-left: 2em;
}

.extraItem3star {
	background: url(../images/star3Icon.png) no-repeat left center;
	padding-left: 2.5em;
}

.extraItem4star {
	background: url(../images/star4Icon.png) no-repeat left center;
	padding-left: 3em;
}

.extraItem5star {
	background: url(../images/star5Icon.png) no-repeat left center;
	padding-left: 3.5em;
}

/* -- IE7 Div Fixes -- */
/* ------------------------------------------------------------------------------------ */
.clear {
        clear: both;
        height: 0px;
        overflow: hidden;
    }