/* GLOBAL */

a {
 text-decoration: none;
}

a img {
 border: 0;
}

body {
 margin: 75px auto;
 background: #FFF;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999');
 background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999));
 background: -moz-linear-gradient(top,  #FFF,  #999);
 color: #999;
 font-family: 'Josefin Sans', arial, sans-serif;
}


/* HEADER */

p.pre {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: 300;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 0.1em 0.1em 0.0em #FFF;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

h1.js {
 color: #630;
 font-family: 'Megrim', Helvetica, sans-serif;
 font-size: 3.0em;
 font-weight: normal;
 text-align: center;
 text-shadow: 0.03em 0.03em 0.05em #999;
 padding: 0 0 0 0;
 margin: 0 0 5px 0;
}

p.post {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: 300;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 0.1em 0.1em 0.0em #FFF;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}


/* MEAT */

img.icon {

 -moz-box-shadow: 0.1em 0.1em 0.1em #999;
 -webkit-box-shadow: 0.1em 0.1em 0.1em #999;
 box-shadow: 0.1em 0.1em 0.1em #666;
}

div.design {
 position: relative;
 float: left;
 text-align: center;
 width: 260px;
 height: 260px;
}

div.photography {
 position: relative;
 float: left;
 text-align: center;
 width: 260px;
 height: 260px;
}

div.cv {
 position: relative;
 float: left;
 text-align: center;
 width: 260px;
 height: 260px;
}

div.writings {
 position: relative;
 float: left;
 text-align: center;
 width: 260px;
 height: 260px;
}

h2.overlay {
 position: absolute;
 top: 165px;
 left: 0;
 width: 100%;
}

h3.suboverlay {
 position: absolute;
 top: 195px;
 left: 0;
 width: 100%;
}

h2.photography {
 position: absolute;
 top: 180px;
 left: 0;
 width: 100%;
}

h2.cv {
 position: absolute;
 top: 180px;
 left: 0;
 width: 100%;
}

h2.writings {
 position: absolute;
 top: 180px;
 left: 0;
 width: 100%;
}

h2 span {
 color: #FFF;
 font-family: 'Megrim', sans-serif;
 font-size: 1.1em;
 font-weight: normal;
 background: rgb(0, 0, 0); /* fallback color */
 background: rgba(0, 0, 0, 0.7);
 padding: 10px 10px 30px 10px;
}

h2 span.spacer {
 padding:0 5px;
}

h3 span {
 color: #BBB;
 font-family: 'Quicksand', sans-serif;
 font-size: 0.7em;
 font-weight: 300;
 letter-spacing: 1px;
}

h3 span.spacer {
 padding:0 5px;
}


/* VEGETABLES */



/* DESIGN */

p.designintro {
	color: #666;
	font-family: 'Josefin Sans', cursive;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	line-height: 1.3em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.designsection {
	float: left;
	padding: 20px 0px 20px 0px;
}

p.designhead {
	color: #740;
	font-family: 'Josefin Sans', Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	text-shadow: 0.05em 0.05em 0.05em #999;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.designinfo {
	color: #666;
	font-family: 'Josefin Sans', cursive;
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h4.designoverlay {
 position: absolute;
 top: 160px;
 left: 0;
 width: 100%;
}

h5.designsuboverlay {
 position: absolute;
 top: 180px;
 left: 0;
 width: 100%;
}

h4 span {
 color: #FFF;
 font-family: 'Megrim', sans-serif;
 font-size: 1.0em;
 font-weight: normal;
 background: rgb(0, 0, 0); /* fallback color */
 background: rgba(0, 0, 0, 0.7);
 padding: 10px 10px 30px 10px;
}

h4 span.spacer {
 padding:0 5px;
}

h5 span {
 color: #BBB;
 font-family: 'Quicksand', sans-serif;
 font-size: 0.8em;
 font-weight: 300;
}

h5 span.spacer {
 padding:0 5px;
}


/* WRITINGS */

p.writingsintro {
	color: #666;
	font-family: 'Josefin Sans', cursive;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	line-height: 1.3em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.writingshead {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: normal;
 text-align: center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

p.writingstitle {
 color: #740;
 font-family: 'Josefin Sans', cursive;
 font-size: 1.5em;
 font-weight: normal;
 text-align: center;
 text-shadow: 0.05em 0.05em 0.05em #999;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

p.writingsinfo {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: 300;
 text-align: center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}


/* CONTACT */

p.touch {
	color: #740;
	font-family: 'Josefin Sans', cursive;
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.05em #999;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.contacthead {
	color: #666;
	font-family: 'Josefin Sans', Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.contactinfo {
	color: #740;
	font-family: 'Josefin Sans', cursive;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.05em #999;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.cv {
	color: #740;
	font-family: 'Josefin Sans', cursive;
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.05em #999;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

a.cvlink:link, a.cvlink:visited {
	color: #740;
}

a.cvlink:hover, a.cvlink:active {
	color: #333;
}

p.separator {
	color: #999;
	font-family: sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.doc {
 color: #740;
 font-family: 'Josefin Sans', cursive;
 font-size: 1.5em;
 font-weight: normal;
 text-align: center;
 text-shadow: 0.05em 0.05em 0.05em #999;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

p.docinfo {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: 300;
 text-align: center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}


/* PROFILES */

p.profilehead {
 color: #666;
 font-family: 'Josefin Sans', Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: normal;
 text-align: center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

p.profileinfo {
 color: #740;
 font-family: 'Josefin Sans', cursive;
 font-size: 1.5em;
 font-weight: normal;
 text-align: center;
 text-shadow: 0.05em 0.05em 0.05em #999;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}