@charset "utf-8";
/* CSS Document */



/* Eric Myer's CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#333333;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
body {
	line-height: 1.3em;
	background:#eaeaea url(../images/body-top-bg.png) repeat-x;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Banner & Footer */





#banner {
	padding-bottom: 10px;
}
#banner h1 {
	width: 350px;
	height:65px;
	float:left;
	background-image:url(../images/katrina-n-lee.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#banner h1 a {
	text-decoration:none;
}
#banner h2 {
	background-color:#350000/*#751330*/;
	clear:left;
	float:left;
	width:275px;
	height:23px;
	background-image:url(../images/web_production_strategy.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#banner p a {
	float:left;
	display:block;
	position:absolute;
	width:196px;
	margin-top:2px;
	top:65px;
	left:780px;
	_left:790px;
	_top:65px;
	background-image:url(../images/email_addy.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:25px;
}
#footer {
	color:#fff;
	font-size:12px;
	padding-left:20px;
	border-top:1px solid #350000;
	background-color:#a80108/*#a81b45*/;
	clear:both;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#footer a {
	color:#fff;
}
/* Navigation */

#nav {
	float:left;
	padding-left:210px;
}
#nav ul {
	list-style-type:none;
	margin-top:0px;
	width:440px;
}
#nav li {
	float:left;
	color:#fff;
}
#nav li a {
	color:#fff;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:64px;
	text-indent:-9999px;
}
#nav li a:hover {
	color:#f5d5a4;
}
#nav li #resume {
	background-image:url(../images/resume.png);
	width:111px;
}
#nav li #about {
	background-image:url(../images/about.png);
	width:96px;
}
#nav li #port {
	background-image:url(../images/portfolio.png);
	width:116px;
}
#nav li #lists {
	background-image:url(../images/my-lists.png);
	width:101px;
}
#nav li #resume:hover {
	background-image:url(../images/resume-over.png);
}
#nav li #about:hover {
	background-image:url(../images/about-over.png);
}
#nav li #port:hover {
	background-image:url(../images/portfolio-over.png);
}
#nav li #lists:hover {
	background-image:url(../images/my-lists-over.png);
}
body.resume #nav li #resume, body.resume #nav li #resume:hover {
	background-image:url(../images/resume-selected.png);
}
body.about #nav li #about, body.about #nav li #about:hover {
	background-image:url(../images/about-selected.png);
}
body.portfolio #nav li #port, body.portfolio #nav li #port:hover {
	background-image:url(../images/portfolio-selected.png);
}
body.lists #nav li #lists, body.lists #nav li #lists:hover {
	background-image:url(../images/my-lists-selected.png);
}
/*Wrapper -- everything between the footer and header */

#wrapper {
	position: relative;
	width: 985px;
	padding-top: 10px;
	clear: left;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #262a2d;
	border-right:#cdcaca;
	border-left:#cdcaca;
}
/* Main Content Area (left) */

#mainOuter {
	width:644px;
	background: transparent url(../images/page-bg-mid2.png) repeat-y left top;
	float: left;
	margin-left: 15px;
}
#mainInner {
	width:644px;
	background: transparent url(../images/page-bg-bottom2.png) no-repeat left bottom;
	padding-bottom:20px;
}
#mainContent {
	text-align:justify;
	width:594px;
	padding:25px;
	background: transparent url(../images/paper-bg-top2.png) no-repeat left top;
}
#mainContent p, #mainContent2 p {
	margin-bottom:10px;
	margin-right:30px;
}
#mainContent dl {
	margin-right:30px;
}
#mainContent ul, #mainContent2 ul {
	margin-left: 20px;
	padding-bottom:5px;
	list-style-type:square;
	margin-right:40px;
}
#mainContent dt {
	font-weight: bold;
	margin-top: 4px;
}
#mainContent dd {
	margin-left: 0px;
	margin-bottom:5px;
}
#mainContent h2 {
	border-bottom: 1px solid #890105;
	margin-bottom:10px;
	font-size: 16px;
	text-transform:uppercase;
}
#mainContent h3 {
	font-size: 14px;
}
#mainContent h4 {
	font-size: 12px;
}
#mainContent li {
	margin-left: 30px;
}
#mainContent h5, .info {
	font-weight: normal;
	font-size:12px;
	text-transform:uppercase;
}
h2, h5, h3, h4, h5 .info {
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
a {
	color:#890105;
}
a.website {
	background-image:url(../images/external_link.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
}
.info {
	float:right;
	margin-right:20px;
}
p, li, #mainContent dd, #mainContent dt {
	font-size: 12px;
}
.port {
	float:left;
	margin:10px 10px 10px 0px;
	border:1px solid #eaeaea;
	display:block;
}
/* Right Sidebar Formatting*/

#rightOuter {
	float: left;
	margin-top: 75px;
	width: 309px;
	background: transparent url(../images/sidebar-bg-mid2.png) repeat-y left top;
}
#rightInner {
	width: 309px;
	background: transparent url(../images/sidebar-bg-bottom2.png) no-repeat 1px bottom;
}
#rightContent {
	width:279px;
	padding: 15px;
	background: transparent url(../images/sidebar-bg-top2.png) no-repeat 1px top;
}
#rightContent h3 {
	font-size:12px;
	color:#350000;
	border-bottom: 1px solid #890105;
	margin:5px;
	padding:2px;
	text-transform:uppercase;
	clear:both;
}
a.more {
	font-size:11px;
	display:block;
}
#rightContent img {
	border:1px solid #eaeaea;
	margin-bottom:10px;
	display:block;
}
img.thumb {
	display:inline;
	float:left;
	margin-right:10px;
}
#rightContent dl {
	margin-left:0px;
	margin-bottom:15px;
	margin-right:5px;
	font-size:12px;
	color:#555;
	line-height:1.3em;
	padding-left:5px;
}
#rightContent p {
	margin-left:5px;
	margin-right:5px;
}
#rightContent dt {
	font-weight:bold;
}
#sideFlag {
	position: absolute;
	width: 324px;
	height: 64px;
	background: transparent url(../images/side-flag.png) no-repeat left center;
	text-indent: -9999px;
	left: 660px;
	_left: 680px;
	top: 115px;
	_top: 115px;
}
/*Contact Form */

form {
	width:275px;
	clear:left;
	margin-left:5px;
	margin-top:10px;
}
label, input, textarea {
	font-size:12px;
	padding:0px;
	margin:0px;
}
label {
	font-weight:bold;
	display:block;
}
input {
	height:18px;
	margin-bottom:8px;
}
input, textarea {
	border:1px solid #d8d2c8;
	color:#333;
	width:250px;
	padding:2px;
}
.req {
	font-weight:normal;
	font-style:italic;
	font-size:10px;
}
.send {
	width:100px;
	margin-left:146px;
	margin-top:10px;
	padding-bottom:6px;
	height:24px;
	background: transparent url(../images/send.jpg) no-repeat center center;
	background-color:#eae5e0;
	font-weight:bold;
	font-size:10px;
}
form#comment_form ul.errorList {
	margin-left: 0;
}
form#comment_form ul.errorList li {
	margin-left: 2em;
	color: #900;
	font-size: 10px;
}
#contact ul {
	list-style-type:none;
}
#contact li {
	padding:20px 0px 10px 5px;
	margin:0px;
	float:right;
}
#contact li a {
	color:#fff;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:35px;
	text-indent:-9999px;
	padding-right:5px;
}
#contact li #gmail {
	background-image:url(../images/gmail_grey.jpg);
	width:35px;
}
#contact li #linked {
	background-image:url(../images/linkedin_grey.jpg);
	width:35px;
}
#contact li #twitter {
	background-image:url(../images/twitter_grey.jpg);
	width:35px;
}
#contact li #gmail:hover {
	background-image:url(../images/gmail.jpg);
}
#contact li #linked:hover {
	background-image:url(../images/linkedin.jpg);
}
#contact li #twitter:hover {
	background-image:url(../images/twitter.jpg);
}
/* Portfolio Pages */

div .caption img {
	border:1px solid #eaeaea;
	display:block;
}
div .caption a img {
	text-decoration:none;
}
.caption {
	display:block;
	text-transform:uppercase;
	font-size:10px;
	width:250px;
	float:left;
	margin:10px 15px 0px 0px;
}
div.accordion h3, div.accordion h3.ui-state-active, div.accordion h3.ui-state-default {
	background: transparent url(../images/accordBG.png) repeat-x;
	padding:8px 3px 8px 10px;
	height: 19px;
	border: 1px solid #ccc;
	margin-top: 5px;
}
div.accordion h3.ui-state-active a {
	background: url(../images/norm-open.png) no-repeat 565px center;
}
div.accordion h3.ui-state-default a {
	background: url(../images/norm-closed.png) no-repeat 565px center;
}
div.accordion h3 a {
	color: #a80108;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
div.accordion h3 a:hover {
	color: #350000;
}
div.accordion div.accContent {
	padding: 15px;
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
}