/*
Theme Name: UD One Theme 2014 v1.4
Author: Office of Communications and Marketing
Author URI: http://www.udel.edu/ocm
Description: UD One Theme 2014 v1.4
Version: 1.3
*/

@font-face {
    font-family: 'greycliff-bold';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-light';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


dl.gallery-item.cycle-slide{ width: 100%; display: block; }
.sidebar .gallery br { display: none; }

body { font-family: 'greycliff-light', sans-serif; margin: 0; background: #f6f6f6; }
b, strong { font-family: 'greycliff-bold', sans-serif; font-weight: normal; }

#container { width: 96%; max-width: 1024px; margin: 35px auto 35px auto; overflow: auto;}
#wrapper { max-width: 1024px; }

#site-head  {margin: 2px 0 2px 0; clear: both; float: left; display: block; width: 100%; font-weight: normal; background: #ffffff; }
	#site-head-contain { max-width: 1024px; margin: auto; display: block; }
	#site-head-contain div { width: 50%; float: left; overflow: hidden; }

#site-head #feature-image img {}
	#site-head img { width: 100%; display: block; }
	#site-head #logo { max-height: 159px; }
	#site-head #feature-image { max-height: 159px; float: right; background: #e0e0e0; }

#nav-contain { margin-top: 2px; }
#search-trigger { float: right; position: relative; top: 12px; right: 12px; width: 20px; height: 20px; border: none; display: block; background: url(images/search-icon.png); }
#search-trigger:hover, #search-trigger.active { background: url(images/search-icon-on.png); }
#search { clear: left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; display: none; background: #FFF; }

	#search-contain { max-width: 1024px; margin: auto; }

.search-field { border: none; font-size: 170%; font-style: italic; color: #555; width: 85%; padding: 10px 2% 10px 2%; outline: none; box-sizing: border-box; }
#search-submit-contain { width: 10%; margin: 0; padding: 0; clear: none; display: inline;}
#search-submit { outline: 1px dotted #e0e0e0; font-size: 12px; border: 0; margin: 0; padding: 10px; position: relative; top: 10px; color: #555;  background: none; float: right; }
#search-submit:focus { outline: 1px dotted #62acd2; }
#search-submit:hover { outline: 1px solid #62acd2; }

.search-form { margin: 15px; position: relative; top: 3px; float: right; }
.search-form label { font-size: 14px; }
.search-excerpt { font-style: italic; }
.search-result { margin: 0; padding: 0; }
.search-result li { list-style: none; border-bottom: 1px dotted #999; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.search-result li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.search-result .url { display: block; font-size: 11px; }


.sidebar.right { float: left; clear: none; }
	.sidebar.right div + div { margin-top: 25px; padding-top:25px; border-top: 1px solid #e0e0e0; }
	.sidebar.right div ul { margin-top: 10px; }
.sidebar  { width: 28%; margin: 0 0 0 0; padding: 0; float: left; clear: left; }
#content + .sidebar { margin-top: 15px; }
.select-nav ul { margin: 0; padding: 0;}
.select-nav li { list-style: none; display: block; margin: 0; padding: 2px 0 2px 0; border-bottom: 1px dotted #c9c9c9; }
.select-nav li li { border-bottom: 0; }
.sidebar .select-nav li li a { padding-left: 14%; font-weight: normal; }
.select-nav li:first-child { padding-top: 0; }
.sidebar .select-nav li a { display: block; padding: 2.5% 8% 2.5% 8%; color: #666; font-size: 14px; text-decoration: none; font-weight: bold; }
.select-nav li.current-menu-item a, .select-nav li.current-policies-parent a, .select-nav li.current-policy-ancestor a { background: #e0e2e3; text-decoration: none; }

.sidebar .select-nav li a:hover { color: #196baa; background: #eaeaea; }
.sidebar .select-nav li.current-policy-ancestor a:hover { background: #d2d4d6; }
.sidebar .select-nav li.current_page_item > a { color: #196baa; }

.select-nav select {
  display: none;
  outline: none;
}

h1, h2, h3 { margin: 0; padding: 0; width: 100%; color: #555; font-weight: 400; }
h4 { font-size: 20px; font-weight: normal; margin: 0 0 5px 0; padding: 0; }

#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(53, 53, 53, .8); padding: 2%; text-shadow: 1px 1px 0px #6f4800 }
		.feature .caption.right { bottom: 20px; right: 20px; }
		.feature .caption.left { bottom: 20px; left: 20px; }

#features{ margin-bottom: 30px; }

#content h1 { font-size: 30px; line-height: 35px; margin-bottom: 12px; padding-bottom: 22px; border-bottom: 1px solid #e9e9e9; }
#content h2 { font-size: 22px; line-height: 35px; margin-bottom: 12px; padding-bottom: 22px; border-bottom: 1px solid #e9e9e9; }
#content h2.category { font-size: 16px; border: 0;  }
#content h3 { font-size: 17px; font-weight: 600; margin-bottom: 15px; }
#content h4 { font-size: 14px; font-weight: 600;color: #4478a8; }
#content .notFound { border: 1px solid #eee; padding: 15px; width: 75%; margin: auto; }
#content .notFound h2 {text-align: center; line-height: 45px; margin-bottom: 20px; }
#content .notFound p { text-align: left; }

#content img.alignleft { float: left; margin: 0 2% 2% 0; padding: .5%; border: 1px solid #eee; }
#content img.alignright { float: right; margin: 0 0 2% 2%; padding: .5%; border: 1px solid #eee; }

#content .staff-member { clear: both; border-top: 1px dotted #e0e0e0; padding-top: 2%; margin-top: 2%; float: left; width: 100%; }
#content .staff-member.first { border-top: 0; padding-top: 0;  }

#content .staff-member img { margin: 0 2% 2% 0; float: left; width: 20%; }
#content .data-block { float: left; width: 78%; }
#content .staff-member h3 { float: left; width: auto; margin-bottom: 1%; }
#content .staff-member .title.text { font-size: 25px; font-weight: 600; }
#content .staff-member .text { float: left; clear: left; }
#content .staff-member .text.name { font-size: 20px; }
#content .staff-member .email {  margin-bottom: 2%; }
#content .staff-member .text.bio { width: 100%; }

#content .post { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }
#content .post h2 { font-size: 24px; padding: 0; margin: 0; border-bottom: 0;  }
#content .post a.more-link { display: block; font-family: greycliff-bold; font-size: 16px; margin-top: 10px;}
#content .post h3 { margin-bottom: 0; }
#content .post-time { font-size: 12px;}
#content .post-nav { float: right;}
#content .post-nav a { padding: 0 5px 0 5px; }

.commentlist li {  margin-bottom: 10px; list-style: none;  }
.commentlist .comment-body { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }
.commentlist li li {margin-top: 10px; }
.commentlist li li .comment-body { border-left: 1px dotted #c9c9c9; padding-bottom: 10px; padding-left: 10px; }
.commentlist li a { font-size: 12px; }
.commentlist .avatar { display: none; }
.commentlist .comment-meta a { font-size: 10px; }
p.nocomments { padding: 5px; background: #f9f9f9; border: 1px solid #e7e7e7; text-align: center; font-style: italic; }
table p:last-child { margin-bottom: 0; }
table + h4, table + h3 { margin-top: 25px;}

table { width: 100%; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-collapse: collapse; } 
table td { background: #fff; font-size: 13px; padding: 10px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
table { margin-top: 25px; }

#social-media { max-width: 1024px; margin: auto; position: relative; bottom: -1px; z-index: 5; clear: both; }
#social-media .inside { float: right; background: #fcfcfc; padding: 10px 10px 0 0; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede; }
#social-media a { display: inline; margin-left: 10px; text-decoration: none; }

.sidebar, p, li, ul, ol, dt, dl, .staff-member .text { margin-top: 0; font-size: 14px; line-height: 25px; color: #555 }

#content { width: 98%; padding: 0 0 0 2%; }
#content.narrow { width: 62%; padding: 0 0 0 2%; margin: 0 0% 2% 4%; display: inline; float: right; }
#content.addSb.narrow { float: left; padding: 0 0 0 2%; margin: 0 3% 2% 0%; }

#breadcrumbs{
    list-style:none;
    margin:0 0 2% 0;
    padding: 0;
    overflow:hidden;
    font-size: 11px;
}
 
#breadcrumbs li{
    float:left;
    margin-right:0;
    font-size: 11px;
}
 
#breadcrumbs .separator{
    color:#999;
    margin: 0 5px 0 5px;
}

#breadcrumbs .capitalize { text-transform: capitalize; }

.sidebar { width: 30%; margin-left: 2%;  }
	.sidebar img { width: 100%; height: auto; }
	.sidebar h3 { font-size: 22px; border: none; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #e0e0e0; font-weight: 600; padding: 0 0 10px 0; }

.sidebar ul { list-style: square; }

#content a, .sidebar a { color: #00539f; }
#content .search-desc p { font-size: 12px; color: #777; margin-top: 5px; }

#power-footer { width: 96%; padding: 2%; margin: 0; box-sizing: content-box; clear: both; background: #fcfcfc; margin-top: 0; float: left; border-top: 1px solid #dedede; }
#container + #power-footer { margin-top: 30px; }
#power-footer ul { max-width: 920px;  padding: 0; margin: 0 auto 0 auto; }
#power-footer li { float: left; width: 25%; list-style: none;font-size: 12px; text-align: center; margin: 0 0 15px 0;padding: 0 1% 0 1%; font-weight: bold; box-sizing: border-box; }
#power-footer li li{ border: none; margin-bottom: 0; }
#power-footer ul li.first { border: none; }
#power-footer .btn a {  display: block; background: #e0e0e0; border: 1px solid #d3d3d3; text-decoration: none; padding: 5px; }
#power-footer li a[href="#"] { font-weight: bold; text-decoration: none; cursor: default; }

#power-footer li li { float: none; width: 100%; font-weight: normal;}
#power-footer li a { color: #555;}

a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left; 
overflow:hidden;
}

a.offscreen:focus, a.offscreen:active, a.offscreen:hover { 
position:absolute; 
left:0; 
top:0; 
width:auto; 
height:auto; 
overflow:visible;
background-color:#ffd200;
padding: 5px;
border: 1px dotted #000;
z-index: 99999;
color: #24458c
}

.tagcloud a { font-size: 16px !important !important; }

@media only screen and (max-width: 1024px) {
	#social-media .inside { border-right: 0; }
}

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

	#site-head { margin: 0 0 0 0; }
		#search-trigger { display: none; }
	#search { display: block; }
#search-submit { right: 10px; }
}

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



	.select-nav { width: 100%; }
		.select-nav li { list-style: none; display: block; margin: 0; padding: 2px 0 2px 0; border-bottom: 1px dotted #ccc; }
		.select-nav li:first-child { padding-top: 0; }
		.select-nav li a { display: block; padding: 3.5% 8% 3.5% 8%; color: #666; font-size: 14px; text-decoration: none;  }
	
	#footer img {width: 100px; }
	
#power-footer ul { margin-bottom: 30px;}
#power-footer li { width: 33.3333%;  text-align: center; }

}

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

#content img { width: 100%; margin: 0 0 2% 0; height: auto; }

#container { width: 96%; margin-top: 20px; padding-top: 0; }

#breadcrumbs { margin-bottom: 5%; }

#power-footer ul li ul { margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }
#power-footer { padding-top: 4%; }

#site-head { margin-bottom: 2px; }
	#site-head #feature-image { display: none; }
	#site-head #logo { width: 100%; text-align: center; }
	#site-head #logo a { font-size: 20px; padding: 5% 0 5% 0; text-align: center; }
	#site-head div { height: auto; }

#search { margin-bottom: 2%;}
.search-field { width: 75%;font-size: 16px; }
#search-submit { padding: 5px; top: 7px; }
#content, #content.narrow { width: 96%; padding: 0 2%; margin: 0; box-sizing: content-box; }
#content h2 { line-height: 35px; }
.select-nav-heading, .select-nav ul { display: none; }

.sidebar { width: 96%; margin: 0 0 2% 0; background: #eee; padding: 2%; }
.select-nav select { display: inline-block; width: 100%; }

#footer img {width: 80px; }

#power-footer li { width: 100%;  }

}

@media only screen and (max-width : 480px) {
	
#content .staff-member img { width: 100%; margin: 0 0 2% 0; }
#content .data-block { float: left; width: 100%;  }
#content .text.name { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 100%; padding: 2% 0 2% 0; margin-top: 2%; margin-bottom: 2%;}

	
}

@media print {
    #ud-header, #feature-image, #nav-contain, #sidebar { display: none; }
    #content.narrow { width: 100%; margin: 0; }
}