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

/*CSS by Stephanie Morris
telephone: 773-267-9674
e-mail:stephanie@stephaniemorris.org*/

/*GENERAL*/

* {
	margin:0;
	padding:0;
	}

html{
	overflow-y: scroll;	
	}

body{
	margin:0px;
	padding:0px;
	}
	
img{
	border:none;
	}

.clear{
	clear:both;
	}
	
/*LINKS*/
	
a:link, a:visited{
	text-decoration:none;
	color:#af1602;
	}
	
a:hover, a:active{
	text-decoration:none;
	color:gray;
	background-color:#f8eded;
	}
	
.logo a:link, .logo a:visited{
	background-color:white;
	}
	
.logo a:hover, .logo a:active{
	background-color:white;
	}
	
.main_nav li a{
	display:block;
	padding:15px 50px 15px 15px;
	}

.main_nav li a:link, main_nav li a:visited{
	text-decoration:none;
	color:#af1602;
	}
	
.main_nav li a:hover, main_nav li a:active{
	text-decoration:none;
	background-color:#f8eded;
	color:gray;
	}
	
.project_box h1 a:link, .project_box h1 a:visited{
	color:#d1d3d3;
	text-decoration:none;
	}
	
	
.project_box h1 a:hover, .project_box h1 a:active{
	color:#d1d3d3;
	background-color:#f8eded;
	text-decoration:none;
	}
	
.secondary_link a:link, .secondary_link a:visited{
	text-decoration:none;
	color: #888888;
	border-bottom:1px dotted #888888;
	
	}
	
.secondary_link a:hover, .secondary_link a:active{
	text-decoration:none;
	color: #888888;
	border:none;
	padding:none;
	}
	
	
/*TYPE*/

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #888888;
	line-height:1.8em;
	}
	
h1{
	font-family:Caslon, Georgia, Times New Roman, serif;
	font-size:24px;
	font-weight:200;
	color:#d1d3d3;
	padding-bottom:20px;

	}
	
h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:200;
	color:#af1602;
	padding-bottom:5px;
	padding-top:20px;
	}

.pdark{
	color:#888888;
	letter-spacing:1px;
	font-family:Avenir, Verdana, Helvetica, sans-serif;
	font-weight:500;
	}
	
/*LAYOUT*/

#wrapper{
	width:970px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	}
	
#header{
	padding-top:40px;
	margin-left:60px;
	width:780px;
	height:100%;
	position:relative;
	border-bottom:1px solid #d1d3d3;
	}

#header img{
	position:relative;
	}
	
.main_nav{	
	width:360px;
	height:100%;
	position:relative;
	float:right;
	margin-bottom:40px;
	}
	
.main_nav ul{
	list-style-type:none;
	height:100%;
	}
	
.main_nav li{
	height:100%;
	border-left:1px solid #d1d3d3;
	color:#4288a4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	display:inline;
	position:relative;
	float:right;
	}

#content_container{
	width:780px;
	height:100%;
	padding-left:60px;
	}
	
.tagline_box{		
	width:780px;
	height:100%;
	border-bottom:1px solid #d1d3d3;
	}
	
.tagline_box p{		
	padding:40px 0px 40px 0px;
	font-family:georgia, helvetica, arial, sans-serif;
	font-size:40px;
	line-height:1.3em;
	
	}
	
.project_index{
	margin-top:20px;
	padding-bottom:60px;
	width:780px;
	height:100%;
	border-bottom:1px solid #d1d3d3;
	clear:all;
	}
	
.project_index p{
	padding-top:10px;
	}
	
.thumbnail_box{
	width:300px;
	height:100%;
	margin:0 15px 70px 55px;
	*margin:0 15px 66px 51px;
	position:relative;
	float:left;
	display:inline;
	}
		
.project_box{
	margin-top:20px;
	padding-bottom:60px;
	width:780px;
	height:100%;
	border-bottom:1px solid #d1d3d3;
	}
	
.project_box p{
	color:#777777;
	width:300px;
	height:100%;
	position:relative;
	float:right;
	}
	
#footer{
	margin-left:60px;
	padding-bottom:60px;
	}
	
#footer p{
	padding-top:20px;
	font-size:10px;
	color:#d1d3d3;
	}