/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:	1.0
	date:		03/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.domain.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css");

/*	Styles/Colors/Fonts
-----------------------------------------------------------------------------*/


/*	Global Elements
-----------------------------------------------------------------------------*/

@media screen {

body {
	background: #cedcaa;
	margin: 0;
	padding: 0;
	text-align: center
	}
.wrap {
	margin: 25px auto;
	width: 950px
	}
#header {
	background: #fff;
	margin-bottom: 10px
	}
	#althdr {
		background: url(../img/tmp_headerPhoto.jpg) 0 0 no-repeat;
		border: 8px solid #fff;
		padding: 1px 0 0; /* hack for sitenav margin */
		}
		/*
		//	Add classes to swap image on page w/ php vars
		
		#althdr.bio { url(../img/hdrphoto_bio.jpg) 0 0 no-repeat;
		
		*/
	ul#sitenav {
		background: url(../img/sitenav_bkg.png);
		height: 30px;
		margin-top: 284px
		}
		ul#sitenav li {
			display: block;
			float: left;
			font-size: 11px;
			font-weight: 700;
			height: 30px;
			line-height: 30px;
			text-transform: uppercase
			}
			ul#sitenav li a:link,
			ul#sitenav li a:visited {
				color: #fff;
				height: 30px;
				line-height: 30px;
				padding: 9px 20px;
				text-decoration: none				
				}
			ul#sitenav li a:hover {
				background: url(../img/sitenav_bkg.png);
				}
				
#content {
	background: #fff;
	padding: 8px;
	text-align: left;
	margin: 10px 0 5px 0;
	}
		
#footer {
	
	}
	#footer .legal {
		color: #fff;
		float: right;
		font-size: 10px;
		font-weight: 100;
		margin-right: 10px
		}
	.f_contact {
		background: #5a684e;
		float: left;
		font-size: 11px;
		font-weight: 700;
		margin-right: 5px;
		line-height: 30px;
		text-align: center;
		width: 100px
		}
		.f_contact a:link,
		.f_contact a:visited {
			color: #fff;
			text-decoration: none;
			text-transform: uppercase
			}
	.f_emailsignup {
		background: #5a684e;
		float: left;
		font-size: 11px;
		font-weight: 700;
		line-height: 30px;
		width: 828px
		}
		ol#emailsignup li {
			color: #fff;
			float: left;
			margin-right: 10px
			}
			ol#emailsignup li.title {
				margin: 0 10px;
				text-transform: uppercase
				}
				ol#emailsignup li label {
					float: left;
					font-weight: 100;
					width: 35px
					}
				ol#emailsignup li input {
					font-size: 10px
					}
					ol#emailsignup li input.txtfield {
						padding: 2px;
						width: 100px
						}
				
	
						.credits a {
							color: #5a684e;
							float: right;
							font-size: 10px;
							font-weight: 100;
							margin-right: 20px;
							margin-bottom: 15px;
							text-decoration: dotted 1px;
							}					

	
/*	Typography
-----------------------------------------------------------------------------*/

h1 {
	color: #000;
	font-size: 30px;
	font-weight: 700
	}
h2 {
	color: #000;
	font-size: 16px;
	margin-bottom: .4em
	}
h3 {
	
	}
h4 {
	
	}
h5 {
	
	}
p {
	font-size: 12px;
	margin-bottom: 1em
	}
	p.small { font-size: 11px }
	p strong { font-weight: 700 }

}