/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;
padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
textarea { overflow: hidden;}

/* GENERAL CLASSES */
html {
	background:#153713 url(../images/text-pattern.png) top center repeat;

}

body {
	font: 62.5%/1.4 Verdana, sans-serif;
	margin:15px auto;
	width: 960px;
	color:#444;
}

h1, h2, h3, h4, h5 {
	margin: 0.5em 0 0 0;
	font-family:"Times New Roman", Times, Georgia, serif;
	font-weight:normal;
	color:#000;
	line-height:1.1;
}

h1 { font-size: 3em; margin-top:0; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.2em; }

p { margin: 0 0 1.2em 0; }
ul, ol { margin: 0; }
pre, code { font:115% monospace; *font-size:100%; }
a { color: #060; }
a:hover { text-decoration:underline; }
textarea { width: 100%; font: 1em Verdana, sans-serif;}

/* =header */

#header {
	padding-top:5px;
	background:transparent url(../images/header.png) top left no-repeat;
	height:83px;
	position:relative;
}

#header h1 {
	background:white url(../images/logo.gif) top left no-repeat;
	width:206px;
	height:68px;
	margin: 6px 0 0 45px;
	float: left;
}

#header h1 a {
	width:206px;
	height:68px;
	display:block;
}

#header h1 span {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#mainContent {
	position:relative;
	font-size:1.1em;
	line-height:1.6em;
	background-color:#fff;
	border-bottom:1px solid #fff;
	padding:1px 0 20px 0;
}

.primary, .sidebar {
	position:absolute;
	padding:0 20px;
	top:10px;
}

.primary {
	left:0;
	width:580px;
	border-right:1px solid #ccc;
	/*min-height:400px;*/
}

.sidebar {
	left:620px;
	width:285px;
	border-left:1px solid #ccc;
}

#footer {
	color:#999;
}

#footer a {
	color:#999;
}

/* =chicklet */

.chicklet {
	margin-bottom:25px;
	clear:left;
}

.chicklet h3 {
	text-transform:uppercase;
	font-size:1.3em;
	letter-spacing:0.2em;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}

.chicklet h3 small {
	letter-spacing:0.1em;
	display:block;
	color:#888;
	font-family:Verdana, sans-serif;
	font-size:0.7em;
	margin-top:2px;
}

.chicklet ul { margin-bottom:20px; }

.chicklet li { margin:0.5em 0; }
.chicklet h4 {
	font-size:1.3em;
	line-height:1.3;
	font-style:italic;
}

.chicklet li li { margin:0.2em 0; }

.chicklet p { margin:0 0 0.5em 0;}

.chicklet table { width:100%; }

.extraInfo {
	color:#999;
	font-size:0.9em;
}

/* =form*/

form table td {padding: 5px; border: 1px; vertical-align: top;}
form tr.highlighted {border: 2px solid #615FFF;}

form p {
	margin: 10px 0;
}

form p label {
	display: block;
	margin: 5px 0;
}

form p.inline label {
	display: inline;
}

small { font-style: italic; }

a.contactUserLinkPre {
	margin-right: 5px;
}

.textInput { width: 200px;}

.adminOnly h5 {
	font-size: 1.4em;
	font-style: italic;
	color: #777;
}

/* =home*/

.dashboardDesc { margin-bottom: 30px; }
.dashboardDesc p, .messageUsers h4 { margin: 10px 0; }

#blogManagement .draftsList, #blogManagement .entryList { margin-bottom: 20px; }

.messageUsers table { margin: 10px 0 10px 1px; }
.messageUsers span.subjectPrefix { color: #888; }
.contactForm span.subjectPrefix { color: #888; }

.forum th {
	font-weight: bold;
	padding: 6px 6px 6px 12px;
	background-color: #bbb;
	text-align:left;
}

.forum td {
	padding: 3px 6px 3px 12px;
	background-color: #eee;
}

#seasonStats table { width:100%; }

.forumList .forum table {
	width: 100%;
}

#masthead {
	height: 68px;
	margin-top: 10px;
	background: url(../images/logo.gif) no-repeat left top;
}

#masthead a.logo {
	display: block;
	height: 100%;
	text-decoration: none;
}

#masthead .loginout {
	font-size: 12px;
	float: right;
	padding: 0 0 8px 8px;
}

.inPageNavPlayers { width: 150px; }
.inPageNavGames { width: 270px; }
.inPageNavPlayers, .inPageNavGames {
	border: 3px solid #999;
	float: right;
	margin: 15px 15px 0 0;
}

.innerPadding { padding: 10px; }

#seasonStats {
	width: 375px;
	margin: 0 160px 25px 0;
	float: left;
}

#tournament .show #seasonStats{
	width: 400px;
	margin: 0 0 25px 10px;
	float: right;
}

/*=rsvp*/

/*.rsvpTable {
	margin-bottom: 10px;
	width: 100%;
}

.rsvpTable .alias { width: 30%; }
.rsvpTable td .guestCount { font-style:italic; }*/

#gamesList li.CANCELED a { color: #999; text-decoration: line-through; }
#gamesList li.CANCELED a:hover { text-decoration: line-through underline; }

#league #mainContent h3 { margin-bottom: 5px; }
#league #mainContent p { margin-top:0; }

#leagueDescription { margin-bottom: 15px; }
#leagueDescription p { margin-top: 5px; }

#footer {
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#footer .secondary {
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

#feedback, #feedback h3 {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	background-color: #8C220C;
}

#feedback {
	position: fixed;
	bottom: 0;
	right: 50px;
	border: 2px solid white;
	border-bottom: 0;
}

#feedback h3 {
	color: white;
	font: 1.5em Verdana, sans-serif;
	margin: 0;
	padding: 4px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border: 2px solid white;
	border-bottom: 0;
	position: absolute;
	top: -30px;
	right: -2px;
	cursor: pointer;
	height: 20px;
}

#feedback form {
	padding: 10px;
	display: none;
}

#feedback textarea {
	height: 120px;
	width: 300px;
	/*margin: 10px;*/
}

#feedback p.submitButton {
	text-align: right;
	/*padding-right: 10px;*/
}

#feedback .console {
	color: white;
	font-size: 1.2em;
}

p.flash {
	margin-top: 20px;
	color: red;
}

.error { color: red; font-weight: bold; }
div .errors { color: red; }

div .errors ul {
	display: block;
	padding: 0;
}

#banner, .siteInstructions {
	border: 1px solid #ccc;
	background-color: #fffbe0;
	padding: 3px;
	margin: 0 15px 15px 15px;
	font-size: 1.4em;
	text-align: center;
}

#merchandise li {
	text-align: center;
	margin: 15px 0;
}

#merchandise li a { display: block; }
.dialog .errors input { border: 2px solid red; }

.console {
	margin: 10px 0;
}

/* =blog */

#blog #feeds img { vertical-align: middle; }

#blog #editDraftsChicklet li { margin-top: 10px; }

#blog #console { margin-bottom: 10px; }

#createEditBlogForm #title, #createEditBlogForm #description {width: 350px}

#blog #blogComments .avatar {
	float: left;
	margin-top: 10px;
	height: 40px;
}

#blog #blogComments .entry {
	margin: 10px 0 10px 50px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	min-height: 30px;
}

#blogComments ul.author {
	background-color: #EFF4FF;
}

#blog .createEdit #entry, #blog .doCreate #entry { height: 527px;}

/* end blog */

/* =captcha*/
.captcha input { width: 50px; }

.captcha {
	height: 60px;
	width: 410px;
}

.captcha p { margin-bottom:3px; }

.captcha img {
	float: left;
	margin-right: 10px;
}
/* end captcha*/

/* =user */

#user #secondary {
	width: 350px;
	float: right;
}

#user .blogChicklet { border: solid #ccc 1px; }
#user .blogChicklet ul li { padding: 0 0 5px 0; }

#user .leagueInvites { padding: 0; margin: 0; }
#user .leagueInvites li { border: #AAA 1px solid; margin: 15px 0; padding: 10px 10px; }
#user .leagueInvites li h4 { margin-left: 20px; display: inline; }

#user .leagueManageList { padding: 0; margin: 0; }
#user .leagueManageList li { border-bottom: #AAA 1px solid; margin-bottom: 10px; padding-bottom: 10px; }

#user #changeEmail input { display: block; margin: 10px 0;}

#user .show .recentThreads li {margin: 4px 0;}

#user .editProfile ul { list-style-type: disc;}

#userProfile dl {
	margin: 10px 0 10px 0;
}

#userProfile dl dt {
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

#userProfile dl dd {
	margin-left: 20px;
	margin-bottom: 4px;
}

#userProfile .avatar {
	float: right;
	margin: 0 0 10px 15px;
	width: 150px;
}

/* end user */

/*=dashboard*/

#contextLink {
	text-align: center;
	border: 1px solid #ccc;
	background: #eee;
margin-bottom:15px;
}

#contextLink img { float: right; }
#contextLink h2 { margin: 18px 0 16px 0; }

/* todo: use this selector for all the applicable dashboard stuff */
#dashboard #upcomingInvites .canceled {
	color: red;
	font-weight: bold;
}

.tosAgree label { font-weight: bold; }

/* =tosAgree */
#page .termsOfService form {
	padding: 10px;
	background-color: #EFF4FF;
	border: 1px solid #ccc;
}

#page .termsOfService .highlight {
	margin: 15px 0;
	padding: 1em;
	border: solid 1px #CCC;
	background-color: #EFF4FF;
}

#page .termsOfService .highlight h3 {
	margin-top: 0;
}

#page .termsOfService ul {
	list-style-type: disc;
	margin: 0;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#tooltip {
	position:absolute;
	border:1px solid #ccc;
	background:#ffffdf;
	padding:2px 5px;
	color:#333;
	display:none;
	max-width: 30em;
}

#tooltip h3 {
	font: 1.2em Trebuchet, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

.deactivated {
	color: #666;
}

/* =image */
ul#imageList {
	margin: 0;
	padding: 0;
}

#image ul#imageList li {
	float: left;
	padding: 15px 15px 0 15px;
	margin: 10px;
	border: 1px solid #999;
	height: 280px;
}

ul#imageList li.template {
	display: none;
}

#image ul#imageList li.avatar {
	background-color: #EFF4FF;
}

#image ul#imageList li div.thumbnail {
	height: 200px;
	width: 200px;
}

#image ul#imageList li.newAdd {
	display: none;
}

#uploadParent {
	width: 12.5em;
}

#upload {
	padding: 6px;
	color: #060;
	width: 12em;
}

#upload span {
	border: 1px solid #999;
	padding: 5px;
}

#upload.hover span {
	background-color: #ddd;
	padding: 5px;
}

#image .list .name {
	font-size: .8em;
}

#image .list .deleteImage {
	width: 90px;
}

#image .list .assignAvatar {
	width: 110px;
}

/*=imageSelector */

#imageSelector #imageList {
	padding: 10px;
	width: auto;
	height: 550px;
	overflow-y: scroll;
	border: 1px solid #999;
}

#imageSelector #uploadParent {
	margin-bottom: 20px;
}

#imageSelector #upload {
	padding: 6px 0;
}

#imageSelector .name {
	display: none;
}

#imageSelector li {
	padding-top: 10px;
	border-bottom: 1px solid #999;
	text-align: center;
	height: auto;
}

#thread #imageSelector #imageList {
	height: 600px;
}

#thread .createThread #imageSelector #imageList {
	height: 343px;
}

.cleaner { clear: both; height: 0;}
.clearer { clear:both; }

.clear_children, .cc_tallest { position: relative; }
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */