/*

header bg		#444
home bg			#e0ded9
blog bg			#616265
blog lbg		#c0bfbc
footer bg		#c7c2bc
links			#009ddb

*/

body {
	margin: 0;
	padding: 0;

	background: #c7c2bc;

	font-family: lucida grande,lucida sans unicode,bitstream vera sans,helvetica,arial,sans-serif;
	font-size: 7pt;
	line-height: 20px;
}

.content {
	width: 960px;

	margin: 0 auto;
}

p {
	margin: 10px 0 0 0;
}

a {
	color: #616165;
	text-decoration: none;
}

h2 {
	clear: both;

	margin: 20px 0 0 10px;
	padding: 20px 0 10px;

	color: #616165;
	font-weight: bold;
	font-style: italic;
}

.clear {
	clear: both;
}

#header {
	position: absolute;
	z-index: 1002;

	width: 100%;
	height: 130px;

	margin: 0;
	padding: 0;

	background: #444;
}
	h1 {
		float: left;

		width: 290px;
		height: 51px;

		margin: 40px 0 0 10px;
		padding: 0;
	}
		h1 a {
			display: block;

			width: 290px;
			height: 51px;

			padding: 0;

			outline: none;
			background: transparent url(logo.png) no-repeat;
			text-indent: -999em;
		}

	#nav {
		float: left

		width: 500px;

		margin: 0 0 0 435px;
		padding: 50px 0 0 0;

		color: #fff;
		font-size: 1.2em;
		line-height: 15px;
	}
		#nav div {
			float: left;

			width: 175px;
		}

		#nav div p {
			margin: 0;
		}
			#nav div a {
				display: block;

				width: 150px;

				padding: 0;

				color: #009ddb;
				text-decoration: none;
			}
				#nav div#contact a {
					padding: 0 0 0 10px;

					background: transparent url(email.png) no-repeat left 6px;
				}

	#subnav {
		float: none;

		height: 20px;

		margin: 0 0 20px;
		padding: 20px 0;

		border-bottom: 1px solid #ccc;
	}
		#subnav h2 {
			float: left;

			margin: 0;
			padding: 0 0 0 5px;

			color: #444;
		}

		#subnav a {
			float: right;

			margin: 0 0 0 40px;

			color: #666;
			font-size: 14px;
		}
			#subnav a.selected {
				color: #009ddb;
			}


#portfolio {
	position: absolute;
	top: 130px;
	z-index: 1002;

	width: 100%;

	background: #444;
}
	#shadow {
		height: 5px;
		background: transparent url(shadow.png) repeat-x top;
	}

	#portfolio .content {
		width: 1040px;
	}

	#portfolio #tab {
		position: absolute;
	}

	#portfolio .set-list {
		position: relative;
		display: none;
		float: left;

		width: 960px;
		height: 260px;
		overflow: hidden;

		margin: 0 40px 40px;
	}
		#portfolio .set-list .set-list-pane {
			width: 1000em;
			height: 260px;
		}

	#portfolio-nav {
		display: none;

		position: absolute;
		top: 90px;

		width: 1040px;
		height: 50px;

		background: #555;

		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
		#portfolio-nav-prev {
			position: absolute;
			left: 0;

			width: 50px;
			height: 50px;

			cursor: pointer;
			text-indent: -1000em;
			background: transparent url(portfolio-nav-prev.png) no-repeat;
		}

		#portfolio-nav-next {
			position: absolute;
			right: 0;

			width: 50px;
			height: 50px;

			cursor: pointer;
			text-indent: -1000em;
			background: transparent url(portfolio-nav-next.png) no-repeat;
		}

	#portfolio .set {
		width: 280px;

		margin: 0 10px;
		padding: 10px;

		font-size: 14px;

		background: #fff;
		border: none;

		cursor: pointer;

		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
	}
		#portfolio .set img {
			margin-bottom: 5px;
		}

	#tab {
		width: 180px;
		height: 30px;

		margin: -5px 0 0 770px;

		background: transparent url(photos-bg.png) no-repeat;
	}
		#tab a {
			display: block;

			width: 160px;
			height: 20px;

			margin: 0 10px;
			padding: 5px 10px;

			color: #e0ded9;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.2em;

			background: transparent url(photos-btn-bg.png) no-repeat 10px 4px;
			outline: none;
		}
			#tab a:hover {
				color: #fff;
			}

		#tab em {
			font-style: normal;
			text-transform: uppercase;
		}

		#tab span {
			float: left;
			display: block;

			width: 20px;
			height: 21px;

			margin: 0 5px 0 0;

			background: transparent url(photos-btn-down.png) no-repeat center;
		}
			#tab.selected span {
				margin-top: -2px;

				background-image: url(photos-btn-up.png);
			}


#shade {
	display: none;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 1001;

	background: transparent url(shade.png) repeat 130px 0;
}


#gallery {
	display: none;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 2010;

	background: #222;
}
	#gallery-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2020;

		height: 20px;
		padding: 10px 0;

		text-align: center;

		background: #2f2f2f;
	}
		#gallery-nav a {
			padding: 5px 10px;

			color: #fff;
			font-size: 1.2em;

			border: 1px solid #fff;

			cursor: pointer;
		}
			#gallery-nav .close {
				position: absolute;
				top: 10px;
				left: 10px;

				padding: 0 0 0 20px;

				border: none;
				background: transparent url(gallery-close.png) no-repeat;
			}

	#gallery-nav .count {
		padding: 5px 10px;

		color: #222;
		font-size: 1.2em;
		text-align: center;

		background: #fff;
		border: 1px solid #fff;
	}

	#gallery-thumbnails {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2020;

		height: 60px;

		text-align: center;

		background: #2f2f2f;
	}
		#gallery-thumbnails a {
			display: none;

			float: left;

			padding: 20px 0 0 0;

			font-size: 2em;
		}
			#gallery-thumbnails a.next {
				float: right;
			}

		#gallery-thumbs {
			height: 60px;

			margin: 0 auto;

			overflow: hidden;
		}
			#gallery-thumbs img {
				width: 32px;
				height: 32px;

				margin: 15px 5px 0 5px;
			}
				#gallery-thumbs img.selected {
					background: #fff url(white.png);
				}

				#gallery-thumbs img:hover {
					outline: 1px solid #fff;
				}

	#gallery-slides {
		width: 100%;
		height: 100%;
	}
		.gallery-slide {
			position: absolute;
			top: 0;
			left: 100%;

			width: 100%;
			height: 100%;

			text-align: center;
		}
			.gallery-slide.loaded {
				background: transparent;
			}

			.gallery-guard {
				position: absolute;
				z-index: 999;

				width: 100%;
				height: 100%;

				background: transparent url(transparent.gif);
			}

	.gallery-slide.count-1 .gallery-loader.loaded,
	.gallery-slide.count-2 .gallery-loader.loaded {
		background: none;
	}

	.gallery-slide.count-1 .gallery-loader {
		position: absolute;
		top: -10px;
		left: 0;

		width: 100%;
		height: 100%;

		background: transparent url(loader.gif) no-repeat center center;
	}

	.gallery-slide.count-2 .gallery-loader {
		position: absolute;
		top: -10px;
		left: 0;

		width: 49%;
		height: 100%;

		background: transparent url(loader.gif) no-repeat 75% center;
	}
		.gallery-slide.count-2 .gallery-loader.position-1 {
			left: 51%;

			background: transparent url(loader.gif) no-repeat 25% center;
		}

	.gallery-slide .gallery-photo {
		width: 100%;
		height: 100%;
	}
		.gallery-slide.count-2 .position-0 .gallery-photo {
			background-position: right center !important;
		}

		.gallery-slide.count-2 .position-1 .gallery-photo {
			background-position: left center !important;
		}
			


#main {
	clear: both;

	padding-top: 130px;

	background: #e0ded9;
}


#splash {
	position: relative;
	width: 960px;
	height: 340px;

	background: #212121;
}
	#splash div {
		position: absolute;
		z-index: 1000;
		width: 960px;
		height: 340px;

		background: transparent url(corner-bl.png) no-repeat bottom left;
	}
		#splash div div {
			background: transparent url(corner-br.png) no-repeat bottom right;
		}

	#splash #splash-images {
		position: absolute;
		z-index: 100;
		width: 960px;
		height: 340px;
		background: transparent;
	}
		#splash #splash-images img {
			position: absolute;
			z-index: 1;
		}


#blog {
	float: left;

	width: 550px;
}
	#blog .post {
		background: #616265 url(corner-tr.png) no-repeat top right;
	}
		#blog .post h2 {
			margin: 10px 0 0 0;
			padding: 20px 0 0 10px;

			color: #fff;
			font-size: 1.75em;
			font-weight: normal;

			background: transparent url(corner-tl.png) no-repeat top left;
		}

		#blog .post .date {
			color: #e0ded9;
			font-size: .6em;
		}

		#blog .post div {
			background: transparent url(corner-br.png) no-repeat bottom right;
		}

		#blog .post .body {
			padding: 10px;

			color: #e0ded9;
			font-size: 1.2em;

			background: transparent url(corner-bl.png) no-repeat bottom left;
		}

		#blog .post .body a {
			color: #fff;
		}

		#blog #archives.post {
			background-color: #c0bfbc;
		}
			#blog #archives.post h2 {
				margin: 10px 0;
				padding: 20px 0 20px 10px;
			}
				#blog #archives.post h2 a {
					display: block;

					width: 530px;

					color: #616265;
					text-decoration: none;

					background: transparent url(blog-arrow.png) no-repeat right;
				}

			#blog #archives.post div div {
				background: transparent url(corner-bl.png) no-repeat bottom left;
			}

	#blog.listing {
		width: 960px;

		margin: 0 0 20px;
	}
		#blog.listing .post {
			float: left;

			width: 460px;

			margin: 20px 10px 0;

			background-color: #c0bfbc;
		}
			#blog.listing .post h2 {
				margin: 0;
			}

	#blog.listing .testimonial {
		width: 960px;
	}

	#blog.listing .testimonial .body {
		color: #616165;
		font-size: 1.3em;

		background: transparent url(quote.png) no-repeat 10px 10px;

		padding: 10px 40px 10px 10px;
	}
		#blog.listing .testimonial .body div {
			padding-left: 50px;

			font-family: georgia,serif;
			font-size: 1.4em;

			background: none;
		}
			#blog.listing .testimonial .author {
				text-align: right;
			}
				#blog.listing .testimonial .author a {
					color: #009ddb;
				}

		#blog.listing .testimonial h2 {
			padding: 3px 0 0 0;
		}

	#blog.listing .pricing {
		margin-top: -10px;
		padding-top: 25px;

		width: 940px;
	}
		#blog.listing .pricing .body {
			padding-top: 0;

			color: #616165;
			font-size: 1.3em;
		}
			#blog.listing .pricing h2 {
				background: none;
				padding-left: 0;

				color: #616165;
				font-style: normal;
				font-size: 1.4em;
			}
		#blog.listing .pricing h1 {
			float: none;
			margin-left: 0;
		}


#biography {
	float: right;

	width: 400px;

	margin: 10px 0 10px 0;

	color: #444;
	font-size: 1.2em;
}


#footer {
	clear: both;

	padding: 50px 0 0 0;

	color: #fff;
	font-size: 1.2em;
}
	#footer #copyright {
		float: left;

		width: 490px;

		padding: 0 0 0 10px;		
	}
		#footer #copyright p {
			margin: 0;

			color: #666;
		}
			#footer #copyright p a {
				color: #212121;
			}

	#footer #copyright span {
		display: block;

		margin: 0 0 0 -2px;
	}

	#footer #copyright #email {
		margin: 0;
		padding: 0 0 0 20px;
		color: #009ddb;
		background: transparent url(email_16.png) no-repeat 0 2px;
	}

	#footer #copyright #twitter {
		margin: 20px 0 0 0;
		padding: 0 0 30px 20px;	
		color: #009ddb;
		background: transparent url(twitter.png) no-repeat;
	}
		#footer #copyright #twitter a,
		#footer #copyright #email a {
			color: #212121;
			text-decoration: none;
		}

	#footer #friends {
		float: left;

		width: 390px;

		padding: 0 0 60px 60px;
	}
		#footer #friends .group {
			float: left;

			width: 195px;
		}

		#footer #friends p {
			margin: 0 0 10px 0;
		}

		#footer #friends ul {
			margin: 0;
			padding: 0 0 20px 0;
		}
			#footer #friends ul li {
				list-style-type: none;
			}
				#footer #friends ul li a {
					color: #444;
					text-decoration: none;
				}
	#wrs {
		clear: both;
		float: right;
		display: block;

		width: 80px;
		height: 28px;

		margin: 15px 75px 0 0;

		text-indent: -999em;

		background: transparent url(wrs.png) no-repeat;
	}



/* Form */

form {

}

#photo-uploader {
	padding: 0 2px;
}
	#photo-uploader fieldset {
		border: none;
	}

	#photo-uploader .queue {
		
	}

	#photo-uploader .item {
		width: 240px;
		overflow: hidden;

		margin: 0 0 10px;
	}

	#photo-uploader .queued {
		padding: 5px 0 5px 25px;
		background: transparent url(arrow-skip-090.png) no-repeat 5px center;
	}

	#photo-uploader .working {
		padding: 5px 0 5px 25px;
		background: transparent url(uploader-loader.gif) no-repeat 5px center;
	}

	#photo-uploader .error {
		padding: 5px 0 5px 25px;
		color: #fff;
		background: red url(exclamation-red.png) no-repeat 5px center;
	}

	#photo-uploader .completed {
		padding: 5px 0 5px 25px;
		background: transparent url(tick.png) no-repeat 5px center;
	}


#account-form {
	padding: 40px 0;

	background: transparent url(detail-0.jpg) no-repeat center;
}
	#account-form h2 {
		width: 300px;

		margin: 10px auto;
		padding: 0;

		color: #fff;
		font-size: 16px;
		text-align: center;
		text-shadow: #000 0 1px 2px;
		text-shadow: rgba(0, 0, 0, .75) 0 1px 2px;
	}

	#account-form form {
		width: 300px;

		margin: 0 auto;
	}

	#account-form fieldset {
		margin: 0 0 10px;
		padding: 10px;

		background: #212121;
		background: rgba(0, 0, 0, .75);

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: none;
	}

	#account-form label {
		display: block;

		margin: 0 0 10px;
		padding: 0;

		color: #fff;
		font-size: 12px;
	}
		#account-form label span {
			display: block;

			padding: 0 0 5px 5px;
		}

		#account-form label input {
			width: 90%;

			padding: 3px 10px;

			font-size: 14px;

			background: #fff;
			background: rgba(255, 255, 255, .9);

			border: none;

			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
		}

		#account-form fieldset.actions a {
			margin-left: 5px;

			color: #fff;
		}

	#account-form.ps label span {
		width: 160px;
	}

	#account-form.ps label input {
		width: 220px;
	}

	#account-form.ps fieldset p {
		margin: -10px 0 10px;
		padding: 0;
	}

	#changed {
		margin: 10px 0 0 0;
		padding: 5px 10px;
		font-size: 12px;
		color: #fff;
		background: green;
	}
		#changed a {
			color: #000;
		}



/* Sets */

.set-group {
	float: left;
	clear: both;
	width: 100%;
}

.set-grid {
	float: left;
	clear: both;

	padding: 0 0 20px;
}

.set {
	float: left;

	width: 190px;

	margin: 0 4px 7px 0;
	padding: 10px;

	background: #eee;
	border: 1px solid #D7D2CC;
}
	.set.last {
		margin-right: 0;
	}

	.set a img {
		border: none;
	}

	.set.moving {
		background: #212121;
	}


/* Photographs */

.photo-edit {
	float: left;

	width: 146px;

	margin: 0 4px 6px 0;
	padding: 5px;

	background: #fff;
	border: 1px solid #D7D2CC;
}
	.photo-edit.moving {
		background: #212121;
	}

	.photo-cover-frame {
		width: 146px;
		height: 115px;

		padding: 5px 0 0;

		text-align: center;

		background: #212121;
	}


/* Private Galleries */

#private-gallery {
	padding: 0 0 60px;
}

.private-set {
	position: relative;
	width: 283px;
	margin: 8px;
	float: left;
	border: 10px solid #fff;
	background: #fff;
	cursor: pointer;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
}
	.private-set img {

	}

	.private-set h3 {
		margin: 0;
	}

#private-none {
	width: 300px;
	text-align: center;
	clear: both;
	margin: 0 auto;
	padding: 0 0 40px;
}
	#private-none h3 {
		padding: 20px;
		background: #fff;
	}


/* Exceptions */

.content .concise_exceptions {
	padding: 5px 10px;

	font-size: 12px;
	color: #fff;
	background: #CD1821;
}
	.content .concise_exceptions h3,
	.content .concise_exceptions .stack_trace,
	.content .concise_exceptions .file_info {
		display: none;
	}


/* Blocks */

.col-l {
	float: left;

	width: 650px;

	padding: 0 0 20px;
}

.col-s {
	float: right;

	width: 290px;

	padding: 0 0 20px;
}

.block {
	float: left;
	clear: both;

	width: 100%;

	margin: 10px 0;

	border: 1px solid #D7D2CC;
}

.block-h {
	float: left;

	width: 100%;

	background: #fff;
	border-bottom: 1px solid #D7D2CC;
}
	.block-h h2 {
		float: left;

		margin: 0;
		padding: 11px 10px;

		font-style: normal;
	}

	.block-h a {
		float: right;

		margin: 5px 5px 5px 0;
		padding: 5px 10px;

		font-size: 10px;

		border: 1px solid #f7f2eC;
		border-bottom: 1px solid #e7e2dC;
	}
		.block-h a:hover {
			color: #212121;

			border: 1px solid #e7e2dC;
			border-bottom: 1px solid #d7d2cC;
		}

		.block-h a img {
			float: left;
			position: relative;
			top: 1px;

			border: none;

			padding: 0 5px 0 0;
		}

.block-b {
	clear: both;

	padding: 5px 10px;

	background: #eee;
}


.action-pane {
	margin: 10px 0 0 0;
	padding: 0;

	background: #eee;
	border: 1px solid #ccc;
}
	.action-pane h2 {
		margin: 0 0 10px;
		padding: 11px 10px 10px;

		border-bottom: 1px solid #ccc;
	}

	.action-pane p {
		margin: 0 0 10px;
		padding: 0 10px;

		font-size: 12px;
	}
		.action-pane .info {
			padding: 10px;

			color: #aaa;
		}

	.action-pane a {
		padding: 5px 10px;

		font-size: 10px;

		background: #fff;
		border: 1px solid #ccc;
		border-bottom: 1px solid #bbb;
	}
		.action-pane a:hover {
			color: #212121;
			border: 1px solid #bbb;
			border-bottom: 1px solid #aaa;
		}

		.action-pane a img {
			position: relative;
			top: 4px;
			left: -3px;

			margin: 0;
			padding: 0 2px 0 0;

			border: none;
		}


/* Lists */

ul {
	
}
	.block-b .detail-set {
		clear: both;

		margin: 0;
		padding: 0;

		list-style-type: none;
	}
		.block-b .detail-set li {
			display: inline;
			margin: 0 10px 0 0;
		}
			.block-b .detail-set li em {
				color: #212121;
				font-style: normal;
				font-weight: bold;
			}


/* Tables */

table {
	border-collapse: collapse;
}
	.block-b table {
		width: 650px;

		margin: 5px -10px;

		font-size: 12px;
	}
		.block-b th {
			padding: 10px;

			text-align: left;

			border-bottom: 1px solid #ddd;
		}

		.block-b td {
			padding: 10px;
		}
			.block-b td.min {
				width: 0;
			}

		.block-b tr.alt td {
			background: #eaeaea;
		}

	.block-b table a img {
		border: none;
	}


/* Forms */

form {
	
}

.col-s form {
	
}
	.col-s form fieldset {
		border: none;
	}

form.full {
	margin: 0 -10px;
	padding: 0;

	font-size: 10px;
}
	form.full fieldset {
		margin: 0;
		padding: 0;

		border: none;
	}

	form.full fieldset.actions {
		margin: 5px 0 0;
		padding: 10px 0 10px 160px;

		background: #c0bfbc;
	}

	form.full .field {
		padding: 10px;

		border-bottom: 1px solid #d7d2cC;
	}
		form.full .field.alt {
			background: #eaeaea;
		}

		form.full label {
			float: left;
			display: block;

			width: 150px;

			color: #666;
		}

		form.full .field-cell {
			
		}

		form.full .field p {
			float: right;

			margin-top: -10px;
			padding: 10px;

			font-size: 12px;
		}

		form.full .field input,
		form.full .field select {
			font-size: 12px;
		}

		form.full .field textarea {
			width: 450px;
			height: 400px;

			padding: 10px;
		}

		form.full .field input.long {
			width: 350px;
		}