@charset "utf-8";

/* @override 
	http://kipp.local/wp-content/themes/kipp/style.css
	http://www.kippbayarea.org/wp-content/themes/kipp/style.css
*/

/**
 * Theme Name: Kipp
 * Template: hybrid
 * Description: For KIPP Bay Area Schools. 
 * Version: 2010-03-26
 * Author: Iron Creative Communication
 * Author URI: http://www.ironcreative.com
 *
 */

/* @group Basics, type grid */

/* 20px with some 10px margins */

/* Reset values */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	background: transparent;
	border: 0 none;
	text-decoration: none;
	}

/*
* Get rid of deprecated and non-semantic elements
* These elements should not be used and replaced with proper alternatives
*/
hr, u, center, menu, layer, s, strike, font, xmp {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	background: transparent;
	border: 0 none;
	text-decoration: none;
	}

b {
	font-weight: bold;
}
i {
	font-style: italic;
}
center {
	text-align: left;
	}

/* End deprecated elements */

/* Body */

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0 0 10px 0;
	}
h1 {
	font-size: 1.6em;
	margin-bottom: 10px;
	}
h2 {
	font-size: 1.33em;
	}
h3 {
	font-size: 1.2em;
	}
h4 {
	font-size: 1.066em;
	}
h5 {
	font-size: 1em;
	}
h6 {
	font-size: 1em;
	}

/* Paragraphs */
p {
	margin: 0 0 10px 0;
	}

/* Lists */
ol, ul {
	list-style: none;
	}
ul {
	list-style: disc;
	margin: 0 0 10px 1.25em;
	padding: 0;
	}
ol {
	list-style-type: decimal;
	margin: 0 0 10px 3em;
	padding: 0;
	}
ol ol {
	list-style: upper-roman;
	}
ol ol ol {
	list-style: lower-roman;
	}
ol ol ol ol {
	list-style: upper-alpha;
	}
ol ol ol ol ol {
	list-style: lower-alpha;
	}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	}
dl {
	margin: 0 0 20px 0;
	}
dl dt {
	font-weight: bold;
	margin: 10px 0 0 0;
	}
dl dd {
	margin: 0 0 0 1.25em;
	}

/* Text elements */
strong {
	font-weight: bold;
	}
strong strong {
	font-weight: normal;
	}
em, cite {
	font-style: italic;
	}
em em, cite cite {
	font-style: normal;
	}
abbr[title] {
	cursor: help;
	}
acronym {
	text-transform: uppercase;
	}
big {
	font-size: 1.2em;
	}
small, sup, sub {
	font-size: 0.8em;
	}
sup {}
sub {}
address {
	font-style: normal;
	margin: 0 0 20px 0;
	}
li address, dd address {
	margin: 0;
	}

/* Blockquotes */
blockquote {
	margin: 0 20px;
	font-style: normal;
	}
blockquote em, blockquote cite {
	font-style: italic;
	}
blockquote {
	quotes: none;
	}
blockquote:before, blockquote:after {
	content: "";
	content: normal;
	}

/* Links */
a {
	cursor: pointer;
	}
a img {
	border: 0 none;
	}

/* Code */
pre {
	overflow: auto;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 10px;
	}
code {}
pre code {
	font-size: 1em;
	}

/* Delete and insert */
ins, dfn {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* Object */
object, iframe {
	margin: 0;
	border: 0 none;
	}

/* Forms */
fieldset {
	margin: 0 0 0 0;
	padding: 10px 0;
}
legend {
	font-size: 1.16em;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
}
fieldset fieldset {
}
fieldset fieldset legend {
	font-size: 1em;
}
input, textarea {
	font-size: 1em;
	}
textarea {
	display: block;
	width: 100%;
}
form label {
	cursor: pointer;
	}
option {
	padding: 1px 2px;
	}

/* Tables */
table {
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 12px;
	line-height: 16px;
}

td, th {
	width: auto;
	padding: 10px 1em;
	text-align: left;
	vertical-align: top;
}

tbody td {
	border-style: dotted;
	border-width: 1px 0 0 0;
}

/* Horizontal rule */
hr {
	margin-bottom: 20px;
	}

/* @group WP images, alignment */

/* WP Smiley */
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: 0 none;
	}

/* WP Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 20px !important;
	}

/* Alignment */
.alignleft, .left {
	float: left;
	margin-right: 2em;
	}
.alignright, .right {
	float: right;
	margin-left: 2em;
	}
.aligncenter, .center {
	display: block;
	margin: 0 auto 20px auto;
	}
.alignnone, .block {
	clear: both;
	margin: 0 0 0 0;
	}

img.alignleft, img.alignright {
	display: inline;
	}

.clear {
	clear: both;
	}

/* @end */

/* @end */

/* @group Type */
body,
body.mceContentBody {
	font: 15px/20px "Arial", sans-serif;
	letter-spacing: 0.01em;
}

body.mceContentBody {
	font-size: 12px;
	line-height: 16px;
}

.page-title, .serif {
	font-family: "Georgia", serif;
}

.section .serif {
	font-size: 125%;
	line-height: 1.25;
}

.page-title {
	line-height: 43px;
}

/* 17/24 */

.headline {
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 15px;
}

/* 20/28 */

.school-headline-text {
	font-size: 20px;
	line-height: 28px;
	font-weight: lighter;
}

/* 12/20 */

#footer, .persist-nav, #ps {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.02em;
}
.persist-nav, #main-nav {
	text-transform: lowercase;
}

/* 16/20 */

.videos-title {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* Headline (school name) */

.child-page.section-schools .entry-title,
#announcements h2,
.page-college .section-2 h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
	font-family: "Arial", sans-serif;
}
#persons h2 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0;
}

/* @group Entry content type */

/* Top-level page body is 15/20px */

/* 12/16px for most Page content  */

.entry-content,
.after-content,
.other-after-content,
#billing {
	font-size: 12px;
	line-height: 16px;
}

.page-home .entry-content,
.page-schools .entry-content,
.page-team .entry-content {
	font-size: 15px;
	line-height: 20px;
}

/* Subheading (h2): 14/16 + 10px */

.entry-content h2 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 10px;
}

.page-about .entry-content h2 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0;
}

/* Schools subheading (h2): 13/16 + 0px */

.child-page.section-schools .entry-content h2,
.section-give .entry-content h2 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0;
}
.entry-content h3 {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
}
.page-support .entry-content h3 {
	margin-bottom: 0;
}

.page-about .entry-content h3 {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.page-contact .entry-content h3 {
	font-size: 13px;
	line-height: 16px;
}
.page-careers .entry-content h2 {
	margin-bottom: 0;
}

/* 16/24 */


.page-enroll .entry-content h2 {
	font-size: 13px;
	margin-bottom: 0;
}
.page-enroll .section-2 h2 {
	font-size: 16px;
}
.page-enroll .section-2 h3 {
	font-size: 12px;
	margin-bottom: 0;
}

/* @end */

/* @end */

/* @group Header
 */

#site-title {
	font-size: 1.5em;
	margin: 0;
}



/* @end */

/* @group Navigation */
.menu ul, .nav ul, .videos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* @group Persistent nav */

.persist-nav {
	margin: 0 0 20px 0;
	text-align: right;
}
.persist-nav li {
	display: inline;
	margin-left: 1em;
}
.persist-nav a:before {
	content: "\2022";
	font-size: 1.5em;
	vertical-align: bottom;
	padding-right: 0.2em;
}

/* @group Footer persist nav */

#footer .persist-nav {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer .persist-nav li {
	display: inline;
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;
}
#footer .persist-nav li {
	border-right: 1px solid;
}
#footer .persist-nav li:last-child {
	border: none;
}
#footer .persist-nav a:before {
	content: normal;
	display: none;
}

/* @end */


/* @end */

/* @group Main nav */

#main-nav {
	position: relative;
	z-index: 1;
	overflow: auto;
	margin-right: -3px;
}
#main-nav ul {
	float: right;
}
#main-nav li {
	float: left;
	width: 148px;
	height: 31px;
}

/* padding + overflow hides text labels (text-to-image replacement) */

#main-nav li a {
	display: block;
	width: 148px;
	height: 1px;
	padding-top: 30px;
	overflow: hidden;
	text-align: center;
	background-position: top;
	background-repeat: no-repeat;
}

#main-nav .page-item-schools.active a,
#main-nav .page-item-schools a:hover,
#main-nav .page-item-schools a:focus {
	background-image: url(img/our_schools_active.png);
}

#main-nav .page-item-schools a,
#main-nav .page-item-schools.inactive a
{
	background-image: url(img/our_schools_roll_inactive.png);
}

#main-nav .page-item-team.active a,
#main-nav .page-item-team a:hover,
#main-nav .page-item-team a:focus {
	background-image: url(img/team_family_active.png);
}

#main-nav .page-item-team a,
#main-nav .page-item-team.inactive a
{
	background-image: url(img/team_family_roll_inactive.png);
}

#main-nav .page-item-careers.active a,
#main-nav .page-item-careers a:hover,
#main-nav .page-item-careers a:focus {
	background-image: url(img/join_team_active.png);
}

#main-nav .page-item-careers a,
#main-nav .page-item-careers.inactive a {
	background-image: url(img/join_team_roll_inactive.png);
}

#main-nav .page-item-about.active a,
#main-nav .page-item-about a:hover,
#main-nav .page-item-about a:focus {
	background-image: url(img/about_kbas_active.png);
}

#main-nav .page-item-about a,
#main-nav .page-item-about.inactive a {
	background-image: url(img/about_kbas_roll_inactive.png);
}

/* @end */

/* @group Section nav */

.section-nav ul > li {
	font-size: 19px;
	line-height: 43px;
	margin: 0;
	padding: 0;
	border-style: dotted;
	border-width: 0 0 1px 0;
}
#schools-section-nav > ul > li {
	border: 0 none;
}

#schools-section-nav ul > li > ul {
	border-style: dotted;
	border-width: 1px 0 0 0;
}

.section-nav ul > li > ul > li {
	font-size: 13px;
	line-height: 35px;
	border-style: dotted;
	border-width: 0 0 1px 0;
}
.section-nav a {
	display: block;
}

/* @end */

/* @group School nav */

#school-nav {
	overflow: auto;
	list-style: none;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted;
	font-size: 13px;
}
#school-nav li {
	float: left;
	padding: 8px 5px 5px 0;
	margin: 0;
}
#school-nav li+li {
	padding-left: 4px;
	border-left: 1px dotted;
}
#school-nav li a {
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* @end */
/* @end */

/* @group Layout */

body {
	width: 962px;
	margin: 0 auto;
}
body.mceContentBody {
	width: auto;
	margin: 0;
}

#body-container {
	width: 962px;
	min-height: 1000px;
	padding: 1em 138px;
	margin: 0 -138px;
	}

/* @group Header */

/* Header */

/* Contains entire header */
#header-container {}

	/* Contains site title and tagline */
	#header {}

		/* Site title */
		#site-title {
			float: left;
		}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}

/* @end */

#images, #container, #footer {
	border: 1px solid;
}

#images {
	width: auto;
	height: 215px;
	padding: 10px 5px;
	margin: -1px 0 10px 0;
}

	#images img {
		display: block;
		float: left;
		margin: 0 5px;
	}
	
	#images object {
		display: block;
		margin: 0 5px;
	}

.page-home #images {
	height: 287px;
}

#container {
	overflow: hidden;
	width: auto;
	padding: 25px 25px 20px 25px;
	background: url(img/work_hard.png) no-repeat left bottom;
}

/* TODO */

.no-sidebar #container {
	background-image: none;
}

/* 2 columns: #primary | .content */

/* [20] 217 [40] : [25] 548 [80] [25] */

/* Main content (right col) */

		.content {
			overflow: hidden;
			float: right;
			width: 550px;
			padding: 0 78px 0 24px;
			border-left: 1px dotted;
		}
		
		.page-contact .content,
	  .page-summer .content,
	  .page-template-wide .content {
			width: 612px;
			padding-right: 15px;
		}

		.page-students .content {
			width: 550px;
			padding-right: 75px;
		}

		.no-widgets .content, .no-default-widgets .content {
			width: auto;
		}
		
			.hentry, .editable {
				position: relative;
			}
				.hentry .post-edit-link,
				.editable .post-edit-link {
					position: absolute;
					top: 1px;
					right: 1px;
				}
				.school-summary .post-edit-link {
					top: auto;
					bottom: 0;
				}
	
		#primary {
			float: left;
			width: 217px;
			overflow: hidden;
			padding: 0 40px 130px 0;
		}

#footer-container {
	clear: both;
	/*overflow: hidden;*/
	}

#footer {
	clear: both;
	overflow: hidden;
	padding: 10px 25px;
	margin: 10px 0;
	}

	#footer p {
		margin: 0;
	}

#footer,
#footer p,
#footer ul,
#footer div,
#footer #follow {
	line-height: 30px;
}
	
#footer #follow {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 30px;
	overflow: visible;
}

#footer #follow img {
	margin-right: 0.25em;
	vertical-align: bottom;
}

#footer #subscribe {
	padding: 10px 0 10px 35px;
	background: url(/images/email.png) no-repeat 0 7px;
}

/* @group Front page: 3 columns */

.page-home #container {
	background-image: none;
}
.page-home #primary {
	display: none;
}

/* Container */

.page-home .content {
	width: auto;
	padding: 0;
	border: 0 none;
	margin: 0;
}
	.page-home .entry-content {
		width: auto;
		position: relative;
		padding-left: 266px;
		padding-right: 306px;
		border: 0 none;
	}

		.page-home .section {
			min-height: 300px;
		}

		/* Center column (1) */
	
		.page-home .section-1 {
			width: auto;
		}

		/* Left column (3) */
	
		.page-home .section-3 {
			position: absolute;
			top: 0;
			left: 0;
			width: 256px;
			height: 100%;
		}

		/* Right column (2) */
	
		.page-home .section-2 {
			position: absolute;
			top: 0;
			right: 0;
			width: 241px;
			padding-left: 25px;
			border-left: 1px dotted;
			margin-left: 40px;
		}
	
			.page-home .section-3 #ps {
				position: absolute;
				left: 0;
				bottom: 0;
			}

/* TODO Videos (as .section-4) should be pinned to bottom of entry-content, not section-3 (parent) */
	
/* @end */

/* @group 2 cols: School, Enroll, News */

/* TODO Wendy needs to be able to choose column layout in WP */

/* then use selectors eg .content-2-columns, .column-3-columns */

/* contains entry-title, entry-content */

.descendant-of-schools .content,
.page-enroll .content,
.page-college .content,
.page-alumni .content {
	width: 628px;
	padding: 0 0 0 24px;
}

/* First section in entry-content is left column */

.descendant-of-schools .page,
.school-headline .school-summary,
.page-news #news,
.page-enroll .section-1,
.page-college .section-1,
.page-alumni .section-1 {
	float: left;
	width: 413px;
	padding-right: 19px;
	border-right: 1px dotted;
	margin-bottom: 0;
}

.school-headline {
	position: relative;
	overflow: hidden;
	min-height: 95px;
	padding-bottom: 20px;
	border-bottom: 1px dotted;
	margin-bottom: 20px;
}

.school-headline .school-summary {
	min-height: 95px;
	margin-right: 20px;
}

/* Second section in entry-content is right column */

.descendant-of-schools #announcements,
.page-news #publications,
.page-enroll .section-2,
.page-college .section-2,
.page-alumni .section-2 {
	float: right;
	width: 175px;
	padding-left: 20px;
	overflow: hidden;
}

/* @end */

/* @end */

/* @group Hybrid */

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* @group Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/* @end */

/* @group Images, captions, gallery, avatar */

/* Images */

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/* @end */

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

/* @group Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}
			
.post-edit-link {
	font: medium "Arial";
	padding: 0.125em 0.5em;
	border-radius: 0.25em;
	border: 1px solid;
}
.other-entry .post-edit-link,
.headline .post-edit-link {
	font-size: small;
}

/* @end */

/* @group Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* Attachment image navigation */
		.navigation-attachment {}

/* @end */

/* @group Comments */

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

/* @end */

/* @group Widgets */

/* @group Utility widgets */

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

/* @end */

		/* Widgets page template widgets */
		.page-template-widgets .content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	*/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

/* @end */

/* @group Footer */

#footer {
	text-align: right;
}
#footer a {
	text-transform: lowercase;
}
#footer .sep {
	padding: 0 0.25em;
}

/* @end */
/* @end */

/* @group Entry content */

/* @group Helpers */

/* Style helpers for visual editor */

/* See Colors section too */

.plain {
	list-style: none !important;
}

.no-margin-below {
	margin-bottom: 0 !important;
}
.small-margin-below {
	margin-bottom: 5px !important;
}
.normal-margin-below {
	margin-bottom: 10px !important;
}
.large-margin-below {
	margin-bottom: 20px !important;
}
.size-normal {
	font-size: 1em !important;
}
.size-12 {
	font-size: 12px;
	line-height: 16px;
}
.size-13 {
	font-size: 13px;
	line-height: 16px;
}
.size-14 {
	font-size: 14px;
	line-height: 16px;
}
.size-16 {
	font-size: 16px;
	line-height: 20px;
}

/* @end */

.footer {
	padding-top: 15px;
	border-top: 1px dotted;
	margin-top: 30px;
	margin-right: -30px;
}
.footer-text, .footer-image {
	vertical-align: middle;
}

.footer-text {
	position: relative;
	padding: 10px 0 10px 24px;
	border-left: 1px dotted;
	margin: 0 0 0 25px;
}
.footer-image {
	position: relative;
	margin: 0;
}
.entry-content object,
.entry-content iframe {
	max-width: 100%;
}
.gmap {
	display: block;
	margin: 10px 0;
	border: 0 none;
}

/* @end */

/* @group Pages */

/* @group Careers */

/* (h2) School name or "Regional Office" */

.descendant-of-careers .entry-content h2 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}

.descendant-of-careers .entry-content p+h2,
.descendant-of-careers .entry-content ul+h2 {
	margin-top: 20px;
}

/* (h3) "Open positions", "To apply" */

.descendant-of-careers .entry-content h3 {
	font-size: 13px;
	line-height: 16px;
}

/* (h4) Responsibilities, Skills, Salary */

.descendant-of-careers .entry-content h4 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

/* @end */

/* @group Schools */

.school-headline {
	
	background-repeat: no-repeat;
	background-position: right center;
}
.school-headline-text {
	display: block;
	padding: 10px 0 0 0;
	margin: 0;
}

/* <span class="school-logo" style="bg-image:url()"></span> */

.school-logo {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 195px;
	height: 100%;
	min-height: 95px;
	background-position: center top;
	background-repeat: no-repeat;
}

/* @end */

/* @group Students, Faculty */
#persons {
	border-top: 1px dotted;
	list-style: none;
}
#persons > ul {
	margin: 0 -25px -20px -25px;
	padding: 0;
	list-style: none;
}
#persons .person {
	float: left;
	width: 150px;
	padding: 0;
	margin: 20px 24px 20px 25px;
}
#persons .person img {
	display: block;
	margin-bottom: 15px;
}
#person-full {
	clear: both;
	overflow: hidden;
	padding: 20px 0 10px 0;
	margin: 0 25px;
	border-style: dotted;
	border-width: 1px 0;
}
.clickable {
	cursor: pointer;
}
.clickable .person-story {
	height: 2.66em;
	overflow: hidden;
}
.clickable .person-story p+p {
	display: none;
}
.active.person img {
	outline-style: solid;
	outline-width: thick;
}
.active .person-name,
#person-full .person-name {
	font-weight: bold;
}

/* @end */

/* @group News */

.page-news .entry-content {
	font-size: 12px;
	line-height: 18px;
}

.page-news .entry-content h2 { /* "Press" "News Stories" */
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}

#news-items {
	padding-left: 130px;
}

#news-items h3 { /* Headlines */
	padding-top: 10px;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: bold;
}

#news-items p {
	margin-bottom: 15px;
}

#news-items h3+p {
	margin-bottom: 5px;
}
#news-items .alignleft {
	margin-left: -130px;
	margin-top: 10px;
}
#news-items h3 img.alignleft {
	margin-top: 0;
}
#news-items .news-item-share { 
	white-space: nowrap;
	display: block;
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
}
#news-items .news-item-share img {
	vertical-align: bottom;
}

/* @end */

/* @group Publications */

#publications ul {
	overflow: hidden;
	margin: 30px -40px 0 0;
	padding: 0;
	list-style: none;
}
#publications li {
	float: left;
	width: 155px;
	height: 250px;
	margin: 0 40px 20px 0;
}
#publications img,
#publications .title,
#publications .caption {
	display: block;
}
#publications img {
	margin-bottom: 10px;
}
#publications .title {
	font-size: 15px;
	line-height: 20px;
}

/* @end */

/* @group Contact */

.page-contact .entry-content {
	padding-left: 197px;
}
.page-contact .entry-content h2 {
	font-size: 16px;
	width: 177px;
	float: left;
	margin-left: -197px;
}
.page-contact .entry-content ul {
	list-style: none;
	margin: 0 0 10px 0;
}
.page-contact .entry-content > p,
.page-contact .entry-content > ul {
	margin-bottom: 20px;
}
.page-contact .entry-content li {
}
.page-contact .entry-content ul ul {
	padding: 10px 0 0 0;
	margin: 10px 0;
	border-width: 1px 0;
	border-style: dotted;
}
.page-contact #schools {
	margin: 10px 0 10px -197px;
	padding: 10px 0 10px 197px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

/* City name (h3) */

.page-contact #schools h3 {
	margin: 0;
}

/* School name (h4) */

.page-contact #schools h4 {
	font-size: 1em;
	margin-bottom: 0;
	font-weight: bold;
}

/* @end */

/* @group Enroll */

/* .section-2 is list of contacts (right column) */

/* City name (h2) */

.page-enroll .section-2 h2 {
	margin-bottom: 5px;
}
.page-enroll .section-2 p+h2 {
	margin-top: 20px;
}

/* School name (h3) */

.page-enroll .section-2 h3 {
	font-weight: bold;
}


/* @end */



/* @end */

/* @group Colors */

.inspect #container div {
	background-color: rgba(0,0,0,0.05);
}

/* Borders */

img,
td, tr,
#container div,
#container li,
#container p,
#container ul,
#news-items h3 {
	border-color: rgb(172,160,149);
}

/* Shadows  */

/* http://nick-dunn.co.uk/article/cross-browser-drop-shadows-using-pure-css/ */

#images, #container, #footer {
	border-color: #cbc2b6;
	-moz-box-shadow: 0 0 8px #bbb2a6;
	-webkit-box-shadow: 0 0 8px #bbb2a6;
	box-shadow: 0 0 8px #bbb2a6;
}
/* Green (193) */
a,
a:hover,
a:focus,
h1, h2, h3, h4, h5, h6,
legend,
.highlight,
.mceContentBody a,
.persist-nav .current_page_item a,
.persist-nav .current_page_ancestor a,
.persist-nav a:hover,
.persist-nav a:focus,
#footer a:hover,
#footer a:focus,
.section-give .headline,
.section-schools .headline,
.page-home .content .headline,
.section-nav li a:hover,
.section-nav li a:focus,
.section-nav .current_page_item,
.section-nav .current_page_item a,
.section-schools .content a,
.section-schools .content h1,
.section-schools .content h2,
.section-schools .content h3,
.section-schools .content h4,
#schools-section-nav a:hover,
#schools-section-nav a:focus,
#schools-section-nav .current_page_item a,
#schools-section-nav .current_page_ancestor a,
.current-city .city,
.videos a:hover,
.videos a:focus
{
	color: rgb(123,193,67);
}
.section-team a,
.section-team h1,
.section-team h2,
.section-team h3,
.section-team h4,
.section-team .headline,
.section-team .highlight,
.section-team .section-nav .current_page_item a,
.section-team .section-nav a:hover,
.section-team .section-nav a:focus,
.person img {
	color: rgb(242,102,73);
	outline-color: rgb(242,102,73);
}
.section-careers a,
.section-careers h1,
.section-careers h2,
.section-careers h3,
.section-careers h4,
.section-careers .headline,
.section-careers .highlight,
.section-careers .section-nav .current_page_item a,
.section-careers .section-nav a:hover,
.section-careers .section-nav a:focus,
#announcements a,
#announcements h2,
.videos-title,
.videos a  {
	color: rgb(250,166,52);
}
.section-about a,
.section-about h1,
.section-about h2,
.section-about h3,
.section-about h4,
.section-about .headline,
.section-about .highlight,
.section-about .section-nav .current_page_item a,
.section-about .section-nav a:hover,
.section-about .section-nav a:focus,
.section-about .byline
{
	color: rgb(0,150,215);
}

/* Body text (warm grey) */

body,
.mceContentBody,
#school-nav a,
#footer a,
#schools h4,
.page-enroll .section-2 h3,
.descendant-of-careers .entry-content h4 {
	color: rgb(153,139,125);
}
.no-highlight,
.normal-color {
	color: rgb(153,139,125);
	color: inherit !important;
}
.mceContentBody {
	background: white;
}
body, html {
	background: #f4f0ec
}
#body-container {
	background: transparent url(img/dots.png) no-repeat right 428px;
}

/* Container boxes */

#images, #container, #footer {
	background-color: white;
}
#publications .caption {
	color: rgb(161,149,137);
}
.persist-nav, .persist-nav a {
	color: #af9f93;
}
#school-nav .current_page_item a {
	color: white;
	background: #7bc143;
}
#footer {
	color: #beb0a5;
}
.section-nav, .section-nav li a {
	color: #998b7d;
}
.section-nav li li a,
.section-schools .school-headline {
	color: #bbb1a6;
	border-color: #bbb1a6;
}
.section-nav li,
.section-nav ul {
	border-color: #aca095;
}
.post-edit-link {
	background: white;
	background: rgba(255,255,255,0.9);
	border-color: #ccc;
	border-color: rgba(128,128,128,0.5);
}
/* Notes, Warnings, Errors */
.note {
	background-color: #d9ebf3;
}
.warning, .alert {
	color: #403326;
	background-color: #fbd096;
}
.error {
	color: #662214;
	background-color: #ffbfb1;	
}


/* @end */

/* @group Data tables */

.dataTables_info {
	color: gray;
}

.sorting:focus, .sorting:hover {
	background: #eee;
	color: #666;
}

.sorting_1,
.sorting_asc,
.sorting_desc {
	background: #eee;
}

.sorting,
.sorting_asc,
.sorting_desc {
	cursor: hand;
	cursor: pointer;
}

.sorting_asc:after {
	content: " ↑";
}

.sorting_desc:after {
	content: " ↓";
}

.sorting:after {
	content: " ↑↓";
}

/* @end */

/* @group Summer programs table */

#program-names {
	width: 8em;
}

#program-descriptions {
	width: 20em;
}

/* @end */