body{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
background:url(../images/stripe-bg.png) repeat-x fixed top;
}

em{
font-style: italic;	
}
#wrapper{
width: 960px;
 background: #FFF7FD;
 float: left;
clear: both;

 padding-bottom: 50px;
-moz-box-shadow: 7px 7px 7px #F1EDED;

 -webkit-box-shadow: 7px 7px 7px #E3DADA;
border: 1px solid #ebebeb;


 min-height:500px;
  height:auto !important;
  height:500px;

 
}

img#stripe{
position: fixed;
left: 0;
top: 0;

  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  
}
/*Navigation
------------------------------------*/


#nav{
width: 200px;
position: fixed;
left: 35px;
top: 66px;

}


#nav h1{
font-size: 16px;
color: #A21B3D;
font-weight: bold;
margin-bottom: 20px;
}


#nav h1 a,
#nav h1 a:link,
#nav h1 a:visited{
 color: #A21B3D;
text-decoration: none;

}

#nav h2{
font-size: 12px;
font-style: italic;
color: #000;
}



#nav ul{
margin-top: 5px;

}


#nav li{
padding: 5px 0;
}

#nav li a,
#nav li a:link,
#nav li a:visited{
color: #999;
text-decoration: none;
}


#nav li a:hover{
border-bottom: 2px solid #A21B3D;
color: #A21B3D;
}

#nav li#resume {
border-top: 1px dashed #666;
margin-top: 15px;
padding-top: 15px;

width: 110px;
}



/*Navigation Active States
------------------------------------*/

body#web li#web a,
body#web li#web a:link,
body#web li#web a:visited,

body#graphic li#graphic a,
body#graphic li#graphic a:link,
body#graphic li#graphic a:visited,

body#illustrator li#illustrator a,
body#illustrator li#illustrator a:link,
body#illustrator li#illustrator a:visited,

body#animation li#animation a,
body#animation li#animation a:link,
body#animation li#animation a:visited,

body#about li#about a,
body#about li#about a:link,
body#about li#about a:visited



{
	color: #000;	
}

body#contact li#contact a,
body#contact li#contact a:link,
body#contact li#contact a:visited



{
	color: #A21B3D;	
}






/*Content
------------------------------------*/

#content{
width: 680px;
float: right;
margin-top: 100px;
}

#content a,
#content a:link,
#content a:visited{
 	color: #999;
 	

}

#content a:hover{
 	color: #A21B3D;
	

}

#content p{
	line-height: 1.5em;	
}

/*Content: Work
------------------------------------*/

.work{
	border-bottom: 1px dashed #999;
	width: 600px;
 	padding-bottom: 50px;
	margin-bottom: 40px;
}

.work h3{
	font-size: 14px;
	color: #333;
	padding: 15px 0;
	
}

.work h3 span{
	padding-left: 10px;
	font-size: 11px;
	font-style: italic;
	
}

.work p{
	font-size: 11px;
	color: #666;
 
}


 img.screenshot{
	border: 1px solid #ccc;
}
 img.screenshot:hover{
	border: 1px solid #666;
}



body#about #content h3{
 	color: #666;
	line-height:2em;
	font-size: 20px;
}



body#about #content p{
	width: 600px;
	color: #666;
	line-height: 2em;
}

/*contact
------------------------------------*/

body#contact #content p{
	line-height: 2.5em;	
}




/*copyright
------------------------------------*/
 

#copyright{
width: 960px;
display: block;
float: left;
clear: both;
margin-top: 10px;
font-size: 9px;
color: #999;
}