@charset "UTF-8";

@import url("normalization.css");
@import url("sifr.css");
@import url("sIFR-screen.css");

/* body */
body {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #111 url("bgPage.png") repeat-x top center fixed;
	color: #666;
	text-align: center;
}

/* layout */
#layout {
	width: 760px;
	padding-top: 96px;
	margin: 0em auto;
	text-align: left;
	position: relative;
}

/* header */
#header {
	height: 64px;
	background: #900 url("bgHeader.png") no-repeat top center;
	position: absolute;
	top: 16px;
	width: 100%;
	left: 0px;
	z-index: 1;
}
#header .logo {
	position: absolute;
	top: 22px;
	left: 16px;
	width: 264px;
	height: 29px;
}

/* menu */
#menu {
	height: 32px;
	position: absolute;
	top: 48px;
	right: 0px;
	width: 432px;
	z-index: 2;
}
#menu li {
	border-right: 1px solid #900;
	float: left;
	_width: 1em;
	_white-space: nowrap;
}
#menu li.last {
	border-right: none;
}
#menu li a {
	display: block;
	color: #fcc;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: normal;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
}
#menu li a:hover, #menu li a:active {
	text-decoration: underline;
	background: #900;
}

/* accountMenu */
#accountMenu {
	position: absolute;
	top: 16px;
	height: 32px;
	right: 8px;
	z-index: 2;
}
#accountMenu li {
	display: inline;
	border-left: 1px solid #600;
}
#accountMenu li.first {
	border-left: none;
}
#accountMenu li a {
	padding-left: 9px;
	padding-right: 8px;
	color: #300;
	line-height: 32px;
}
#accountMenu li a:hover, #accountMenu li a:active {
	color: #000;
}

/* body */
#body {
	
}
#body:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* content */
#content {
	float: left;
	padding: 16px;
	padding-top: 8px;
	width: 472px;
	background: #000 url("bgContent.png") no-repeat bottom center;
	min-height: 368px;
	_height: 400px;
	position: relative;
}

/* footer */
#footer {
	margin-top: 1em;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align: center;
	clear: both;
}

/* sponsor */
#sponsor {
	width: 156px;
	height: 32px;
}

/* h1 */
h1 {
	color: #333;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	height: 32px;
	text-align: center;
}

/* h2 */
h2 {
	color: #900;
	font-size: 1.25em;
	font-weight: normal;
	clear: both;
}
#content h2 {
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* a */
a {
	color: #900;
}
a:active, a:hover {
	color: #c00;
}

/* dl */
dl dt {
	font-weight: bold;
}

/* ul */
#content ul {
	margin-bottom: 1em;
}
#content ul li {
	padding-left: 1em;
	background: transparent url("bgBullet.png") no-repeat 0em 0.45em;
	margin-bottom: 0.25em;
}
#content ul li a {
	color: #666;
}
#content ul li a:hover, #content ul li a:active {
	color: #fff;
}

/* p */
#content p {
	margin-bottom: 1em;
}

/* flashWrap */
#flashWrap {
	position: absolute;
	top: 210px;
	left: 110px;
	text-align: center;
}

/* form */
form .field {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	clear: both;
}
form .button {
	padding-top: 0.5em;
	padding-bottom: 0em;
	clear: both;
}
form .field:after, form .button:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form .field label {
	float: left;
	text-align: right;
	width: 27.5%;
}
form .field div {
	float: right;
	text-align: left;
	width: 70%;
}
form .field div input, form .field div textarea {
	border: 1px solid #600;
	background: #111;
	color: #fff;
	width: 60%;
	margin-right: 3em;
}
form .field div textarea {
	height: 16em;
	width: 100%;
}
form .field div input:focus, form .field div textarea:focus {
	border-color: #c00;
	background: #000;
}
form .field div a {
}
form .button {
	text-align: right;
}
form .button input {
	
}

/* errors, msg */
.errors, .msg {
	margin-bottom: 1em;
}

/* box */
.box {
	float: right;
	width: 240px;
	margin-top: 16px;
}
.box h2 {
	background: transparent url("bgBoxT.png") no-repeat top center;
	background-image: url("bgBoxT.ie6.png");
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
}
.box .body {
	background: transparent url("bgBoxB.png") no-repeat bottom center;
	_background-image: url("bgBoxB.ie6.png");
	padding: 16px;
	padding-top: 8px;
}
.box form .field label {
	width: 35%;
}
.box form .field div {
	width: 60%;
	_width: 45%;
}
.box form .field div input {
	width: 100%;
}
.box li {
	padding-left: 1em;
	background: transparent url("bgBullet.png") no-repeat 0em 0.45em;
	margin-bottom: 0.5em;
}
.box li a {
	color: #666;
	text-decoration: none;
}
.box li a:hover, .box li a:active {
	color: #ccc;
}
.box li.last {
	margin-bottom: 0em;
}

/* boxNews */
#boxNews li {
	color: #900;
}

/* playerLogin */
#playerLogin {
	margin-top: 0px;
}
#playerLogin a {
	display: block;
	margin-top: 0.5em;
}

/* playerProfile */
#playerProfile {
	background: transparent none no-repeat top right;
}
#playerProfile dt {
	float: left;
	width: 12em;
	clear: left;
	text-align: right;
	margin-right: 1em;
	margin-bottom: 1em;
}
#playerProfile dd {
	margin-bottom: 1em;
}
#playerProfile dt.notes {
	width: auto;
	float: none;
	text-align: center;
}

/* playerPhoto */
#playerPhoto {
	text-align: center;
	margin-bottom: 1em;
}

/* poll */
#poll h2 span {
	font-size: 0.75em;
	color: #666;
}
#poll p {
	margin-bottom: 1em;
}
#poll dt {
	margin-bottom: 4px;
	margin-top: 8px;
}
#poll dd {
	display: block;
	height: 8px;
	background: #111;
}
#poll dd span {
	display: block;
	height: 8px;
	background: #900 url("bgPollAnswer.png") repeat-y top left;
}

/* playerSummaries */
#content #playerSummaries {
	margin-left: 0em;
}
#content #playerSummaries li {
	height: 96px;
	list-style: none inside;
	margin-bottom: 16px;
	background: transparent url("bgPlayerSummary.png") no-repeat top center;
}

/* table */
table {
	width: 100%;
	clear: both;
	margin-bottom: 16px;
}
table th, table td {
	border: 1px solid #222;
	border-collapse: collapse;
	padding: 4px;
}
table th {
	background: #333 url("bgTableHeader.png") repeat-x top left;
	color: #ccc;
	border-color: #222;
}
table td {
	background: #111;
}

/* gameSchedule */
#gameSchedule form {
	float: right;
	width: 40%;
	text-align: right;
	white-space: nowrap;
}
#gameSchedule form input {
	position: relative;
	top: 2px;
}
#gameSchedule form label {
	display: none;
}
#gameSchedule h2 {
	float: left;
	width: 60%;
	margin-top: 0px;
}

/* game */
#game {
	line-height: 1.5em;
}
#game dt {
	float: left;
	width: 8em;
	clear: left;
	margin-right: 1em;
}

/* attendingGirls */
#attendingGirls {
	float: left;
	width: 50%;
}

/* attendingGuys */
#attendingGuys {
	float: right;
	width: 50%;
}

/* goBack */
.goBack {
	display: block;
	text-align: center;
	margin-bottom: 1em;
}

/* msg */
.msg {
	text-align: center;
}

/* teamPhoto */
#teamPhoto {
	margin-top: 2em;
}
#teamPhoto img {
	width: 472px;
	height: 303px;
}