/* ==============================================================
		general styles
   ============================================================== */
img, div, p, a, span, strong, em, li, h1, h2, h3, h4, h5, h6 { behavior: url(css/pngfix/iepngfix.htc); }

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	color: #4d4d4d;
	text-align: center;
	background: url(../graphics/canvas.png) repeat-x #fdf7ed;
}

img 						{ border: 0px; display: block; }

.bold						{ font-weight: bold; }

a							{ text-decoration: none; color: #3a3a3a; }
a:hover						{ text-decoration: underline; color: #3a3a3a; cursor: pointer; }

h1, h2, h3, h4, h5, h6 		{ line-height: normal; font-size: 1em; font-weight: normal; }

form						{ padding: 0; margin: 0; }

fieldset 					{ border: 0; }

table, tr, td 				{ border-collapse: collapse; }

input, select, th, td 		{ font-size: 1em; padding: 0; margin: 0; }

abbr						{ border: 0; }

.c	 						{ clear: both; }

.hide 						{ display: none; }

.show 						{ display: block; }

.tr							{ position: relative; overflow: hidden; display: block; }

.tr a						{ overflow: hidden; }

.tr	span					{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; display: block; }

.caps						{ text-transform: uppercase; }


/* ==============================================================
		canvas
   ============================================================== */

.canvas {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

.error{
	background: #e1c9be;
	border: 1px solid #cbaa9c;
	margin-bottom: 14px;
	color: #793111;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
	padding: 3px 10px;
}

.success{
	background: #BBD9B0;
	border: 1px solid #517B3C;
	margin-bottom: 14px;
	color: #3F642F;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
	padding: 3px 10px;
}

/* ==============================================================
		user
   ============================================================== */

.userbar {
	padding-top: 160px;
	position: relative;
	z-index: 10;
}

.userbar .profile {
	font-size: 1.3em;
	padding: 2px 7px 0 7px;
	color: #784322;
	font-weight: bold;
}

.userbar .profile .updates {
	float: left;
}

.userbar .profile .updates strong {
	display: block;
	float: left;
	padding-right: 5px;
}

.userbar .profile .updates a {
	color: #780b08;
	display: block;
	float: left;
}

.userbar .profile .updates a span {
	color: #784322;
	letter-spacing: 2px;
}

.userbar .profile .updates a span em {
	color: #aa0101;
	font-style: normal;
}

.userbar .profile .updates a.bar {
	border-right: 1px solid #ede1ca;
	padding-right: 10px;
	margin-right: 10px;
}

.userbar .profile .actions {
	float: right;
}

.userbar .profile .actions a {
	color: #11552e;
	display: block;
	float: left;
}

.userbar .profile .actions a.bar {
	border-right: 1px solid #ede1ca;
	padding-right: 10px;
	margin-right: 10px;
}

.userbar .alert {
	background: url(../graphics/userbarAlertLeftEdge.png) #864113 no-repeat;
	height: 29px;
	margin: 10px 7px 0 7px;
}

.userbar .alert p {
	padding: 5px;
	font-size: 1.5em;
	color: #e9dcc5;
	font-weight: bold;
}

.userbar .alert a {
	color: #ffd489;
}

.userbar .alert .close {
	width: 73px;
	height: 29px;
	float: right;
}

.userbar .alert .close span {
	background-image: url(../graphics/userbarAlertButton.png);
	background-position: 0px 0px;
}

.userbar .alert .close:hover span {
	background-image: url(../graphics/userbarAlertButton.png);
	background-position: 0px -39px;
}