@charset "UTF-8";
/* CSS Document

site: http://www.elizabethcarter.info
author: Liz Carter
version: 1.0

All rights reserved. This CSS may not be duplicated for any purpose.
*/

/*
1. Universal Declarations
2. Structure
3. Text Styles
*/

/* Universal Declarations
----------------------------------------------------------------------------- */
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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Structure
----------------------------------------------------------------------------- */
body {
width:100%;
min-width:320px;
max-width:1500px;
margin: 0 auto;
height:100%;
padding-bottom:30px;
	}

#container {
width:100%;
min-width:320px;
max-width:1200px;
height:100%;
margin: 0 auto;
}

/* content
----------------------------------------------------------------------------- */

#content {
width:100%;
height:100%;
margin: 0 auto;
}

/* Image Styles
----------------------------------------------------------------------------- */

img {
float:left;
width:auto;
height:auto;
}


/* home page styles
----------------------------------------------------------------------------- */

#headwrap {
width:100%;
height:100%;
}

.header {
width:320px;
margin-top:30px;
margin-left:5px;
}

.grid-js-masonry {
width:100%;
}

.block {
width:400px;
height:60px;
}

.grid-item {
width:390px;
height:auto;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
background:#f4f5f8;
}

.grid-item:hover img {
opacity:.1;
transition: opacity 0.3s 0s ease-in-out;
transition-delay: 0.1s ease-in;
}

.grid-item a.info {
width:390px;
height:auto;
position: absolute;
z-index: 1;
opacity: 0;
transition: opacity 0.3s 0s ease-in-out;
font-family:'TabacG1-BoldItalic', courier, monospace;
color:#000000;
font-size:1.8em;
line-height:150%;
text-align: center;
letter-spacing:.025em;
}

.grid-item:hover a.info {
opacity:1;
z-index: 1;
transition-delay: 0.1s ease-in;
}

.about {
width:390px;
height:60px;
margin-left:5px;
}


/* subpage styles
----------------------------------------------------------------------------- */

#subheadwrap {
max-width:1205px;
width:100%;
height:100%;
position:fixed;
margin-top:30px;
}

.subheader {
max-width:320px;
margin-top:10px;
padding-left:5px;
float:left;
}

.homelink {
width:30px;
height:30px;
float:right;
margin-right:5px;
margin-top:10px;
}

.homelink:hover {
opacity: .50;
transition: opacity .05s ease-in-out;
-moz-transition: opacity .05s ease-in-out;
-webkit-transition: opacity .05s ease-in-out;
	}

#images {
padding-top:100px;
margin-right:5px;
}

.imageblock {
max-width:1200px;
margin-right:5px;
align:center;
}

.projectdescription {
max-width:900px;
min-width:300px;
position:relative;
float:left;
padding-top:30px;
padding-right:20px;
padding-left:5px;
padding-bottom:20px;
z-index:1;
background-color:#ffffff;
}

.sitelink {
width:auto;
height:auto;
float:left;
padding-top:8px;
padding-bottom:4px;
padding-right:8px;
padding-left:9px;
border-style: solid;
border-width: 1px;
clear:both;
}


/* about page styles
----------------------------------------------------------------------------- */



#aboutwrap {
max-width:1200px;
margin-top:30px;
}

.aboutdescription {
max-width:900px;
padding-left:5px;
padding-top:7em;
}


/* text styles
----------------------------------------------------------------------------- */

h1 {
color:#000000;
font-family:'TabacG1-BoldItalic';
font-size:42pt;
line-height:100%;	
text-align:left;
letter-spacing:.0125em;
font-weight:normal;
}

h2 {
font-family:'TabacG1-BoldItalic', courier, monospace;
color:#000000;
font-size:1.5em;
letter-spacing:.0125em;
font-weight:normal;
line-height:150%;	
}

h3 {
font-family:'TabacG2', courier, monospace;
color:#000000;
font-size:.75em;
letter-spacing:.125em;
text-transform:uppercase;
line-height:200%;
font-weight:normal;

}

h4 {
font-family:'TabacG1-BoldItalic', courier, monospace;
color:#000000;
font-size:.75em;
letter-spacing:.0125em;
font-weight:normal;
line-height:400%;
}

h5 {
font-family:'TabacG2', courier, monospace;
color:#000000;
font-size:.5em;
letter-spacing:.25em;
text-transform:uppercase;
text-align:center;
line-height:200%;
}

p {
font-family:'TabacG2', courier, monospace;
color:#000000;
font-size:1em;
line-height:200%;
}

a {
font-family:'TabacG1-BoldItalic', courier, monospace;
color:#000000;
font-size:.9em;
line-height:150%;
text-transform:none;
letter-spacing:.025em;
text-decoration:none;
}

a:hover { 
color:#666666;
}

p a {
font-family:'TabacG1-BoldItalic', courier, monospace;
color:#000000;
font-size:.75em;
line-height:100%;
text-transform:uppercase;
letter-spacing:.125em;
text-decoration:none;
font-style:normal;
border:1px;
}

p a:hover { 
color:#666666;
}