/* @override 
	http://www.games.net/css/global.css
	http://dev.games.net/css/global.css
*/

/* @group globals */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0 0 40px 0;
background: #FFF;
}

h1,h2,h3,h4 {
margin: 0 0 5px 0;
padding: 2px 5px;
}

p {
margin: 0 0 10px 0;
}

ul,li {
margin: 0;
padding: 0;
list-style: none;
}

form {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

a img {
border: none;
}

/* @end */

/* @group global header */

ul#global_header {
background: url(ui_global_hdr.gif) repeat-x;
border-bottom: solid 1px #FFF;
font-size: 10px;
margin: 0;
padding: 0;
height: 15px;
font-size: 11px;
}

ul#global_header li {
float: left;
border-right: solid 1px #FFF;
}

ul#global_header li.name {
border: none;
}

ul#global_header li.name span {
font-weight:  bold;
color:  #FFF;
padding:  0 2px 0 5px
}

ul#global_header li a {
padding: 0 4px;
display: block;
color: #FFF;
}

ul#global_header li a:hover {
text-decoration: underline;
}

/* @end */

/* @group wrapper */

#wrapper {
width: 920px;
margin: 0 auto;
background: #FFF;
position: relative;
}

#wrapper div#ad_pixel {
display: block;
width: 920px;
height: 1px;
overflow: hidden;
background: #1C363A;
}

#wrapper div#ad_pixel a,
#wrapper div#ad_pixel img {
display: none;
}

#quickpoll p { text-align:justify; }

/* @end */

/* @group header */

div#header {
position: relative;
height: 167px;
margin: 0 0 5px 0;
background: url(ui_hdr_bg.gif) no-repeat;
}

div#header h1 {
background: url(logo.jpg) no-repeat;
width: 245px;
height: 65px;
margin: 0;
padding: 0;
position: absolute;
top: 17px;
left: 20px;
}
.copy .readmore { background:url('ui_blog_byline.gif') no-repeat; width:473px; height:20px; color:#FFFFFF; text-align:left; padding-left:393px; padding-top:2px; font-weight:bold; }
div#header h1 a {
display: block;
width: 245px;
height: 65px;
}

div#header h1 a span {
display: none;
}

div#header ul.skip_nav {
display: none;
}

div#header div#sponsorship {
width: 355px;
height: 95px;
position: absolute;
top: 2px;
right: 230px;
display:  none;
}

/* @end */

/* @group login */
div#user {
color: #FFF;
width: 155px;
height: 70px;
position: absolute;
top: 15px;
right: 15px;
}

div#user input.textfield {
font: 11px Arial, Helvetica, _sans-serif;
height: 14px;
border: solid 1px #FFF;
background: #B0C9CD;
color: #1C3F44;
padding: 2px;
width: 90px;
}

div#user input.input_button {
background: #1C3F44;
color: #FFF;
font: 11px Arial, Helvetica, _sans-serif;
border: solid 1px #FFF;
width: 40px;
}

div#user label,
div#user input,
div#user a {
position: absolute;
}

div#user label {
font-size: 10px;
}

div#user label#login_label {
top: 5px;
left: 0;
}

div#user  input#login_name {
top: 0;
right: 0;
}

div#user  label#password_label {
top: 30px;
left: 0;
}

div#user input#password {
top: 25px;
right: 0;
}

div#user input#login_button {
top: 50px;
right: 0;
cursor: pointer;
}

div#user input#login_button:hover {
background: #000;
color: #FC3;
border-color: #FC3;
}

div#user  a#reg_button {
color: #FFF;
top: 50px;
right: 50px;
text-decoration: underline;
font-size: 11px;
}

div#user  a#reg_button:hover {
color: #FC3;
}

/* @end */

/* @group post login */
div#user a.avatar {
border: solid 1px #1C3F44;
}

div#user a.avatar:hover {
border-color: #FC3;
}

div#user a.avatar img {
width: 40px;
}

div#user ul.user {
padding: 0 0 0 15px;
margin: 0;
position: absolute;
top: 0;
left: 30px;
}

div#user ul.user li {
list-style: none;
padding: 0;
margin: 0;
}

div#user ul.user li a {
color: #FFF;
text-decoration: underline;
}


div#user ul.user li a:hover {
color: #FC3;
}

div#user ul.user li.logout {
position: absolute;
top: 20px;
list-style: none;
}

div#user ul.user li.logout a {
color: #FFF;
background: #1C3F44;
text-decoration: none;
font-size: 11px;
padding: 2px 5px;
border: solid 1px #FFF;
}

div#user ul.user li.logout a:hover {
background: #000;
}

/* @end */

/* @group nav */

ul#nav {
background: url(ui_nav_bg.gif) no-repeat;
height: 62px;
padding: 0;
position: absolute;
width: 100%;
bottom: 0;
z-index: 10;
}

ul#nav li {
float: left;
margin: 12px 0 0 10px;
}

ul#nav li a {
display: block;
font-weight: bold;
color: #FFF;
padding: 2px 20px 2px 10px;
}

ul#nav li a:hover {
color: #FC3;
}

ul#nav li a.on {
color: #1C3F44;
background: #B6C8CB url(ui_nav_tab.gif) no-repeat right;
}

ul#nav li a.on:hover {
color: #1C3F44;
}

#nav li ul {
position: absolute;
left: -999em;
width: 900px;
}

#nav li#feature_nav ul { width:  500px;}
#nav li#community_nav ul { width:  500px;}
/*#nav li#video_nav ul { width:  760px;}*/
#nav li#video_nav ul { width:  800px;}

#nav li ul li {
margin: 2px 20px 0 0px;
padding: 0;
}

#nav li ul li a {
color: #1C3F44;
padding: 0 2px;
}

#nav li ul li a:hover,
#nav li ul li a.on {
background: #1C3F44;
color: #FC3;
}

#nav li ul li a.on:hover {
color: #FC3;
}

#nav li ul.on {
left: auto;
}

#nav li#video_nav ul.on {
/*left: 185px;*/ 
left: 135px; 
}

/* @end */

/* @group ad bar */

div#ad_bar {
height: 90px;
margin: 0 0 5px 0;
clear: both;
}

div#ad_bar div#search {
background: url(ui_search_bg.gif) no-repeat;
width: 180px;
height: 90px;
margin: 0 12px 0 0;
float: left;
position: relative;
z-index: 20;
}

div#ad_bar div#search label {
color: #FFF;
}

div#ad_bar div#search div#search_input {
width: 100%;
position: absolute;
top: 5px;
left: 5px;
}

div#ad_bar div#search div#search_input input#search_text {
font: 12px Arial, Helvetica, sans-serif;
padding: 2px;
width: 100px;
border: solid 1px #1C3F44;
color: #999;
}

div#ad_bar div#search div#search_input input#search_button {
font: 12px Arial, Helvetica, sans-serif;
padding: 1px 5px 0 1px;
background: #1C3F44;
color: #FFF;
position: absolute;
right: 15px;
top: 1px;
cursor: pointer;
border: solid 1px #FFF;
width: 50px;
}

div#ad_bar div#search div#search_input input#search_button:hover {
background: #000;
}

div#ad_bar div#search div.search_type  {
position: absolute;
top: 35px;
left: 5px;
}

div#ad_bar div#search div#rss_menu {
position: absolute;
top:  62px;
left:  5px;
width:  168px;
background:  #1C363A url(ui_rss_logo_sm.gif) no-repeat 151px 1px;
color:  #FFF;
border:  solid 1px #FFF;
border-width: 1px 1px 0 1px;
z-index: 5;
}

div#ad_bar div#search div#rss_menu a.main_link {
color:  #FFF;
padding:  2px 5px;
display:  block;
border-bottom: solid 1px #FFF;
}

div#ad_bar div#search div#rss_menu a.main_link:hover {
color: #FC3;
}

div#ad_bar div#search div#rss_menu ul {
}

div#ad_bar div#search div#rss_menu ul li {
height: 20px;
border-bottom: dotted 1px #FFF;
}

div#ad_bar div#search div#rss_menu ul li a {
display: block;
color: #FFF;
padding: 2px;
}

div#ad_bar div#search div#rss_menu ul li a:hover {
color: #FC3;
}

div#ad_bar div#leaderboard {
width: 728px;
height: 90px;
float: left;
}

/* @end */

/* @group content */
div#content {
float: left;
width: 615px;
margin: 0 5px 0 0;
}

div#content h2 {
background: #1C363A;
color: #FFF;
font-size: 16px;
}

div#content div.related_articles{
background: #1C3f44 url(ui_related_bottom.gif) bottom left no-repeat;
margin-bottom: 10px;
}

div#content div.related_articles li.related_title{
background: url(ui_related_top.gif) top left no-repeat;
color: #fff;
font-weight: bold;
padding: 5px 0px 0px 10px;
}

div#content div.related_articles li.related{
padding-bottom: 8px;
}

div#content div.related_articles li.related a{
color: #fff;
padding: 0px 10px;
text-decoration: underline;
}

div#content div.related_articles li.related a:hover{
color: #fc3;
}


/* @end */

/* @group right */
div#right {
float: left;
width: 300px;
overflow: hidden;
}

div#right div#ad {
margin: 0 0 5px 0;
}

div#right div#countdown {
display: none;
background: #E4DFD1 url(ui_box_right_bg.gif) no-repeat bottom;
margin: 0 0 5px 0;
padding: 0 5px 10px; 
}

div#right div#countdown h3 {
background: url(ui_box_right_hdr.gif) no-repeat;
color:#1C3F44;
height:50px;
padding:5px 0pt 0pt 10px;
margin: 0px -5px -25px;
text-align: center;
}

#content li p { text-align:justify; }

div#right h3 {
background: #000;
color: #FFF;
font-size: 12px;
}

div#right div.box {
width: 300px;
background: #E4DFD1 url(ui_box_right_bg.gif) no-repeat bottom;
color: #1C3F44;
padding: 5px;
margin: 0 0 5px 0;
}

div#right div.box h3 {
background: url(ui_box_right_hdr.gif) no-repeat;
color: #1C3F44;
height: 50px;
margin: -5px -5px -25px -5px;
padding: 5px 0 0 10px;
}

/* @end */

/* @group footer */

div#footer {
clear: both;
width: 910px;
color: #1C3F44;	
padding: 5px;
}

div#footer h3 {
background: url(ui_legal_hdr.gif) no-repeat;
color: #1C3F44;	
font-size: 14px;
height: 55px;
padding-top: 5px;
margin: -5px -5px -35px -5px;
}

div#footer h4 {
margin: 0;
font-size: 14px;
margin: 0 0 5px 5px;
padding: 0;
color: #1C3F44;

}

div#footer ul {
margin: 0 0 5px 0;
padding: 0;
}

div#footer ul li {
display: inline;
border-right: solid 1px #1C3F44;
margin: 0;
padding: 0;
}

div#footer ul li a {
color: #1C3F44;
margin: 0;
padding: 0 2px;
}

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

div#footer span.logos {
display: block;
margin: 10px 0 5px 0;
}

div#footer div.idge {
position: relative;
height: 95px;
border-bottom: solid 1px #1C3F44;
margin: 0 0 5px 0;
width: 890px;
}

div#footer div.idge img {
position: absolute;
top: 3px;
left: 5px;
border: solid 5px #FFF;
}

div#footer div.idge ul {
position: absolute;
top: 3px;
left:  175px;
}

div#footer div.idge ul.external {
top: 35px;
left:  175px;
}

div#footer div.idge ul.external li.title {
border: none;
font-weight: bold;	
}

div#footer div.idge ul.international {
top: 50px;
left:  175px;
}

div#footer div.idge ul.international li.title {
border: none;
font-weight: bold;	
}

div#footer ul.idgnet {
border-bottom: solid 1px #1C3F44;
height:  35px;
padding: 0 0 0 5px;
}

div#footer ul.legal {
margin: 5px;
}

#txt input { width:110px; height:17px; font:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-top:5px; }
#btn input { background-color:#000000; border:1px solid #fff; font-size:11px; color:#FFFFFF; margin-left: 85px; margin-top:7px; }

/*temp hot list footer styles */
div#footer div.footer_hottitles {
border-bottom: solid #FFF 10px;
width: 920px;
background: url(ui_legal_bg.gif) no-repeat bottom;
margin: 0 -5px;
}

div#footer div.footer_hottitles ul.footer_hotlist {
height: 30px;
padding: 0 0 0 5px;
}

div#footer div.footer_hottitles ul.footer_hotlist li {
font-size: 10px;
font-weight: normal;
}


#footer div.idge {
background: url(global_gp_media_color.png) no-repeat 10px 0;
}

/* @end */