/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:left;
	font-family:Delicious, Arial, Helvetica, sans-serif;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:460px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* Body
----------------------------------------------------------------------------------------------------*/

body {
	position:relative;
	font-size:16px;
	font-family:Delicious, Arial, Helvetica, sans-serif;
}


/* Fonts
----------------------------------------------------------------------------------------------------*/

@font-face {
	font-family:"Delicious SmallCaps";
	src:url('/fonts/Delicious-SmallCaps.otf') format("opentype");
}

@font-face {
	font-family:"Delicious";
	src:url('/fonts/Delicious-Roman.otf') format("opentype");
}


/* Links
----------------------------------------------------------------------------------------------------*/

a:link {
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#4d4d4d;
	text-decoration:none;
}

a:visited {
	color:#231f20;
	text-decoration:none;
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-weight:400;
} 

a:hover	{
	color:#958e8c;
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-weight:400;
}

a:active {
	color:#231f20;
	text-decoration:none;
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-weight:400;
} 

a img {border:none;}

.slideshow {
	position:relative;
	background: #231f20;
	height:350px;
}


/* Header
----------------------------------------------------------------------------------------------------*/

#header {
	border-top:1px solid #958e8c;
	border-bottom:1px solid #231f20;
	min-height:96px; 
	text-align:center;
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:700;
	padding-top:20px;
	padding-bottom:20px;
}

#header img {
	position:relative;
	width:451px;
	height:96px;
	display:block;
}

#name {
	position:relative;
	text-align:left;
	vertical-align:middle;
}

#logo {
	position:relative;
}

.nav {
	height:96px;
	line-height:96px;
	text-align:right;
}

#navC a:hover	{
	color:#00aeef;
	text-decoration:none;
}

#navM a:hover	{
	color:#ec008c;
	text-decoration:none;
}

#navY a:hover	{
	color:#fff200;
	text-decoration:none;
}
#navK a:hover	{
	color:#231f20;
	text-decoration:none;
}

/* Content
----------------------------------------------------------------------------------------------------*/

#content {
	width:960px;
	margin-top:40px;
	margin-bottom:40px;
}

.slideshow {
	position:relative;
	background: #231f20;
	height:350px;
}

.slideshow img {
	position:relative;
}

.letterbox {
	width:700px;
	background: #231f20;
	height:20px;
}

.slideshow img {
	position:relative;
}

.letterbox {
	width:700px;
	background: #231f20;
	height:20px;
}

#gallery {
	width:960px;
}
#gallery p { text-align: center; }

#gallery a:link {font-size:18px;}

#gallery img {
	position:relative;
	top:20px;
}

#gallery h2 {
	text-align:center;
	padding-top:0px;
}

.gallery {
	background:#231f20;
	height: 180px;
	margin-bottom:40px;
}

.galleryB {
	background:#231f20;
	height: 180px;
}


.galldesc {
	height: 180px;
	margin-bottom:40px;
}

.galldescB{height: 180px;}


#desc {
	text-align:center;
	vertical-align:text-bottom;
	margin:0px;
	padding:40px;
	color:#FFF;
	font-size: 14px;
}


#contactinfo {
	font-size: 18px;
}

#res {
	width:960px;
	margin-top:20px;
	margin-bottom:20px;
}

#res 
h1,
h2,
h3,
h4	{
	font-family:Delicious Smallcaps, Arial, Helvetica, sans-serif;
	font-weight:400;
}

#res p,
	{
	font-family:Delicious, Arial, Helvetica, sans-serif;
}

.resume {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	font-size:14px;
}


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	width:960px;
	border-bottom:1px solid #958e8c;
	border-top:1px solid #231f20;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
}

#footer p {
	text-align:center;
}

#footer ul	{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	list-style:none;
	font-size:14px;
}

.personal {
	text-align:center;
	font-size:16px;
}

#flickr	{
	position:relative;
	display:block;
	width:50px;
	left:14%;
}

#twitter	{
	width:18px;
	position:relative;
	right:26%;
}


/* Spacing
----------------------------------------------------------------------------------------------------*/

.mLR	{
	margin-left:10px;
	margin-right:10px;
}

.hF {
	text-align:center;
	font-family:Delicious SmallCaps, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:400;
}

.tl	{text-align:left;}

.tr	{text-align:right;}

.tc	{text-align:center;}

.taR	{text-align:right;}

.taL	{text-align:left;}

.mt	{margin-top:20px;}

.mb	{margin-bottom:20px;}

.dB	{display:block;}

.fr 	{float:right;}

.fl	{float:left;}

.pb 	{padding-bottom:20px;}

.pr	{padding-right:20px;}

.ml	{margin-left:18px;}