/* =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, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	outline: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    /* HTML5 display-role reset for older browsers */
    
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }

    /* clear fix */

    .clearfix {
    	*zoom: 1;
    	}
    	
    .clearfix:before,
    .clearfix:after {
    	display: table;
    	content: "";
    	}
    	
    .clearfix:after {
    	clear: both;
    	}

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
		
		body {
			font: 15px/1.5 Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			color: #777;
			background: #fff;
			-webkit-font-smoothing: antialiased;
			}
			
	/* Text
	-------------------------------------------------------------------------- */
		
		p, ul, ol, dl, pre {
			margin-bottom: 15px;
			}
			
		h1, h2, h3, h4, h5 {
			margin-bottom: 15px;
			color: #000;
			font-weight: 400;
			font-family: Georgia, Times, serif;
			}
						
		h1 { font-size: 35px; line-height: 1.1; }
		h2 { font-size: 28px; line-height: 1.2; }
		h3 { font-size: 25px; line-height: 1.3; }
		h4 { font-size: 21px; line-height: 1.4; }
		h5 { font-size: 12px; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; }
		
		/* strong + em */
			
		strong { font-weight: 700; }
		em { font-style: italic; }
		
		/* lists */
		
		ol {
			margin-left: 15px;
			list-style: decimal;
			}
		
		ul.indent {
			margin-left: 20px;
			}
		
		ul.bullets {
			margin-left: 20px;
			list-style: disc;
			}
			
		/* links */
			
		a, a:visited { color: #000; text-decoration: none; }			
		a:hover { text-decoration: underline; }
									
	/* Common
	-------------------------------------------------------------------------- */
			
		/* hide */
		
		.hidden {
			display: none;
			}
			
		/* float left or right */
		
		.floatLeft {
			float: left;
			}
			
		.floatRight {
			float: right;
			}
			
		/* center text */ 
		
		.centerText { text-align: center; }
			
		/* center button */ 
		
		.centerButton { 
			float: left;
			position: relative;
			left: 50%;
			}
			
		.centerButton a, .centerButton button {
			position: relative;
			left: -50%;
			}
			
/* =Header
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
		
		#header {
			border-bottom: 1px solid #eeeeee;
			}
		
		#header .wrapper {
			padding-top: 30px;
			padding-bottom: 30px;
			}
			
	/* Logo
	-------------------------------------------------------------------------- */
			
		a#logo, a#logo:visited {
			color: #000;
			font-family: 'Oswald', Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			font-weight: 400;
			font-size: 28px;
			text-transform: uppercase;
			letter-spacing: 4px;
			float: left;
			position: relative;
			top: 2px;
			-webkit-transition: color .1s linear;
			   -moz-transition: color .1s linear;
			     -o-transition: color .1s linear;
			    -ms-transition: color .1s linear;
			        transition: color .1s linear;
			}
			
		a#logo:hover {
			color: #999;
			text-decoration: none;
			}

	/* Navigation
	-------------------------------------------------------------------------- */
		
		/* nav links */
		
		#header nav {
			margin-top: 11px;
			float: right;
			}
			
		#header nav ul { margin: 0; }
			
		#header nav li {
			padding-left: 15px;
			display: inline;
			}
			
		#header nav a, #header nav a:visited {
			padding: 5px;
			color: #777;
			font-family: Georgia, Times, serif;
			font-style: italic;
			font-size: 15px;
			-webkit-transition: color .1s linear;
			   -moz-transition: color .1s linear;
			     -o-transition: color .1s linear;
			    -ms-transition: color .1s linear;
			        transition: color .1s linear;
			}
			
		#header nav a:hover, #header nav a.selected {
			color: #000;
			text-decoration: none;
			}
			
/* =Content
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */

		#main {
			padding: 50px 0;
			}
			
		/* wrapper */
		
		.wrapper {
			width: 990px;
			margin: 0 auto;
			padding: 0 30px;
			position: relative;
			}
	
	/* Home Intro
	-------------------------------------------------------------------------- */
	
		#intro {
			width: 720px;
			height: 450px;
			margin: 0 auto 110px auto;
			padding: 0;
			top: -10px;
			display: none;
			}
			
		#intro img {
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			}
			
		#intro .roundabout-moveable-item {
			width: 470px;
			height: 315px;
			text-align: center;
			background-color: #ccc;
			border: 5px solid #000;
			cursor: pointer;
			-webkit-transition: box-shadow .2s linear;
			   -moz-transition: box-shadow .2s linear;
			     -o-transition: box-shadow .2s linear;
			    -ms-transition: box-shadow .2s linear;
			        transition: box-shadow .2s linear;
			}
			
		#intro .roundabout-in-focus {
			cursor: auto;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
			   -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
					box-shadow: 0 0 20px rgba(0,0,0,0.3);
			}
			
	/* Page
	-------------------------------------------------------------------------- */
	
		#page > span {
			width: 100%;
			padding: 35px 0 10px 25%;
			border-top: 1px solid #eee;
			float: left;
			position: relative;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			}
			
		#page > span:first-child { border: 0; }
			
		#page h4 {
			font-size: 23px;
			position: absolute;
			top: 27px;
			left: 0;
			}
			
		#page h5 { margin: 3px 0 5px 0; }
			
		#page ul {
			margin-bottom: 20px;
			margin-left: 20px;
			list-style: square;
			}
			
		#page p {
			margin-bottom: 30px;
			}
			
	/* Work
	-------------------------------------------------------------------------- */
	
		#work {
			margin: 0 -15px;
			}
			
		/* title and nav */
		
		#workNav {
			margin: 0 15px 15px 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px solid #eee;
			}
			
		#workNav h3 { float: left; }
			
		#workNav nav { float: right; }
		
		#workNav a, #workNav a:visited {
			margin-left: 15px;
			padding: 5px;
			color: #777;
			font-family: Georgia, Times, serif;
			font-style: italic;
			font-size: 15px;
			position: relative;
			top: 9px;
			-webkit-transition: color .1s linear;
			   -moz-transition: color .1s linear;
			     -o-transition: color .1s linear;
			    -ms-transition: color .1s linear;
			        transition: color .1s linear;
			}
			
		#workNav a:hover, #workNav a.selected {
			color: #000;
			text-decoration: none;
			}
			
		/* thumbs */
			
		#work > ul {
			width: 100%;
			float: left;
			}
			
		#work > ul li {
			width: 225px;
			margin: 15px;
			float: left;
			}
			
		#work > ul a, #work > ul a:visited {
			border: 1px solid #000;
			display: block;
			line-height: 0;
			-webkit-transition: box-shadow .1s linear;
			   -moz-transition: box-shadow .1s linear;
			     -o-transition: box-shadow .1s linear;
			    -ms-transition: box-shadow .1s linear;
			        transition: box-shadow .1s linear;
			}
			
		#work > ul a:hover {
			-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
			   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
					box-shadow: 0 5px 10px rgba(0,0,0,0.3);
			}
			
		#work > ul a span { display: none; }
		
		/* fancybox */
		
		.fancybox-title span { font-weight: normal !important; }
		.fancybox-title em { color: #fff; font-weight: 700; font-family: Georgia, Times, serif; }
			
	/* About
	-------------------------------------------------------------------------- */
	
		#about > img {
			float: left;
			}
			
		#bio {
			width: 50%;
			float: right;
			}

/* =Footer
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
					
		#footer {
			border-top: 1px solid #eee;
			background: url(../img/footer-bg.gif) bottom left repeat-x;
			}
			
		#footer .wrapper { padding-bottom: 80px; }
			
	/* Location, Contact, and Artist Statement
	-------------------------------------------------------------------------- */
		
		#footer dl {
			width: 75%;
			margin: 0;
			padding: 40px 0;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			}
		
		#footer dl:first-child { width: 25%; padding-left: 0; }
		
		#footer dl dt {
			margin-bottom: 10px;
			color: #000;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2px;
			}
	
		#footer dl dd {
			color: #777;
			font-family: Georgia, Times, serif;
			font-size: 15px;
			}
		
	/* Social and Copyright
	-------------------------------------------------------------------------- */
	
		#social, #copyright {
			margin: 0;
			position: absolute;
			}
		
		#social {
			bottom: 28px;
			left: 30px;
			}
		
		#social li {
			display: inline;
			padding-right: 20px;
			}
			
		#social a, #social a:visited {
			color: #858585;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2px;
			}
			
		#copyright {
			color: #858585;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 2px;
			bottom: 32px;
			right: 30px;
			}