*, body{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #666;}

body {
	/* resetting default size to 10px or 62.5% of the 16px default */
	font-size: 62.5%;
	background: #96AD85 url(../img/bg.png) top left repeat-x;
}


/** Layout components (IDs)
****************************************/

#wrapper {width: 950px; margin: 0 auto; padding: 0;}
	#top {height: 25px; background: url(../img/box-top.png) top center no-repeat;}
	#mid {background: url(../img/box-middle.png) top center repeat-y; padding: 0 40px 3px 39px; margin-top: 0;}
	#bot {height: 25px; background: url(../img/box-bottom.png) bottom center no-repeat;}
	
#header {background: #fff;}
	#skip-to-content {display: none;}
	#und-logo {
		padding: 5px 15px;
		background: #000;
	}
		#und-logo a {display: block; height: 30px; width: 259px; background: url(../img/und-logo.png) top left no-repeat;}
		#und-logo span {display: none;}
	#main-logo {
		height: 149px;
		background: #224f00 url(../img/main-logo.png) top center no-repeat;
	}
		#main-logo a{
			display: block;
			height: 149px;
			width: 400px;
			margin-left: 15px;
		}
		#main-logo h1, #main-logo h2 {
			display: none;
		}
	#main-nav {
		margin-top: 3px;
		background: #224f00;
	}
		#top-nav {float: left; list-style: none; padding: 15px 0 15px 15px; font-size: 1.2em;}
		#search {text-align: right; padding: 10px 15px; background: #285f00; margin-left: 600px;}
	
	#sub-nav {
		font-size: 11px;
		clear: both;
		padding: 10px 0;
		background: #e9e4d5;
	}
	
#content {margin: 30px 0; background: #fff;}
	#sidebar {float: right; width: 270px; background: #fff;}
	#main-content {margin-right: 300px; padding-left: 15px; padding-bottom: 30px;}
	#main-content-wide {padding-left: 15px; padding-bottom: 30px;}

#foot-wrapper {background: #fff;}
	#footer {
		clear: both;
		font-size: 1.1em;
		padding: 15px;
		background: #e9e4d5;
	}
		#back-to-top {float: right;}
		
#cse-search-results, #cse-search-results iframe {font-size: 1.2em;}
		
/** Home Page unique style components (IDs and classes)
****************************************/	
#head-mast {height: 199px; background: #fff url(../img/head-mast.jpg);}

#l-column , #m-column, #r-column{float: left; margin-bottom: 30px; background: #fff;}
	#l-column {background: url(../img/v-dashes.png) top right repeat-y; width: 320px;}
	#m-column {width: 280px;}
	#r-column {width: 270px;}
		#photo-reel {background: #E9E4D5; margin-right: 15px; padding: 5px 15px;}
			.photo-reel-title {padding-bottom: 5px; background: #E9E4D5; color: #645f50; font-size: 1.4em; font-weight: bold;}
			#photo-carousel-wrapper {background: #fff; padding: 5px;}
				#photo-carousel-list {margin: 0; padding: 0;}
			.photo-reel-more {font-size: 1.2em; margin-top: 10px;}
			
		#m-column .col-box {margin: 0 15px 15px 15px; background: #fff;}
		#r-column .col-box {margin: 0 0 15px 15px; background: #fff;}
			.col-box-title {background: #E9E4D5; padding: 5px; color: #645f50; font-size: 1.4em; font-weight: bold; margin-bottom: 15px;}
	
			.col-box ul {list-style: none; margin: 0 0 15px 0;}
				.col-box ul li {background: url(../img/white-arrow.png) left center no-repeat; padding: 5px 0 0 20px; margin-bottom: 7px; font-size: 1.2em;}
			.col-box-content {padding: 0 5px;}
				.col-box-content p {font-size: 1.2em; margin-bottom: 15px;}
					
					.col-box-post {font-size: 1.2em;}
						.col-box-post p {margin: 5px 0; font-size: 12px;}
						.col-box-post-title {}
						.col-box-post-date {margin-bottom: 8px; color: #000;}
						.col-box-post-snippet {margin-bottom: 15px; padding-bottom: 15px; background: url(../img/h-dashes.png) bottom left repeat-x;}
	
					.read-more-posts {font-size: 1.2em; line-height: 16px;}
	
/** Non-unique style components (classes)
****************************************/

.sidebar-box {background: #e9e4d5; font-size: 1.1em; margin-bottom: 30px;}
	.sidebar-box-title {background: #96ad85; padding: 7px 15px; color: #fff; font-weight: bold;}
	.sidebar-box-info {padding: 5px 15px; background: url(../img/green-arrow-down.png) no-repeat 25px 0;}

.dashes {display: block; height: 1px; background: url(../img/h-dashes.png) top left repeat-x; margin: 7px 0;}

.post-wrapper {margin-bottom: 45px;}
.post-title {color: #000; font-weight: bold; font-size: 1.6em; background: url(../img/h-dashes.png) bottom left repeat-x; padding: 3px 0;}
.post-author-date {font-size: 1.1em; padding: 3px 0 20px 0;}
.post-content {font-size: 1.2em;}
	.post-footer {margin-top: 30px;}
		.post-share {padding-bottom: 10px; font-size: 1.1em;}
		.post-comments {}
			.post-comments-num {font-size: 1.1em;}
			.post-comments-goto {font-size: 1.1em;}
	
.comments-wrapper {background: #fff url(../img/h-dashes.png) top left repeat-x; padding-top: 15px;}
	.comment {border-left: 2px solid #e2e2e2;}
	.comment-by-author {border-left: 2px solid #96AD85;}
	.comment, .comment-by-author {padding: 15px; margin-bottom: 15px;}
		.comments-title {margin-bottom: 10px;}
			.comments-name {font-size: 1.2em; margin-right: 15px;}
			.comments-date  {font-size: 1.0em;}
		.comment-content {font-size: 1.2em; line-height: 1.5em;}
		
.clear-left {clear: left;}
.clear-right {clear:right;}
.clear-all {clear:both;}
		
/** Post-content formatting
****************************************/

.post-content {line-height: 1.5em;}
.post-content p { margin-bottom: 12px;}
.post-content blockquote {line-height: 1.5em; background: #e2e2e2; border-left: 2px solid #ccc; padding: 15px; margin: 0 25px 15px 25px;}
.post-content h1 {font-size: 1.6em; margin-bottom: 15px; color: #000; font-weight: bold;}
.post-content h2 {font-size: 1.5em; margin-bottom: 15px; color: #000; font-weight: bold;}
.post-content h3 {font-size: 1.4em; margin-bottom: 15px; color: #000; font-weight: bold;}
.post-content h4 {font-size: 1.3em; margin-bottom: 15px; color: #000; font-weight: bold;}
.post-content h5 {font-size: 1.2em; margin-bottom: 15px; color: #000; font-weight: bold;}
.post-content h6 {font-size: 1.1em; margin-bottom: 15px; color: #000; font-weight: bold;}

.post-content ul {list-style: none; margin: 0 25px 15px 25px;}
	.post-content ul li {background: url(../img/white-arrow.png) left center no-repeat; padding: 5px 0 0 20px; margin-bottom: 7px;}
.post-content ol {list-style-position: inside; margin: 0 25px 15px 25px;}
	.post-content ol li {padding: 5px 0 0 0;}

/** List formatting
****************************************/

#top-nav li {display: inline; margin-right: 15px;}

#sub-nav ul, .footer-list{list-style: none;}
#sub-nav li, .footer-list li{display: inline;}
	.footer-list li {margin-right: 20px;}
	.listbottom {background: url(../img/h-dashes.png) top left repeat-x; padding-top: 8px; margin-top: 8px;}
	#sub-nav li {border-right: 1px solid #017fff; padding: 0 15px; margin: 0;}
	#sub-nav li.last {border: 0;}
	
.sidebar-box-info ul {list-style: none;}
.sidebar-box-info li {background: url(../img/h-dashes.png) bottom left repeat-x;}
	.sidebar-box-info li.last {background: none;}
	
#pubs {list-style: none; margin: 0; background: #f2f2f2;}
	#pubs li {color: #000; font-size: 11px; border-bottom: 1px solid #d2d2d2; padding: 10px; margin: 0; background: none;}

/** Link formatting
****************************************/

a {color: #017fff; font-weight: bold; text-decoration: none;}
	a:hover {color: #000;}

#top-nav a {color: #fff;}
	
	#home #top-nav li.nav-home a {color: #FF9C00;}
	#news #top-nav li.nav-news a {color: #FF9C00;}
	#research #top-nav li.nav-research a {color: #FF9C00;}
	#outreach #top-nav li.nav-outreach a {color: #FF9C00;}
	#contact #top-nav li.nav-contact a {color: #FF9C00;}
	#people #top-nav li.nav-people a {color: #FF9C00;}

#sub-nav a{margin: 0;}
	#sub-nav li.current a {color: #000; text-decoration: underline;}

.sidebar-box-info li a {display: block; background: url(../img/orange-arrow.png) left center no-repeat; padding: 7px 0 7px 15px;}

/** Forms
****************************************/

#search input {
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #224F00;
	color: #666;
}
	#search input.button {
		color: #fff; 
		font-weight: bold; 
		background: #337700;
	}
	#search input.query {
		width: 160px;
		background: #fff;
	}

/** Comment Form
****************************************/

#comment-form-wrapper {margin-top: 30px;}
	#comment-form-wrapper p {margin-bottom: 15px; font-size: 1.2em;}
	.leave-a-comment {font-size: 1.4em; color: #000; font-weight: bold; background: url(../img/h-dashes.png) bottom left repeat-x; padding-bottom: 3px; margin-bottom: 15px;}
	.comment-text-input {width: 250px; background: #f2f2f2; border: 1px solid #ccc; margin-right: 10px; padding: 3px; color: #000;}
	#comment-form-textarea {width: 400px; background: #f2f2f2; border: 1px solid #ccc; margin-right: 10px; padding: 3px; color: #000; font-size: 1.1em;}
	.comment-allowed {width: 400px; padding: 3px; margin-bottom: 15px; color: #000; background: #fffbd3; border: 1px solid #fff372;}
	.comment-form h4 {color:#000; font-weight: bold; font-size: 1.2em; margin-top: 20px;}
	
/** Blogger Styles
****************************************/

.archive-date {font-size: 1.4em; color: #000; font-weight: bold; background: #e2e2e2; text-align: center; margin-bottom: 30px; padding: 7px;}
	
	
/** Staff Profiles
****************************************/
h4.staff-title {padding: 5px; font-size: 12px; background: #e2e2e2;}
.staff-profile {margin-bottom: 30px; padding: 5px;}
	.staff-profile-name {font-weight: bold; font-size: 12px; color: #000;}
	.staff-profile-status {font-size: 11px; margin-bottom: 15px;}
	.staff-profile-image {float: left; margin: 0 15px 15px 0;}
		.staff-profile-image img {border: 1px solid #000;}
	.staff-profile-summary {font-size: 12px;}

/** Photo Carousel and Gallery
****************************************/

#photo-carousel{height: 204px;}
	
.photo-gallery {padding: 5px; margin-bottom: 15px;}
	.photo-gallery-summary {font-size: 12px; margin-bottom: 15px;}
	.photo-gallery a {}
		.photo-gallery a img{border: 1px solid #000; margin: 0 15px 15px 0; float: left;}