body {
	background: #fff url(../images/bg-gradient.png) repeat-x 0 0px;
	height:46.5em;
	font: 93% 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue', Arial, sans-serif;
}

/* Menu Bar */
#navigation{
	width:760px;
	height:56px;
	margin:0 auto;
}


ul#menu {
	height:56px;
}

	ul#menu li {
		font-size: 182%;
		color: #eee;
	}	

	ul#menu li a{
		display:block;
		text-indent:-9999px;
		height:56px;
		float:left;
	}
		/* Menu images */
		ul#menu li#menu-logo a{
			background: transparent url('../images/menu-logo.png') no-repeat;
			width:207px; 
		}

		ul#menu li a.separator{
			background: transparent url('../images/menu-bg.png') repeat-x;
			width:438px;
		}

		ul#menu li#menu-about a{
			background: transparent url('../images/menu-about.png') no-repeat;
			width:110px; 
		}

		ul#menu li#menu-about a:hover,ul#menu li#menu-blog a:hover{
			background-position: 0 -56px;
		}

		ul#menu li#menu-blog a{
			background: transparent url('../images/menu-blog.png') no-repeat;
			width:115px;
		}
/* END Menu Bar */

/* Header */

#header h1 {
	background: transparent url('../images/logo-leaf.png') no-repeat;
	height: 63px;
	padding-left: 128px;
	line-height:40px;
	font-size:244%;
	margin:15px auto;
	margin-top:50px;
	width:420px;
	color:transparent; /* Overlay of real text, cool hack :) */
}

#header h1 span#text-logo {
	background:transparent url('../images/logo-text.png') no-repeat 0 8px;
	display:block;
	height:100px;
	width:500px;
	color:transparent;
}
/* Overlay of real text, cool hack :),hide for opera */
#header h1 span#text-logo span {
	opacity:0;
}

/* END Header */

/* Content */
div#content {
	width:810px;
	height: 30em;
	margin:0 auto;
}

div#content h2 {
	font-size:100%;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 6px;
}

div#whatimdoing-wrapper{
	background:transparent url('../images/box-left.png') no-repeat; 
	float:left;
	margin:0 30px 15px 10px;
}
	div#whatimdoing-wrapper #whatimdoing-right {
		background:transparent url('../images/box-right.png') no-repeat top right; 
		width:460px;
		min-height:400px;
		margin-left:18px;		
	}

	div#whatimdoing-wrapper #whatimdoing{
		background:transparent url('../images/box-bg.png') repeat-x; 
		width:425px;
		min-height:400px;				
		padding:20px 7px 0 10px;
	}
		div#whatimdoing ul{
			padding-left:10px;
		}
		div#whatimdoing ul li {
			color:#363636;
			font-size: 85%;
			padding:0 10px 10px 5px;
		
		}
	
		div#whatimdoing ul li.service-logo{
			padding:10px 5px;
		}
		
		div#whatimdoing ul li h3 {
			padding-left: 21px;
			line-height:16px;
			padding-bottom:5px;
			color:#3399CC;
		}
			div#whatimdoing ul li h3 a {
				text-decoration:none;
				color:#3399CC;
			}
			div#whatimdoing ul li h3 a:hover {
				text-decoration:underline;
			}
		
			div#whatimdoing ul li h3.twitter {
				background: url("http://friendfeed.com/static/images/icons/twitter.png?v=df0a0affa8100c494df42159627a38b0") no-repeat;
			}	
			div#whatimdoing ul li h3.googlereader {
				background: url("http://friendfeed.com/static/images/icons/googlereader.png?v=5996dd645157314e06bcaaf8f75b6ed9") no-repeat;
			}
			div#whatimdoing ul li h3.delicious {
				background: url("http://friendfeed.com/static/images/icons/delicious.png") no-repeat;
			}
			
		div#whatimdoing ul li span{
			padding-left:21px;
		}	
		div#whatimdoing ul li span.message{
			display:block;
			font-size: 100%;
			padding-top:3px;
		}
				div#whatimdoing ul li span.message a{
						color:#3e3e3e;
				}
			
				div#whatimdoing ul li span.message a:active{
					color:red;
				}
				
				div#whatimdoing ul li span.message a:visited{
					color:#999;
				}
				
				div#whatimdoing ul li span.message a.twitter-user:hover{
					text-decoration:underline
				}	
		
				div#whatimdoing ul li span.message a.twitter-user{
					color:#3e3e3e;
					text-decoration:none;
					font-weight:bold;
				}
				
		
		div#whatimdoing ul li span.date{
			color:#999;
			font-size: 77%;
		}
	

div#second-column{
	padding-top:10px;
	float:left;
	width:19em;
	color: #363636;
}


	div#second-column p{
		line-height:1.45em;
		margin-bottom:1em;
	}
	
	ul#findme {
		padding:0.5em 0 1em 1em;
		
	}
	
		ul#findme li {
			height:26px;
		}
		
		
		ul#findme .chiclet{
			padding-left: 50px;
			background-position:0 center;
			background-repeat:no-repeat;
			display:block;
			min-height:23px;
			padding:3px 0 0 50px;
		}
		
		a.chiclet:hover {
			text-decoration:none;
		}
		a.chiclet:link {
			color:#00A8D8;
		}
		a.chiclet:visited {
			color:#238EAE;
		}
		a.chiclet {
			outline-color:-moz-use-text-color;
			outline-style:none;
			outline-width:medium;
		}
		
			a.chiclet.twitter {
				background-image: url('../images/icons/twitter.png');
			}
			a.chiclet.linkedin {
				background-image: url('../images/icons/linkedin.png');
			}
			a.chiclet.flickr {
				background-image: url('../images/icons/flickr.png');
			}
			a.chiclet.facebook {
				background-image: url('../images/icons/facebook.png');
			}
			a.chiclet.friendfeed {
				background-image: url('../images/icons/friendfeed.png');
			}		
/* Flickr badge */
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding-right:5px !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 0px solid black !important; margin:3px;}
#flickr_badge_uber_wrapper{ margin:0.6em 0 1em 1em !important }


/* End Content */


/* Footer */
#footer {
	clear:both;
	//bottom:0;
	//position:absolute;
	background: #ffffff url('../images/footer-bg.png') no-repeat top center;
	width:100%;
	padding-top:1em;
	height:10%;
	text-align:center;
	color:#3399FF;
}

/* End Footer */