/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 
    #Mobile
    #Clearing */

/* Pre Clear 
================================================= */
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

/* #Base
================================================== */
	.body {line-height: 1.5em; }
	.container { padding-left: 20px; padding-right: 20px; }
	.row { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: hidden; }
	
/* Base Grid */	
	
	.onecolumn, .twocolumn, .threecolumn, .fourcolumn, .fivecolumn, .sixcolumn, .sevencolumn, .eightcolumn, .ninecolumn, .tencolumn, .elevencolumn { margin-right: 3.8%; float: left; min-height: 1px; font-size: 1.5em; }

	.row .onecolumn 	{ width: 4.85%; }
	.row .twocolumn 	{ width: 13.45%; }
	.row .threecolumn 	{ width: 22.05%; }
	.row .fourcolumn 	{ width: 30.75%; }
	.row .fivecolumn	{ width: 39.45%; }
	.row .sixcolumn 	{ width: 48%; }
	.row .sevencolumn 	{ width: 56.75%; }
	.row .eightcolumn 	{ width: 65.4%; }
	.row .ninecolumn 	{ width: 74.05%; }
	.row .tencolumn 	{ width: 82.7%; }
	.row .elevencolumn	{ width: 91.35%; }
	.row .twelvecolumn 	{ width: 100%; float: left; }

    /* Nested Column Classes */
	.omega { margin-right: 0px; }

	/* Image */
	img, object, embed {max-width: 100%; }
	img {height: auto; }
	
	/* Nav Bar */
	.nav {padding-top: 2.5em; }
	.nav ul {list-style:none; margin:1em; padding:0; float:right; }
	.nav li {display:inline}
	.nav li a { padding:.25em 0; width:4.5em; float:left; }
	
	/* Title Bar */
	.title {padding-top: 1.5em; }

	/* Spacer */
	.spacer {display: block; float: right; line-height: 1.5em; padding-top: 1.5em;}
	.bigspacer {display: block; line-height: 3em; padding-top: 3em;}
	/* Header */
	.header {min-height: .3em; }
	
	/* Caption */
	.caption { line-height: 2em; }
	.caption ul {list-style: none; }
	.caption li {display:inline; padding-right: .5em; float: right;}
	
	/* Footer */
	/*.footer {padding-top: 10em; } */
	/*.footer img {margin-right: 1em; } */
	
	/*Resume */
	.resume-01 {padding-bottom: .5em; padding-top: .5em;}
	.download {display: inline; padding-top: 2.5em; }
	.download a {padding:.25em 0; width: 5.5em; float:right;}
	
	/* Links Page*/
	.link {line-height: 1.5em;}
	.link ul {list-style: none; }
	.link li {display:inline; padding-right: .5em; float: left;}
	
	/* Portfolio Menu */
	.menu {padding-top: .8em; }
	.menu ul {list-style:none; margin:1em; padding:0; float:right; }
	.menu li {display:inline;}
	.menu li a li a { padding:.25em 0; width:4.5em; float:left; }
	
	.img-title {line-height: 1.4em;}
	
	.hidden {display: none;}
	
/* ============================= */
/*  Layout for desktop version   */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) {
	.header {min-height: 1em;}
	.footer {display: block; line-height: 1.25em; padding-top: 1.25em;}
	.fnext {float: left; }
 	.fprev {float: right; }
	.nav {padding-top: 2em; }
	.nav ul {list-style:none; margin:1em; padding:0; float:right; }
	.nav li a { padding:.25em 0; width:3.75em; float:left; }
	.caption { line-height: 1.5em; }
	img, object, embed {max-width: 65%; }
	img {height: auto; }
}
/* ============================= */
/*   Layout for mobile version   */
/* ============================= */
/* Note: Design for a width of 800px */
@media handheld, only screen and (max-width: 800px) {
	body { line-height: 1.4em; margin: 0 .3em 1em; /*-webkit-text-size-adjust: none; */}
	.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;  }
	.row .onecolumn, .row .twocolumn, .row .threecolumn, .row .fourcolumn, .row .fivecolumn, .row .sixcolumn, .row .sevencolumn, .row .eightcolumn, .row .ninecolumn, .row .tencolumn, .row .elevencolumn .row .twelvecolumn{
		width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px;}
	.nav {padding-top: 0; }
	.nav li {padding-right: 05em; float: left; }
	.footer {line-height: normal;}
	.header {line-height: normal;}
	.stmt {padding-bottom: .1em;}
	.link {padding-bottom: .3em;}
	.menu li {float: right; }
	img, object, embed {max-width: 45%; }
	img {height: auto;}
	.cboxPhoto {width: 100%;}
}

@media handheld, only screen and (max-width: 400px) {
	.menu li {float: right; padding-left: 2em;}
	img, object, embed {max-width: 65%; }
	img {height: auto;}
	.cboxPhoto {width: 100%;}
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    /*.row, 
    .clearfix {
      zoom: 1; } */

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* Visual Style */
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	body { color: #444444; font-size: 1.5em; font-family: 'Permanent Marker', cursive;}
	a:link {color: #000; text-decoration: none; }
	a:visited {color: #000; }
	a:hover {color: #444444;}
    .fake-email { display: none; }
	
	/* Nav Bar */
	.nav {color: #000;}
	.nav ul { border: 1px solid #8c8c8c; border-right:1px solid #fff; border-left:1px solid #fff;}
	.nav li a {text-decoration:none; color:#444444; text-align:center; border-left:1px solid #fff; }
	.nav li a:hover {background-color: #bbbbbb; color:#FFF; }
	
	/* Title Bar */
	.title {color: #000; font-size: 2em;}
	
	/* Caption */
	.caption {color: #000; font-size: 1.5em; text-align: center;}
	.gallery-lbl {display: none;}

	/* Footer */
	.footer {font-size: 1.3em; text-align: right;}

	/* Resume */
	.resume {color: #444444; font-size: .7em; padding-bottom: 1em;}
	.resume-01 {border-top: solid; border-color: #8c8c8c; }
	.download a{color: #444444; text-decoration:none; color:#444444; text-align:center; border-left:1px solid #fff;}
	.download a:hover {background-color: #bbbbbb; color:#FFF; }
	.stmt {color: #444444; text-align: left; font-size:1em; padding-bottom: .7em;}
	.stmt li a {color: #444444; }
	.stmt li a:hover {background-color: #bbbbbb; color: #fff;}
	
	/* List */
	.link {font-size: 1em;}
	.link li a{text-decoration: none; }
	.link li a:hover {background-color: #8c8c8c; color:#FFF;}
	
	/* Portfolio Menu */
	.menu {color: #000;}
	.menu ul { border: 1px solid #A0D4E9; border-right:1px solid #fff; border-left:1px solid #fff;}
	.menu li a {text-decoration:none; color:#444444 text-align:center; border-left:1px solid #fff; }
	.menu li a:hover {background-color: #A0D4E9; color:#FFF; }	
	
	/*Slideshow */
	.infobar {text-align:left; background-color:#1e1e1e; font-size: 1em; color:#FFF;}
	.infobar a {color:#FFF; text-align: right; font-size: .7em;}
	.infobar a:hover {background-color:#1e1e1e; color:  #A0D4E9;}
	span#description { text-shadow:0px 0px 1px #fff; color:#FFF; }

/* ============================= */
/*  Layout for desktop version   */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) {
	body { font-size: 1.3em; }
	.resume {font-size: .6em; }
	.stmt {font-size: .75em; }
	.link {font-size: .5em; }
	.infobar {font-size: .7em;}
	.infobar a {font-size: .6em}
}

/* ============================= */
/*   Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 800px) {
	body { font-size: 1.3em; }
	.nav li a {text-align: left; }
	.title {font-size:1.3em; }	
	.footer {font-size: .5em; }
	.resume {font-size: .5em; }
	.stmt {font-size: .7em; }
	.link {font-size: .5em; }
	.infobar {font-size: .7em;}
	.infobar a {font-size: .6em}
	.menu li a {text-align: left; font-size: 1em;}
	.caption {display: none;}
	.gallery-lbl {display: inline; font-size: 1em; }		
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}


/* Reset */
/* 
html5doctor.com Reset Stylesheet v1.4.1 
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, meter, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
	list-style: none;
    outline:0;
    font-size:100%;
	font-weight: normal;
    vertical-align:baseline;
    background:transparent;
    -webkit-appearance: none;
}
body {
    line-height:1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
meter {
    -webkit-appearance: 
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}