/* 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: 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 */


.clear { clear: both; }
#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;}