/*
--=.._/(        DAVE SCARINGE GLOBAL STYLES      )\_..=--
    	  */


/*
by Matt Pensworth, mattpensworth.com

Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ font: 75%/1.335 Helvetica, Arial sans-serif; text-shadow: 0 0 0 #000; }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 2em; } 	/* 24px */
h2	{ font-size: 1.665em; } /* 20px */
h3	{ font-size: 1.415em; } /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

img, a img { border: none; }

#header h1 { font-size: 3.3em; margin-left: 5px;}
#primary h1 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	}
h2 {
	border-bottom: 1px solid #d2d2d2;
	font-family: Georgia, Times, serif;
	font-size: 2.2em;
	}
	.resume h2 {
		border-bottom: 1px solid #222;
		}
h3 { font-family: Georgia, Times, serif; }
h4 { 
	color: #222;
	font-size: 1.1em; 
	font-weight: bold; 
	margin: .7em 0 0 0;	
	}
p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }

ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }



/*----------------------------------- Site Structure --------------------*/

body {
	background: #4b4b4b url(../img/css/bg_body.gif) left top repeat-x;
	color: #1b1b1b;
	margin:  0;
	padding: 0;
	text-shadow: 0 0 0 #000;
	}
#wrapper {
	margin: auto;
	position: relative;
    width: 962px;
	}
#header {
    background: transparent url(../img/css/bg_header.png) left top no-repeat;
    height: 90px;
	margin 0 0 1.5em 0; /* make room for absolutley position nav */
	padding-top:  20px;
	}
	#home #header, #sound #header {
		background: none;
		height: 50px;
		}
		#sound #header { height: 84px; }
#content {
	background: transparent url(../img/css/bg_content.png) left top no-repeat;
	float: left;
	padding-top: 7px;
	width: 962px;
	}
#primary {
	background: transparent url(../img/css/bg_primary.png) left top repeat-y;
	float: left;
	padding: 10px 19px 10px 19px;
	width: 924px;
	}
	body#sound #primary { padding: 0 7px 0 7px; width: 948px; }
	body#sound #primary #bg_sound {
		background: url(../img/css/bg_sound.jpg) left top no-repeat;
		padding: 0;
		position: relative;
		width: 948px; height: 634px;
		}
		body#sound #bg_sound .resume {
			background: transparent url(../img/css/transparent.png) left top repeat;
			height: 550px;
			margin: 20px 0 0 20px;
			padding: 20px;
			position: absolute;
			width: 450px;
			}
.column {
	color: #3a3a3a;
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding-right: 10px; 
	width: 298px;
	}
	.column p { font-size: 1.085em; }
#footer { 
	background: transparent url(../img/css/bg_footer.png) left top no-repeat;
	clear: both; 
	color: #222;
	padding-top: 10px;
	width: 962px;
	}
	#footer p { padding-left: 10px; }
/**/

/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #6eb0c0; }
a:hover, a:focus 	{ color: #666; }

a#brand {
    background: transparent url(../img/css/logo.png) 3px top no-repeat;
	color: #1b1b1b;
	display: block;
	height: 50px;
	padding-top: 25px;
	text-decoration: none;
	letter-spacing: -1px;
	width: 230px;
	}
	a#brand span { display: none; }
	
.resume a.pdf {
	background: transparent url(../img/css/pdf.png) left no-repeat;
	color: #222;
	padding-left: 18px;
	position: absolute;
	right: 20px;
	top: 35px;
	}
	
#nav a, #nav a:visited {
	font-size: 1.1em;
	text-decoration: none;
	}
	#nav li.on a, #nav li.on a:visited { border-bottom: 1px dotted #fff; color: #fff; }
#nav-utility li a {
	color: #727171;
	padding-left: 100px;
	text-decoration: none;
	}
	#nav-utility li a:hover { color: #222; }
	
#home #primary ul {
	list-style: none;
	margin: 2em 0 2em 0;
	padding: 0;
	text-align: center;
	}
	#home #primary ul li {
		display: inline;
		float: left;
		margin: 0 0 0 60px;
		padding: 0;
		text-align: center;
		width: 400px;
		}
		
	#home #primary ul li a {
		font-family: Georgia, Times, serif;
		font-size: 2em;
		text-decoration: none;
		}
		#home #primary img { display: block;}
	
.column ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.column li {
		list-style: none;
		display: block;
		padding: 0 0 .5em 0;
		}
	
#footer a, #footer a:visited {
	color: #222;
	text-decoration: none;
	}
	#footer a:hover, #footer a:focus { color: #a1c9d3; }
#footer a.link-rss {
	display: none;
	background: transparent url(../img/css/icon_rss.png) right top no-repeat;
	float: right;
	font-family: Georgia, Times, serif;
	font-size: 1.25em;
	margin: 0 10px 0 0;
	padding: 0 25px 5px 0;
	}


/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav, ul#nav-utility {
    list-style-type: none;
    margin: 0;
    padding: 0;
	}
	
#nav {
	height: 1.5em;
	position: absolute;
	top: 70px; right: 0;
	width: 250px;
	}
#nav li {
    display: block;
	float: left;
	padding: 0 0 .7em 0;
	text-align: right;
	text-decoration: none;
	width: 80px;
	}
#nav-utility {
	overflow: hidden;
	position: absolute;
	top: 68px; left: 285px;
	}
	#home #nav-utility, #sound #nav-utility {
		float: right;
		left: 570px;
		top: 25px;
		}
		#sound #nav-utility { top: 70px; }
#nav-utility li {
	color: #727171;
	display: inline;
	float:  left;
	font-size: 1.415em;
	}


/*----------------------------------- Forms -------------------------*/

form ul {
    list-style-type: none;
	margin: 0;
	}
form li {
    margin-bottom: 1em;
	}
input, select, textarea, label, button {
    display: block;
	}
#wrapper input[type=hidden] {
    border: none;
	}

button {
    cursor: pointer;
	}


/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red 	{ color: red; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }