@charset "utf-8";
/* CSS Document */

/* Slideshow */
		/* #########################################################
		
		Links:
		http://vtimbuc.net
		http://designmodo.com
		http://vladimirkudinov.com
		
		######################################################### */
		
		
		
		/* Browser Resets */
		.flex-container a:active,
		.flexslider a:active,
		.flex-container a:focus,
		.flexslider a:focus  { outline: none; }
		
		.slides,
		.flex-control-nav,
		.flex-direction-nav {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		.flexslider a img { outline: none; border: none; }
		
		.flexslider {
			margin: 0;
			padding: 0;
		}
		
/* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider .slides > li {
			display: none;
			-webkit-backface-visibility: hidden;
		}
		
		.flexslider .slides img {
			width: 100%;
			display: inline-block;
		
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		
/* Clearfix for the .slides element */
		.slides:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		
		html[xmlns] .slides { display: block; }
		* html .slides { height: 1%; }
		
		
		
/* Theme Styles */
		.flexslider {
			position: relative;
			zoom: 1;
			padding: 10px;
			background: #ffffff;
		
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		
			-webkit-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
			-moz-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
			box-shadow: 0px 1px 1px rgba(0,0,0, .2);
		}
		
/* Edit it if you want */
		.flex-container {
			min-width: 150px;
			max-width: 90%;
			float: left;
			margin-left: 5%;
			margin-right: 5%;
			margin-top: 10%;
		}
		
		.flexslider .slides { zoom: 1; }
		
		
		
/* Direction Nav */
		.flex-direction-nav a {
			display: block;
			position: absolute;
			margin: -17px 0 0 0;
			width: 35px;
			height: 35px;
			top: 50%;
			cursor: pointer;
			text-indent: -9999px;
			z-index: 9999;
		
			background-color: #82d344;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#937037), to(#5B421D));
			background-image: -webkit-linear-gradient(top, #937037, #5B421D);
			background-image: -moz-linear-gradient(top, #937037, #5B421D);
			background-image: -o-linear-gradient(top, #937037, #5B421D);
			background-image: linear-gradient(to bottom, #937037, #5B421D);
		}
		
		.flex-direction-nav a:before {
			display: block;
			position: absolute;
			content: '';
			width: 9px;
			height: 13px;
			top: 11px;
			left: 11px;
			background: url(../img/arrows.png) no-repeat;
		}
		
		.flex-direction-nav a:after {
			display: block;
			position: absolute;
			content: '';
			width: 0;
			height: 0;
			top: 35px;
		}
		
		.flex-direction-nav .flex-next {
			right: -5px;
		
			-webkit-border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
			border-radius: 3px 0 0 3px;
		}
		
		.flex-direction-nav .flex-prev {
			left: -5px;
		
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		}
		
		.flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px; }
		.flex-direction-nav .flex-prev:before { background-position: 0 0; }
		
		.flex-direction-nav .flex-next:after {
			right: 0;
			border-bottom: 5px solid transparent;
			border-left: 5px solid #31611e;
		}
		
		.flex-direction-nav .flex-prev:after {
			left: 0;
			border-bottom: 5px solid transparent;
			border-right: 5px solid #31611e;
		}
		
		
		
		/* Control Nav */
		.flexslider .flex-control-nav {
			position: absolute;
			width: 100%;
			bottom: -40px;
			text-align: center;
			margin: 0 0 0 -10px;
		}
		
		.flex-control-nav li {
			display: inline-block;
			zoom: 1;
		}
		
		.flex-control-paging li a {
			display: block;
			cursor: pointer;
			text-indent: -9999px;
			width: 12px;
			height: 12px;
			margin: 0 3px;
			background-color: #b6b6b6 \9;
		
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
		
			-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
			-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
			box-shadow: inset 0 0 0 2px #b6b6b6;
		}
		
		.flex-control-paging li a.flex-active {
			background-color: #82d344;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#937037), to(#5B421D));
			background-image: -webkit-linear-gradient(top, #937037, #5B421D);
			background-image: -moz-linear-gradient(top, #937037, #5B421D);
			background-image: -o-linear-gradient(top, #937037, #5B421D);
			background-image: linear-gradient(to bottom, #937037, #5B421D);
		
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		
		
		
/* Captions */
		.flexslider .slides p {
			display: block;
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 0 5px;
			margin: 0;
		
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 20px;
			color: white;
		
			background-color: #222222;
			background: rgba(0,0,0, .9);
		
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}

/* Body styles */
		body {
			background: #e6d6b8;
			max-width: 1080px;
			margin: auto;
		}

/* Header styles */
		.headerimg {
			float: left;
			margin: .5em;
			max-width: 40%;
		}
			
		.name {
		margin: 0;
		max-width: 1080px;	
		}
		
/*Content Styles */
		.subtitle {
			align-content: left;
			font-family: 'Righteous', 'Impact', sans-serif;
			margin-top: 1em;
			color: white;
			font-size: 1.5em;
		}
		
		.name {
			margin-bottom: 2em;
			align-content: center;	
		}
		
		.portfoliopage {
			margin-left: 7%;	
		}

/* icons */
		.icons li {
			display: inline-block;
			margin: .5em .5em .5em .5em;
			align-content: space-between;
			float: right;
			max-width: 50px;
			height: auto;
		}

/* Page Navigation Bar */
		#traditional a{
			background: #937036;
			color: #e5d5b7;
		}
			#traditional ul a{
				background: #000;
				color: #e5d5b7;
			}
				#traditional ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#portraits a{
			background: #937036;
			color: #e5d5b7;
		}
			#portraits ul a{
				background: #000;
				color: #e5d5b7;
			}
				#portraits ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}

	 #characters a{
			background: #937036;
			color: #e5d5b7;
		}
			#characters ul a{
				background: #000;
				color: #e5d5b7;
			}
				#characters ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
	
		#sketch a{
			background: #937036;
			color: #e5d5b7;
		}
			#sketch ul a{
				background: #000;
				color: #e5d5b7;
			}
				#sketch ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}

		#animals a{
			background: #937036;
			color: #e5d5b7;
		}
			#animals ul a{
				background: #000;
				color: #e5d5b7;
			}
				#animals ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
		
		#design a{
			background: #937036;
			color: #e5d5b7;
		}
			#design ul a{
				background: #000;
				color: #e5d5b7;
			}
				#design ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
		
		#digital a{
			background: #937036;
			color: #e5d5b7;
		}
			#digital ul a{
				background: #000;
				color: #e5d5b7;
			}
				#digital ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#graff a{
			background: #937036;
			color: #e5d5b7;
		}
			#graff ul a{
				background: #000;
				color: #e5d5b7;
			}
				#graff ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#graphicdesign a{
			background: #937036;
			color: #e5d5b7;
		}
			#graphicdesign ul a{
				background: #000;
				color: #e5d5b7;
			}
				#graphicdesign ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#markers a{
			background: #937036;
			color: #e5d5b7;
		}
			#markers ul a{
				background: #000;
				color: #e5d5b7;
			}
				#markers ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
				
		#posters a{
			background: #937036;
			color: #e5d5b7;
		}
			#posters ul a{
				background: #000;
				color: #e5d5b7;
			}
				#posters ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
		
		#progression a{
			background: #937036;
			color: #e5d5b7;
		}
			#progression ul a{
				background: #000;
				color: #e5d5b7;
			}
				#progression ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#stencils a{
			background: #937036;
			color: #e5d5b7;
		}
			#stencils ul a{
				background: #000;
				color: #e5d5b7;
			}
				#stencils ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#stickers a{
			background: #937036;
			color: #e5d5b7;
		}
			#stickers ul a{
				background: #000;
				color: #e5d5b7;
			}
				#stickers ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#sketches a{
			background: #937036;
			color: #e5d5b7;
		}
			#sketches ul a{
				background: #000;
				color: #e5d5b7;
			}
				#sketches ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#threed a{
			background: #937036;
			color: #3e5d5b7;
		}
			#threed ul a{
				background: #000;
				color: #e5d5b7;
			}
				#threed ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
				
		#portfolio a{
			background: #937036;
			color: #e5d5b7;
		}
			#portfolio ul a{
				background: #000;
				color: #e5d5b7;
			}
				#portfolio ul a:hover {
					background: #937036;
					color: #e5d5b7;	
				}
		
		#press a{
			background: #937036;
			color: #e5d5b7;
		}
		
		#videos a{
			background: #937036;
			color: #e5d5b7;
		}
		
		
		nav {
			text-decoration: none;
			float: right;
			position: relative;
		}
		
		nav ul ul {
			display: none;
		}
		
			nav ul li:hover > ul {
				display: block;
			}
			
		nav ul {
			font-family: 'Righteous', sans-serif;
			background: #e5d5b7;
			font-size: .75em;
			padding: 0 10px;
			border-radius: 3px 0px 0px 3px;
			border-bottom-color: #937036;  
			list-style: none;
			position: relative;
			display: inline-table;
			
		}
			nav ul:after {
				content: ""; clear: both; display: block;
			}
			
		nav ul li {
			float: left;
		}
			nav ul li:hover {
				background: #000;
				
			}
				nav ul li:hover a {
					color: #937036;
				}
			
			nav ul li a {
				display: block; padding: 10px 20px;
				color: #937036; text-decoration: none;
			}
			
		nav ul ul {
			background: #000; border-radius: 0px; padding: 0;
			position: absolute; top: 100%;
		}
			nav ul ul li {
				float: none; 
				border-top: 1px solid #937036;
				border-bottom: 1px solid #000;
				position: relative;
			}
				nav ul ul li a {
					padding: 5px 20px;
					color: #fff;
				}	
					nav ul ul li a:hover {
						background: #937036;
						color: #e5d5b7;
					}
			
			
/* Main (Home) Navigation Bar */
		#main #home a{
			background: #937036;
			color: #e5d5b7;
		}
		
		#main {
			text-decoration: none;
			float: right;
			position: relative !important;
			 z-index: 9999 !important;
		}
		
		#main ul ul {
			display: none;
		}
		
			#main ul li:hover > ul {
				display: block;
			}
			
		#main ul {
			font-family: 'Righteous', sans-serif;
			font-size: .75em;
			background: #e5d5b7; 
			padding: 0 10px;
			border-radius: 3px 0px 0px 3px;
			border-bottom-color: #937036;  
			list-style: none;
			position: relative;
			display: inline-table;
			
		}
			#main ul:after {
				content: ""; clear: both; display: block;
			}
			
		#main ul li {
			float: left;
		}
			#main ul li:hover {
				background: #000;
				
			}
				#main ul li:hover a {
					color: #937036;
				}
			
			#main ul li a {
				display: block; padding: 10px 20px;
				color: #937036; text-decoration: none;
			}
			
		#main ul ul {
			background: #000; border-radius: 0px; padding: 0;
			position: absolute; top: 100%;
		}
			#main ul ul li {
				float: none; 
				border-top: 1px solid #937036;
				border-bottom: 1px solid #000;
				position: relative;
			}
				#main ul ul li a {
					padding: 5px 20px;
					color: #fff;
				}	
					#main ul ul li a:hover {
						background: #937036;
						color: #e5d5b7;
					}
			
/* Venobox */
		.imggrid {
			margin-left: 2em;
			margin-right: 2em;
			align-content: center;
			margin-top: -6em;
			}
			.imggriddesign {
			margin-right: 2em;
			align-content: center;
			margin-top: -6em;
			}
		
		.top {
			background: #000;
			width: 1080px;
			display: inline-block;	
		}
		
		p {
			display: inline-block;
			margin: 1em;
		}
		
		p img {
			margin: .2em;
			border-style: solid;
			border-color: #b19cca;
			border-width: .3 em;
			-webkit-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.8);
			-moz-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.8);
			box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.8);
		}
		
		a title {
			font-family: 'Righteous', helvetica, Gill sans, sans-serif;	
		}
		
		.seperator {
			background-color: #b5b5b5;
			width: 3px;
			height: 100px;
			margin-top: 25px;
			-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
			-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
			box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
		}	

/* Bio */
		.bio {
			display: inline-block;
			color: #fff;
			font-family: 'Righteous', sans-serif;
			font-size: 1.2em;
			align-content: right;
			margin-top: 6em;	
			padding-top: 10%;
			
		}
		
		.bio img {
			font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
			font-size: 2em;
			margin-right: .5em;
			float: right;
			max-widht: 20%;
			color: #937036; 
			border: none !important;
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
		}


/* Footer */
		footer {
			background: #e6d6b8;
			max-width: 100%;
			height: 4%;
			overflow: visible;
			float: left;
			margin-top: 4%;
		}
		
		.leftfoot {
			color: #ffffff;
			font-size: .75em;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
			float: left;
			margin-right: 42em;
		}
		
		.rightfoot {
			color: #ffffff;
			text-decoration: none;
			font-size: .75em;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
			float: right;
			text-align: right;
			marging-left: 42em;
		}
		
		a {
			text-decoration: none;
			color: inherit;
		}