/* CSS Document */

/*-------------------------
=GENERAL
-------------------------*/

body, ul, li, h2, h3, p { 
   margin : 0; padding : 0; 
   }

ul { 
   list-style : none; 
   }

img { 
   border : 0; 
   }

body {
   color: #333;
   background-color: #FFF;
   font: 92%/1.4 Verdana, Helvetica, Arial, sans-serif;
   width: 720px;
   margin: 0 auto;
   }

/*-------------------------
=BANNER
-------------------------*/

#projectsBanner {
   width: 720px;
   margin: 20px 0;
   }

#projectsTitle {
    margin:0; padding:0;
    position:relative;
    width:720px; height:100px;
    overflow:hidden;
    }
	
#projectsTitle span {
    display:block;
    position:absolute; left: 0; top:0; z-index:1;
    width:720px; height:100px;
    margin:0; padding:0;
    background:url("images/photoshop_projects.jpg") top left no-repeat;
    }

h1 {
   color: #BBBBBB;
   }

/*-------------------------
=CONTENT
-------------------------*/

ul {
   position: relative;
   padding-top: 10px;
   }

li {
   padding: 1em 0;
   }

#neonName, #colorizedPhoto, #postcardProject, #bookCover {
    position: relative; 
	width: 720px; 
	height: 30px; 
	overflow:hidden;
	border-bottom: 1px solid #8B2C1A;
	margin-bottom: 5px;
	margin-top: 25px;
	clear: both;
	}
	

li h3 span {
   display: block;
   position: absolute; left: 0; top: 0; z-index: 1;
   width: 720px; height: 30px;
   margin: 0; padding: 0;
   }

#neonName span { background: url(images/neonName.gif) top left no-repeat; }
#colorizedPhoto span { background: url(images/colorizedPhoto.gif) top left no-repeat; }
#postcardProject span { background: url(images/postcardProject.gif) top left no-repeat; }
#bookCover span { background: url(images/bookCover.gif) top left no-repeat; }

h4 img {
   position: relative;
   float: left;
   top: -25px;
   left: 0px;
   margin: 0 10px -40px 0;
   }   

img#blkAndWhite {
   float: left;
   display: inline;
   width: 350px;
   margin: 0;
   }

img#colorized {
   float: right;
   display: inline;
   width: 350px;
   margin: 0;
   }

img#bkCover {
   float: left;
   display: inline;
   width: 684px;
   margin: 0;
   }

#name {
	height: 270px;
	}

#colorize {
   height: 550px;
   }
	
#postcard {
   height: 420px;
   }

#cover {
   height: 650px;
   }


/*-------------------------
=FOOTER
-------------------------*/

#projectFooter p {
   clear: both;
   font-size: 75%;
   padding-bottom: 20px;
   }