/* CSS Document */

body {	background-image: url(img/bg.jpg);
		background-repeat: repeat-x;
		background-position: top left;
		width: 100%;
		height:100%;
		background-color: #000000;
		padding:0;
		margin-top: 0;
		margin-left: 0;
	  }



A { text-decoration: none;
	font-weight: lighter;
	}

A:link {color: #fdf79e;}

A:visited {color: #ffffff;}

A:hover {text-decoration: none;
		 color: #ffffff;
		  }

A:active {text-decoration: none;
		  color: #fdf79e;
			 }

#wholewrap {   background-image: url(img/back_img.jpg);
	   	  	   background-repeat: no-repeat;
	  	       background-position: top left;
		       width: 100%;
		       height: 100%;
		       } 


#contentwrap {padding-left: 80px;
			  padding-top: 53px;
			  width: 850px;
			  height: 100%;
			  font-family: Helvetica, Arial, sans-serif;
	   		  font-size: 12px;
	  		  color: #ffffff;
				  }

#navwrap  { float: right;
			width: 300px;
			height: 18px;
			margin-top: -10px;
			}

#navigation { float: right;
			  width: 260px;
			  font-family: Helvetica, Arial, sans-serif;
	   		  font-size: 16px;
			  font-weight: lighter;
	  		  color: #ffffff;
			  line-height: 18px;
			  }

.navlink { margin-left: 40px;
		   }


#intro {      font-family: Helvetica, Arial, sans-serif;
	   		  font-size: 12px;
			  font-weight: lighter;
	  		  color: #ffffff;
			  width: 850px;
			  height:270px;
			  margin-top: 10px;
			  margin-left: 4px;
			  padding-top: 0px;
			  padding-bottom: 5px;
			  padding-left: 5px;
		}

			  
#introtext { float: left;
			 width: 500px;
			 line-height: 18px;
			 } 

#ig {	float: right;
	 	width: 200px;
		height: 150px;
		font-family: Helvetica, Arial, sans-serif;
	    font-size: 11px;
	    font-weight: lighter;
	  	color: #ffffff;
		line-height: 14px;
	 	}

#lowcontentwrap { width: 850px;
				  margin-top: -20px;				  
				  }
				  
#projects {float: left; 
		   width: 850px;
		   padding-left: 10px;
		   margin-top:0px;
				  }

#contact { float: right;
		  margin-top: -18px;
		  width: 200px;
				  }

#lowcontentwrap A { text-decoration: underline;
			 font-weight: lighter;
	}

#lowcontentwrap A:link {color: #ffffff;}

#lowcontentwrap A:visited {color: #ffffff;}

#lowcontentwrap A:hover {text-decoration: none;
		 		  color: #fdf79e;
		 			 }

#lowcontentwrap A:active {text-decoration: none;
		  			color: #fdf79e;
						 }

#link { 	 position: absolute;
			 top: 405px;
			 left: 520px;
			 font-family: Helvetica, Arial, sans-serif;
	   		 font-size: 12px;
			 font-weight: lighter;
	  		 color: #fdf79e;
			}

#sampleimg_left {   float: left;
					width: 240px;
			  		margin-top: 20px;
					padding-top: 10px;
			  		}
			  
#sampleimg_right {  float: left;
					margin-left: 50px;
					width: 240px;
			  		margin-top: 20px;
					padding-top: 10px
			  			}

h1 {		  font-family: Helvetica, Arial, sans-serif;
	   		  font-size: 14px;
			  font-weight: lighter;
	  		  color: #ffffff;
			  }

#holder {			width: 240px;
					border-top-width:1px;
		   			border-top-color:#352934;
		   			border-top-style:solid;
					padding-top: 10px;
					
					}


#holder p { 	 font-family: Helvetica, Arial, sans-serif;
	   		 	 font-size: 11px;
			  	 font-weight: lighter;
				 color: #ffffff;
				 line-height: 14px;
				 padding-left: 5px;
				 }

#details { float: right;
		   width: 200px;
		   padding-top: 20px;
		   font-family: Helvetica, Arial, sans-serif;
	   	   font-size: 12px;
		   font-weight: lighter;
		   color: #ffffff;
		   }

#findme { float: left;
		  margin-top: 40px; 
		  width: 200px;
				  }

#list1 { float: left;
		  width: 90px;
		  padding-top: 10px;
		  margin-left: -40px;
		}

#list2 {  float: left;
		  width: 90px;
		  padding-top: 10px;
		   margin-left: -5px;
		}

#list1 ul{ 	list-style-type: none;
 					}

#list2 ul{ 	list-style-type: none;
 					}
		
#list1 li.facebook { background-image: url(img/facebook.gif);
					  background-repeat: no-repeat;
					  padding-left: 20px;
					  margin-bottom: 10px;
					  height: 18px;
			}

#list1 li.soup { background-image: url(img/soup.gif);
				  background-repeat: no-repeat;
				   padding-left: 20px;
				   margin-bottom: 10px;
				   height: 18px;
			}
			
#list1 li.lastfm { background-image: url(img/lastfm.gif);
					background-repeat: no-repeat;
					padding-left: 20px;
				    margin-bottom: 10px;
					  height: 18px;
			}
			
#list2 li.twitter { background-image: url(img/twitter.gif);
					 background-repeat: no-repeat;
					 padding-left: 20px;
					  margin-bottom: 10px;
					  margin-left: 0px;
					  height: 18px;
			}
			
#list2 li.flickr { background-image: url(img/flickr.gif);
				    background-repeat: no-repeat;
					padding-left: 20px;
				     margin-bottom: 10px;
					 margin-left: 0px;
					  height: 18px;
			}
			
#list2 li.linkedin { background-image: url(img/linkedin.gif);
					  background-repeat: no-repeat;
					  padding-left: 20px;
					   margin-bottom: 10px;
					   margin-left: 0px;
					  height: 18px;
					}			

#footer { float: left;
		  width: 850px; 
		  margin-top: 30px;
		  margin-left: 15px;
		  margin-bottom: 20px;
		  border-top-width:1px;
		  border-top-color:#352934;
		  border-top-style:solid;
		  padding-top: 10px;
		  font-family: Helvetica, Arial, sans-serif;
	   	  font-size: 11px;
		  font-weight: lighter;
		  color: #fdf79e;
		  }