body
  {	color: #000000;
	background-color: #FFFFFF;
	font-size: small;
	font-family: Verdana, Helvetica, Chicago, Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 10px auto;
	border: 1px solid #000000;
	max-width: 800px;
	min-width: 600px;
  }

h1 
  {	font-size: 150%; 
	color: #54627B;
	margin: 0;
  }

h2
  {	font-size: 130%; 
	color: #54627B; 
	margin: 15px 0 0 0;
  }

h3 
  {	font-size: 110%;
	color: #54627B; 
	margin: 20px 0 0 0;
  }
h4
  {	color: #54627B; 
	font-weight: bold;
	margin: 20px 0 0 0;
  }

a:link
  {	color:#3E577B;
	font-weight: bold;
	}

a:visited
  {	color: #808080;
	font-weight: bold; 
	}


a:hover, a:focus, a:active
  {	color:#FFFFFF;
  	background-color: #3E577B;
	font-weight: bold;
	}

img
  {	float: right;
	clear: right;
	padding: 0px;
	margin: 10px;
	border: 1px solid #000000;
	}

img.freefloat
  {	float: none;
	clear: none;
	}

dl#simple a:hover
  {	background-color: transparent; }

li.sublist
  {	list-style-type: circle;
	margin-left: 20px;
	}
li
  {	margin-top: .3em;
	margin-bottom: .3em;
	}
ul.position_attribs
  {	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.position_attribs li
  {	float: left;
	width: 31%;
	}
ul.position_attribs li.location
  {	text-align: left;
	padding-right: .5em;
	}
ul.position_attribs li.timeframe
  {	text-align: center;
	padding-right: .5em;
	padding-left: .75em;
	}
ul.position_attribs li.title
  {	float: right;
	text-align: right;
	padding-left: .5em;
	}

blockquote
  {	color: #666666;
	border-top: dashed 1px #000000;
	border-bottom: dashed 1px #000000;
	padding: 3px;
	width: 50%;
	}

code
  {	color: #000000;
	background-color: #DDDDDD;
	border: solid #000000 1px;
	font-family: "Courier New", Courier, monospace;
	font-size: 90%;
	margin: 0.2em 1.5em 0.2em 1.5em;
	padding: 5px;
	display: block;
	white-space: pre;
	overflow: auto;
	max-height: 15em;
	}

#header
  {	color: #FFFFFF;
 	background: url(/images/hdr_bg.png) #000000;
	margin: 0;
	}

#header h1, #header h2
  {	color: #FFFDBF;
	margin: 0px;
	}

#contact_info
  {	float: left;
	text-align: left;
	padding: 10px;
	}

#sites
  {	float: right;
	text-align: right;
	padding: 10px;
  }

#contact_info a:link, #sites a:link
  {	color:#C0DAFF;
	font-weight: bold;
	}

#contact_info a:visited, #sites a:visited
  {	color:#DADADA;
	}

#main 
  {	margin: 0px 0px 0px 0px;
	padding: 10px;
  }

#nav-tabs
  {	list-style: none;
	background: #999999 url(/images/border-bg.gif) repeat-x bottom left;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	border-top: solid #000000 1px;
	clear: both;
	}

/*	Applying clearfix 	*/
#nav-tabs:after
 {	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav-tabs li
  {	margin: 0 4px 0;
	padding: 5px 0;
	float: left;
	}

#nav-tabs a
  {	margin: 0 5px;
	padding: 4px 12px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	border-bottom: none;
	background: #5978A5 url(/images/nav-normal.gif) repeat-x top left;
	}

#nav-tabs a:hover, #nav-tabs a:focus, #nav-tabs a:active, 
body.home #tab-home a, 
body.portfolio #tab-portfolio a, 
body.skills #tab-skills a, 
body.experience #tab-experience a, 
body.education #tab-education a
  {	color: #000000;
	border-color: #000000;
	background: #FFFFFF url(/images/nav-over.gif) repeat-x top left;
	border-bottom: solid 1px #FFFFFF;
	}

#examples dt, #simple dt
  {	font-size: 120%;
	font-weight: bold;
	color: #54627B; 
	margin: 20px 0 0 0;
	clear: right;
  }

#examples dd
  {	margin: 0px; }

.job-location
  { text-align: left;
	display: inline;  
	}
.job-dates
  { margin: 0px 25px;
	text-align: center;
	display: inline;
	}
.job-title
  { text-align: left;
	display: inline;  
	}

#contact_info a:hover, #contact_info a:focus, #contact_info a:active, #sites a:hover, #sites a:focus, #sites a:active
  {	color: #FFFFFF !important;
  	background-color: #3E577B;
	font-weight: bold;
	}


#breadcrumbs
  {	font-size: 75%;
	text-align: right;
	margin: 0 0 -20px 0;
	padding: 0 17px 0 0;
	background: url(/images/pin.png) top right no-repeat;
	min-height: 25px;
	}

#breadcrumbs a
  { font-weight: normal; }


#contact_info a:link, #sites a:link
  {	color:#C0DAFF;
	font-weight: bold;
	}

#contact_info a:visited, #sites a:visited
  {	color:#DADADA;
	}

.clearfix:after
 {	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}