/*
Theme Name: 
Theme URI: 
Description: 
*/

@import "css/reset.css";

body 			{ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:15px;
			      background:#C07C41 url(images/bg/texture.jpg) repeat center top; color:#333333; margin:0; padding:0; text-align:left; letter-spacing:0px; }
:link img 		{ border:none }
a 				{ outline:none;}
.hidden 			{ display:none; }
br.clear 		{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* Presentational classes generated by WordPress. http://codex.wordpress.org/CSS */
.aligncenter 	{ display:block; margin:0 auto }
.alignleft 		{ float:left }
.alignright 		{ float:right }
/* safari text shadow removed */
body 			{ -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}} 

				/* -------- COLOR SCHEME
							text:			#333333;	(grey)
							heading:		#669999;	(aqua)
							heading:		#CC0000;	(red)
							heading:		#3399CC;	(light blue)
							heading:		#663300;	(brown)
				*/

/* universal */
p,h2,h3,h4,h5,h6 { text-align:left; }

/* paragraphs */
p 		{ font-size:15px; padding:0 0 10px 0; margin:0px; line-height:1.5; }

/* headings */
h1		{ font-size:30px; font-weight:normal; }
h2 		{ font-size:34px; font-weight:bold; margin:0px 0px 10px 0px; color:#3399CC; }
h3 		{ font-size:18px; font-weight:bold; margin:10px 0px 3px 0px; color:#333333; }
h4 		{ font-size:18px; font-weight:bold; margin:10px 0px 3px 0px; color:#3399CC; }
h5		{ font-size:14px; font-weight:normal; margin:5px 0px 0px 0px; color:#000; } /* resume small titles */
h6		{ font-size:14px; font-weight:normal; margin:0px 0px 10px 0px; color:#333333; }

/* universal links */
a:link, 
a:visited 	{ color:#E5A430; text-decoration:none; }
a:hover 		{ color:#A57A2D; text-decoration:none; }

/* button class */
a.button:link, 
a.button:visited  	{ color:#fff; font-size:10px; background:#E5A430; display:block; padding:2px 5px; margin:0; }
a.button:hover 		{ background:#A57A2D; text-decoration:none; }

/* ul list items */
ul 			{ margin:10px 0 0 0; list-style-type:disk; font-size:12px; }
ul ul		{ margin:10px 0 0 0; list-style-type:disk; font-size:12px; }
ul li			{ display:list-item; text-align:left; padding:3px 0; margin-left:30px; }
ul li a		{  }
/* ordered list items */
ol 			{ margin:10px 0 0 0; list-style-type:decimal; font-size:12px; }
ol li ol		{ margin:10px 0 0 0; list-style-type:decimal; font-size:12px; }
ol li			{ text-align:left; padding:3px 0; margin-left:30px; }
ol li a		{  }
/* other */
blockquote	{  }

#wrapper	{ width:852px; margin:50px auto 0 auto; background:#fff; overflow:hidden; }
	#header		{ height:150px; }
		h1 		{ background:url(images/bg/logo.gif) no-repeat; width:246px; height:150px; text-indent:-9999px; float:left; } 
		h1 a 	{ width:100%; height:100%; display:block; }
		/* navigation is one sprite image for both states */
		#nav		{ width:606px; height:148px; float:right; background:url(images/bg/nav_bg.gif) no-repeat 0 0; position:relative; }
			#nav ul					{ margin:0; padding:0; }
			#nav ul li				{ margin:0; padding:0; }
			#nav ul li a				{ background:url(images/nav/nav_sprite.png) no-repeat 0 0; display:block; position:absolute; top:15px; 
									  text-indent:-9999px; height:125px; overflow:hidden; }
			/* nav buttons */
			#nav ul li a.web				{ width:100px; background-position:0 0; left:10px; }
			#nav ul li a.print				{ width:100px; background-position:-116px 0; left:130px; }
			#nav ul li a.misc				{ width:120px; background-position:-230px 0; left:245px; }
			#nav ul li a.resume			{ width:100px; background-position:-380px 0; left:400px; }
			#nav ul li a.contact			{ width:100px; background-position:-480px 0; left:490px; }
			/* span for color fill background */
			#nav ul li a span				{ background:url(images/nav/nav_sprite.png) no-repeat 0 -122px; display:block;
										  position:relative; top:0; left:0; height:100%; width:100%; z-index:100; text-indent:-9999px; }
			#nav ul li a.web span			{ background-position:0 -122px; }
			#nav ul li a.print span		{ background-position:-116px -122px; }
			#nav ul li a.misc span			{ background-position:-230px -122px; }
			#nav ul li a.resume span		{ background-position:-380px -122px; }
			#nav ul li a.contact span		{ background-position:-480px -122px; }
	#content-wrap	{ min-height:400px; overflow:hidden; padding:60px 0 0 0; background:url(images/bg/content_top.jpg) no-repeat 0 0; }
	#sidebar		{ width:332px; float:left; display:inline; padding:0 0 40px 20px; text-align:center; }
		#sidebar p		{ text-align:center; }
		#sidebar a		{ color:#003399; font-size:18px; text-decoration:underline; }
	#content		{ width:470px; float:left; display:inline; padding:0 30px 40px 0; }
		.gallery a img		{ padding:0 10px 10px 0; }
	/* alternate widths - resume */
	body.resume #sidebar	{ width:255px; padding:0 20px 40px 20px; }
	body.resume #content	{ width:527px; padding:0 30px 40px 0; }
	body.resume h3			{ color:#663300; margin:0px 0px 5px 0px; }
	body.resume p			{ color:#666666; line-height:1.2; font-size:12px; }
	/* alternate widths - contact */
	body.contact #sidebar	{ width:240px; padding:0 20px 40px 20px; }
	body.contact #content	{ width:542px; padding:0 30px 40px 0; }
	form			{ margin:0; padding:0; }
		.form-field					{ width:100%; margin:0 0 10px 0; padding:0; clear:both; }
		form#contact label			{ display:block; }
		form#contact input			{ padding:6px; }
		form#contact p				{  }
		form#contact input.checkbox	{ float:left; margin:3px 10px 0 0; padding:0; }
		form#contact p.checkboxDesc	{ font-size:12px; float:left; margin:0; padding:0; }
		.submit	h3					{ color:#CC0000; float:left; line-height:1.2; margin:5px 0 0 15px; padding:0; }
		.error						{ color:red; font-style:italics; }
	
	#page-bottom	{ width:100%; height:72px; padding:4px 0 0 0; background:url(images/bg/page_bottom_gradient.jpg) repeat-x 0 0; overflow:hidden; }
		#page-bottom div.left		{ float:left; width:180px; border-right:1px dotted #ccc; }
		#page-bottom div.center		{ float:left; width:348px; border-right:1px dotted #ccc; }
		#page-bottom div.right		{ float:left; width:321px; border-right:none; }
		#page-bottom img				{ float:left; padding:10px 10px 0 15px; }
		#page-bottom p				{ padding:20px 10px 0 0; font-family:verdana, arial; font-size:12px; color:#000; line-height:1.2; }
	#credits		{ background:#000; }
		#credits p		{ color:#FF9900; font-size:14px; text-align:center; padding:5px 0; }
		#credits span	{ color:#fff; }
		#credits a		{ color:#fff; }
	#footer-nav		{ height:50px; }
		#footer-nav ul			{ margin:0; padding:5px 0 0 0; text-align:center; }
		#footer-nav ul li			{ margin:0; padding:0; display:inline; color:#666666; }
		#footer-nav ul li a		{ color:#666666; text-transform:uppercase; }
		#footer-nav ul li a:hover	{ text-decoration:underline; }