html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html, body {
	height: 100%;
}
body {
	font-family: Arial, Verdana, sans-serif;
	background: #ffffff;
	width:  100%;
}
#shadow-container {
	background: url("../images/side-shadow.png") repeat-y scroll 0 0 transparent;
	margin: 0 auto;
	width: 994px;
}
#wrapper {
	background:  none repeat scroll 0 0 #ffffff;
	margin:  0 auto;
	text-align:  left;
	width: 984px;
}
#wrapper div {
	margin-left: 10px;
}
#header {
	margin-left: 5px;
	height: 150px;
}
#header img {
	float: left;
	height: 142px;
	width: 380px;
}
/* navigatin */
#navigation {
	display: block;
	float: right;
	height:80px;
	width: 580px;
	margin-top: 40px;
	margin-left: 10px;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul, #navigation li {
	display: inline;
	font-size: 105%;
}
#navigation li {
	margin: 0;
	padding: 0;
	text-indent:  -9999px;
}
#navigation li a {
	background-image: url("../header/navigation.gif");
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 80px;
}
#navigation li.page-item-home a {
	background-position: -13px 0;
	width: 65px;
}
#navigation li.page-item-portfolio a {
	background-position: -84px 0;
	width: 100px;
}
#navigation li.page-item-publications a {
	background-position: -190px 0;
	width: 130px;
}
#navigation li.page-item-education a {
	background-position: -325px 0;
	width: 107px;
	
}
#navigation li.page-item-about a {
	background-position: -442px 0;
	width: 75px;
}
#navigation li.page-item-blog a {
	background-position: -522px 0;
	width: 57px;
}
#navigation li.page-item-home a:hover {
	background-position: -13px -80px;
	width: 65px;
}
#navigation li.page-item-portfolio a:hover{
	background-position: -84px -80px;
	width: 100px;
}
#navigation li.page-item-publications a:hover {
	background-position: -190px -80px;
	width: 130px;
}
#navigation li.page-item-education a:hover {
	background-position: -325px -80px;
	width: 107px;
}
#navigation li.page-item-about a:hover {
	background-position: -442px -80px;
	width: 75px;
}
#navigation li.page-item-blog a:hover {
	background-position: -522px -80px;
	width: 57px;
}
/* content area */
#content {
	color: #323232 /*charcoal */;
	width: auto;
}
#content h1 {
	color: #4c1b21 /*brown*/;
	font-size: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
#content h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 1px;
	font-size: 110%;
}
#content a {
	color: #4e0a71 /*purple*/;
	text-decoration: none;
}
#content p {
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: justify;
	font-size: 95%;
}
#content a:visited {
	color: #4e0a71;
}
#content ul, li {
	color: #323232;
	margin-left: 15px;
	list-style-image: url("../images/bulletpoint.gif");
	line-height: 25px;
}
#content ul {
	margin-bottom: 20px;
	font-size: 95%;
}
/* home page */
#left {
	width: 590px;
	float: left;
}
#left div.pics {
	height: 272px;
	width: 500px;
	margin: 0;
	padding: 0;
	
}
#left div#pics_holder {
	height: 272px;
	width: 500px;
	background-color: #4c1b21;
	padding: 10px;
	margin: 0 10px 10px;
}
#left div.pics img {
	border: 1px solid #f0f0d9;
	
}
#left p {
	margin-left: 20px;
	margin-bottom: 10px;
}
.instructions {
	font-size: 70%;
	margin-top: 5px;
}
.breadcrumbs {
	font-size: 65% !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}
p.breadcrumbs a {
	color: #4e0a71 /*purple*/;
}
p.breadcrumbs a:hover {
	color: #4bbf98 /*acqua*/;
}
#caption {
	font-size: 110%;
	font-weight: bold;
}
#right {
	width: 350px;
	float: left;
	color: #4c1b21;;
}
#right ul {
	margin-left: 20px;
}
#right ul li {
	list-style-image: url("../images/bulletpoint.gif");
	margin-bottom: 10px;
	font-size: 85%;
}
#right ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #4e0a71;
}
#right ul li a:hover {
	color: #4bbf98;
} 
/* portfolio */
div#portfolio_topline {
	width: 975px;
	clear:  both;
	height: auto;
	
}
div#portfolio_bottomline {
	width: 975px;
	clear: both;
	padding-top: 40px;

	height: auto;
}
div.portfolio_section {
	width: 475px;
	display: inline;
}
div.portfolio_section h4 {
	font-size: 100% !important;
}
div.portfolio_sub_section {
	display: inline;
	float: left;
}
div.portfolio_sub_section ul {
	font-size: 80%;
	width: 190px;
	margin-top: 30px;
	margin-left: 2px !important;
}
div.portfolio_section img {
	height: 155px;
	width: 230px;
}
div.portfolio_holder {
	background-color: #f0f0f0 /*light gray*/;
	height: 155px;
	width: 230px;
	padding: 10px;
	margin: 0 10px 10px;
}
div.portfolio_pics {
	height: 275px;
	margin-bottom: 10px;
}
div.portfolio_pics_holder {
	background-color: #f0f0f0 /*light gray*/;
	float: left;
	height: 255px;
	width: 300px;
	padding: 5px;
	margin-left: 2px !important;
}
img.project_image {
	float: right;
}
span.project_date {
	font-size: 75%;
	margin-left: 11px;
}
div.webdev_project {
	display: block;
	margin-bottom: 20px;
	height: 270px;
}
div.webdev_project p.language_tools {
	font-size: 80% !important;
	margin: 0px !important;
	margin-left: 10px !important;
}
/*footer */
#footer {
	border-top: 1px solid #f0f0f0;
	width: 984px;
	margin: 0 auto;
	color: #c8c8c8;
	clear: both;
}
#footer p {
	margin-left: 10px;
	margin-top: 20px;
	font-size: 80%;
	text-align: center;
	width: 100%;
}
#footer a {
	color: #969696;
	text-decoration: none;
}
#footer a:hover {
	color: #646464;
}