/* home page specific style for shizzow */

body	{
	background: #D4E6F7; /* shizzow pale blue */
	font-family: Arial, Helvetica, Geneva, sans-serif; /* need to declare a base font family */	
	font-size: small; /* need to declare a base font for proper use of em values */	
	margin: 0;
	padding: 0;
	text-align: center; /* this IE hack is to center all content on the page */
}

h1, h2, h3, h4, h5, h6, p	{ /* clearing out all predefined values */
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* overall page styles */
#page	{
	background: #FFF url(/images/home/hm_page_bkgd.gif) left top repeat-y;
	margin: 0 auto; /* all browsers understand this as centering the #wrapper except for IE */
	padding: 0;
	position: relative;
	text-align: left; /* resetting all text centered in the body back to the left */
	width: 960px;
}

/* shizzow branding and login area */

#header	{
	background: url(/images/home/hm_header_bkgd.gif) left top no-repeat;
}

h1#branding a	{
	background: url(/images/home/hm_logo_gfx.gif) no-repeat;
	display: block; /* used to make any linked text 'hot' */
	float: left;
	height: 95px;
	margin-right: 365px; /* nothing else seemed to work in pushing the login to the far right */
	text-indent: -5000px;
	width: 355px;
}

fieldset#user-box	{
	border: none;
	margin: 0;
	padding: 30px 0 0 0;
	width: 210px;	
}

fieldset#user-box p.user-edits	{
	color: #5C7FA0; /* shizzow dark blue */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

fieldset#user-box p.user-edits a	{
	color: #9C9F29;
	font-weight: bold;
	text-decoration: none;
}

fieldset#user-box p.user-edits a:hover,
fieldset#user-box p.user-edits a:active	{
	color: #5C7FA0;
	text-decoration: underline;
}

fieldset#user-box form	{
	margin: 0;
	padding: 0;
}

fieldset#user-box label	{
	color: #5C7FA0;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
 }

fieldset#user-box input.fill-in	{
	background: #FFF url(/images/home/gbl_formfield_bkgd.gif) top left repeat-x;
	border: 1px solid #5C7FA0;
	color: #696C00;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	height: 1.4em;
	letter-spacing: .1em;
	margin: 5px 0;
	padding: 2px;
	vertical-align: middle; 
	*vertical-align: text-bottom; /* IE kludge to align properly */
 }

fieldset#user-box input.fill-in#people_name	{
	width: 210px;
}

fieldset#user-box input.fill-in#password	{
	width: 145px;
}

fieldset#user-box button.btn-style	{
	background: #696C00 url(/images/gbl_btn_green_bkgd.gif) top left repeat-x;
	border: 1px solid #696C00;
	color: #FFF;
	cursor: pointer;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 14px;
	margin: 0 0 0 5px;
	padding: .3em .3em;
	text-transform: uppercase;
}

/* shizzow 'mission statement' and 'join now' prompt */

#info	{
	clear: both;
}

#info h2#tagline	{
	color: #5c7fa0;
	font-size: 42px;
	float: left;
	margin: 0 75px 15px 75px;
	padding: 0;
	text-align: center;
	width: 480px;
}

#info p#cta a	{
	background: url(/images/home/hm_cta_btn.gif) no-repeat;
	display: block; /* used to make any linked text 'hot' */
	float: right;
	height: 60px;
	margin: 30px;
	outline: none;
	text-indent: -5000px;
	width: 210px;
}

/* pdx skyline graphic - can be dynamically changed in the future? Maybe??? */

#pdx-gfx	{
	background: url(/images/home/hm_pdx_bkgd.gif) left bottom no-repeat;
	clear: both;
	height: 270px;
	width: 960px;
}

/* carry over footer style from the rest of the site */

#footer	{
	background: #D4E6F7;
	clear: both; /* clear out the floats for content-primary and content-secondary */
	margin: 0;
	padding: 40px 20px 20px 20px;
	width: 960px;			
}

#footer p	{
	color: #5C7FA0; /* shizzow dark blue */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	}
		
#footer p a	{
	color: #AF834D; /* shizzow brown */
	padding: 0 10px;
	outline: none;
}

#footer p a:link,
#footer p a:visited	{
	text-decoration: none;
}

#footer p a:hover,
#footer p a:active	{
	text-decoration: underline;
}