/* 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;
			 }


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

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

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

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

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

#wholewrap {   background-image: url(img/back_img2.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;
			 } 
				  
#projects {float: left; 
		   width: 586px;
		   padding-left: 10px;
		   margin-top:0px;
				  }

#contact {float: right;
		  width: 200px;
				  }


#link { 	 position: absolute;
			 top: 190px;
			 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;
			  }

#header { width: 576px;
		  height: 18px;
		  margin-top: 30px;
		  border-bottom-width: 1px;
		  border-bottom-color: #352934;
		  border-bottom-style: solid;
		  } 

#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-bottom: 20px;
		  margin-left: 90px;
		  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;
		  }
		  
#test { width: 576px;
		margin-top: 10px;
		}

#description { width:576px;
			   font-family: Helvetica, Arial, sans-serif;
	   	  	   font-size: 12px;
		  	   font-weight: lighter;
		       color: #ffffff;
			   line-height: 16px;
			   padding-top: 5px;
			   border-top-width:1px;
			   border-top-color:#352934;
			   border-top-style:solid;
			   margin-top:5px;
			   
			   }
			
		  
 /* SLIDER CSS */

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #000000;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 0px solid #000000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin-top: 4px; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 25px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: normal 16px Helvetica, Arial, sans serif; 
text-align: center; 
line-height: 22px; 
background: #2b2339; 
color: #ffffff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #5e4c7c; 
color: #ffffff; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #000000; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}