html {
height: 100%;
margin: 0 auto;
background-image: url(images/top_bars_expand.jpg);
background-repeat: repeat-x;
background-color:#667B80;
padding:0px;
}

body {
height: 100%;
padding:0px;
height: auto; 
min-height: 100%;
margin: 0 auto;
width:inherit;
height: auto;
}


html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#wrap{
margin-bottom:5px;
}

#main {
margin:0 auto;
width:986px;
padding-bottom: 154px;
}

#top_bar{
width:980px;
height:34px;
margin: 0 auto;
background-image: url(images/top_bar_bg.jpg);
background-repeat: no-repeat;
left: 0;
right:0;
color:white;
font-family:tahoma;
font-size:12px;
float:left;
}

.top_dropdown{
width:180px;
margin-top:4px;
}

#top_bar img{
vertical-align:middle;
padding-bottom:2px;
padding-right:5px;
margin-left:5px;
}

#top_bar a:link,a:visited,a:active{
color:white;
text-decoration:none;
}

#top_bar a:hover #add{
color:white;
text-decoration:underline;
}

#top_bar a:hover img{
color:white;
text-decoration:underline;
}

#game_network_top{
float:right;
height:30px;
background-image: url(images/network_ugs_icon.png);
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:35px;
}

#clans_top{
float:left;
margin:0px;
padding:0px;
}

#user_bar{
width:980px;
height:75px;
margin:0 auto;
background-image: url(images/user_bar_bg.jpg);
background-repeat: no-repeat;
left: 0;
right:0;
color:white;
font-family:tahoma;
font-size:12px;
float:left;
}

#login{
padding:5px 0px 5px 0px;
width:360px;
float:left;
}

#user_bar img{
float:left;
margin:5px 8px 0px 0px;
}

#user_bar form{
float:left;
width:360px;
margin:0px;
margin-top:5px;
padding:0px;
}

#user_bar input.login_input{
float:left;
border: 1px solid #1E5673;
width:94px;
}

#user_bar input.login_input_submit{
float:left;
height:24px;
width:74px;
background-color:transparent;
background-image:url(images/login.png);
background-repeat:no-repeat;
border:none;
position:relative;
top:-2px;
left:0px;
margin-left:4px;
}

#guest_links{
float:left;
margin-top:5px;
font-size:11px;
color:white;
}

#guest_links a:link,a:visited,a:active{
color:white;
text-decoration:none;
}

#guest_links a:hover{
color:white;
text-decoration:underline;
}

#search{
padding-top:5px;
float:right;
width:350px;
}

.search_field{
width:260px;
border: 1px solid #1E5673;
float:left;
}

#search form{
float:left;
}

#search input.search_submit{
height:24px;
width:74px;
background-color:transparent;
background-image:url(images/search.png);
background-repeat:no-repeat;
border:none;
margin-left:4px;
position:relative;
top:-2px;
}

.search_option{
margin-left:14px;
}

#banner{
width:980px;
height: 104px;
margin: 0 auto;
background-image: url(images/banner.jpg);
background-repeat:no-repeat;
left: 0;
right:0;
float:left;
}

#nav{
width:980px;
height:34px;
margin:0 auto;
padding:0px;
background-image: url(images/nav_expand.jpg);
background-repeat: repeat-x;
float:left;
}

ul#nav{
float:left;
width:980px;
margin:0 auto;
list-style:none;
padding:0px;
}

#nav li{
margin:0 auto;
height:34px;
list-style:none;
display:inline;
padding:0px;
}

#nav li a{
border-left: 1px solid #395668;
margin:0 auto;
font-size:12px;
font-family:tahoma;
font-weight:bold;
text-decoration:none;
color:white;
float:left;
height:34px;
display:inline;
line-height:32px;
padding:0 11px 0 11px;
}

#nav li a:hover{
background-image:url(images/nav_expand_hover.jpg);
}

#nav li a#nav_current {
background-image:url(images/nav_expand_light.jpg);
color:#22272A;
border-left: 1px solid #8D8D8D;
}

#column_container{
margin:0 auto;
float:left;
float:left;
width:980px;
background-color:#ECECEC;
padding-top:3px;
}

#left_column{
height:inherit;
float:left;
width:657px;
padding:0px;
margin:0px;
}

#flash_news{
float:left;
margin:0px;
padding:0px;
margin-left:3px;
overflow:hidden;
}

#game_news{
padding:0px;
float:left;
margin:0px;
width:652px;
background-color:white;
margin-top:6px;
margin-left:3px;
padding-bottom:3px;
overflow:hidden;
}

#game_news #news_item{
float:left;
}

#game_news img{
padding:0px;
float:left;
padding:3px;
margin:0px;
margin-right:5px;
}

#game_news p{
line-height:1.5;
color:#22272A;
margin:0px;
padding:0px;
margin-left:10px;
font-weight:normal;
font-family:verdana, tahoma;
font-size: 12px;
}


#game_news p a:link,a:active,a:visited{
text-decoration:none;
font-size:12px;
}

#game_news p a:hover{
text-decoration:underline;
font-size:12px;
}

#game_news h1{
margin:0px;
padding:0px;
margin-bottom:5px;
font-weight:normal;
font-family:verdana, tahoma;
text-decoration:underline;
color:#0B6AAE;
font-size:18px;
}

#game_news h1 a{
font-family:verdana, tahoma;
text-decoration:underline;
color:#0B6AAE;
font-size:18px;
}

.archive_button{
margin:5px;
margin-right:10px;
float:right;
border:1px solid #0B6AAE;
padding:3px;
} 

.archive_button a{
text-decoration:none;
font-size:12px;
color:#0B6AAE;
font-family:verdana, tahoma;
}

.secondary_news{
padding:0px;
margin:0px;
float:left;
width:323px;
background-color:white;
margin-left:3px;
margin-top:6px;
margin-bottom:6px;
}

#mod_news{
background-image:url(images/mod_news_bar.jpg);
background-repeat:no-repeat;
background-position: 3px 3px;
}


#tech_news{
background-image:url(images/tech_news_bar.jpg);
background-repeat:no-repeat;
margin-left:6px;
background-position: 3px 3px;
}

h2 {
height:41px;
margin:12px 0px 0px 60px;
padding:0px;
font-weight:normal;
font-size: 18px;
color:white;
font-family:verdana, tahoma;
}


.secondary_news img{
padding:3px;
}

.secondary_news ul{
padding:0px;
margin:0px;
margin-left:15px;
list-style:none;
}

.secondary_news ul li{
font-size:12px;
padding:0px;
margin:0px;
margin-bottom:3px;
list-style:none;
}

.secondary_news ul li a{
line-height:22px;
font-family:tahoma;
font-size:12px;
padding:0px;
margin:0px;
color:#22272A;
text-decoration:none;
margin-left:3px;
}

.secondary_news ul li a:hover{
padding:0px;
margin:0px;
color:#22272A;
text-decoration:none;
border-bottom:1px solid #0B6AAE;
margin-left:3px;
}

#right_column{
height:inherit;
float:left;
width:323px;
}

#gamer_connection{
float:right;
background-image:url(images/game_connect_search_bg.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:185px;
width:319px;
margin-right:3px;
}

#connect_tabs{
float:left;
width:319px;
height:37px;
padding:0px;
margin:0px;
}

ul#connect_tabs{
margin:0px;
padding:0px;
list-style:none;
margin-left:1px;
}

#connect_tabs li{
width:89px;
height:37px;
margin:0px;
padding:0px;
list-style:none;
display:inline;
background-image:url(images/gamer_tab_notselected.jpg);
background-repeat:no-repeat;
}

#connect_tabs li a{
margin:0px;
font-size:12px;
font-family:tahoma;
font-weight:bold;
text-decoration:none;
line-height:35px;
text-align:center;
color:white;
float:left;
padding:0px;
width:89px;
height:37px;
background-image:url(images/gamer_tab_notselected.jpg);
background-repeat:no-repeat;
}

#connect_tabs li#selected_tab a{
margin:0px;
padding:0px;
width:89px;
height:37px;
background-image:url(images/gamer_tab_selected.jpg);
background-repeat:no-repeat;
}

#connect_tabs li#refresh_tab a{
margin:0px;
padding:0px;
width:52px;
height:37px;
background-image:url(images/refresh_button.jpg);
background-repeat:no-repeat;
}

#clan_stats{
width:319px;
margin:0px;
padding:0px;
float:left;
}

ul#clan_stats{
float:left;
list-style:none;
margin:0px;
padding:0px;
}

#clan_stats li{
width:319px;
height:26px;
list-style:none;
margin:0px;
padding:0px;
display:block;
background-color:white;
}

#clan_stats li.dark{
background-color:#D3D3D3;
}




#footer {
position: relative;
margin-top: -154px; /* negative value of footer height */
height: 154px;
clear:both;
width:inherit;
background-image:url(images/footer_bg.jpg);
background-repeat: repeat-x;
left:0px;
right:0px;
} 

#footer_links{
width:980px;
background-color:#394247;
height:94px;
margin:0 auto;
position:relative;
top:6px;
left:-3px;
right:0;
}

#footer_links p{
color:white;
font-size:11px;
font-family:tahoma,verdana;
line-height:1;
margin:0px;
padding:0px;
margin-left:10px;
padding-top:8px;
}

.footer_games{
font-weight:bold;
color:#EFB704;
}


#footer_copy{
font-size:11px;
font-family:tahoma,verdana;
color:#C2C2C2;
width:980px;
background-color:#30515D;
background-image:url(images/ugs_icon_mini.jpg);
background-repeat:no-repeat;
background-position:3px;
height:38px;
margin:0 auto;
position:relative;
top:10px;
left:-3px;
right:0;
}


#footer_copy p{
line-height:1.5;
margin:0px;
padding:0px;
margin-left:45px;
}

#footer_copy p a{
font-size:11px;
font-family:tahoma,verdana;
color:#C2C2C2;
text-decoration:underline;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* News Page CSS*/

#news_wrap{
margin:0px;
font-size:12px;
line-height:1.5;
font-family:verdana,tahoma;
float:left;
width:652px;
background-color:white;
margin-left:3px;
padding-bottom:10px;
}

#news_wrap img{
margin:0px;
padding:0px;
}

#news_wrap p{
margin:0px;
padding:0px;
margin-left:10px;
margin-right:10px;
text-indent:25px;
}

#news_wrap p+p{
text-indent:25px;
margin-top:0px;
}

#news_title{
width:652px;
height:93px;
background-image:url(images/news_bar.jpg);
background-repeat: no-repeat;
background-position:left;
margin-bottom:15px;
}

#news_title h2{
margin:0px;
margin-left:50px;
line-height:50px;
}

#news_post_date{
line-height:32px;
margin-left:50px;
}

#user_comments{
float:left;
margin-top:6px;
width:652px;
margin-left:3px;
background-color:white;
margin-bottom:6px;
}

#user_comments_title{
margin-top:3px;
float:left;
width:652px;
height:53px;
background-image:url(images/comments_bar.jpg);
background-repeat:no-repeat;
background-position:left;
}

#user_comments_title h2{
line-height:40px;
margin-left:90px;
}

.comment{
font-size:12px;
font-family:verdana,tahoma;
width:632px;
float:left;
padding-bottom:5px;
margin-top:10px;
margin-left:10px;
margin-rigth:10px;
border-bottom:1px dashed #898B8C;
}

.comment_user{
width:110px;
float:left;
}

.comment_user img.comment_avatar{
margin-top:3px;
margin-bottom:3px;
}

.comment_user .user_staff{
color:#0B6AAE;
margin:0px;
font-size:12px;
font-family:verdana,tahoma;
font-weight:bold;
margin-left:15px;
}

.comment_body{
line-height:1.5;
width:522px;
float:left;
}