@charset "utf-8";
/* Trademark Gamers Styles
	Author : Gavin Weeks
	Date 07/10/08					*/
	
* {margin: 0; padding: 0; list-style: none;}
body {font-size: 12px; background: #111 url(../imgs/core/main_back.jpg) no-repeat top center ; color: #333; font-family: Arial, sans-serif;}

#join_now {width: 110px; height: 110px; background: url(../imgs/core/join_now.png); position:absolute; top: 0; left: 0;}
#join_now a {display: block; height: 110px; width: 110px;}
/* ADS */
#skyscraper {background: #999; width: 160px; height: 600px; position: absolute; right: -170px; top: 0px; display: none;}
#mpu {background: #111; margin-bottom: 10px; width: 298px; height: 248px; border: solid 1px #a50323; overflow: hidden}

fieldset {border: 0; margin-bottom: 20px;}


a {color: #a50323; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a:active {outline: none}
p {line-height: 18px;}
h1 {text-indent: -9999px; width: 530px; margin-top: 0px; height: 130px}
h2 {color: #FFF; position:relative; font-size: 12px}
h2 .left_w {width: 10px; height: 30px; background: url(../imgs/components/title_left_on_white.gif) no-repeat;; position:absolute; left: 0; top: 0;}
h2 .right_w {width: 10px; height: 30px; background: url(../imgs/components/title_right_on_white.gif) no-repeat;; position:absolute; right: 0; top: 0;}

h2 .left_b {width: 9px; height: 40px; background: url(../imgs/components/title_left_on_black.gif) no-repeat;; position:absolute; left: 0; top: 0;}
h2 .right_b {width: 9px; height: 40px; background: url(../imgs/components/title_right_on_black.gif) no-repeat;; position:absolute; right: 0; top: 0;}

/* General Styles */
.inner {width: 1000px; margin: 0 auto}
.main_left {width: 245px; float: left; margin-right: 10px;}
.main_right {width: 245px; float: left;}
.read_more {margin-top: 5px;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.error {color: red; font-weight: bold; font-size: 12px;}
.date {color: #666; font-size: 11px;}

.success {border: solid 1px #71ad45; padding: 0 0 0 100px; background: #e4f6d7 url(../imgs/core/success.gif) 10px 10px no-repeat; margin-bottom: 10px;}
.success p {font-size: 28px; font-weight: bold; line-height: 35px; height: 80px; margin-bottom: 0 !important; padding-top: 10px;}

/* Buttons */
a.main_button {color: #FFF; background: url(../imgs/buttons/button_left_w.gif) no-repeat; line-height: 20px; float: left; position:relative; padding: 0 10px; margin-top: 10px;}
a.main_button span {background: url(../imgs/buttons/button_right_w.gif) no-repeat; width: 4px; height: 20px; position: absolute; right: 0; top: 0;}

a.main_button:active {background: url(../imgs/buttons/buttonon_left_w.gif) no-repeat;}
a.main_button:active span {background: url(../imgs/buttons/buttonon_right_w.gif) no-repeat;}
a.main_button:hover {text-decoration: none;}

/* User Buttons */
a.user_button {color: #FFF; background: url(../imgs/buttons/button_left_r.gif) no-repeat; line-height: 20px; float: left; position: relative; padding: 0 10px; margin-top: 0px; font-size: 12px;}
a.user_button span {background: url(../imgs/buttons/button_right_r.gif) no-repeat; width: 4px; height: 20px; position: absolute; right: 0; top: 0;}

a.user_button:active {background: url(../imgs/buttons/buttonon_left_r.gif) no-repeat;}
a.user_button:active span {background: url(../imgs/buttons/buttonon_right_r.gif) no-repeat;}
a.user_button:hover {text-decoration: none;}

/* NEWS Buttons */
a.mainnews_button {color: #FFF; background: url(../imgs/buttons/button_left_b.gif) no-repeat; line-height: 20px; float: left; position: relative; padding: 0 10px; margin-top: 0px; font-size: 12px;}
a.mainnews_button span {background: url(../imgs/buttons/button_right_b.gif) no-repeat; width: 4px; height: 20px; position: absolute; right: 0; top: 0;}

a.mainnews_button:active {background: url(../imgs/buttons/buttonon_left_b.gif) no-repeat;}
a.mainnews_button:active span {background: url(../imgs/buttons/buttonon_right_b.gif) no-repeat;}
a.mainnews_button:hover {text-decoration: none;}

/* User Buttons */
a.component_button {color: #FFF; background: url(../imgs/buttons/button_left_r.gif) no-repeat; line-height: 20px; float: right; position: absolute; top: 0px; right: 0;  padding: 0 10px; margin-top: 7px; font-size: 12px; margin-right: 10px;}
a.component_button span {background: url(../imgs/buttons/button_right_r.gif) no-repeat; width: 4px; height: 20px; position: absolute; right: 0; top: 0;}

a.component_button:active {background: url(../imgs/buttons/buttonon_left_r.gif) no-repeat;}
a.component_button:active span {background: url(../imgs/buttons/buttonon_right_r.gif) no-repeat;}
a.component_button:hover {text-decoration: none;}

#not_joined {display: none;}
#body_home #not_joined {display: block; display: none;}

#not_joined {height: 100px; letter-spacing: -1px;background: #a50323 url(../imgs/core/register.gif) 670px 10px no-repeat; font-weight: bold; margin-bottom: 20px; line-height: 100px; color: #fff; font-size: 18px; padding: 0 20px}
#not_joined a {display: block; color: #fff}
#not_joined a:hover {text-decoration: none;}


/* Headings */
#features h2, #matches h2, #forum h2, #downloads h2, #portfolio_container h2, #team h2, #cms h2 {display: none;background: #fff url(); font-size: 16px; color: #ccc; border-bottom: solid 0px #ddd; text-indent:0 ; height: 25px; line-height: 25px; text-transform: upperc.ase; margin-bottom: 10px}
#features h2 a, #matches h2 a, #forum h2 a, #downloads h2 a, #portfolio_container h2 a, #team h2 a, #cms h2 a {color: #a50323}

/* Header */
#util {height: 30px; background: #000 url(../imgs/nav/nav_back.gif) repeat-x; line-height: 30px; color: #fff;}
#util .inner {position: relative; overflow:hidden; }
#util .component_button {margin-top: 5px; margin-right: 0;}
#util .member_stats {font-weight: bold; color: #fff; float: right; margin-right: 20px; background: #111; margin-top: 5px; line-height: 20px; padding: 0 5px;-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#wrapper {width: 1000px; margin: 0 auto; background: #fff; position: relative}
	#wrapper .wrapper_tl {width: 9px; height: 9px; position: absolute; top: 0; left: 0; background: url(../imgs/core/wrapper_tl.gif) no-repeat}
	#wrapper .wrapper_tr {width: 9px; height: 9px; position: absolute; top: 0; right: 0; background: url(../imgs/core/wrapper_tr.gif) no-repeat}
	#wrapper .wrapper_bl {width: 9px; height: 9px; position: absolute; bottom: 0; left: 0; background: url(../imgs/core/wrapper_bl.gif) no-repeat}
	#wrapper .wrapper_br {width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; background: url(../imgs/core/wrapper_br.gif) no-repeat}

#header_full {background: url() no-repeat center top; height: 190px; width: 1000px; margin: 0 auto; position:relative}
#header {height: 150px; width: 1000px; margin: 0 auto; position:relative}

#header h1 {float: left;}
#header h1 a {display: block; height: 150px}
#leaderboard {width: 728px; height: 90px; margin-top: 30px; background: #111; float: right;}
#intro {padding: 10px;}

#twitter_div {margin-left: 20px; padding: 10px; height: 25px; background: #e4faff; border: solid 1px #c7e5ec; margin-bottom: 10px; position:relative}
#twitter_div li {line-height: 25px; font-size: 12px; font-weight: bold; color: #317989}
#twitter_div li a {font-size: 100% !important}
.follow_button {position: absolute; right: 5px; top: 10px}

#nav {height: 40px; width: 1000px; margin: 0 auto; background: url(../imgs/nav/nav_back.gif) repeat-x; position:relative;}
#nav #search {display: none; height: 40px; line-height: 40px;position: absolute; right: 10px; top: 0;}
#nav #search .search_field {float: left; margin-top: 8px; border: none; background: url(../imgs/components/search_field.gif) no-repeat ; padding: 0 10px; width:160px; height: 25px; line-height: 25px; padding: 0 10px; font-size: 20px; font-weight: bold; color: #a50323;}
#nav .left {background: url(../imgs/nav/left.gif) no-repeat; width: 9px; height: 40px; position:absolute; left: 0; top: 0}
#nav .right {background: url(../imgs/nav/right.gif) no-repeat; width: 9px; height: 40px; position:absolute; right: 0; top: 0}
#nav ul {overflow: hidden; padding-top: 7px; margin-left: 20px; margin-right: 9px; width: 960px; float: left;}
#nav ul li {float: left; height: 25px;  text-transform:normal; font-weight: bold; margin-right: 5px; letter-spacing: 0px; font-size: 12px;}
#nav ul li.active {height: 33px; border: 0;}
#nav ul li a {line-height: 25px; display: block; padding: 0 7px; color: #FFFFFF; font-weight: bold;  }
#nav ul li a:hover {text-decoration: none; background: #111; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; }
#nav ul li.active a {color: #111; line-height: 35px; background: url(../imgs/buttons/tab_back.gif) repeat-x top; -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#nav ul li.active a:hover {-moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}

/* RSS */
#header .main_rss {position: absolute; right: 0px; bottom: -3px}
#header_full .main_twit {position: absolute; right: 70px; bottom: 27px; z-index: 1}
#header_full .main_fb {position: absolute; right: 140px; bottom: 40px; z-index: 1} 
.rss_small {margin-right: 5px; position: relative; top: 3px;}
.team_rss_small {position: absolute; right: 10px; top: 7px;}

#body_home #nav ul li.nav_home {height: 33px; border: 0;}
#body_team #nav ul li.nav_team {height: 33px; border: 0;}
#body_features #nav ul li.nav_features {height: 33px; border: 0;}
#body_matches #nav ul li.nav_matches {height: 33px; border: 0;}
#body_forum #nav ul li.nav_forum {height: 33px; border: 0;} 
#body_about #nav ul li.nav_about {height: 33px; border: 0;}
#body_downloads #nav ul li.nav_downloads {height: 33px; border: 0;}
#body_gallery #nav ul li.nav_gallery {height: 33px; border: 0;}
#body_contact #nav ul li.nav_contact {height: 33px; border: 0;}

#body_home #nav ul li.nav_home a,
#body_team #nav ul li.nav_team a,
#body_features #nav ul li.nav_features a,
#body_matches #nav ul li.nav_matches a,
#body_forum #nav ul li.nav_forum a,
#body_about #nav ul li.nav_about a,
#body_downloads #nav ul li.nav_downloads a,
#body_gallery #nav ul li.nav_gallery a,
#body_contact #nav ul li.nav_contact a {color: #111; line-height: 35px;background: #fff url(../imgs/buttons/tab_back.gif) repeat-x top; -moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}

#body_home #nav ul li.nav_home a:hover,
#body_team #nav ul li.nav_team a:hover,
#body_features #nav ul li.nav_features a:hover,
#body_matches #nav ul li.nav_matches a:hover,
#body_forum #nav ul li.nav_forum a:hover,
#body_about #nav ul li.nav_about a:hover,
#body_downloads #nav ul li.nav_downloads a:hover,
#body_gallery #nav ul li.nav_gallery a:hover,
#body_contact #nav ul li.nav_contact a:hover {-moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}

/* Structure */
#content {padding-top: 20px; overflow: hidden; padding-bottom: 10px; background: url(../imgs/core/co/ntent_tl.gif) top left no-repeat;}
#main {width: 640px; float: left; margin-right: 10px; padding-top: 0px}
#main .under_main {background: #111; padding: 10px 0px 10px 10px; overflow:hidden; clear: both; position: relative; margin-left: 20px; margin-bottom: 10px}
#main .under_main .component {width: 295px; margin-right: 10px; margin-bottom: 0px;}

#sub {width: 300px; float: left;margin-left: 10px; margin-right: 20px; margin-top: 0px; padding: 10px 10px 0 10px; background: #111; position:relative}
		.sub_tl {width: 9px; height: 9px; position: absolute; top: 0; left: 0; background: url(../imgs/core/sub_tl.gif) no-repeat; }
		.sub_tr {width: 9px; height: 9px; position: absolute; top: 0; right: 0; background: url(../imgs/core/sub_tr.gif) no-repeat; }
		.sub_bl {width: 9px; height: 9px; position: absolute; bottom: 0; left: 0; background: url(../imgs/core/sub_bl.gif) no-repeat; }
		.sub_br {width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; background: url(../imgs/core/sub_br.gif) no-repeat; }

#breadcrumb {overflow: hidden; margin: 0px 20px 10px 20px; background: #111 url(../imgs/core/br/eadcrumb.gif) no-repeat; height: 40px; line-height: 40px; padding: 0 10px; position:relative; }
#breadcrumb ul li {float: left; color: #777; padding-left: 7px; margin-right: 7px; font-weight: normal; background: url(../imgs/components/arrow_red.gif) no-repeat 2px 18px;}
#breadcrumb ul li.youare {background: none; padding: 0; color:#fff}
#breadcrumb .sub_tl, #breadcrumb .sub_tr, #breadcrumb .sub_bl, #breadcrumb .sub_br {} 

.sponsors {display: none;}
.sponsors ul {overflow: hidden; margin-top: 10px;}
.sponsors ul li {margin-bottom: 20px; text-align: center}

/* SPOTLIGHT */
#new_spotlight {margin-left: 20px; width: 620px; height: 300px; overflow: hidden; margin-bottom: 10px;}
#new_spotlight ul {height: 300px !important; width: 620px !important; overflow:hidden !important}
#new_spotlight pre {display: none;}

/* Team News */
#team_news {margin-top: 10px; }
#team_news h2 {margin-bottom: 0px; margin-left: 20px; font-size: 12px; line-height: 30px; height: 30px; position:relative}
#team_news ul {padding-top: 10px; padding-left: 10px; margin-left: 20px; background: #FFFFFF url(../imgs/components/component_back.gif) repeat-x top; overflow:hidden}
#team_news ul li img {display: none;}
#team_news ul li {width: 193px; padding-right: 10px; float: left; line-height: 18px; margin-bottom: 0px; padding-bottom: 10px; }
#team_news ul li.newslist_clear {width: 620px; border-bottom: dotted 1px #ccc; height: 1px; margin: 0; padding: 0;}
#team_news ul li h3 {font-size: 14px; line-height: 20px; letter-spacing: 0px}
#team_news .news_date {font-size: 11px; color: #999; display: block; margin-top: 5px}
#team_news .comments {display: none}

#team_news #newest {background: #111; margin-left: 20px; padding: 10px; margin-bottom: 0px; position: relative; color: #FFF}
#team_news #newest .news_date {font-size: 11px; color: #666; margin-bottom: 5px;}

#team_news #newest h3 {font-size: 22px}
	#team_news .sub_tr {width: 9px; height: 9px; position: absolute; top: 0; right: 0; background: url(../imgs/core/sub_tr.gif) no-repeat}
	#team_news .sub_br {width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; background: url(../imgs/core/sub_br.gif) no-repeat}

/* User */
.login_arrow {float: left; position:relative; top: 3px; left: 5px}

#user {width: 410px; float: right; height: 120px; margin-top: 0px; position: relative;}
#user #login_interface {width: 390px; height: 100px; padding: 10px;}
#user #login_interface .login_row {line-height: 25px; height: 25px; margin-bottom: 1/0px; position: relative; padding-bottom: 10px; margin-left: 0px;}
#user #login_interface .login_titles {color:#FFF; font-weight: bold; font-size: 14px}
#user #login_interface .login_row .fields {; background: #fff url(../imgs/user/fiel/d_back.gif) no-repeat ;padding: 0 10px; height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; color: #a50323; border: solid 1px #ca1f24; margin: 0; position:absolute; top: 0; right: 0; width: 240px}
#user #login_interface .login_buttons {position: relative;}
	#user #login_interface .login_buttons .login {position: absolute; right: 0; top: 0; margin-top: 0; }
	#user #login_interface .login_buttons .forgotten {position: absolute; right: 67px; top: 0; margin-top: 0; background: url(../imgs/buttons/buttonon_left_r.gif) no-repeat;}
	#user #login_interface .login_buttons .forgotten span {background: url(../imgs/buttons/buttonon_right_r.gif) no-repeat;}
	
#user #logged_interface {width: 390px; height: 130px; padding: 10px; position:relative}
#user #logged_interface p {color: #fff;float: left;}
#user #logged_interface .user_image {position: absolute; left: 10px; top: 40px; margin-right: 10px; margin-bottom: 5px; border: solid 1px #333;}
#user #logged_interface .welcome {line-height: 20px; height: 20px;}
#user #logged_interface .welcome a.user_button {float: right; margin-top: 0px; background: url(../imgs/buttons/buttonon_left_r.gif) no-repeat;}
#user #logged_interface .welcome a.user_button span {background: url(../imgs/buttons/buttonon_right_r.gif) no-repeat;}
#user #logged_interface .welcome a.logout {position: relative; top: 0px; margin-left: 5px;}
#user #logged_interface .welcome a.view {position: relative; top: 0px;}
#user #logged_interface #logged_menu {overflow: hidden; position: relative; margin-top: 30px; height: 25px; width: 100%; padding: 0;}
#user #logged_interface #logged_menu li {float: right; margin-left: 5px;}
#user #logged_interface #logged_menu li.cms {position: absolute; right: 253px; top: 0px;}
#user #logged_interface #logged_menu li.user_news {position: absolute; right: 0px; top: 30px;}
#user #logged_interface #logged_menu li.cms a, #user #logged_interface #logged_menu li.edit a, #user #logged_interface #logged_menu li.edit_image a, #user #logged_interface #logged_menu li.view a {margin-top: 0;}
#user #logged_interface #logged_menu li.edit {position: absolute; right: 0px; top: 0px;}
#user #logged_interface #logged_menu li.edit_image {position: absolute; right: 83px; top: 0px;}
#user #logged_interface #logged_menu li.view {position: absolute; right: 162px; top: 0px; margin-left: 0;}

#user #logged_interface h4 {margin-top: 0px; font-size: 12px; color: #FFF; float: left; margin-left: 90px; line-height: 20px; height: 20px; position:relative; padding: 0px 0 0 0; margin-bottom: 10px}
#user #logged_interface h4 img {position: absolute; right: 0; top: 0}
#user #logged_interface ul.inbox_links {overflow: hidden; margin-top: 0px; float: right;}
#user #logged_interface ul.inbox_links li {margin-left: 5px; overflow: hidden; float: left;}

/* User Profiles */
#user_profile {margin-left: 20px;}
#user_profile #main_info {width: 400px; float: left}
#user_profile #sub_info {width: 200px; float: right;}

#user_profile .profile_nav {clear: both}
#user_profile .user_options ul li { line-height: 22px; height: 22px}
#user_profile .user_options ul li a {border-bottom: solid 1px #ead8d8; display: block; font-weight: normal; text-indent: 5px}
#user_profile .user_options ul li a:hover {border-bottom: solid 1px #fff; background: #a50323; color: #FFF; text-decoration: none;}

#user_profile h2 {background: none; color:#333; text-indent: 0;}
#user_profile h3 {background: url(../imgs/nav/nav_back.gif); padding: 5px; clear: both; color: #FFF; font-size: 12px; margin: 10px 0;}
#user_profile #profile_details {}
#user_profile #user_head {padding: 10px; background: #111; color: #fff; position:relative}
#user_profile #profile_details h3 {margin: 0; background: none; color: #fff; padding: 0; font-size: 20px; line-height: 30px; height: 30px}
#user_profile #profile_details ul.user_stuff, #user_profile #profile_hardware ul, #user_profile #profile_favourites ul, #user_profile #profile_inner, #user_profile .profile_nav ul.friends  {overflow: hidden; border: solid 1px #eee; border-top: 0; padding: 10px;background: #FFFFFF url(../imgs/components/component_back.gif) repeat-x top;}
#user_profile #profile_details ul li, #user_profile #profile_hardware ul li, #user_profile #profile_favourites ul li {clear: both; line-height: 18px; }
#user_profile #profile_details label, #user_profile #profile_hardware label, #user_profile #profile_favourites label {width: 120px; float: left; font-weight: bold;}

#user_profile #profile_picture {width: 180px; float: right; padding: 9px; border: solid 1px #eee; margin-bottom: 0px;}
#user_profile #profile_picture img {}
#user_profile #profile_hardware {margin-top: 20px; clear: both}
#user_profile #profile_hardware h4, #user_profile #profile_favourites h4, #user_profile #profile_notes h4, #user_profile .profile_nav h4 {padding: 10px; font-size: 12px; color:#FFF; margin-top: 20px; background: #111 url(../imgs/nav/nav_back.gif); clear: both; position: relative; line-height: 30px; height: 30px; padding: 0; text-indent: 10px}
#user_profile #profile_hardware ul {border: solid 1px #eee; padding: 10px}
#user_profile #profile_hardware ul li {line-height: 18px;}
#user_profile .add_remove {position: absolute; top: 10px; right: 10px; overflow: hidden; border: none !important; padding: 0px  !important; background: #111 url(); !important}


/* Components */
.component {margin-bottom: 10px; margin-top: 0px; overflow: hidden}
.component h2 {background: url(../imgs/nav/nav_back.gif) repeat-x; height: 34px; line-height: 34px; text-indent: 10px; font-size: 12px;}
.component h2 a {color: #fff; padding-left: 0px}
.component_inner {background: #fff url(../imgs/components/component_back.gif) repeat-x; padding-bottom: 10px; padding-top: 10px; position: relative}
.component_inner .bl {width: 10px; height: 10px; display: block; background: #fff url(../imgs/components/bl.gif) no-repeat; position: absolute; left: 0; bottom: 0;}
.component_inner .br {width: 10px; height: 10px; display: block; background: #fff url(../imgs/components/br.gif) no-repeat; position: absolute; right: 0; bottom: 0;}
.component_inner ul li {line-height: 25px; height: 25px; margin-bottom: 0px;  border-bottom: dotted 1px #CCC; position: relative; padding: 0 10px; position: relative}
.component_inner ul li:hover {background: #ddd}
.component_inner ul li a {padding-left: 21px; display: block;}
.component_inner ul li.no_padding a {padding-left: 0;} 
.component_inner ul li .icon {position: absolute; left: 10px; top: 5px;}
.component_inner ul li .blog_poster {position: absolute; right: 10px; top: 0; font-size: 11px; color:#999}
.component_inner ul li .verses {font-weight: bold;}
.component_inner ul li .team {position: relative; top: 4px}
.component_inner ul li .time {font-weight: bold; position: absolute; right: 10px;}
.component_inner ul li .score {position: absolute; right: 10px;}
.component_inner ul li .opponent {line-height: 25px; height: 25px;}
.component_inner ul li .opponent a {display: inline; padding-left: 0;}
.component_inner ul li .flag {position: relative; top: 1px}

.random_users ul {overflow: hidden}
.random_users ul li {line-height: 13px; height: 33px; margin: 0; padding: 5px 10px 0 10px; width: 130px; float: left;}
.random_users ul li:hover {background: #ddd}
.random_users ul li a {padding-left: 0px; }
.random_users ul li .user_avatar {float: left; margin-right: 5px; border: solid 1px #ddd; margin-top: 0px}
.random_users ul li:hover .user_avatar {border: solid 1px #a50323}
.random_users ul li .plain_name {font-weight: normal; color: #333; font-size: 11px; color: #666}
.random_users ul li:hover a:hover {text-decoration: none !important;}

#user_profile .random_users .friends {padding: 10px 0 10px 0 !important;}
#user_profile .random_users .friends li {width: 180px; border-bottom: dotted 1px #ddd}
#user_profile .random_users .friends li a {display: block}

#user_profile #user_head h3 {margin: 0; background: none; color: #fff; padding: 0; font-size: 20px; line-height: 30px; height: 30px}
#user_profile #user_head .user_button {position: absolute; top: 10px; right: 10px}
#user_profile #wall_posts .main_button {position: absolute; bottom: 10px; right: 10px}
#user_profile #wall_posts {margin-top: 10px}
#user_profile #wall_posts li {border-top: 1px solid #eee; border-bottom: 1px solid #eee;  background: url(../imgs/components/component_back.gif) repeat-x top; position: relative; margin-bottom: 10px}
#user_profile #wall_posts li .wall_info {background: url() repeat-x top; position:relative; line-height: 18px; height: 70px; padding: 0 10px; border-bottom: solid 1px #ddd}
#user_profile #wall_posts li .wall_info .name_flag_posted {margin-top: 20px; margin-left: 10px; font-size: 14px; float: left;}
#user_profile #wall_posts li .wall_info .news_date {color: #999; font-size: 11px;}
#user_profile #wall_posts li .wall_info .user_avatar {margin-top: 10px}
#user_profile #wall_posts li .item_content {padding: 10px}
#user_profile #wall_posts li .item_content ul {list-style-type: disc; list-style-position:inside}
#user_profile #wall_posts li .item_content li {background: none; border: 0;}

/* News */
.item_wrapper {margin-bottom: 0px; margin-top: 0px; clear: both; border-bottom: dotted 1px #ccc; padding: 10px 10px 20px 10px; background: url(../imgs/components/compon/ent_back.gif) repeat-x top;}
.item_wrapper .news_date {color: #999; font-size: 11px}
.item_wrapper h4 {font-size: 22px; margin-bottom: 5px;}

/* Team News */ 
#news_wrapper {margin-left: 20px}
#news_wrapper h2 {background: none; height: 25px; text-indent: 0; display: none;}
#news_wrapper h3 {text-transform: uppercase; color: #333; font-size: 12px;}
#news_wrapper h4 {position: relative; color: #FFFFFF; font-size: 32px; background: #111; letter-spacing: -1px; margin-top: 0px; padding-bottom: 0px; margin-top: 0px; padding: 10px;}
#news_wrapper .news_date {color: #999; background: #111; font-size: 11px; margin-bottom: 0px; padding-bottom: 10px; display: block; padding-top: 0px; border-bottom: solid 0px #ddd; padding-left: 10px; position:relative}
#news_wrapper .item_content {background: #FFFFFF url(../img/s/components/component_back.gif) repeat-x top; line-height: 18px; padding-top: 10px; width: 440px; float: left; overflow: hidden; padding-right: 0px; margin-right: 0px; padding-right: 10px; margin-bottom: 10px; position:relative}
#news_wrapper .item_content img {margin-right: 5px;}
#news_wrapper .item_content p {margin: 0px 0 10px 0}
#news_wrapper .item_content ul {overflow: hidden; margin-bottom: 10px;}
#news_wrapper .item_content ul li {list-style: inside; list-style-type: disc; margin-bottom: 5px;}
#news_wrapper .item_content ol li {list-style: inside; list-style-type: decimal; margin-bottom: 5px;}
.share_links {clear: both; margin: 0 0 10px 0;}

/* Features */
#features {margin-left: 20px;}
#features .item_wrapper  .sub_tl, #features .item_wrapper  .sub_tr {display: none}

/* Matches */
#matches {margin-left: 20px;}

/* Downloads */
#downloads {margin-left: 20px;}

.table_list {margin-top: 0px; border: solid 1px #ddd; width: 100%; border-bottom: 0}
.table_list tr td {padding: 5px; border-bottom: solid 1px #ddd; height: 20px; line-height: 20px;}
.table_list tr {background: url(../imgs/components/component_back.gif) repeat-x}
.table_list tr:hover {background: #fff}
.table_list .lead_row {background: #111; font-weight: bold; color: #fff; height: 40px; line-height: 40px}
.table_list .lead_row td {padding-left: 10px; padding-right: 10px; }
.table_list .lead_row:hover {background: #222}

.table_list .title {border-right: solid 1px #ddd}
.table_list .subcat {font-weight: bold; text-transform: uppercase; border-right: solid 1px #ddd}
.table_list .main_button {margin-top: 0}

.cms_form .table_list {margin-top: 0;}

/* Gallery */
#gallery_wrapper {margin-left: 20px; padding-bottom: 10px;}
#gallery_wrapper h2 {background: none; color: #333; text-indent: 0; font-size: 14px; line-height: 20px; height: 20px; margin-bottom: 10px;}
#gallery_wrapper ul#gallery {overflow: hidden; border: solid 1px #eee; background: #f5f5f5; padding: 10px 5px 0px 5px; margin-bottom: 10px;}
#gallery_wrapper ul#gallery li {float: left; margin: 0 5px 10px 5px; border: solid 1px #ccc; background: #fff; padding: 4px 4px 2px 4px;}
#gallery_wrapper ul#gallery li:hover {border: solid 1px #a50323;}

/* Portfolio */
#portfolio_container {margin-left: 20px}

/* Forum */
#forum {margin-left: 20px;}

/* Comments */
#author_surround {position: relative; margin-bottom: 10px; float: left; padding: 0px 10px 10px 10px; background: #111  repeat-x top;}
#author_surround .poster_avatar {border: solid 1px #444}
#author_inner h4 {font-size: 17px; color: #FFF; line-height: 25px; height: 25px; width: 140px; letter-spacing: 0;  background: none; margin: 0 0px 0 0; padding: 0 0 0 0px;}
#author_inner h5 {font-size: 12px; margin-top: 5px; color: #fff}
#author_inner h6 {font-size: 11px; color: #999}
#author_inner .more_posts {padding: 10px; background: #f5f5f5; margin-top: 10px; display: none;}

#comments {clear: both;}
#comments li {margin-bottom: 10px; background: #111; padding: 10px 0px 10px 0px; position:relative; border: solid 1px #eee; overflow:hidden}
/*#comments li:hover .user_info {background: #eee}*/

#comments li .user_info {padding: 0 10px; line-height: 40px; height: 40px; position:relative; background: #222}
#comments li .speech_ico {width: 10px; height: 10px; display: block; background:url(/imgs/ico/speech.gif) no-repeat; position:absolute; top: 68px; left: 92px;}
#comments li .user_info .user_image {margin-top: 5px; margin-right: 0px; border: solid 1px #ccc}
#comments li .user_info .poster {font-size: 14px; position: relative; left: 5px;}
#comments li .user_info .com_date {font-size: 11px; color: #666;position: relative; left: 5px;}
#comments li .nav_admin {height: 40px; padding: 0 10px; line-height: 20px; width: 50px; font-size: 11px; position: absolute; top: 10px; right: 10px; display: none;}
#comments li .nav_admin a {font-weight: normal; color: #FFF; float: left; margin-left: 10px}
#comments li:hover .nav_admin {display: block;}
#comments li .number {font-size: 35px; color: #000; font-weight: bold; padding: 0px 10px 0 0; float: left;}
#comments li .avatar {float: left; margin-left: 10px; margin-top: 10px; border: solid 1px #444}
#comments li .commentbody {padding: 10px 10px 0px 10px;  background: #fff; margin: 10px 10px 0px 10px; position:relative; overflow:hidden; float: right;width: 486px}
#comments li p {margin-bottom: 10px }
.edit_comment {margin-left: 20px}

#comments .comment_staff {background: #111;}
#comments li.comment_staff .user_info .user_image {}
#comments li.comment_staff .commentbody {}
#comments li.comment_staff .number {}
/*#comments li.comment_staff:hover .number {color: #222}
#comments .comment_staff:hover {background: #111}
#comments .comment_staff:hover .user_info {background: #333;}*/

#comments a.team_name {}

/* Roster */
#team {margin-left: 20px;}
#team .squad_wrapper, #portfolio_container .squad_wrapper {background: #111; position:relative; padding: 10px; margin-bottom: 20px; margin-top: 0px; overflow:hidden; color:#666}
#team h3, #portfolio_container h3 {float: right; width: 250px; margin-left: 10px; height: 70px}
#team p {float: left; width: 340px}
#portfolio_container h2 {margin-bottom: 20px;}
#team h4, #portfolio_container h4 {font-size: 11px; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px;}
#team h5, #team h6, #portfolio_container h5, #portfolio_container h6 {font-size: 12px; color: #FFF; margin-top: 5px;}
#team ul, #portfolio_container ul {float: left; margin-top: 10px; overflow:hidden; border-top: solid 1px #222; width: 100%; padding-top: 10px;}
#team ul li {float: left; margin-right: 10px;}
#portfolio_container ul li {float: left; margin-right: 10px;}
#team ul li img.profile_pic, #portfolio_container ul li img.profile_pic {border: solid 1px #333; margin-bottom: 5px;}
#team ul li img.profile_pic:hover, #portfolio_container ul li img.profile_pic:hover {border: solid 1px #a50323; margin-bottom: 5px;}
#portfolio_container .squad_wrapper {margin-top: 20px}

/* PRIVATE MESSAGES */
#sms {margin-left: 20px;}


/* CMS */
.cms_form {margin: 0 0 0 20px}
.cms_form fieldset {border: none;}
.cms_form label {display: block; background: #ddd; line-height: 30px; height: 30px; margin-bottom: 5px; padding: 0 10px; font-size: 12px; font-weight: bold; color: #333}
.cms_form input.fields {width: 618px; border: solid 1px #ccc; line-height: 20px; height: 20px; font-weight: normal; font-size: 12px; color: #333; background: #eee;}
.cms_form input.fields:focus {background: #fcfcd6; border: solid 1px #d7d892}
.cms_form input.smallfields {border: solid 1px #ccc; line-height: 20px; height: 20px; font-weight: normal; font-size: 12px; color: #333; background: #eee;}
.cms_form input.smallfields:focus {background: #fcfcd6; border: solid 1px #d7d892}
.cms_form textarea {border: 0}
.cms_form h2 {background: none; text-indent: 0; padding: none}
.cms_form h3 {font-size: 24px; line-height: 35px; letter-spacing: -1px; margin-bottom: 10px}
.cms_form h4 {font-size: 18px; margin-bottom: 10px}
.cms_form p {margin-bottom: 20px;}
.cms_form ul {}
.cms_form ul li {list-style-type: circle; list-style-position:inside}
.cms_form form {clear: both;}

.register fieldset {width: 295px; float: left;}
.register input.fields {width: 293px;}
#cms {margin-left: 20px}
#cms .cms_list {overflow: hidden;  margin-top: 10px; padding: 10px 0}
#cms .cms_list li {background: url(../imgs/components/component_back.gif) repeat-x top; overflow: hidden; float: left; width: 270px; font-weight: bold; margin-right: 20px; margin-bottom: 20px; padding: 0px 0 10px 0}
#cms .cms_list li:hover {background: #eee}
#cms .cms_list li a.main_button {clear: right; margin-right: 5px}
#cms .cms_title {display: block; text-indent: 10px; line-height: 25px; height: 25px; font-size: 12px; color: #333; background: #ccc;}
#cms .cms_links {display: block; overflow:hidden; margin-left: 10px}
/* POST FORM */
.post_form {background: #111; padding: 10px 10px 10px 10px; clear: both; position: relative}
.post_form fieldset {margin: 0;}
.post_form:hover {background: #111}
.post_form h4 {font-size: 12px !important;; margin: 0 0 10px 0 !important; color: #fff; letter-spacing: 0 !important}

#footer {overflow: hidden; position:relative; height: 70px; clear: both; margin: 0 20px 0 20px; background: #111}
#footer p {margin-left: 120px; margin-top: 10px; text-align: right; margin-right: 20px; color:#FFFFFF}

#footer #network_links {margin-left: 10px; float: left; margin-top: 10px;}
#footer #network_links li {float: left; border-right: solid 1px #222; padding: 0 5px; overflow:hidden}