/*
*	FILE: 		ufx_common.css
*	AUTHOR: 	Kate Grzegorczyk
*	CREATED:	24.10.2007
*	MODIFIED:	12.05.2008 
*	DESC:		Controls all common elements for main wrap including hubs & general layout
*/

@import url('ufx_rese.css'); 
@import url('ufx_nav.css');
@import url('ufx_head.css');
@import url('ufx_text.css');
@import url('ufx_foot.css');
@import url('ufx_bric.css');
@import url('ufx_widg.css');
@import url('ufx_ads.css');


body {
	background-color: #a6a8aa;
	color: #333333;
	font-size: 11px;  /* .69em */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	background-image: url(images/ufx_main_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

b, strong, #ufxStory b, #ufxStory strong {
	font-weight: bold;
}

#ufxStory i, #ufxStory em, #ufxStats i, #ufxStats em {
	font-style: italic;
}

#ufxStats b {
	color: #cc0000;
}

/* == start LAYOUT == */
#ufxWrap {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*background: #fff;*/
}

#ufxFullWrap {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*background: #fff;*/
}

#ufxLoginBar {
	position: relative;
	width: 100%;
	background-image: url(./images/ufx_head.gif);
	height: 28px;
}

#ufxHeader {
	position: relative;
	width: 100%;
	background-image: url(./images/ufx_head.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
}

#ufxSuperHeader {
	position: relative;
	width: 100%;
}

#ufxSuperStory {
	position: relative;
	width: 669px;
}

#ufxFooter {
	position: relative;
	clear: both;
	width: 100%;
}
/* == end LAYOUT == */

/* == Simple 1 COLUMN LAYOUT == */
#ufxFullCol {
	position: relative;
	width: 1000px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/* == end 1 COLUMN LAYOUT == */
#ufxHomeWrap{
	position: relative;
	width: 1000px;
	padding: 10px 10px 10px 10px;
	float: left;
}


/* == start 3 COLUMN LAYOUT == */
#ufxMain {
	position: relative;
	width: 660px;
	padding: 5px 5px 5px 5px;
	float: left;
}

#ufxColWrap {
	position: relative;
	float: left;
	/*border-right: 1px solid #999;*/
}

#ufxMedia {
	position: relative;
	width: 320px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}

#ufxSpanBottom {
	clear: both;
	width: 664px;
	background-color: #fff;
}
/* == end 3 COLUMN LAYOUT == */


/* == start HUB STYLES == */
#ufxSubHeader {
	height: 60px;
}
/* == end HUB STYLES == */

/* == start STORY == */
.padder { padding: 0px 10px 10px 10px; }

#ufxMain .post {
	background-color: #fff;
	line-height: 1.2em;
	padding-bottom: 0px;
	border-bottom: 1px solid #6a7073;
}

#ufxMain .post img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#ufxMain .post p {
	padding: 0px;
}

#ufxMain .post a {
	color: #666;
}

#ufxMain .post ul {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#ufxMain .post li {
	margin-top: 4px;
}

#ufxMain .post h2{
	font-weight: bold;
	font-size: 2em;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

#ufxMain .postdateIndex {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font:bold 11px Arial;
	color:#7d0000;
	border-bottom:1px dashed #ccc;
}

#ufxMain span.postdate {
	color: #888;
	padding-left: 5px;
	font-size: .9em;
}

#ufxMain span.commentdate {
	color: #888;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.9em;
}

#ufxMain .page {
	background-color: #fff;
	line-height: 1.2em;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

#ufxMain .page img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#ufxMain .page p {
	padding: 5px;
}

#ufxMain .page a {
	color: #666;
}

#ufxMain .page ul {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#ufxMain .page li {
	margin-top: 4px;
}

#ufxMain .page h2{
	font-weight: bold;
	font-size: 2em;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.ufxNavOnBottom  
{
	text-align: center;
}

#ufxMain .post .ufxNavOnBottom  a {
	margin-right: 10px;
	padding-left: 20px;
	text-decoration: none;
}

#ufxMain .post .ufxNavOnBottom  a:hover{
	color: #7D0000;
	text-decoration: none;
}

#ufxMain .more{
	background-image: url(./images/more.gif);
	background-repeat: no-repeat;
	background-position: left;	}
#ufxMain .more a{text-transform:uppercase;font-weight:bold;font-size:11px;color:#7d0000;padding:10px 10px 10px 10px;margin:10px;}

#ufxMain .addlLinks{border-top:1px dashed #ccc;}
#ufxMain .addlLinks li, #ufxMain .addlLinks ul li{float:left;margin:0;padding:0;list-style:none;line-height:24px;}
#ufxMain .addlLinks li a{width:100px;font:bold 12px Arial;color:#7d0000;border:0;}
#ufxMain .addlLinks a{width:100px;font:bold 12px Arial;color:#7d0000;border:0;}

#ufxMain .linksWrapper{margin:0;padding:5px 0 15px 0;}
#ufxMain .linksWrapper .links{clear:left;margin:0;padding:0;color:#000;font-weight:bold;}
#ufxMain .linksWrapper .links a{color:#770000;font:bold 12px Arial;}

#storyCredit {
	margin-top: 4px;
	margin-bottom: 12px;
}

#ufxMain #ufxStory {
	clear: right;
}
#ufxMain #ufxStory p {
	margin-bottom: 21px;
}

.img215 {
	width: 215px;
	height: 150px;
	overflow: hidden;
}

#ufxCallout {
	margin-left: 45px;
	margin-top: 38px;
	margin-bottom: 35px;
	width: 340px;
}

/* == end STORY == */


/* == start TEXT SIZE == */
div.textSize {
	overflow: auto;
	float: right;
	margin-bottom: 7px;
}

div.textSize span {
	margin-left: 2px;
	font-weight: bold;
	color: #484f53;
}

div.textArrows a {
	float: left;
	margin-left: 4px;
	margin-top: 2px;
}
/* == end TEXT SIZE == */


/* == start HALF COL == */
#ufxMain .halfColWrapA {
	background-image: url(./images/ufx_half.gif);
	overflow: auto;	
	margin-bottom: 10px;
}

#ufxMain .halfColWrapB {
	background-image: url(./images/ufx_halg.gif);
	overflow: auto;
	margin-bottom: 10px;
}

#ufxMain .halfColWrap a {
	color: #666;
}

#ufxMain .halfCol p {
	width: 205px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
}

#ufxMain .halfColWrap h3.flashReplacedHeader {
	height: 31px;
}

#ufxMain .halfColWrap p {
	padding-top: 4px;
}
/* == end HALF COL == */

/* == start FLASH REPLACED CLASSES == */
h1.flashReplaced, h1 {
	position: relative;
	margin-top: -2px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	color: #6a7073;
	font-weight: bold;
	padding-bottom: 28px;
	text-transform: uppercase;
	line-height: .82em;
}

h1.flashReplaced span {
	display: block;
	font-size: .5em;
	position: absolute;
	margin-top: -6px;
	padding-bottom: 4px;
}

h1.flashStoryReplaced {
	font-size: 2.8em;
	color: #000;
	font-weight: bold;
	line-height: .85em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;

}

h1.flashReplaced {
	padding-bottom: 16px;
}

h1.flashStoryReplaced {
	padding-bottom: 4px;
}

div.flashCreditReplaced  {
	color: #6a7073;
}

div.flashCreditReplaced span {
	font-weight: bold;
}

h2.flashReplaced {
	color: #fff;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 215px;
	height: 25px;
}

h2.flashReplaced span {
	position: absolute;
	margin-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
}

h3.halfBrick {
	color: #fff;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	width: 210px;
	height: 20px;
	padding-left: 5px;
	padding-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
}


h3.flashReplaced {
	color: #fff;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	width: 215px;
	height: 25px;
}

h3.flashReplaced span {
	position: absolute;
	margin-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
}

h3.flashReplacedHeader {
	color: #6a7073;
	font-size: 2.6em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 5px solid #6a7073;
	padding-bottom: 2px;
}

h3.flashReplacedHeader span {
	position: absolute;
	margin-top: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 2px;
}

#ufxStory #ufxCallout {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #9ea3a7;
	font-family: Arial, Helvetica, sans-serif;
}

#ufxStory #ufxCallout strong {
	color: #4f4f50;
}
/* == end FLASH REPLACED CLASSES == */



/* == start MORE COLS == */
#ufxMain .brickMore {
	clear: both;
	height: 14px;
	background-color: #474f52;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	background-image: url(./images/feature_.gif);
	background-repeat: no-repeat;
	background-position: right;	
	font-family: Arial, Helvetica, sans-serif;
}

#ufxMain .brickNoMore {
	clear: both;
	height: 24px;
	background-color: #474f52;
}

#ufxMain .brickMore span {
	margin-top: -1px;
	float: left;
}

#ufxMain .brickMore span a {
	color: #fff;
}
/* == end MORE COLS == */


/* == start FIXES == */
img.inline {
	display: inline;
}
/* == end FIXES == */


/* == start FORM ELEMENTS == */
input.playerSearchBox {
	font-size: 1em;
	border: 1px solid #ccc;
	color: #484F53;
	padding: 2px;
	width: 140px;
}

input.playerSearchSubmit {
	padding: 1px 2px 1px 2px;
	color: #484F53;
	text-transform: uppercase;
	margin-top: 2px;
	border: 1px solid #ccc;
}

.playerAListing a {
	padding-right: 14px;
}
/* == end FORM ELEMENTS == */


/* == start COMMON STATS == */
#ufxStats h3, .storyStats h3 {
	background-color: #63686c;
	/*	padding: 6px 9px 6px 9px; */
	padding: 3px 5px 3px 5px;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
}

#ufxMain h3, div.boxScoreRightCol h4, div.playerBio, .storyStats h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;

	font-weight: bold;
}

#ufxStats h3, .storyStats h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#ufxStats table, .storyStats table {
	width: 100%;
	margin-bottom: 10px;
}

#ufxMain th, #ufxMain td, .storyStats th, .storyStats td {
	font-weight: bold;
}

#ufxStats p, #ufxStats th, #ufxStats td {
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 1.3em */
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}

#ufxStats td, #ufxStats td a, .storyStats td, .storyStats td a {
	color: #3d4448; 
}

#ufxStats td, #ufxStats th, .storyStats td, .storyStats th {
	color: #fff;
	/*padding: 6px 4px 5px 4px;*/
	padding: 2px 5px 2px 5px;
	text-align:center;
	width: 1%;
	border-bottom: 1px solid #fff;
}

#ufxStats thead th, .storyStats thead th {
	background-color: #cc0000;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

#ufxStats tbody th, #ufxStats tbody td, .storyStats tbody th, .storyStats tbody td {
	border-bottom: 1px solid #fff;
	color: #3d4448; 
}

#ufxStats tbody th a, #ufxStats tbody td a, .storyStats tbody th a, .storyStats tbody td a {
	color: #3d4448; 
}

#ufxStats tbody tr.bg1 td, .storyStats tbody tr.bg1 td {
	background-color: #ebebec;
}

#ufxStats tbody tr.bg1 th, .storyStats tbody tr.bg1 th {
	background-color: #dddedf;
}

#ufxStats tbody tr.bg2 td, .storyStats tbody tr.bg2 td {
	background-color: #dadbdc;
}

#ufxStats tbody tr.bg2 th, .storyStats tbody tr.bg2 th {
	background-color: #cecfd1;
}

#ufxStats tfoot tr, #ufxStats .bgTotal, .storyStats tfoot tr, .storyStats .bgTotal {
	background-color: #63686c;
}

#ufxStats tfoot td, #ufxStats .bgTotal td, #ufxStats .bgTotal th, .storyStats .bgTotal td, .storyStats bgTotal th {
	color: #fff;
}

#ufxStats tfoot td a, #ufxStats .bgTotal td a, #ufxStats .bgTotal th a, .storyStats tfoot td a, .storyStats tfoot th a  {
	color: #ccc;
}

#ufxStats tbody tr.bg2 th.hiLite, #ufxStats tbody tr.bg1 th.hiLite, #ufxStats tbody tr.bg2 td.hiLite, #ufxStats tbody tr.bg1 td.hiLite {
	/*background-color: #ff9999;*/
	background-color: #c1c8d3;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}

#ufxStats p a {
	color: #f61706;
}

#ufxStats td a, #ufxStats th a {
	color: #fff;
}

#ufxStats .statDate, #fragment .statDate {
	width: 80px;
}

#ufxStats .statLongDate, #fragment .statLongDate {
	width: 240px;
}

#ufxStats .statNumber, #fragment .statNumber {
	width: 2%;
}

#ufxStats .statName, #fragment .statName {
	width: 2%;
	text-align:left;
}

#ufxStats .statText, #fragment .statText  {
	width: auto;
}

#ufxStats .bgTotal, #fragment .bgTotal {
	background-color: #63686c;
	color: #fff;
}

/* == end COMMON STATS == */
/*==== COMMENTS ==== ==*/
.comments { margin-bottom: 10px; }
.comment { background-color: #ffffff; margin:0 10px 5px 0; padding:8px 16px 8px 8px; color:#666666; }
.comment-content { margin: 10px 10px 10px 10px; width:660px; word-wrap: break-word; overflow:hidden; padding: 5px 0 0 0;
	border-bottom: thin dotted #999999; }
.comment-footer { margin: 8px 10px 8px 8px; font-weight: bold; }
.comment-author { font-weight: bold; color: #c00; }
.comment a:link { text-decoration:none; font-weight: bold; }
.comment a:active, .comment a:hover {  text-decoration:underline; font-weight: bold; }
.comments-open-logout{ color: #000000; text-decoration:none; font-weight: bold; }
.archive_title { color: #4b6a93; font-size: 14px; text-transform: uppercase; font-family: times; font-weight: bold; padding:0 10px 20px 15px; }
.comments-open-content, .comments-closed { margin:0 0 10px 0; padding:0; }
#comments-open-data { margin-bottom:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; }
#comments-open-text { margin-bottom:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; }
.comments-submits { width: 320px; }
.comment-post { font-weight:normal; margin-right:10px; color: #c00; font-family: arial, helvetica, sans-serif; }
.trackbacks-header { font-size: 14px; margin: 12px; color: #000000; }

.comment-content { margin: 10px 10px 10px 10px; width:95%; word-wrap: break-word; overflow:hidden; padding: 5px 0 0 0;
	border-bottom: thin dotted #999999; }
	
div.comment-who {
	width: 128;
	float: left;
	margin-bottom: 10px;
	font-size: 11px;
}

div.comment-who a {
	text-decoration: none;
}

div.comment-who p {
	margin-bottom: 2px;
}

div.comment-said {
	float: right;
	width: 472px;
}

p.commentmetadata {
	font-size: 10px;
	color: #555;
}
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text{width: 320px; }