/* RESET STYLES
-----------------------*/
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;
}
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* clearfix
----------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
/*	display: inline-block;*/
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*Font
-----------------------*/

@font-face {
    font-family: 'RockSaltRegular';
    src: url('../f/RockSalt-webfont.eot');
    src: url('../f/RockSalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/RockSalt-webfont.woff') format('woff'),
         url('../f/RockSalt-webfont.ttf') format('truetype'),
         url('../f/RockSalt-webfont.svg#RockSaltRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* BODY STYLES
-----------------------*/

body {
/*	background: #fff url(../i/morgan-bg.jpg) no-repeat bottom right; */
	color:#10190c;
	font-family: Arial;
    font-size: 62.5%;
}

/*
 & Columns : 16 
 & Gutter %: 20% 
 & MinWidth: 800px
 & MaxWidth: 1080px
 */
.grid_1 { width: 5%; }
.grid_2 { width: 11.25%; }
.grid_3 { width: 17.5%; }
.grid_4 { width: 23.75%; }
.grid_5 { width: 30%; }
.grid_6 { width: 36.25%; }
.grid_7 { width: 42.5%; }
.grid_8 { width: 48.75%; }
.grid_9 { width: 55%; }
.grid_10 { width: 61.25%; }
.grid_11 { width: 67.5%; }
.grid_12 { width: 73.75%; }
.grid_13 { width: 80%; }
.grid_14 { width: 86.25%; }
.grid_15 { width: 92.5%; }
.grid_16 { width: 98.75%; }

.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 {
	position: relative;
	margin-left: 0.625%;
	margin-right: 0.625%;
	float: left;
	display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.container{
	min-width: 800px; 
	max-width: 1080px; 
	margin: auto;
}

a {
	color:#365227;
	text-decoration: none;
}

a:visited {
	color:#365227;
}

a:hover {
	color:#365227;
	text-decoration: underline;
}

a:active {
	color:#365227;
}

strong {font-weight: bold;}

em {font-style: italic;}

/* HEADER STYLES
-----------------------*/

h1 {
	font-family: 'RockSaltRegular';
	color:#365227;
	font-size:6.4em;
	letter-spacing:0.1em;
	line-height: 1.5em;
}
	h1 span {color:#666;}

h2 {
	font-family: 'RockSaltRegular';
	color:#666;
	font-size:2.4em;
	line-height:1.6em;
}

h3 {
	color:#999;
	font-size:1.8em;
}

.header {
	background: #edf5e9;
	border-bottom:1px solid #365227;
	margin-bottom:10px;
	padding: 10px;
}

.header h1 {padding:0  100px;}

.header h2 {
	font-size: 1.8em;
}

/* NAV STYLES
-----------------------*/

.nav {
	position:absolute;
	right:10px;
	top:0;
	background:#365227;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	padding: 10px;
}

.nav li {
	float:left;
}

.nav a {
	display: block;
	padding:5px 10px;
	color:#fff;
	font-size:14px;
	text-decoration: none;
}
.nav a:visited {}
.nav a:hover,.nav a:focus {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
	color:#365227;
	}
.nav a:active {
	position: relative;
	top:1px;
	-moz-box-shadow: 0 0 0 #999; 
	-webkit-box-shadow: 0 0 0 #999; 
	box-shadow: 0 0 0 #999;
	text-decoration: underline;
}



/* FOOTER STYLES
-----------------------*/

/* HOMEPAGE STYLES
-----------------------*/

.about p {padding:10px 125px;color:#333;font-size:1.8em;line-height:1.4em;}

.group h2 {
	background:#365227;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 2px 2px 4px #999; 
	-webkit-box-shadow: 2px 2px 4px #999; 
	box-shadow: 2px 2px 4px #999;
	margin: 5px 0;
	padding:5px 10px;
	text-shadow: 1px 1px 2px #999;
	color:#fff;
	cursor: pointer;
	
	
}
.group div {
	display: none;
}


.text,
.project {
	margin:10px 0;
	padding: 0 10px;
}

.text p,
.project p {
	padding:5px 0;
	font-size: 1.4em;
	line-height: 1.5em;
}

.project a {
	font-size: 1.3em;
}

.project .title {
	margin-bottom: 5px;
	font-size: 1.6em;
	font-weight: bold;

}

.project img {
	float: right;
	background: #fff;
	border:1px #ccc dotted;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 33.3%;


}

.tweet {
	margin:10px 0;
	font-size: 1.4em;
	line-height: 1.5em;

}

.tweet li {
	border-top:1px #ccc dotted;
	padding:5px;
}

li.tweet_first {
	border-top:none;
}

.tweet_even {
	background: #edf5e9;
} 

.tweet span {
	display: block;
	padding: 3px 0;
}
.tweet_time {
	font-size: .9em;
	text-align: right;
}

.tweet_text {
}

.flickr {margin:20px 0;}

.image {
	float:left;
	background: #fff;
	border:1px #ccc dotted;
	width:160px;
	margin: 10px 0;
	padding: 5px;
	box-shadow:5px 5px 5px #666;

}
.image:nth-child(1) {-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);}
.image:nth-child(2) {-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}
.image:nth-child(3) {-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);}
.image:nth-child(4) {-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);}
.image:nth-child(5) {-moz-transform:rotate(1deg);-webkit-transform:rotate(1deg);}
.image:nth-child(6) {-moz-transform:rotate(-6deg);-webkit-transform:rotate(-6deg);}
.image-title {display:block;padding:10px;text-align:center;}

.flickr a {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
}



.more-link {
	clear:both;
	font-size: 1.3em;
}

.more-link:after {
	content: " »";
}

.ceramics img {width:100%;}

/* SUBSECTIONS STYLES
-----------------------*/

.contact {border-top:4px #000 solid;margin-top:25px;padding:20px 0;background: #333333;
background: -moz-linear-gradient(top, #333333 0%, #333333 70%, #555555 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(70%,#333333), color-stop(100%,#555555));
background: -webkit-linear-gradient(top, #333333 0%,#333333 70%,#555555 100%);
background: -o-linear-gradient(top, #333333 0%,#333333 70%,#555555 100%);
background: -ms-linear-gradient(top, #333333 0%,#333333 70%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );
background: linear-gradient(top, #333333 0%,#333333 70%,#555555 100%);color:#fff;}
.contact h2,.contact ul,.contact p {padding:0 125px;}
.contact h2 {color:#ccc;font-size:1.6em;}
.contacts {font-size:1.4em;}
.contacts li {width:245px;line-height: 50px;}
.contacts img {float:right;}
.contact p  {font-size:1.3em;}
.contacts a {color:#EDF5E9;}

.resume {
	margin:10px;
	padding:0 10px;
}

.resume p {
	padding:5px 0;
	font-size:13px;
	line-height:1.3em;
}

.submit-button {
	float: left;
	display: block;
}

.submit-button input {
	border:1px solid #666;
	margin:0 10px 0 0;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:2px 2px 2px #ccc;
	-webkit-box-shadow:2px 2px 2px #ccc;
	box-shadow:2px 2px 2px #ccc;
}

/* Resume */

.resume h3 {
	margin-bottom: 10px;
}

.resume h4 {
	color:#333;
	font-weight: bold;
	font-size: 16px;	
}

.date-range {
	float:right;
	font-weight: normal;
}

.resume li {
	font-size: 13px;
	line-height: 1.3em;
}

.responsibilities {
	list-style: disc;
	margin:0 0 20px 15px;
}


/* Santa Tool */

.giver {color:#070;}
.receiver {color:#900;}