@charset "utf-8";
@import 'nav.css';

body { font-family: Arial, Helvetica, sans-serif; background:#000000 url(/images/bg.jpg) repeat-x fixed top; margin:0px; }

#container {overflow:hidden;	margin:0px;	border:none;	background:none;	padding:0px;}
#container td {	vertical-align:top;}
#container #mod_content {	vertical-align:top;	background:none;}
#mod_shadow_left {	background:none; height:800px;}
#mod_shadow_right {	background:none; height:800px; }


#wrapper { float:left; margin-left:4px; background:#FFFFFF; width:985px;}

#clear { clear:both; margin-bottom:10px; margin-top:10px; }
#top { background:url(/images/top.jpg) no-repeat;  } 
#nav { background:url(/images/bg_nav.jpg) no-repeat; height:30px; }
#nav ul {  position:relative; float:left; list-style-type:none; margin:0px; padding:0px; }
#nav ul li { float:left; list-style-type:none; margin:0px; padding:0px;}
#nav .welcome-user { width:165px; float:left; font:bold 11px Arial; padding:6px 0px 0px 13px; color:#ffffff }
#left { background:#FFFFFF; float:left; width:170px; padding:0px 0px 5px 2px; position:relative }
#main {  width:560px; float:left;  margin-left:6px; position:relative}
#main .content {  position:relative; }
a, a:visited { color:#870c0c; }
#main-extended {  font:normal 11px Arial; width:790px; float:left; margin-left:5px; margin-right:5px }
#main-extended .content {  font:normal 100% Arial; line-height:15px;  padding:15px 10px 50px 10px; }
#main .content { font:normal 11px Arial; line-height:15px;  padding:15px 10px 50px 10px; color:#333333;}
#main .flash-rotator { background:#000; text-align:center }
#right { background:#FFFFFF; float:right; width:237px; padding:0px 3px 5px 0px; position:relative; } 

.title, h1 { font:bold 24px Helvetica, Arial; letter-spacing:-1px; margin-top:5px; margin-bottom:0px; padding:0px; color:#393939;}
.subtitle, h2 { font:bold 18px Helvetica, Arial; margin-top:0px; margin-bottom:5px; color:#870c0c;  border-bottom:1px solid #ccc;}
.subtitle-grey { font:bold 18px Helvetica, Arial; margin-top:0px; margin-bottom:5px; color:#393939;  border-bottom:1px solid #ccc;}
.headline, h3 { font:bold 15px Helvetica, Arial; color:#333333; margin:0px }

h4 { font:normal 18px Helvetica, Arial; margin-top:0px; margin-bottom:0px; color:#393939; }
h5 { font:normal 18px Helvetica, Arial; margin-top:0px; margin-bottom:0px; color:#870c0c; }

#footer { margin-left:4px; background: url(/images/bg_bottom.jpg) no-repeat; width:985px; height:144px; margin-bottom:20px; clear:both }
#footer .links { margin-right: 20px; padding-bottom:0px; margin-left: 0px; }
#footer ul { float:left; list-style-type:none; margin:0px; padding:0px;  }
#footer ul li { float:left; list-style-type:none; font:normal 10px Verdana; padding-left:15px;  }
#footer ul li a { font:normal 10px Verdana; color:#464646; text-decoration:none; }
#footer .copyright { padding-top: 45px; font:bold 10px Arial; color:#464646; padding-left:15px; }
#ads-right { position:absolute; top:1px; left:995px; clear:both  }

/* NEWS */
#news {} 
#news .headers { font:bold 11px Arial; padding:5px; }
#news .headers a { color:#000000; }
#news .info td { font:normal 11px Arial; padding:4px; border-bottom:1px solid #ccc; }
#news .info a { color:#870c0c; }

#news-categories .holder { padding:5px; background:#efefef;  }
#news-categories ul { margin:0px; padding:0px; }
#news-categories ul li { font:bold 11px Arial; list-style-type:none; margin:3px; padding:3px; border-bottom:1px solid #d0d0d0; }

#news-featured { }
#news-featured .tops { padding-top:25px; }
#news-featured .headline a { font:bold 12px Arial; color:#880002; text-decoration:none }
#news-featured .date { font:bold 11px Arial; color:#000000; padding-bottom:5px; }

#news-featured .holder-odd { background:#202020; }
#news-featured .holder-even { background:#474747; }
#news-featured .holder-even td, #news-featured .holder-odd td { padding:16px; vertical-align:middle; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
#news-featured .thumb { float:left; width:25%; }
#news-featured .thumb img { border:3px solid #565555; margin-right:16px;  }
#news-featured .news-content { float:left; font:normal 11px Arial; color:#FFFFFF; padding-top:10px; width:70% }
#news-featured .read-more { clear:both; text-align:right; }
#news-featured .read-more a {  padding-right:5px; font:bold 10px Arial; color:#FFFFFF; }

#news-view { }
#news-view .headline { margin:5px; font:bold 24px Arial; color:#333333; letter-spacing:-1px; border-bottom:1px solid #ccc; }
#news-view .date-author { margin:5px; font:bold 11px Arial; color:#880002; }
#news-view .content { padding:10px; font:normal 11px Arial; color:#333333; position:relative; float:left}
#news-view .images { margin:10px; clear:both; }


/* FIGHTERS */
#fighters { margin-bottom:10px; } 
#fighters .headers { background:#000; color:#fff; font:bold 11px Arial; padding:5px; }
#fighters .headers a { color:#fff; }
#fighters .info td { font:bold 11px Arial; padding:4px; border-bottom:1px solid #ccc; }
#fighters .info a { color:#870c0c; }


/*featured fighters*/
#fighters-featured .holder-odd { background:#202020; }
#fighters-featured .holder-even { background:#474747; }
#fighters-featured .holder-odd td, #fighters-featured .holder-even td { padding:3px; border-bottom:2px solid #fff; }
#fighters-featured .profile-image { float:left; margin-right:7px; }
#fighters-featured .profile-image img { width:43px; height:43px; border:3px solid #aaaaaa; }
#fighters-featured .name-location { float:left; font:normal 10px Verdana; color:#FFFFFF; padding-top:15px;}
#fighters-featured .view-all { text-align:center; margin:20px; }
#fighters-featured .view-all a { font:bold 11px Arial; color:#880002; text-decoration:none; }

#fighter-profile .profile-image { width:25%;  background:#f2f2f2; text-align:center }
#fighter-profile .profile-image  img { border:3px solid #cccccc; }
#fighter-profile .collect {  }
#fighter-profile { border:1px solid #f3f3f3; margin:10px; }
#fighter-profile .profile-info {height:240px;}
#fighter-profile .header { font:bold 14px Arial; color:#FFFFFF; background:#000; padding:5px; vertical-align:middle; }
#fighter-profile .profile-info .label { width:30%; background:#CCCCCC; border-bottom:1px solid #999999; color:#000; font:bold 12px Arial; padding:5px; }
#fighter-profile .profile-info .info { background:#f2f2f2; color:#000; border-bottom:1px solid #999999; font:bold 12px Arial; padding:5px; }

#image-gallery { margin:10px; }
#image-gallery .thumb { padding:5px; text-align:center; }
#image-gallery .thumb img { border:3px solid #ccc; }
#view-image { margin:10px; }
#view-image .buttons { margin:5px; text-align:center; font:bold 12px Arial; }
#view-image .image { padding:5px; text-align:center; }


#events .chart { width:100%; border:1px solid #ccc; }
#events .headers td { padding:5px; font:bold Arial 12px; color:#fff; background:#333333 }
#events .info-odd td {  padding:5px; font:normal 11px Arial; }
#events .info-even td {  background:#f2f2f2; padding:5px; font:normal 11px Arial; }

#vote-form .holder { padding:14px; background:#efefef; border-bottom:1px solid #999999; }
#vote-form .total { padding:10px; text-align:center; font:bold 11px Arial; color: #393939; }
#vote-form .result { padding:3px; font:bold 11px Arial; color: #393939; border-bottom:1px solid #d6d6d6; }
#vote-form .subject { font:bold 12px Arial; color:#1e557a; }
#vote-form .options-results { padding:5px; }
#vote-form .option { font:normal 12px Arial;  border-bottom:1px solid #d6d6d6; }
#vote-form .radio { width:7%; border-bottom:1px solid #d6d6d6;  }
#vote-form .radio input { font:normal 8px Arial; }
#vote-form .button { text-align:center; padding:5px; }
#vote-form .button input { font:bold 11px Arial; background:#333333; color:#fff; }


#videos-featured .holder { padding:14px; background:#efefef; border-bottom:1px solid #999999; }
#videos-featured td { font:normal 11px Arial; }
#videos-featured a { color:#1e557a; }
#videos-featured img { }
#videos-featured .view-all { text-align:center; margin:10px; }
#videos-featured .view-all a { font:bold 10px Verdana; color:#880002; text-decoration:none; }

.news-feeds { padding:14px; }

#login-signup { padding:20px }
#signup-form { padding:0px 20px 0px 20px; }
#form { margin:10px; }
#form .table { width: 100%; }
#form fieldset { padding:10px; border:1px solid #ccc; }
#form .text { padding:2px; font:normal 11px Arial; background:#e3e3e3; border:1px solid #aaaaaa; width:150px; }
#form .num { padding:2px; font:normal 11px Arial; background:#e3e3e3; border:1px solid #aaaaaa; width:30px; }
#form select { padding:2px; font:normal 11px Arial; background:#e3e3e3; border:1px solid #aaaaaa; }
#form .textarea { width:95%; height:200px; padding:5px; border:1px solid #a9a9a9; font:11px Arial;	text-align:left }
#form .header { padding:15px 5px 15px 5px; font:bold 16px Arial; color:#870c0c; vertical-align:middle; }
#form .required { padding:5px 5px 5px 5px; font:bold 11px Arial; color:#4e4e4e; vertical-align:middle; width:25% }
#form .label { padding:5px 5px 5px 5px; font:normal 11px Arial; color:#4e4e4e; vertical-align:middle; width:25% }
#form .input { padding:5px 5px 5px 5px; vertical-align:middle; text-align:left; width:75%; font:10px Verdana; color:#999999  }
#form .required td { padding:5px 5px 5px 5px; font:bold 11px Arial; color:#4e4e4e; vertical-align:middle;  }
#form .label td { padding:5px 5px 5px 5px; vertical-align:middle; font:normal 11px Verdana; color:#606060; }
#form .tag, #form .tag a { font:10px Verdana; color:#606060; }
#form .submit td { text-align:center; padding:20px 0px 40px 0px;}
#form .submit .button { font:bold 12px Arial; color:#404040; background:url(/images/mod_btn_bg.jpg) repeat-x; border:1px solid #959595; cursor:hand; padding-left:5px; padding-right:5px;  height:21px }

.alert_msg { margin:10px; padding:10px;	background:#fff; border-top:2px solid #ccc;	border-bottom:1px solid #ccc; font:16px Arial; font-weight:bold; color:#333 }