/*
+-------------------------------------------------------------------------+
+ anything but a cubicle
+ css style
+ gjh@nmm! for clicknathan.com 
+-------------------------------------------------------------------------+
*/

/* global 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal; } 

ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-weight:bold; } 
	
h3, h4 {padding:15px 0px 9px 0px;}

#welcome-message h3 {border:none !important;}

h3 {border-bottom:1px solid brown;}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.clear-special {clear: both; height: 30px;}
.hide, hr {display: none;}
abbr, acronymn {text-decoration: none; border:0; speak: spell-out;}


/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #f1eee6;
	color: #494545;
	margin: 0; 
	padding: 0;
	text-align: center;}
	
	a {color: #f14009; text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:visited {color: #bba271; text-decoration: none;}
	
	img {border:none;}
	
/* header styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#index-head {
	text-indent: -5000px;
	margin: 20px 0 5px;
	height: 62px;
	width: 539px;
	background: url(/images/logo-main.jpg) top left no-repeat;}

#subpage-head {
	text-indent: -5000px;
	height: 147px;
	width: 589px;
	margin-bottom: 30px;
	background: url(/images/header-sub.jpg) top left no-repeat;}

/* containers ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

/* holds everything */
#cubicle {
	width: 879px;
	margin: 0 auto;
	text-align: left;
	position: relative;}

/* index page ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
/* we have some unique styles going on here... */

#index-content {
	position: relative;
	text-indent: -5000px;
	height: 487px;
	width: 879px;
	background: url(/images/front-page.jpg) top left no-repeat;}
	
	/* index page nav */
	#nav-index li {position: absolute;}
	#nav-index a {display: block;}
	
	#index-about {top: 59px; left: 319px;}
		#index-about a {height:115px; width:114px;}
		
	#index-resume {top: 64px; left: 444px;}
		#index-resume a {height:101px; width:101px;}
	
	#index-work {top: 178px; left: 364px;}
		#index-work a {height:87px; width:181px;}
	
	#index-contact {top: 277px; left: 328px;}
		#index-contact a {height:106px; width:108px;}
	
	#index-find {top: 283px; left: 465px;}
		#index-find a {height:100px; width:115px;}

/* sub page ------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

	/* sub page nav */
	#nav-subpage li {position: absolute;}
	#nav-subpage a {display: block; }
	
	#subpage-home {top: 105px; left: 39px;}
		#subpage-home a {height:22px; width:57px;}
	
	#subpage-about {top: 100px; left: 108px;}
		#subpage-about a {height:25px; width:90px;}
		
	#subpage-contact {top: 98px; left: 210px;}
		#subpage-contact a {height:23px; width:70px;}
			
	#subpage-resume {top: 93px; left: 291px;}
		#subpage-resume a {height:21px; width:73px;}
	
	#subpage-work {top: 88px; left: 378px;}
		#subpage-work a {height:28px; width:87px;}	
	
	#subpage-find {top: 83px; left: 476px;}
		#subpage-find a {height:27px; width:86px;}

	/* subpage headers */
	#subpage-content h2 {text-indent: -5000px; margin-bottom: 15px;}
	
	#b-about {height: 34px; width: 179px; background:url(/images/b-aboutme.gif) top left no-repeat;}
	#b-contact {height: 33px; width: 128px; background:url(/images/b-contact.gif) top left no-repeat;}
	#b-find {height: 34px; width: 155px; background:url(/images/b-find.gif) top left no-repeat;}
	#b-resume {height: 37px; width: 142px; background:url(/images/b-resume.gif) top left no-repeat;}
	#b-work {height: 47px; width: 168px; background:url(/images/b-work.gif) top left no-repeat;}
	#b-yoga {height: 52px; width: 244px; background:url(/images/b-yoga.gif) no-repeat; background-position:-156px 0px; }
	
	/* subpage content */
	#subpage-content {padding: 0 20px 25px;}
	
	#subpage-content p {
		line-height: 1.4em;
		margin-bottom: 1em;}
	
	#subpage-content ol {
		line-height: 1.4em;
		margin: 0 0 1.2em 35px;}
	
	#subpage-content ul {
		line-height: 1.4em;
		margin: 15px 0 1.2em 15px;}
		
		#subpage-content ul li {
				padding-left: 15px;
				background:url(/images/bul.gif) 0 7px no-repeat;}
	
	#subpage-content blockquote {
	line-height: 1.4em;
	margin: 0 0 1.2em 15px;
	padding-left: 15px;
	background:url(/images/quote.gif) 0 5px no-repeat;}
	
	#subpage-content p img {float:right; margin:5px 0px 15px 15px;}	
	
	/* polaroids ------------------------------------------------------------- */
	
	#polaroid, #resume {
		width: 276px;
		height: 269px;
		margin: 0 0 15px 15px;
		float: right;}
		
		#resume {border:1px solid brown; background:white; padding:15px; height:auto !important; width:200px;}
	
		#polaroid img {margin: 20px 0 0 17px;}
		
		#resume img {float:left; margin-right:10px;}
		
		#resume p {font-size:110%;}
		
		#resume a {display:block;}
		
		/* we may be able to set this up better, but for now, lets stick with this. */
		
		.mexico {background: url(/images/polaroid-mexico.gif) top left no-repeat;}
		.wyoming {background: url(/images/polaroid-wyoming.gif) top left no-repeat;}
	
	/* sticky ---------------------------------------------------------------- */

	#sticky a {
		display: block;
		position: absolute;
		top: 10px;
		right: 0px;
		text-indent: -5000px;
		width: 187px ;
		height: 172px;
		background:url(/images/sticky.jpg) top left no-repeat;}

/* contact page ---------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#contact {
	position: relative;
	width: 569px;
	height: 367px;
	background:url(/images/contact-bg.jpg) top left no-repeat;
	margin: -25px 0 0 172px;}
	
	#contact address {
		text-indent: -5000px;
		height: 209px;
		width: 268px;
		position: absolute;
		top: 88px;
		left: 290px;		
		background:url(/images/address.gif) top left no-repeat;}
		
	#contact form {
		padding-top: 60px;
		margin: 0 0 0 20px;}
	
	#name,
	#email, .fmtext {
		width: 231px;
		height: 23px;
		background-color: #FFFFFF;
		border: 1px solid #543e3c;}
	
	#comments, .fmtextarea {
		width: 231px;
		height: 90px;
		background-color: #FFFFFF;
		border: 1px solid #543e3c;}
	
	.submit input {
	background: #543e3c;
	color: #FFFFFF;
	border:0;
	padding: 4px 15px;
	font-weight: bold;}
	
	.required {display:none;}

/* footer ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

table {border:1px solid #bdad89 !important;}
th {font-weight:bold; text-align:center; padding:5px;}
thead {background:white;}
td {padding:5px;}

/* footer ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#footer {position: relative; margin-top: 10px;}
#copyright {
	width: 414px;
	height: 29px;
	position: absolute;
	top:0;
	right:226px;
	text-indent: -5000px;
	background: url(/images/footer-copyright.jpg);}
	
#design {
	display: block;
	width: 223px;
	height: 29px;
	position: absolute;
	top:0;
	right:0;
	text-indent: -5000px;
	background: url(/images/footer-clicknathan.jpg);}