@charset "UTF-8";

body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: url('../images/page_bg.jpg') repeat-x fixed;
}

img, div {
	border: 0;
}

/************ NAV **************************/

.nav_left {
	background: url('../images/nav_left.gif') no-repeat right;
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 33px;
}

.nav_middle {
	position: relative;
	width: 100%;
	background: url('../images/nav_bg.gif') repeat-x;
	height: 40px;
	text-align: center;
}

.nav_right {
	background: url('../images/nav_right.gif') no-repeat top right;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	padding-right: 10px;
	line-height: 40px;
	text-align: right;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	background: url('../images/nav_divider.gif') no-repeat right;
	position: relative;
	width: 782px;
	margin: 0 auto;
	height: 33px;
}

#nav li a {
	display: block;
	text-decoration: none;
	width: 130px;
	color: #666;
	background: url('../images/nav_bg_off.gif') repeat-x;
}

#nav li a:hover {
	color: #333;
	background: url('../images/nav_bg_on.gif') repeat-x;
}

#nav li ul li a {
	color: #677784;
	background: none;
}

#nav li ul li a:hover {
	color: #fff;
	background: url('../images/panel_bg.png') no-repeat;
}

#nav li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
	background: url('../images/nav_divider.gif') no-repeat;
	line-height: 33px;
	text-align: center;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url('../images/panel_bg.png') no-repeat;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	background: none;
	line-height: 26px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -26px 0 0 130px;
	background: url('../images/panel_bg.png') no-repeat;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	color: #fff;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/******************************************/


img {
	border: 0;
}

a {
	color: #677784;
	border: 0;
	text-decoration: none;
}

a:hover {
	color: #537896;
	text-decoration: underline;
}

#page {
	min-height: 567px;
}

#header {
	width: 284px;
	margin: 0 auto;
}

#content {
	position: relative;
	border: 1px solid #bdc5cb;
	background: url('../images/panel_bg.png');
	padding: 30px;
	width: 720px;
	margin: 0 auto;
}	

#content.portfolio {
	padding: 30px 30px 60px 50px;
}

#content.full {
	width: auto;
	margin: 0 30px;
}

h1 {
	font-weight: normal;
	font-size: 26px;
	color: #000;
}

#heading {
	margin-right: 28px;	
	text-align: right;
}

#footer {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 30px 0;
	color: #bdc5cb;
	font-size: 10px;
}

.wrapper {
	margin: 0 auto;
}

.clear {
	clear: both;
	float: none;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

.even {
	background-color: #f2f2f2;
}

.odd {
	background-color: #fff;
}

.thumb {
	position: relative;
	background: no-repeat 10px 8px;
	width: 120px;
	height: 155px;
	color: #333;
	float: left;
	text-align: center;
	font-size: 11px;
}

.about_left {
	width: 150px;
	float: left;
	padding-top: 14px;
	margin-right: 40px;
}

.about_right {
	width: 420px;
	float: left;
}

a.thumb {
	text-decoration: none;
	color: #000;
}

.index {
	margin: 0 7px 30px 7px;
}

#measurements {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
}

#measurements label {
	color: #999;
}

#profile, #experience {
	margin-top: 20px;
}

#profile {
	padding: 10px;
}

#experience td {
	font-size: 11px;
	vertical-align: top;
}

a.button {
	background: url('../images/button_off.png') no-repeat;
	text-decoration: none;
	color: #666;
	width: 97px;
	height: 22px;
	line-height: 21px;
	display: block;
	float: left;
	margin-right: 12px;
	font-size: 11px;
}

a.button span {
	margin-left: 42px;
}

a.button img {
	margin: 2px 12px;
	position: absolute;
}

.button:hover {
	background-image:  url('../images/button_on.png');
	color: #333;
	text-decoration: none;
}

input.button {
	background: url('../images/button_off.png') no-repeat;
	text-align: center;
	text-decoration: none;
	color: #333;
	width: 97px;
	height: 22px;
	display: block;
	font-size: 11px;
	cursor: pointer;
	border: 0;
}

#experience_button img {
	margin: 1px 0 0 8px;
}

#tagbutton.tag img {
	background: url('../images/icon_tag.png') no-repeat;
}

#tagbutton.untag img {
	background: url('../images/icon_untag.png') no-repeat;
}

.small {
	font-size: 10px;
}

fieldset {
	background: url('../images/panel_bg.png');
	border: 1px solid #bdc5cb;
}

legend {
	font-weight: bold;
	color: #333;
}

textarea, select, input.short, input.medium, input.long {
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url('../images/panel_bg.png') transparent;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	padding: 2px;
}

select.short, textarea.short, input.short {
	width: 100px;
}

select.medium, textarea.medium, input.medium {
	width: 300px;
}

select.long, textarea.long, input.long {
	width: 500px;
}

#search_panel {
	width: 250px;
}

#search_results {
	float: right;
	width: 420px;
}

.delete {
	position: absolute;
	bottom: 10px;
	right: 8px;
}

.date {
	color: #84929D;
}

#facebook {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url('../images/facebook.png') no-repeat;
}


/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

#slideshowContainerOverlay {
	position: absolute;
	z-index: 9998;
	background: url('../images/fullsize_bg.png') no-repeat;
	top: 105px;
	width: 212px;
	height: 310px;
}

#slideshowContainer {
	width: 200px;
	height: 300px;
	left: 6px;
	top: 8px;
	float: left;
	margin-right: 20px;
}

#slideshowThumbnails {
	float: left;
	width: 500px;
	height: 330px;
}

.slideshowThumbnail {
	outline: none;
	margin: 0 0 12px 0;
}

.outline {
	border: 1px solid #eee;
	width: 98px;
	height: 133px;
	z-index: 0;
	margin: 10px 10px 0px 11px;
	position: absolute;
	background: url('../images/thumb_outline_overlay.png') no-repeat;
}

/*************************************************************/