body {
	background-color:#31434d;
	background-image:url(../pix/habitat/webBg.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	color: #333;
}

a:link,
a:visited {
	color:#31434D;
	}
a:hover {
	color:#000;
	}

blockquote{
	background-image:url(../pix/style01/bq.gif);
	color:#83806f;
	}	
	
.split7030	{border-top-color:#333;}	

#content {
	background:#f5f6f0;
	border-top:1px solid #ced0c3;
}
h1 a{background-image:url(../pix/habitat/logo.gif);}
h2.pagetitle {
	background-color:#FFF;
	color:#333;
	border-bottom:1px dotted #bdc2b4;
	}
h2.pagetitle strong{color:#333;}	


/* MENU */	

div#menu ul li {
	background:transparent url(../pix/habitat/mnuN.gif) no-repeat scroll 0 0;
	}
div#menu ul li a {
	color:#9baab5;
	background:transparent url(../pix/habitat/mnuN.gif) no-repeat scroll 100% 0;
	}
div#menu ul li a:hover {
	color:#FFF;
	}
div#menu ul li.current_page_item {
	background-image:url(../pix/habitat/mnuA.gif);
}
div#menu ul li.current_page_item a {
	background-image:url(../pix/habitat/mnuA.gif);
	color:#333;
}

/* WRAP */
.wrap{background-image:url(../pix/habitat/wrapBg.gif);}
.wrap ul li{background-image:url(../pix/bullet.gif); }

/* SEARCHFORM */


#searchform #searchsubmit{
	background-color:#000;
	border:3px solid #333;
	color:#CCC;
	}

/* PATH */
div#path{
	background-color:#d9dfce;
	border-bottom:1px solid #f6f8ed;
	color:#222;
	}
div#path a:link,
div#path a:visited	{color:#000;}
div#path a:hover	{color:#536F29;}


/* QUICKNAV */


#rss_icon,
#rss_icon a{background-image:url(../pix/habitat/icon_feed.gif); }
#contact_icon,
#contact_icon a{background-image:url(../pix/habitat/icon_contact.gif);}
#admin_icon,
#admin_icon a{background-image:url(../pix/habitat/icon_admin.gif);}
/* HEADERS */
h3{
	background-image:url(../pix/habitat/h3R.gif);
	color:#fff;
	}
h3 a:link,
h3 a:visited{color:#FFF;}	
h3 a:hover{color:#333;}
h3 span{
	background-image:url(../pix/habitat/h3L.gif);
	}	

h3#comments span.wL a	{background-image:url(../pix/habitat/icon_addcomment.gif);}
h3#respond span.wL a	{background-image:url(../pix/habitat/icon_logout.gif);}	

/* FIRST POST */
.screen					{color:#CCC;}
.screen a:link img,
.screen a:visited img	{border-color:#CCC; background-color:#d9d8d4;}
.screen a:hover img 	{border-color:#000; background-color:#444;}

.details				{background-color:#000;}
.screen a:link,
.screen a:visited		{color:#666;}
.screen a:hover			{color:#FFCC00;}	
.screen h2 a:link,
.screen h2 a:visited	{color:#FFF;}
.screen h2 a:hover		{color:#FFCC00;}
.screen .comms			{background-color:#222;}
.screen a.zoom			{background-image:url(../pix/habitat/icon_zoom.gif);}
.preview a.zoom			{background-image:url(../pix/habitat/icon_zoomw.gif);}



/* POST */
.post 				{border-bottom-color:#e7dbc2;}
.post h2 a 			{background-image:url(../pix/habitat/icon_page.gif);}
.post a img			{border-color:#dfd2bb; background-color:#FFF;}
.post a:hover img	{border-color:#996633; background-color:#f2ebd8;}
/* SINGLE */

.single .details{
	padding:12px 5px;
	}
	
p.tags{
	background-image:url(../pix/habitat/icon_tags.gif);
	}
	
a.icon_comments{
	background-image:url(../pix/habitat/icon_comments.gif);
	}
.single .entry a:link img,
.single .entry a:visited img	{background-color:#DFDFD1; border-color:#CFCFB5;}
.single .entry a:hover img		{background-color:#FFF; border-color:#BFBF9B;}


/* ABOUT*/

#about img.photo{
	border-color:#e7dbc2;
	background-color:#FFF;
	}	

/* NOTES */
#notes h2 a	{background-image:url(../pix/habitat/icon_arrows.gif);}
#notes li	{border-bottom-color:#e7dbc2;}
.note h2 a	{background-image:url(../pix/habitat/icon_note.gif);}


.note{
	background-color:#444;
	color:#CCC;
	border-color:#000;
	}
.note .floatR{color:#999;}	
.note h2 a:link,
.note h2 a:visited{color:#FFA301;}
.note h2 a:hover{color:#FF6600;}
		
		
		
/* FLICKR */
#flickrBox a:link img,
#flickrBox a:visited img			{border-color:#CCC; background-color:#fff;}
#flickrBox a:hover img				{border-color:#818772; background-color:#ccd0c1;}

#myFlickr							{background-color:#333;}
#myFlickr #flickrBox a:link img,
#myFlickr #flickrBox a:visited img	{border-color:#555; background-color:#444;}
#myFlickr #flickrBox a:hover img	{border-color:#666; background-color:#000;}


/* COMMENTS */
ol.commentlist .commentNum{
	color:#c2b395;
	}	
ol.commentlist li h5{
	background-image:url(../pix/icon_dialog.png) !important;
	}	
/*ol.commentlist li.author h5 {background-image:url(../pix/icon_author.gif);}	*/
ol.commentlist h5 small a	{color:#222;}
ol.commentlist cite a:link,
ol.commentlist cite a:visited	{color:#333;}
ol.commentlist cite a:hover		{color:#000;}	

	
ol.commentlist li{
	background-color:#F5F6F0;
	border-bottom-color:#ECEFE0;
	}	
ol.commentlist li.alt{
	background-color:#F5F6F0;
	}	
	
		
ol.commentlist li em.moderation{
	color:#333;
	background-color:#d9dfce;
	}	
ol.commentlist p a:link,
ol.commentlist p a:visited{color:#6a8b2e;}
ol.commentlist p a:hover{color:#344e06;}	

#commentform #ed_toolbar input	{border-color:#4D5A5F; background-color:#616B6F; color:#fff;}
#commentform a:link,
#commentform a:visited{color: #fff;}
#commentform a:hover{color: #ccc;}

#commentform{
	border-color:#FAFAFA;
	background-color:#84898B;
	color:#333;
	}

#commentform p{
	border-bottom-color:#727a7d;
	}	
#commentform input#author,
#commentform input#email,
#commentform input#url{
	border-color:#CCC;
	}	


#commentform input#author	{background-image:url(../pix/icon_author.gif);}	
#commentform input#email	{background-image:url(../pix/icon_email.gif);}
#commentform input#url		{background-image:url(../pix/icon_link.gif);}



#commentform #submit{
	background-color:#616B6F;
	border-color:#4D5A5F;
	color:#fff;
	}	
/* NAVIGATION */

.navigation .alignright a			{background-image:url(../pix/icon_r.gif);}
.navigation .alignleft a			{background-image:url(../pix/icon_l.gif);}
/* WP PAG*/
#content div.wp-pagenavi a:link, 
#content div.wp-pagenavi a:visited{
	color: #FAFAFA;
	background-color: #333;	
}

#content div.wp-pagenavi a:hover {	
	color:#FAFAFA;
	background-color: #aad83e;
}
#content div.wp-pagenavi span.current {
	color: #FAFAFA;
	background-color: #aad83e;
}
#content .wp-pagenavi span.extend {
	color: #000;
	background-color: #FAFAFA;
}
#content .wp-pagenavi span.pages{background-color:#FAFAFA;}
/* SECOND */
#second{
	background-color:#ccd0c1;
	border-top-color:#28353d;
	}
#second h2{
	color:#FFF;
	background-image:url(../pix/habitat/sech2R.gif);
	}	
#second h2 span{
	background-image:url(../pix/habitat/sech2L.gif);
	}	
		
#second ul li ul li{
	border-bottom-color:#DBDFD1;}	

#second ul li ul li a{
	background-image:url(../pix/bullet.gif);
	}	
#second a{font-weight:normal;}
#second a:link,
#second a:visited{color:#536F29;}
#second a:hover{color: #000;}	

#footer{
	background-color:#333;
	background-image:url(../pix/habitat/footbg.gif);
	color:#ccc;
	border-top-color:#222;
	}
#footer a:link,
#footer a:visited{color:#99CC00;}
#footer a:hover{color:#FFF;}	
#footer a#logoFoot{background-image:url(../pix/habitat/logofoot.gif);}
#footer a#logoFoot:link,
#footer a#logoFoot:visited{background-position:0 0;}
#footer a#logoFoot:hover{background-position:0 -60px;}	

	

/* TABS */
#tabs{padding:5px; background-color:#444;}
#tabs .tabs-nav {background-image:none;}
#tabs .tabs-nav {background-image:none; background-color:#333;}
/*#tabs .tabs-nav {background-image:url(../pix/habitat/tabsBg.gif);}
#tabs .tabs-nav a,
#tabs .tabs-nav a span {
    background-image: url(../pix/habitat/tab.png);
}*/
#tabs .tabs-nav a {color: #999; background-color:#333}
#tabs .tabs-nav .tabs-selected a {color:#000; background-color:#FFF;}
#tabs .tabs-nav a:hover{color:#FFF; background-color:#222;}
#tabs .tabs-container {
    border-color:#333;
	margin:0;
    background: #FFF; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#tabs .tabs-loading em {
	background-image:url(../pix/loading.gif);
	}


/** -------------------------------------
Light Window
--------------------------------------**/
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

/*
* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #171B20;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}


.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	
h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #FF9;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		

p {
	margin: 0 0 20px 0;
	color: #cccccc;
	line-height: 140%;
}

	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}
*/

/* LinkedIn hResume */
div.hresume blockquote { margin-left: 20px; border-left: 20px solid #eee; padding-left: 10px; font-size: 0.9em;}
div.hresume dt { font-weight: bold;}
div.hresume dd { margin-left: 1.0em; font-size: 0.9em;}
div.hresume code { font-family: Courier New, Courier, Monospace; font-size: 1em; color: #666666;}

div.hresume acronym, div.hresume abbr { border-bottom: 0;}

div.hresume { position: relative;}
div.hresume ul.vcalendar li.vevent { list-style: none; list-style-image: none;}

div.hresume #lnhr-main { margin: 2em 3% 4em 3%;}
div.hresume #overview, div.hresume div.profile-header div.actions { display: none;}
div.hresume #masthead { width: 40%;}

div.hresume #nameplate p.headline { margin-top: 0.4em; margin-bottom: 0;}
div.hresume #nameplate div.adr p.locality { margin-top: 0.4em;}

div.hresume .image {display:none;}

div.hresume #summary { margin-top: 2em;}
div.hresume #summary h2, div.hresume #summary h3 { display: none;}
div.hresume #summary p.summary { position: absolute; top: -1em; right: 0; width: 50%; font-size: 1.5em; -moz-border-radius: 1em; line-height: 1.1em; padding: 1em; background: #eee; margin-right: 10%;}
div.hresume #summary p.skills {clear: both; padding-top:20px;}

div.hresume #experience { overflow: hidden;}
div.hresume #experience ul.vcalendar { margin-left: 17em;}
div.hresume #experience ul.vcalendar li.experience { position: relative; margin-top: 1.6em;}
div.hresume #experience ul.vcalendar li.experience:nth-child(2n+1) { background-color: #eee;}
div.hresume #experience ul.vcalendar li.experience ul li { margin-top: 1em;}
div.hresume #experience ul.vcalendar li.experience p.period { position: absolute; top: 0; left: -17em; width: 14em; padding: 1em; height: 100%;}
div.hresume #experience ul.vcalendar li.experience p.period abbr.duration { display: block;}
div.hresume #experience ul.vcalendar li.experience p.description { margin-top: 1em;}
div.hresume #experience ul.vcalendar li.experience p.organization-details { color: #999;}

#project-description { -moz-border-radius: 1em; padding: 2em; background: #eee; margin: 2em 0 2em 0;}

div.hresume hr { display:none;}
div.hresume h3 { letter-spacing:0 !important;}
div.hresume div#education ul { margin:0; padding:0; list-style:none;}
div.hresume div#education ul li { list-style:none;}
div.hresume div#education ul li h3 { margin:20px 0 0 -17px;}
div.hresume div#education ul li h4 { margin:0; padding:0; font-style:italic; font-size: 12px;}

div.hresume div#experience li.experience h4.org {font-style:normal; font-size:18px; margin: -15px 0 0 0;}

div.hresume ul li {background:none;}
div.hresume, div.hresume div, div.hresume p { margin:0; text-align:left !important;}
div.hresume br, div.hresume legend {display:none;}

div.hresume #additional-information {display:none;}

#summary h4 {display:none;}


/* Page2Cat Style */

#p2c-header p {margin-left:10px;}