@charset "UTF-8";
ul { list-style-image:url('images/arrow.png'); }

/* ====== structure ========= */

body { width: 800px; margin: 0 auto; padding: 10px; font-family: ;
background: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#header {
	padding-top: 10px;
	padding-bottom: 10px;
}

#headerText {
	float: right;
	text-align: right;
	color: #630;
	margin: 0;
	padding: 10px;
}

#brownHeader {
	color:#630;
}


#portfolioSection {
	float: left;
	clear: both;
	margin: auto;
	padding-bottom: 10px;
}

.headerH1 { color: #630;
}

a:link { color: #39f; text-decoration: none; }
a:visited { color: #39F; text-decoration: none; }
a:hover { color: #630; text-decoration: none; }
a:active { color: #39f; text-decoration: none; text-align: left; }

#content { 
	font-size: 13px; 
	color: #333;
	margin: auto; 
	padding: 15px }

#sidebar { 
	float: right; 
	background: #eeeeee; 
	width: 250px; 
	font-size: 12px; 
	padding: 10px; 
	margin: -15px -15px 0px 10px;}
	
.sidebarHeaders { color: #630; }

/*===== resume page styles =======*/

.resH2 {color: #630;}
.resH3 {margin-bottom: -10px;}
.resH4 {padding-left: 30px;}
.resP {padding-left: 20px;}	


/* ===== form styling ====== */

#formSubscribe {
	width: 350px;
	float: left;
	margin: 0 10px;
	padding-left: 10px;
}

.formStyles {
	color: #f90;
	text-align: left;
}


p { line-height: 1.3em; color: #333; margin-left: 5px; }

li {
	list-style-type: square;
	line-height: 1.3em;

}

h1, h2, h3, h4 {
	padding-left: 8px; 
	color: #39F;
}

/*==== image styles =====*/

#headerImage {
	float: right;
	margin: 0;
	padding: 0;
}

#wideImage {
	background: #fff;
	border-bottom: solid 6px #fff;
	overflow: hidden;
	margin: -3px;
	margin-right: 0;
}

#imageRight {
	float: right;
	margin: auto;
	margin-left: 5px;
	padding: 10px 0px 10px 10px;
}

#imageLeft {
	float: left;
	margin: auto;
	padding: 5px;
}

#bottomBarIndex {
	margin-left: -3px;
	margin-bottom: -8px;
}

#tnPortfolio {
	float: left;
	margin: 7px 7px 0px 0px;
	padding: 5px;
	border: solid 1px #999;
}

#bottomColorbar {
	margin-left: -3px;
	margin-bottom: -8px;
	padding: 0;
}

.contactImage { float: left; padding: 0px 10px 4px 0px; }

img {
	padding: 3px;
	margin: auto;
}

.imgRight {
	float: right;
}

/* ====== navigation bar ====== */

#navlinks {
	margin: 0;
	padding: 8px;
	background: #630; 
	color: #FFF;
	font-size: .8em;
	text-align: right;
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #39F;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks li.search {
	margin-top: -4px;
	margin-right: -4px;
	padding: 0;
	border-right: 0;
	float: right;
}

#navlinks a {
	color: #fff;
}

#navlinks a:hover {
	color: #39f;
}


/* ======== footer ======== */

#footerLinks {
	padding: 5px;
	clear: both;
	text-align: right;
	background: #630; 
	color: #CCC;
}

#footerLinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #39F;
	font-size: 11px;
}

#footerLinks li.last {
	border-right: 0;
}

#footerLinks li.left {
	text-align: left;
}

#footerLinks a {
	color: #fff;
}

#footerLinks a:hover {
	color: #39f;
}