/* ----- Basic Styles ----- */
	body{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #000;
		padding-top:2px;
		background: #fff url(../_img/head_bg.png) repeat-x;
		
		}
	#outer{
		position: relative;
		margin: 0 auto;
		width: 800px; min-height: 100%;
		}
	#head{
		width: 800px; height: 125px;
		background: transparent url(../_img/head_over.png) no-repeat;
		}
	#left{
		position:absolute;
		width: 485px;
		padding-right: 175px;
		margin-top: -25px;
		background: url(../_img/mid_bg.png) right top repeat-y;
		
		}
	#mid{
		position:absolute;
		
		left: 490px; top:100px;
		width: 150px;
		padding: 25px 10px 0 10px;
		/*background: url(../_img/mid_bg.png) repeat-y; */
	
		}
	#right{
		position: absolute;
		left:650px;
		}
	#foot{
		}
		
	ul.nav{
		position:absolute;
		top: 100px; left: 25px;
		font-size: 14px;
		list-style-type: none;
		margin: 0;
		padding: 10px 0;
		background-color:#ccc;
		z-index:100;
		
		}
	ul.nav li{
			margin: 0;
			padding: 0;
			display: inline;
			}
	a{ 
		color: #0066cc;
		text-decoration: underline;
		}
	a:hover{
		color: #0099ff;
		text-decoration: none;
		}			
	
/* ----- Basic Elements ----- */
	h3.side-title{
		color: #fff;
		font-weight: normal;
		margin: 25px 5px 0 5px;
		
		}
	#right ul{
		list-style-type: none;
		margin: 10px 0 0 10px; padding: 0;
		}
	#right ul li{
		list-style-type: none;
		margin: 0; padding: 0 0 5px 5px;
		}
	
	#right a{
		color: #f60;
		text-decoration: none;
		}
		#right a:hover{
			color: #09f;
			text-decoration: none;
			}
			
/* ----- Top Navigation ----- */
	#head ul.nav a{
		display: inline;
		padding: 10px 10px 10px 10px;
		text-decoration:none;
		}
	#head ul.nav a:hover{
		color:#fff;
		background-color:#09f;
		}
		
		body.home li.nav-home, body.about li.nav-about, body.photos li.nav-photos{background-color:#333; padding: 10px;}
		body.home li.nav-home a, body.about li.nav-about a, body.photos li.nav-photos a{color:#09f;}
		body.home li.nav-home a:hover, body.about li.nav-about a:hover, body.photos li.nav-photos a:hover{color:#09f; background-color: #333;}

		
/* ----- Blog post Elements ----- */
	.description{
		color: #fff;
		position: absolute;
		top:80px; left: 335px;
		}
		
	h2.date{
		width: 490px;
		font-size: 14px;
		color:#666;
		text-align: right;
		border-bottom: 1px solid #666;
		margin-top:50px;
		}
		.title{
			color:#f90;
			font-size:16px;
			font-weight: bold;
			margin-bottom:0px;
			padding-bottom: 0px;
			}
			
		.sub_title{
			color: #666;
			font-style: italic;
			padding-left: 10px;
			}	
	p.post-body{
		margin: 0px;
		padding: 0 10px 0 10px;
		}	
		.post-close{}
		
		
		
		
	img{border:none;}
		.flickr{
			display:block;
			width:150px; height: 150px;
			padding: 0; margin: 0;
			}
		.flickr2{
			display:block;
			width:150px; height: 300px;
			padding: 0; margin: 0;
			}			
		.flickr_badge_image {margin:0; padding:0;}
		.flickr_badge_image img {border: 0 !important; float: left;}
		
/* ----- Twitter Feed Styling ----- */
	#right h3.side-title{
		color: #09f;
		font-weight: bold;
		border-bottom: 1px solid #09f;
		margin: 0 0 0 10px; padding: 0;
		}
		
	#twitter_div{
	
		color: #666;
		font-size:11px;
		}
	#twitter_update_list{
		
		}
		#twitter_update_list a{
			display:block;
			color: #c60;
			border-bottom: none;
			}
		#twitter_update_list a:hover{
			border-bottom: none;
			}
		ul#twitter_update_list {
			margin: 17px 0 0 15px; padding: 0;
			}
		ul#twitter_update_list li{
			list-style: none;
			padding-bottom: 15px;
			}
		ul#twitter_update_list li.even{
			background-color: #ccc;
			}