/*
Theme Name: UD Two Theme 2014 v1.3
Author: Communications and Public Affairs
Author URI: http://www.udel.edu/cpa
Description: UD Two Theme 2014 v1.3
Version: 1.3
*/

@import 'style-nav.css';

#fof {  text-align: center; width: 75%; display: block; margin: auto; }

.small { font-size: 9pt; }

body { font-family: 'greycliff-light', sans-serif; margin: 0;  }

#container { width: 100%; background: #FFF; }
#wrapper {  }

h2, h3, h4, h5 { margin-top: 0; }

.flexnav li a[title]:after{
 display: block;
 content: attr(title);
 font-size:10px;
 margin-top: 5px;
 line-height: 15px;
 text-decoration: none;
}

#logo { max-width: 1024px; padding: 0 2% 0 2%; margin: auto; position: relative; }
#logo img { padding: 0; width: 100%; max-width: 521px; float: left; }

#search { clear: left; max-width: 1024px; padding: 0 2% 0 2%; margin: auto; }
#search-contain { float: right; margin-top: 10px; margin-bottom: 10px; }
.search-field { padding: 8px; outline: none;  border: 1px solid #999; color: #666; }
.search-field:focus { border: 1px solid #50a2d4;}

#features, #nav-wrap { width: 100%; clear: both; background: #022c46; position: relative;  }
#nav-wrap { float: left; background: #444; z-index: 99999; }

#feature-wrap {max-width: 1024px; margin: auto; position: relative; clear: both; }
	.feature {  }
	.feature img { width: 100%; display: block}
	.feature .caption { color: #FFF; font-size: 18px; position: absolute; background: rgba(255, 174, 0, 1); padding: 2%; text-shadow: 1px 1px 0px #6f4800 }
		.feature .caption.right { bottom: 20px; right: 20px; }
		.feature .caption.left { bottom: 20px; left: 20px; }

.search .url { font-weight: normal; display: block; font-size: 11px; }
.search-title { font-weight: normal; }
.search-result { border-bottom: 1px solid #e0e0e0;}

#posts, #page-content { width: 88%; max-width: 924px; margin: 0 auto 0 auto; overflow: auto;  padding-bottom: 45px; padding-top: 45px; clear: both; }
#posts.single { padding-bottom: 0; }
#features + h4.post-area-title { border: none; margin-top: 25px; }
	#posts .post { float: left; width: 100%; padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px solid #e0e0e0; }
	#posts .post.search-result { border: none; }
	#posts .post.teaser { width: 46%; border: none; padding-bottom: 0; margin-bottom: 0; }
	#posts .post.single { border-bottom: none; padding-bottom: 0; }
	#posts .post.teaser:last-child { margin-left: 8%; }
	#posts .post .date { float: left; }
	#posts .post .author { float: right; }
	#posts .post h2, #page-content h2 { color: #022b44; clear: both; font-weight: normal; padding-top: 4%; }
	a { color: #0c4e77; }
	#page-content h2 { padding-top: 0; }
	#page-content blockquote { margin: 0; padding: 0}
	#page-content blockquote p { font-size: 27px; font-weight: 700; color: #0c4f79; margin: 2% 0 2% 0; padding: 2% 0 2% 0; text-indent: 0; text-align: justify; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; width: 100%; }
	#posts .post p, #page-content p { color: #555; }
	#posts .post .read-more { color: #ec7603; text-decoration: none; }

h4.post-area-title { max-width: 924px; width: 88%; border-top: 1px solid #e0e0e0; padding-top: 5px; display: block; margin: 0 auto 0 auto; font-size: 18px; font-family: 'greycliff-bold'; font-weight: normal; color: #666; }
h4.post-area-title + #posts { max-width: 924px; border-top: 1px solid #e0e0e0; padding-top: 10px; margin-top: 5px; }
.see-all-posts { display: block; margin: auto; padding: 10px;border: 1px solid #e0e0e0; font-size: 12px; text-decoration: none; text-transform: uppercase; margin-bottom: 25px; color: #1e465f; width: 120px; text-align: center; }
.navigation { display: block; border: 1px solid #e0e0e0; width: 120px; font-size: 12px; clear: both; margin: 0 auto 45px auto;  text-align: center; overflow: auto; }


.navigation a { text-transform: uppercase; text-decoration: none; display: block; padding: 8px; }
.previous-post, .next-post {  width: 90%; display: block; margin: auto; }
.previous-post + .next-post { border-top: 1px solid #e0e0e0;}

#power-footer { width: 96%; padding: 2%; margin: 0; box-sizing: content-box; clear: both; background: #eee; margin-top: 0; float: left; border-top: 1px solid #dedede; }
#power-footer ul { max-width: 1024px; padding: 0; margin: 0 auto 0 auto; }
#power-footer ul li { float: left; width: 23%; list-style: none;font-size: 20px; margin: 0 0 15px 0;padding: 0 1% 0 1%; font-weight: normal; box-sizing: border-box; }
#power-footer ul li a { text-decoration: none; }
#power-footer li ul { margin-top: 10px; }
#power-footer ul li li{ border: none; margin-bottom: 5px; }
#power-footer ul li.first { border: none; }
#power-footer li li { float: none; width: 100%; font-weight: normal; font-size: 12px; }
#power-footer li a { color: #555;}

#footer { width: 100%; padding: 15px 0 15px 0; background: #e0e0e0; float: left;}
#power-footer + #footer > #footer-logos { margin: 15px auto 0 auto }
#footer #footer-logos { max-width: 1004px; padding: 0 10px 0 10px; margin: auto; }
#footer .footer-logo-contain { float: left; max-width: 150px; }
#footer .footer-logo {  width: 94%; padding: 0 3% 0 3%; height: auto; margin: auto; display: block;}

#ud-footer { width: 96%; padding: 2%; box-sizing: content-box; clear: both; clear: both; border-top: 1px solid #e0e0e0; float: left;  }
#ud-footer .inner { max-width: 1014px; margin: auto; }
#ud-footer a { display: inline; color: #666; }
#ud-footer p { font-size: 12px;}
#ud-footer img {float: right; margin-top: 7px; }

@media only screen and (max-width : 768px) {

#nav a[title]:after{
 display: none;
}

#logo img { width: 55%; float: none; }

#ud-footer img {width: 100px; }

}

@media only screen and (max-width : 568px) {
	
#search-btn { width: 30px; height: 30px; background:url(images/search-icon-on.png) center center no-repeat; text-align: center; text-decoration: none; position: absolute;
top: 12px;
right: 10px; }
#search-contain { float: none; padding-top: 5px; margin-bottom: 0;}
#search { position: relative; top: 0; left: 0;  display: none; }
.search-field { width: 100%; box-sizing: border-box; margin-bottom: 2%; padding: 10px; font-size: 16px; }
	
#power-footer ul li { width: 48%;  }
	
	.feature .caption.left, .feature .caption.right { font-size: 14px; width: 96%; padding: 2%; display: block; bottom: 0; left: 0;}

	#posts .post.teaser { width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 4%; margin-bottom: 4%; }
	#posts .post.teaser:last-child { margin-left: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
	
	#ud-footer img {width: 80px; }
	
}

@media only screen and (max-width : 420px) {
#power-footer ul li { width: 100%;  }
}