@charset "UTF-8";
/* Main Stylesheet */

/* Rhodes Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
a { 
	outline: none; 
	text-decoration: none;
	color: #555;
	font-weight: bold;
}
a:hover { color: #900; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
/* ol,ul {
	list-style:none;
} */
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym { border:0; }

/* END Rhodes Reset */

body {
	background: #999689;
	font-size: 100%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.subpage { background: #d2d2d2; }

.clear { clear: both; }

#container {
	width: 100%;
	overflow: hidden;
}
.subpage #header { 
	background-color: #827F76;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 5px solid #908D85;
}
.front div.logo-box { 
	float: left;
	height: 310px; 
	padding-left: 30px; 
	background: #999689 url(bg-images/main-bg.jpg) -30px 100px no-repeat;
	position: relative;
	z-index: 200;
}
.front a#logo {
	text-indent: -9999px;
	background: url(bg-images/logo.png) left center no-repeat;
	width: 372px;
	height: 66px;
	display: block;
	margin-top: 35px;
	float: left;
	padding-right: 58px;
}
	.subpage a#logo {
		text-transform: uppercase;
		font-size: 30px;
		padding-left: 30px;
		text-decoration: none;
		color: #000;
		margin-top: 30px;
		margin-bottom: 5px;
		float: left;
		position: relative;
	} 
	.subpage a#logo:hover { color: #009; }
	.subpage a#logo span.backhome {
		display: block;
		font-size: 22px;
		text-transform: lowercase;
		font-weight: bold;
		letter-spacing: 2px;
		position: absolute;
		top: -12px;
		left: 32px;
	}
.front #tagline { 
	clear: left; 
	float: left; 
	margin-top: 5px; 
	font-size: 20px; 
	letter-spacing: 2px;
	text-transform: uppercase; 
}
	.subpage #tagline { display: none; }
.front #nav {
	margin-left: 460px;
	padding-left: 15px;
	padding-top: 35px;
	background: url(bg-images/nav-post.gif) top left no-repeat;
	height: 277px;
	width: 100%;
}
.subpage #nav {
	float: left;
	width: 580px;
	margin-left: 72px;
	margin-top: 30px;
}
	.front #nav li { list-style: none; margin-bottom: 11px; }
	.subpage #nav li { 
		float: left; 
		margin-right: 20px; 
		list-style: none;
	}
	.front #nav li a {
		text-decoration: none;
		font-size: 40px;
		text-transform: uppercase;
		padding-left: 30px;
		line-height: 54px;
		color: #3D3C37;
		display: block;
		padding-top: 10px;
		height: 44px;
		background-color: #827F76;
		outline: none;
	}
	.subpage #nav li a {
		text-transform: uppercase;
		font-size: 20px;
		color: #3D3C37;
		text-decoration: none;
		padding: 20px 15px 15px 15px;
	}
	.front #nav li a:hover, .front #nav li a.current {
		background-color: #3D3C37;
		color: #999689;
	}
	.subpage #nav li a:hover { color: #000; }
	.subpage #nav li a.current { 
		color: #000; 
		background: url(bg-images/gator-marker1.jpg) center top no-repeat; 
		cursor: default;
	}
	#nav li a.current { cursor: auto; }
		/* #nav li a.about {
			background-image: url(bg-images/about.png);
			width: 196px;
		}
		#nav li a.designs {
			background-image: url(bg-images/designs.png);
			width: 220px;
		}
		#nav li a.blog {
			background-image: url(bg-images/blog.png);
			width: 239px;
		}
		#nav li a.contact {
			background-image: url(bg-images/contact.png);
			width: 219px;
		} */
		
#bites {
	background: url(bg-images/bites.png) right center no-repeat;
	width: 359px;
	height: 347px;
	position: relative;
	text-indent: -9999px;
	top: 3px;
	float: left;
	padding-left: 30px;
}
#bites a {
	background: url(bg-images/bites-a.png) right top no-repeat;
	width: 359px;
	height: 150px;
	position: absolute;
	top: 196px;
	left: 30px;
}
#bites a:hover {
	background-position: right bottom;
}

#front-feed {
	width: 423px;
	margin-left: 77px;
	padding-left: 38px;
	float: left;
	background: url(bg-images/dotted.png) left top repeat-y;
	min-height: 500px;
	list-style: none;
	padding-bottom: 50px;
}

#front-feed h2 {
	height: 40px;
	font-size: 40px;
	color: #3D3C37;
	text-transform: uppercase;
	margin-top: 43px;
	padding-bottom: 10px;
	margin-bottom: 8px;
	border-bottom: 2px dashed #A29F93;
}
	#front-feed h2 #rss {
		text-indent: -9999px;
		display: block;
		height: 25px;
		width: 25px;
		position: relative;
		top: -50px;
		left: 350px;
		padding-left: 10px;
		background: url(bg-images/rss.png) right top no-repeat;
	}

li.item {
	line-height: 140%;
	padding-left: 35px;
	padding-bottom: 10px;
	border-bottom: 2px dashed #A29F93;
	margin-bottom: 8px;
}
#front-feed li.item a {
	text-decoration: none;
	color: #3D3C37;
	font-weight: normal;
}
li.delicious {
	background: url(bg-images/icon-delicious.png) left 1px no-repeat;
}
	li.delicious a {  }
li.twitter {
	background: url(bg-images/icon-twitter.png) left 3px no-repeat;
}
	li.twitter a { color:#444; }
li.flickr {
	background: url(bg-images/icon-flickr.png) left 1px no-repeat;
}
	li.flickr a {  }
	li.flickr img { border: 2px solid #827F76; }
#front-feed li.item a:hover { color: #fff; background: #3D3C37; }
li.item span.date {
	font-size: 10px;
	color: #716F68;
	text-transform: uppercase;
	position: relative;
	top: -2px;
	padding-left: 4px;
}

#footer { background-color: #000000; color: #efefef; padding: 10px 0 50px 0; margin: 30px 0 0 0; }
#footer h3 {
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
}
#footer p {
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
	margin: 1em 0;
}
#footer .rss {
	padding-left: 16px;
	background: url(bg-images/rss2.png) left 0px no-repeat;
}
#footer a { font-weight: normal; color: inherit; border-bottom: 1px dotted #444; }
#footer a:hover { color: #900; }
#footer ul { list-style: none; padding-left: 0px; font-size: 12px; margin: 1em 0; }
#footer li { margin-bottom: 5px; }
#footer li a { padding-left: 18px; background-position: left 1px; background-repeat: no-repeat; margin: 0 7px; }
	#footer li a.twitter { background-image: url(bg-images/icon-twitter2.png); }
	#footer li a.delicious { background-image: url(bg-images/icon-delicious2.png); }
	#footer li a.flickr { background-image: url(bg-images/icon-flickr2.png); }
	#footer li a.facebook { background-image: url(bg-images/icon-facebook2.png); }
	#footer li a.tumblr { background-image: url(bg-images/icon-tumblr2.png); }
.footer-feed li.flickr img { float: right; width: 50px; height: 50px; }
#footer .footer-feed li a { padding-left: 0; }
#footer .footer-feed li { border-bottom: 1px dotted #444; margin-bottom: 10px; }
	


/* Subpage Styles */
	/* ALL */
	.subpage #header {
		margin-bottom: 30px;
	}
	.subpage h1, .subpage p {
		margin: 1em 0;
		line-height: 140%;
	}
	.subpage h1 {
		text-transform: uppercase;
		font-size: 24px;
		color: #009;
		margin-top: 2em;
	}
	
	.subpage .top { margin-top: 0; }
	.subpage .top { margin-top: 0; }
	.super-col {
		padding-left: 30px;
		width: 660px;
		float: left;
	}
	.big-col {
		padding-left: 30px;
		width: 430px;
		float: left;
	}
	.small-col {
		padding-left: 30px;
		width: 200px;
		float: left;
	}
	.mini-list, .about .mini-list {
		list-style: none;
		border-left: 1px solid #bbb;
		color: #4C4B44;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 3px 0px 3px 12px;
		line-height: 140%;
	}
	.mini-list .title, .about .mini-list .title { font-weight: bold; margin-bottom: 1em; }
	.mini-list li, .about .mini-list li { margin-bottom: 3px; }
	.mini-list li a { font-weight: normal; }
	
	ul.page, ol.page { padding-left: 50px; font-size: 14px; }
	ul.page li, ol.page li { margin-bottom: 10px; color: #444; }

	/* ABOUT */
	
	
	/* DESIGNS */
	.project { margin-bottom: 60px; }
	.designs h2 { 
		color: #009;
		text-transform: uppercase;
		font-size: 24px;
		margin-top: 2em; 
	}
	.designs p {
		font-size: 12px;
		line-height: 20px;
	}
	.designs p.last {
		margin-bottom: 25px;
	}
	.folio-pic {
		display: block;
		width: 88px;
		height: 88px;
		text-indent: -9999px;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		float: left;
		position: relative;
	}
	.left-folio-pic {
		margin-right: 10px;
	}
	.folio-pic span {
		display: block;
		width: 22px;
		height: 22px;
		background-position: center center;
		position: absolute;
		top: -6px;
		left: -6px;
	}
	.pic1 span, .num1 { background-image: url(../images/number1.png); }
	.pic2 span, .num2 { background-image: url(../images/number2.png); }
	.pic3 span, .num3 { background-image: url(../images/number3.png); }
	.pic4 span, .num4 { background-image: url(../images/number4.png); }
	.pic5 span, .num5 { background-image: url(../images/number5.png); }
	.pic6 span, .num6 { background-image: url(../images/number6.png); }
	.pic7 span, .num7 { background-image: url(../images/number7.png); }
	.pic8 span, .num8 { background-image: url(../images/number8.png); }
	
	strong.num {
		font-weight: bold;
		color: #903;
	}
	a.project-button {
		text-decoration: none;
		color: #fff;
		background-color: #009;
		text-transform: uppercase;
		font-size: 14px;
		padding: 5px 10px;
		margin-top: 15px;
	}
	a.project-button:hover { background-color: #903; }
	
		/* VLP project */
		.vlp .pic1 {
			background: url(../images/thumbs/thumb-VLP-main.jpg) center center no-repeat;
		}
		.vlp .pic2 {
			background: url(../images/thumbs/thumb-VLP-feature.jpg) center center no-repeat;
		}
		.vlp .pic3 {
			background: url(../images/thumbs/thumb-VLP-flickr-module.jpg) center center no-repeat;
		}
		.vlp .pic4 {
			background: url(../images/thumbs/thumb-vlp-calendar-module.jpg) center center no-repeat;
		}
		
		/* Puremotif project */
		.puremotif .pic1 {
			background: url(../images/thumbs/thumb-puremotif-main.jpg) center center no-repeat;
		}
		.puremotif .pic2 {
			background: url(../images/thumbs/thumb-puremotif-feature.jpg) center center no-repeat;
		}
		.puremotif .pic3 {
			background: url(../images/thumbs/thumb-puremotif-portfolio.jpg) center center no-repeat;
		}
	
	/* Contact */
	.form {
		margin-left: 30px;
		border-left: 1px solid #bbb;
	}
	#footer .form { border: none; margin-left: 0px; }
	textarea {
		width: 400px;
		height: 150px;
	}
	#footer textarea { width: 370px; }
	label { display: block; margin-bottom: 5px; font-size: 14px; }
	input.textfield { width: 200px; }
	
	/* For Hire */
	
	.for-hire p { font-size: 14px; }
	.for-hire .big-col img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.for-hire h4 { font-weight: bold; font-size: 16px; }




/* END SUBPAGE STYLES */