@import "grid.css";

 * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	outline: none;
	font-size: 1em;
	list-style: none;
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	color: #333;
	font-size: 10px;
text-shadow: 0px 0px 1px rgba(0,0,0,.1); 
-webkit-text-shadow: 0px 0px 0px rgba(0,0,0,.1); 
-moz-text-shadow: 0px 0px 0px rgba(0,0,0,.1); 
}




/************************** STRUCTURE */


#header {
	width: 100%;
	margin: 25px 0 25px;
	text-align: left;
}

#wrapper {
	margin: 0 auto;
	max-width: 40em;
}

#content {
	margin-top: 15px;
}



/* end */

/************************** #anchors */

a, a:visited {
	color: #0079A5;
}

a:hover, a:focus {
}

a:active {
	position: relative;
	top: 1px;
}

/* end */

/************************** hEADINGS */

h1 {
	color: #333;
	font-size: 5.6em;
	font-weight: 400;
	text-transform: uppercase;
	font-family: proxima-nova-condensed, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 600;
	line-height: .875em;
	letter-spacing: 1px;
	padding: 10px 0 0px;
	text-align: center;
/*	text-shadow: -2px 2px 3px #aaa;*/
}

/*h1 span {
	font-weight: 100;
	letter-spacing: -2px;
	padding-right: 3px;
}*/

h3 {
	font-family: Cambria, Georgia, 'Times New Roman' serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-top: 15px;
	text-align: center;
/*	padding: 0 0 0 10px;*/
}
h3 span {text-transform: uppercase;}


/* end */

#about {
	font-family: chaparral-pro, Georgia, 'Times New Roman', serif;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
/*	text-align: center;	*/
}


p {
	color: #555;
	text-align: left;
}


#about img {
	max-width: 100%;
	margin:  0 auto 15px;
/*	padding: 1%;
    -moz-box-shadow: 0px 1px 3px #444;
    box-shadow: 0px 1px 3px #444;
  	-webkit-box-shadow: 0px 1px 3px #444;*/
}


ul {
	margin: 15px 0 25px;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 1.425em;
	padding-left: 10px;
}

ul a:hover {
	text-decoration: underline;
}

#resume {
	margin-top: 20px;
	font-size: 1.2em;
}

#resume a {
	text-decoration: none;
}

#resume a:hover {	
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #bbb;
}



/************************** iPhone etc */
/*
@media screen and (max-width: 1060px) {

 }
*/

@media screen and (max-width: 600px) {
	#header {width: auto; margin: 15px auto 0;}
	#about {margin: 20px 4% 15px; font-size: 1.8em; letter-spacing: 0;}
	#wrapper {padding: 0 2%;}
	h1 {font-size: 3.8em;}
	h3 {font-size: 1.1em; }
	img {max-width: 96%;}
	ul {padding-left: 15px;}
/*	#about img {
		float: left;  	
		margin:  0 15px 0px 0;
		max-width: 30%;
	}*/
}



/* float clearing for everyone else */
.group:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* float clearing for IE6 */
* html .group {
  height: 1%;
}

/* float clearing for IE7 */
*:first-child+html .group {
  min-height: 1px;
}