/*--------------------------------------------------------*\
	Script:  /includes/css/style.css
	Purpose: Provide sitewide stylesheeting

   Notes:
     All:
       - Make select inputs 2px smaller than desired height
		 - Make marqueecontainer 2px smaller than desired height
     W3C:
       - Make text inputs 2px smaller than desired width
       - Make textarea inputs 2px smaller than desired height
       - Make textarea inputs 2px smaller than desired width
     IE:
       - Make text inputs 4px smaller than desired width
       - Make textarea inputs 4px smaller than desired height
       - Make textarea inputs 4px smaller than desired width
\*--------------------------------------------------------*/

body
{
	background: #828282 url("/images/layout/background.gif") repeat-y top center;

	margin: 0px;
}

br
{
	margin: 0px;
}

img, object
{
	margin: 0px;

	padding: 0px;

	border: 0px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;

	padding: 0px;
}

td.header_wrapper
{
	padding-left: 5px;
	padding-right: 5px;
}

td.ad_leaderboard
{
	padding-top: 5px;

	background: url("/images/layout/header_background.gif") no-repeat top left;
}

td.nav_wrapper
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
td.nav
{
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;

	background: url("/images/layout/nav_background.gif") no-repeat top left;
}

span.nav_item
{
	padding-left: 9px;
	padding-right: 9px;
}

span.nav_item a:link, span.nav_item a:visited, span.nav_item a:active, span.nav_item a:hover
{
	color: #000000;
}
span.nav_item a:link, span.nav_item a:visited
{
	text-decoration: none;
}
span.nav_item a:active, span.nav_item a:hover
{
	text-decoration: underline;
}

td.bar_wrapper
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
td.bar_left, td.bar_right, td.bar_left h2
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;

	color: #ffffff;
}
td.bar_left
{
	background: url("/images/layout/bar_background.gif") no-repeat top left;

	padding-left: 5px;
}
td.bar_center
{
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;

	color: #ffffff;

	background: url("/images/layout/bar_background.gif") no-repeat top center;
}
td.bar_right
{
	background: url("/images/layout/bar_background.gif") no-repeat top right;

	padding-right: 5px;
}


td.bar_right a:link, td.bar_right a:visited, td.bar_right a:active, td.bar_right a:hover
{
	color: #999999;

	font-weight: bold;
}
td.bar_right a:link, td.bar_right a:visited
{
	text-decoration: none;
}
td.bar_right a:active, td.bar_right a:hover
{
	text-decoration: underline;
}

td.main_wrapper
{
	padding-left: 5px;
	padding-right: 5px;
}

td.content_wrapper
{
	padding-bottom: 5px;
}

td.mainbar_header, td.sidebar_header
{
	padding-right: 17px;
}
td.mainbar_header h3, td.mainbar_header h4, td.sidebar_header h3, td.sidebar_header h4
{
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;

	padding-left: 5px;
}
td.mainbar_header
{
	background: url("/images/layout/mainbar_background.gif") no-repeat top right;
}
td.mainbar_header h3, td.mainbar_header h4
{
	background: url("/images/layout/mainbar_background.gif") no-repeat top left;
}
td.sidebar_header
{
	background: url("/images/layout/sidebar_background.gif") no-repeat top right;
}
td.sidebar_header h3, td.sidebar_header h4
{
	background: url("/images/layout/sidebar_background.gif") no-repeat top left;
}

td.mainbar_box
{
	border: 1px solid #000000;

	background: #a2a2a2;

	font-family: verdana, sans-serif;
	font-size: 11px;

	color: #000000;

	padding: 2px;
}
td.mainbar_box a:link, td.mainbar_box a:visited, td.mainbar_box a:active, td.mainbar_box a:hover, td.popup_content a:link, td.popup_content a:visited, td.popup_content a:active, td.popup_content a:hover
{
	color: #15309f;

	font-weight: bold;
}
td.mainbar_box a:link, td.mainbar_box a:visited, td.popup_content a:link, td.popup_content a:visited
{
	text-decoration: none;
}
td.mainbar_box a:active, td.mainbar_box a:hover, td.popup_content a:active, td.popup_content a:hover
{
	text-decoration: underline;
}

td.left_wrapper
{
	padding-top: 5px;
	padding-right: 5px;
}

td.right_wrapper
{
	padding-right: 5px;
}

td.sidebar_box
{
	border: 1px solid #000000;

	background: #565656;

	font-family: verdana, sans-serif;
	font-size: 11px;

	color: #bfbfdf;

	padding: 2px;
}
td.sidebar_box a:link, td.sidebar_box a:visited, td.sidebar_box a:active, td.sidebar_box a:hover
{
	color: #ffffff;

	font-weight: bold;
}
td.sidebar_box a:link, td.sidebar_box a:visited
{
	text-decoration: none;
}
td.sidebar_box a:active, td.sidebar_box a:hover
{
	text-decoration: underline;
}

table.box
{
	margin-top: 5px;
}

td.footer_wrapper
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
td.footer_left, td.footer_right
{
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
td.footer_left
{
	background: url("/images/layout/footer_background.gif") no-repeat top left;

	padding-left: 5px;
}
td.footer_right
{
	background: url("/images/layout/footer_background.gif") no-repeat top right;

	padding-right: 5px;
}
td.footer_wrapper a:link, td.footer_wrapper a:visited, td.footer_wrapper a:active, td.footer_wrapper a:hover
{
	color: #000000;
}
td.footer_wrapper a:link, td.footer_wrapper a:visited
{
	text-decoration: none;
}
td.footer_wrapper a:active, td.footer_wrapper a:hover
{
	text-decoration: underline;
}

td.tabled_top
{
	padding-bottom: 1px;
}
td.tabled_middle
{
	padding-top: 1px;
	padding-bottom: 1px;
}
td.tabled_bottom
{
	padding-top: 1px;
}

td.front_left
{
	padding-right: 5px;
}

div.item_title
{
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
div.item_subtitle
{
	font-family: verdana, sans-serif;
	font-size: 13px;
	font-style: italic;
}
div.item_author
{
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #585858;
	padding-bottom: 2px;
}
span.item_date
{
	font-style: italic;
}

div.comment_author
{
	border-bottom: 1px solid #585858;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

span.extras
{
	font-size: 10px;
	font-style: italic;
}
div.extras
{
	margin-top: 13px;

	clear: both;
	
	font-size: 10px;
	font-style: italic;

	text-align: right;
}

div.success
{
	color: #225f22;
}
div.error
{
	color: #9f1111;
}

span.red
{
	color: #9f1111;
}

div.content_controls, div.game_controls, div.resource_controls
{
	margin-bottom: 5px;
	margin-left: 5px;

	float: right;
}
div.game_controls, div.resource_controls
{
	clear: left;

	text-align: right;

	margin-top: 20px;
}

table.review
{
	border: solid 1px #585858;

	margin: 0px;
}

td.review
{
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;

	color: #000000;

	font-weight: bold;

	height: 19px;
}

td.review#roverall
{
	padding: 2px;

	font-size: 30px;

	border-right: solid 1px #585858;
}

td.reviewbar
{
	background: url("/images/reviews/bar-middle.gif") top repeat-x;
}

table.list_panel
{
	margin-bottom: 5px;

	border-bottom: solid 1px #585858;
}
td.list_panel
{
	padding-bottom: 3px;
}
td.list_panel_left
{
	padding-right: 3px;
}
td.list_panel_right
{
	padding-left: 3px;
}

td.marketplace_entry
{
	padding: 2px;
}

td.game_review_box
{
	padding-left: 20px;
	padding-right: 20px;
}
div.game_review_box
{
	padding: 3px;
	border: 1px solid #585858;
}
span.game_review_box
{
	font-size: 30px;
	font-weight: bold;
}

div.feature_links
{
	background: url("/images/layout/features_underbar.gif") no-repeat top left;
	height: 25px;
	width: 300px;
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	word-spacing: 20px;
	font-weight: bold;
	color: #464646;
}
div.feature_links a:link, div.feature_links a:visited, div.feature_links a:active, div.feature_links a:hover
{
	color: #000000;
}
div.feature_links a:link, div.feature_links a:visited
{
	text-decoration: none;
}
div.feature_links a:active, div.feature_links a:hover
{
	text-decoration: underline;
}

span.feature_view
{
	word-spacing: normal;

	margin-right: 20px;
}

div.thumbnails_underbar
{
	background: url("/images/layout/thumbnails_underbar.gif") no-repeat top left;
	height: 18px;
	width: 108px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
}

div.ad_box
{
	padding-top: 5px;
	padding-bottom: 5px;

	text-align: center;
}
div.ad_tower
{
	padding-bottom: 5px;
}
div.ad_home
{
	padding-top: 5px;

	text-align: center;
}

div.ad_article
{
	margin-left: 5px;
	margin-right: 5px;

	float: right;

	width: auto;
}

div.video_wrapper
{
	float: right;
	width: 156px;
	text-align: center;

	margin-left: 5px;
	margin-bottom: 5px;
}
div.video_header
{
	background: url("/images/layout/video_background.gif") no-repeat top left;
	width: auto;
	height: 22px;

	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;

	color: #ffffff;

	text-align: center;
}
div.video
{
	width: auto;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background: #777777;
	padding: 2px;

	text-align: center;
}

span.ticker
{
	font-family: verdana, sans-serif;
	font-size: 12px;
}
span.ticker a:link, span.ticker a:visited, span.ticker a:active, span.ticker a:hover
{
	color: #faaf00;

	font-weight: bold;
}
span.ticker a:link, span.ticker a:visited
{
	text-decoration: none;
}
span.ticker a:active, span.ticker a:hover
{
	text-decoration: underline;
}

iframe.premium
{
	margin-top: 5px;
}

img.marketplace
{
	margin-top: 5px;
	margin-bottom: 5px;
}

img.control
{
	margin-right: 5px;
}

img.premium_left, img.premium_right
{
	vertical-align: bottom;
}
img.premium_left
{
	margin-right: 3px;
}
img.premium_right
{
	margin-left: 3px;
}

img.validation
{
	margin-right: 2px;
}

img.game_logo
{
	margin-left: 3px;

	float: right;
}

img.news_icon
{
	margin-right: 3px;
	margin-bottom: 3px;

	float: left;
}

ul.message
{
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;

	padding: 0px;
}

body.popup
{
	background: #a2a2a2 none;
}

td.popup_title
{
	background: url("/images/layout/popup_background.gif") repeat-x top left;

	color: #000000;
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

td.popup_content
{
	padding: 2px;

	font-family: verdana, sans-serif;
	font-size: 11px;

	color: #000000;
}

body.popup_print
{
	background: #ffffff none;
}

td.popup_print
{
	padding: 2px;

	background: #ffffff;

	font-family: verdana, sans-serif;
	font-size: 11px;

	color: #000000;
}
td.popup_print a:link, td.popup_print a:visited, td.popup_print a:active, td.popup_print a:hover
{
	color: #15309f;

	font-weight: bold;
}
td.popup_print a:link, td.popup_print a:visited
{
	text-decoration: none;
}
td.popup_print a:active, td.popup_print a:hover
{
	text-decoration: underline;
}

div.popup_print_extras
{
	font-size: 10px;
	font-style: italic;

	text-align: center;
}
div.popup_print_extras a:link, div.popup_print_extras a:visited, div.popup_print_extras a:active, div.popup_print_extras a:hover
{
	font-weight: normal;
}

div.popup_print_information
{
	font-size: 10px;

	text-align: left;
}
div.popup_print_information a:link, div.popup_print_information a:visited, div.popup_print_information a:active, div.popup_print_information a:hover
{
	font-weight: normal;
}

div.popup_print_title
{
	font-size: 13px;

	font-weight: bold;
}

span.popup_print_date
{
	font-style: italic;
}

body.iframe
{
	background: #ffffff none;
}

#marqueecontainer
{
	position: relative;
	width: 374px;
	height: 58px;
	background: url("/images/layout/ticker_background.gif") repeat-x top center;
	overflow: hidden;
	border: 1px solid #000000;
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}
#marqueecontainer a:link, #marqueecontainer a:visited, #marqueecontainer a:active, #marqueecontainer a:hover
{
	color: #15309f;

	font-weight: bold;
}
#marqueecontainer a:link, #marqueecontainer a:visited
{
	text-decoration: none;
}
#marqueecontainer a:active, #marqueecontainer a:hover
{
	text-decoration: underline;
}

div.marquee_title, span.marquee_title
{
	font-size: 12px;
	font-style: italic;
}
div.marquee_title
{
	text-align: center;
	margin-left: -2px;
	margin-right: -2px;
}

form
{
	margin: 0px;
	padding: 0px;
}

input.text, input.text_validation
{
	background: #ffffff;

	height: 15px;

	border: 1px solid #000000;

	font-size: 11px;
	font-family: verdana, sans-serif;

	color: #000000;
}

select
{
	background: #ffffff;
	
	width: 200px;
	height: 17px;

	border: 1px solid;

	font-size: 11px;
	font-family: verdana, sans-serif;

	color: #000000;
}

textarea, textarea.popup
{
	background: #ffffff;

	font-size: 11px;
	font-family: verdana, sans-serif;

	border: 1px solid #000000;

	color: #000000;
}

input.button, input.bbcode_button
{
	background: #ffffff;

	height: 19px;

	padding-left: 2px;
	padding-right: 2px;

	border: 1px solid #000000;

	font-size: 10px;
	font-family: verdana, sans-serif;
	font-weight: bold;

	color: #000000;
}
input.bbcode_button
{
	cursor: pointer;
}

input.file
{
	background: #ffffff;

	width: 200px;
	height: 19px;

	border: 1px solid;

	font-size: 11px;
	font-family: verdana, sans-serif;

	color: #000000;
}

input.box
{
	margin: 0px;
}

div.ign_links
{
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
	font-family: arial, sans-serif;
}
div.ign_links a:link, div.ign_links a:visited, div.ign_links a:active, div.ign_links a:hover
{
	color: #ffffff;
}
div.ign_links a:link, div.ign_links a:visited
{
	text-decoration: none;
}
div.ign_links a:active, div.ign_links a:hover
{
	text-decoration: underline;
}