/*
================================================================================
	Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
================================================================================
*/
	
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

/*
================================================================================
	GLOBAL stuff
================================================================================
*/

a {
	color: #26a9e0;
	font-weight: normal;
	text-decoration: none; }
	
	h3 a { color:inherit; font-weight:inherit;}
	
a:hover {
	color: #3f3f3f; }

body {
	background: #d4cbc2 url(../img/bg_400_tan.jpg) repeat 0 0;
	color: #333;
	font-family: Georgia,Times,serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 72px;
	text-align: center; }

form, h1, h2, h3, h4, h5, h6, ol, p, ul {
	margin-bottom: 20px; }


/*
================================================================================
	PAGE setup
================================================================================
*/

div#wrap1 {
	background:#fff url(../img/top-bar-01.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 35px 0 36px;
	width: 980px; }

div#wrap2 {
	background:#fff;
	padding: 0 40px;
	position: relative;
	text-align: left; }
	
div#mainblock {
	background:#fff;
	clear: both;
	padding-bottom: 10px; }

div#leftcol {
	float:left;
	width:240px;
	background:#fff;
	padding: 46px 0 0 0; }

div#rightcol {
	float:right;
	width:660px;
	background:#fff;
	padding: 114px 0 0 0;}
	
div#rightcol-wrap {
	padding: 0 0 0 40px; }

	div#rightcol-one {
		float:left;
		width:290px; }
		
	div#rightcol-two {
		float:right;
		width:330px; }
	
	div#rtwo-wrap {
		padding: 0 0 0 40px; }
		
	div.innercol_left {
		float:left;
		width:300px; }
		
	div.innercol_right {
		float:right;
		width:300px; }
	
/*
================================================================================
	LOGO
================================================================================
*/

#logo a {
	display:block;
	width: 160px;
	height: 160px;
	background: url("../img/logo_aug2_2010.gif") 0 0 no-repeat;
	text-indent: -9999px;
	border: none;
	padding: 0;
	margin: 0 0 58px 0; }
	
#logo a:hover { 
	background-position: 0 -160px; }

/*
================================================================================
	NAVIGATION
================================================================================
*/

ul#main-nav { margin:0 0 93px 0; overflow:auto; width:100%; }

ul#main-nav li {
	display:block;
	float:left;
	margin:0;}
	
ul#main-nav li a {
	display:block;
	outline:none;
	width:63px;height:27px;
	background:transparent url(../img/nav02.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0; }

	ul#main-nav li a:hover { background-position:0 -27px }
	#homepage ul#main-nav li a { background-position:0 -27px }

ul#main-nav li#portfolio-nav a {
	width:118px;
	background-position:-63px 0; }
	
	ul#main-nav li#portfolio-nav a:hover { background-position:-63px -27px }
	#portfolio ul#main-nav li#portfolio-nav a { background-position:-63px -27px }
		
ul#main-nav li#about-nav a { 
	width:81px;
	background-position:-181px 0; }
	
	ul#main-nav li#about-nav a:hover { background-position:-181px -27px }
	#about ul#main-nav li#about-nav a { background-position:-181px -27px }
		
ul#main-nav li#friday-nav a {
	width:118px;
	background-position:-262px 0; }
	
	ul#main-nav li#friday-nav a:hover { background-position:-262px -27px }
	#friday-mix ul#main-nav li#friday-nav a { background-position:-262px -27px }
		
ul#main-nav li#flickr-nav a {
	width:62px;
	background-position:-380px 0; }
	
	ul#main-nav li#flickr-nav a:hover {
		background-position:-380px -27px; }
/*
================================================================================
	TYPOGRAPHY
================================================================================
*/

.it-bo {
	font-weight:bold;
	font-style:italic; }

h2 { font-size:36px; }

h3 { font-size:16px; font-weight:bold; }

	#friday-mix h3 { margin-bottom: 0px; margin-top: 20px; }
	h3.sub {margin-bottom: 10px; font-weight:normal; text-transform:uppercase; color: #0b7787; }

em { font-style:italic; }

strong { font-weight:bold; }

.subhead { font-size:16px; }

/*
================================================================================
	IMAGES, ICONS, MISC.
================================================================================
*/

.marks {
	display:block;
	margin: 30px auto 30px auto; }
	
.uparrow {
	padding: 20px 0 0 10px; }

div#footer {
	background:transparent url(../img/border_jagged_01.gif) no-repeat 0 0; 
	padding: 12px 0 0 0;
	margin: 40px 0}
	
.folio-list li {
	background:url(../img/small_list_arrow.gif) no-repeat 0 8px;
	padding-left: 15px;
	margin-left: -15px; 
	list-style:none; }
	
.folio-thumbs {
	padding: 0 8px 3px 0; }
	
#about-list li { margin-bottom: 8px; margin-left: 20px;}
	
	#friday-mix ol li { margin-left: 20px; }
	
/*
================================================================================
	FLICKR stream
	Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
================================================================================
 */
 
#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:0 4px 0 0; display:inline;}
.flickr_badge_image img {border: none;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}