/* reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ffffff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* end of Reset Styles, start of main styles*/
body {
	font-family:arial, courier,verdana, sans-serif;
	background-color:#333; 
	margin:0; 
	padding:0;
	}
	
a {
	text-decoration: none; 
	font-family: helvetica, arial, courier, sans-serif; 
	color: #000000; 
	}
	
h1 { 
	font-size: 18px; 
	font-weight: bold;
	}
	
h2 { 
	font-size: 11px; 
	margin-top: 5px; 
	font-weight: bold;
	}
	
p {
	font-size: 11px;
	}

p a {
	font-size: 12px;
	}

#wrap_all {
	width:850px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:15px;
	}
	
	#pic_container {
		width:475px; 
		height:400px; 
		float:left; 
		margin-left: 0px;
		background-color:#daf7e3; 
		background-image: url('../images/spray.png'); 
		}
		
	#left_container {
		width:245px; 
		float:left;
		}
		
	#right_container {
		width:550px; 
		float:left; 
		margin-left:10px;
		}
		
#nav_container {
	width: 245px; 
	float:left; 
	padding-right:0; 
	background-color:#daf7e3; 
	}
	
.header {
	width:150px;
	height:17px;
	float:left;
	line-height:1.5;
	text-align: left; 
	font-family: arial, courier, sans-serif; 
	font-weight:bold; 
	font-size: 18px; 
	margin-left:10px;
	}
	
#mailto {
	width:200px;
	float:left;
	margin-left:10px; 
	margin-bottom:5px;
	}
	
	#mailto a {
		text-align: left; 
		font-family: arial, courier, sans-serif; 
		font-size: 12px;
		color: #000000;  
		}
		
#navlist { 
	width: 120px; 
	float: left; 
	margin-bottom: 2px; 
	margin-left: 10px; 
	background-color:#daf7e3; 
	}
	
	#navlist ul { 
		list-style-type: none; 
		text-align: left; 
		font-family: arial, verdana, sans-serif; 
		font-size: 12px;
		font-weight: bold; 
		}
		
		#navlist a { 
			line-height:2; 
			display: block; 
			padding: 2px; 
			width: 95px; 
			color: #000000; 
			border-bottom: 0px dashed #000000; 
			}
			
			#navlist a:link, #navlist a:visited { 
				color: #000000; text-decoration: none; 
				}
				
			#navlist a:hover {
				background-color:#000; 
				color: #fff; 
				}
				
				.active {
					background-color: #adc9b6;
					}
.clear { 
	clear: both; 
	}

#nav2 { 
	width: 210px; 
	float: left; 
	margin-top: 0px; 
	margin-left: 20px; 
	background-color:#daf7e3;
	}
	#nav2 ul { 
		list-style-type: none; 
		text-align: left; 
		font-family: arial, verdana, sans-serif; 
		font-size: 12px; 
		font-weight: bold;
		}
	#nav2 a { 
		line-height:2; 
		display: inline; 
		padding: 2px; 
		width: 125px; 
		color: #000000; 
		border-bottom: 0px 
		dashed #000000; 
		}	
		
		#nav2 ul li {
			display: inline;
			}
		
		#nav2 ul a:link, #navlist ul ul a:visited { 
			color: #000000; 
			text-decoration: none; 
			}
			
		#nav2 ul a:hover {
			background-color:#000; color: #fff; 
			}
			
#contact { 
	padding:10px; 
	line-height: 1.5; 
	margin-left: 5px; 
	font-size:11px;
	}

.top_corner { 
	width:245px; 
	float:left; 
	height:5px;
	background-image: url('../images/corner_top_nav.png');
	}
	
.bottom_corner { 
	width:245px; 
	float:left; 
	height:5px;
	background-image: url('../images/corner_bottom_nav.png');
	}
	
.flick_top_corner { 
	width:475px; 
	float:left; 
	height:5px;
	background-image: url('../images/flick_corner_top.png');
	}
	
.flick_bottom_corner { 
	width:475px; 
	float:left; 
	height:5px;
	background-image: url('../images/flick_corner_bottom.png');
	}


/* Featured */


#projectcontainer{
	height:500px; 
	width:550px; 
	float:left;
	}
.project { 
	width:445px; 
	float: left; 
	margin-top: 10px; 
	margin-left:20px;
	}

.pic { 
	width:425px; 
	float:left; 
	margin-top: 0px; 
	margin-left: 0px;
	}


/* Tweet */

#twit_container{
	width:245px;
	float:left; 
	background-color:#daf7e3; 
	margin-top:0px;
	}
	
#tweet_container{
	width:225px; 
	float:left; 
	padding:8px;
	}
	
.tweet {
	font-family: arial, serif;
	font-size: 10px;color: #000; 
	line-height:1.5
	}
  
  .tweet .tweet_list {
  		-webkit-border-radius: .5em;
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		background-color: #c9e8d3; 
  		}
  		
    .tweet .tweet_list li {
    	overflow: auto; 
    	padding: .5em; 
    	}
    	
      .tweet .tweet_list li a {
      		color: #777; 
      		}
   
   .tweet .tweet_list .tweet_even {
    	background-color: #adc9b6;
    	}
   
   .tweet .tweet_list .tweet_avatar {
    	padding-right: .5em;float: left; 
    	}
      
      .tweet .tweet_list .tweet_avatar img {
      	vertical-align: middle; 
      	}
		

/* Tweet Query */

.query {
	font-family: Arial, serif;
	font-size: 14px;
	color: #085258; 
	}
  .query .tweet_list {
  	-webkit-border-radius: .5em;
  	list-style-type: none;
  	margin: 0;padding: 0;
  	background-color: #8ADEE2; 
  	}
    .query .tweet_list li {
    	overflow: auto;
    	padding: .5em; 
    	}
    	
      .query .tweet_list li a {
      		color: #ef8861; 
      		}
    .query .tweet_list .tweet_even {
    	background-color: #91E5E7; 
    	}
    	
    .query .tweet_list .tweet_avatar {
    	padding-right: .5em;float: left; 
    	}
    	
      .query .tweet_list .tweet_avatar img {
      		vertical-align: middle; 
      		}
      
/* Flickr */



#images_container {
	width:475px; 
	float:left; 
	background-color:#daf7e3; 
	margin-left:0px; 
	margin-top:0px;
	}
	
	#images_container h1 {
		margin-top:8px; 
		margin-left:10px; 
		padding:0px; 
		text-align: left; 
		font-family: arial, courier, sans-serif; 
		font-size: 14px; 
		color: #000000;
		}
		
	#flickr{ 
		padding:5px;
		}
	
	#flickr a img { 
		margin:0px 0px 8px 8px;
		background:#adc9b6;
		padding:4px; 
		}
	

/* end of styles, start of gallery styles */

#gallery_container {
	width:450px; 
	float:left; 
	background-color:#daf7e3;
	}

#secondnav_container{
	width:245px;float:left; 
	background-color:#daf7e3; 
	margin-top:0px;
	}

#thumbs_container{
	width:208px; 
	float:left; 
	padding:8px;
	margin-left:20px;
	}