/**
 *	The Strategic Path
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://www.imagin8.com>
 *	@date:		27/06/2007	
 *
 *	Table of Contents:
 *		layout
 *
 */
html,body { height: 100%; }

body {
	background:				#000;
	color:					#fff;
	font-family:			"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:				62.5%; /* 10 pixels = 1em */
	margin:					0;
	padding:				0;
}

/** layout
--------------------------------------- */
#page-wrapper {
	
}

#page-container {
	margin:					0 auto;
	width:					980px;
}

#page-header {
	background-image:		url(../images/bg-header.png);
	height:					55px;
	width:					980px;
}

#flash-content {
	height:					100%;
	width:					100%;
}


/** typography
--------------------------------------- */
h2#h2-post {
	background:				url(../images/h2s/h2-post.gif) no-repeat;
	height:					18px;
	text-indent:			-9999px;
}

h2#h2-comments {
	background:				url(../images/h2s/h2-comments.gif) no-repeat;
	height:					18px;
	text-indent:			-9999px;
}

/** tables
--------------------------------------- */
#table-comments {
	width:					100%;
}

caption {
	padding:				0 0 5px 0;
	width:					100%;	 
	font:					italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:				right;
}

th {
	background:				#CAE8EA url(../images/tables/bg_header.jpg) no-repeat;
	border-right:			1px solid #C1DAD7;
	border-bottom:			1px solid #C1DAD7;
	border-top:				1px solid #C1DAD7;
	color:					#4f6b72;
	font:					bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:			2px;
	padding:				6px 6px 6px 12px;
	text-transform:			uppercase;
	text-align:				left;
}

th.nobg {
	background:				none;
	border-top:				0;
	border-left:			0;
	border-right:			1px solid #C1DAD7;
}

td {
	background:				#fff;
	border-right:			1px solid #C1DAD7;
	border-bottom:			1px solid #C1DAD7;
	color:					#4f6b72;
	line-height:			150%;
	padding:				6px 6px 6px 12px;
}


td.alt {
	background:				#F5FAFA;
	color:					#797268;
}

th.spec {
	border-left:			1px solid #C1DAD7;
	border-top:				0;
	background:				#fff url(../images/tables/bullet1.gif) no-repeat;
	font:					bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	background:				#f5fafa url(../images/tables/bullet2.gif) no-repeat;
	border-left:			1px solid #C1DAD7;
	border-top:				0;
	color:					#797268;
	font:					bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/** forms
--------------------------------------- */
input, select, textarea, optgroup, pre {
	color:						#444;
	font: 						12px/1.5 monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace
}

form#comments-form fieldset {
	border:						0 !important;
}

form#comments-form fieldset p {
	margin-bottom:				0.3em;
}

form#comments-form fieldset p.button {
	margin-bottom:				0;
	padding:					0;
}

form#comments-form fieldset p label {
	float:						left;
	width:						110px;
	padding-top:				2px;
	padding-right:				10px;
}

form#comments-form fieldset p label span {
	color:						#FF0000;
}

form#comments-form fieldset p input.text {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	width:						375px;
	padding:					2px;
}

form#comments-form fieldset p textarea {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	height:						100px;
	padding:					2px;
	width:						99.7%;
}

form#comments-form fieldset p input.text:focus,
form#comments-form fieldset p textarea:focus {
	background-image:			url(../images/bg-input-focus.gif);
	border:						1px solid #999;
	color:						#000;
}