/*
Theme Name: CITP Theme
Theme URI: http://citp.princeton.edu/
Description: The custom CITP Theme
Author: CITP
Version: 1.0
Tags: black,blue,white
*/


/* Princeton University Header */
.pu-header-wrapper {
	background: #fff;
	border-bottom: 1px solid #ccc;
	height: 39px;
	padding: 10px 0;
	width: 100%;
}
	.pu-header-wrapper .pu-header {
		margin: 0 auto;
		width: 940px;
	}
		.pu-header-wrapper .pu-header h3.pu-logo {
			height: 39px;
			margin: 0;
		}
			.pu-header-wrapper .pu-header h3.pu-logo a {
				background: url('img/princeton-university-logo.png') no-repeat 0 50%;
				display: block;
				height: 39px;
				text-indent: -999em;
				width: 300px;
			}

/* Footer */
.footer-wrapper {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 20px 0;
	width: 100%;
}
	.footer-wrapper .footer {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 940px;
	}
		.footer-wrapper .footer h3.pu-logo {
			flex: 0 0 300px;
		}
			.footer-wrapper .footer h3.pu-logo a {
				background: url('img/princeton-university-logo.png') no-repeat 0 50%;
				display: block;
				height: 100px;
				text-indent: -999em;
				width: 300px;
			}
		.footer-wrapper .footer h3.seas-logo {
			flex: 0 0 196px;
		}
			.footer-wrapper .footer h3.seas-logo a {
				background: url('img/pu-engineering-logo.png') no-repeat 50% 50%;
				display: block;
				height: 100px;
				text-indent: -999em;
				width: 196px;
			}
		.footer-wrapper .footer h3.wws-logo {
			flex: 0 0 145px;
		}
			.footer-wrapper .footer h3.wws-logo a {
				background: url('img/pu-wws-logo.png') no-repeat 50% 50%;
				display: block;
				height: 100px;
				text-indent: -999em;
				width: 145px;
			}

.copyright-wrapper {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 20px 0;
	width: 100%;
}
	.copyright-wrapper .copyright {
		margin: 0 auto;
		width: 940px;
	}
		.copyright-wrapper .copyright p {
			text-align: center;
		}

body{background:#16507d url('img/bgnew-3.jpg') no-repeat fixed 50% 0;color:#555555;font:12px/18px "Verdana","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;}
#wrap{margin:0 auto;width:970px;min-height:1000px;}
h1{font-size:16px;line-height:24px}
h2{font-size:18px;line-height:normal;font-weight:normal;display:block}

/* LINKS */
a{color:#2a5db0;text-decoration:none}
a:hover{color:#97b4d2;}
.block a,.subnav a{color:#2a5db0;text-decoration:none}
.block a:hover,.subnav a:hover{color:#97b4d2}
.current_page_item .sub-menu,.current-page-parent .sub-menu,.current-page-ancestor .sub-menu{display:block}
.block h1 a{color:#195a8c;}
.block h2 a{color:#195a8c;}
.block a h1{color:#195a8c;}
.block a h2{color:#195a8c;}

/* Menu */
#nav ul.menu{margin:32px 0 5px}
#nav ul.menu li a{background:#fff;border:1px solid #195a8c;color:#195a8c;clear:both;display:block;font-size:14px;line-height:22px;padding:0 5px;text-align:left;text-transform:uppercase}
#nav ul.menu li a:hover{background:#195a8c;color:#ffffff}
#nav ul.menu li.menu-item a{margin-bottom:8px;}
#nav ul li ul.sub-menu li a{background:#AAA;border:none;color:#FFF;float:right;font-size:12px;font-weight:bold;line-height:12px;margin:0 0 4px;padding:3px 5px;text-align:right;text-transform:capitalize;}
#nav ul li a.current_page_ancestor,#nav ul li a.current_page_item{color:#fff;background:#195a8c}
#nav ul > li > a.current_page_item{color:#fff;background:#195a8c}
#nav ul li ul.sub-menu li.current_page_item a,#nav ul li ul.sub-menu .current-page-ancestor a{background:#195a8c;color:#fff;}

.sub-menu{display:none}

#subscribebox{padding:0px 5px;background:url('img/white.png');border:solid 1px #92abc5;display:block;font-size:10px;color:#555}
#subscribebox:hover{background:#fff}
.sidebarmore{margin-top:2px;float:right;font-size:9px;background:url('img/white.png');padding:5px;font-style:italic}
.sidebarmore-events{line-height:22px;margin-top:2px;float:right;font-size:14px;background:url('img/white.png');padding:0 5px;text-transform:uppercase;}
.clear{clear:both;display:block}
.small{font-size:10px}

/* LAYOUT */
#header{height:50px;margin:20px 0 60px;}
#main{overflow:hidden;}
#nav{float:left;width:132px;margin:0 0 50px 20px}
#content{position:relative;float:left;margin-left:20px;padding-bottom:35px;margin-bottom:0px;height:100%}
.pagecontent ul,.eventleft ul,.onecol ul{list-style:square outside;margin-left:20px;margin-bottom:1em}
#footer{margin-top:30px;float:left;font-size:11px;background:url('img/white.png');padding:2px 5px}
#lcol{float:left;width:535px}
#rcol{float:left;width:225px;margin-left:20px;font-size:11px;line-height:16px}
#onecol{width:780px}
#eventslayout{width:780px;margin:32px 0 0;padding-bottom:15px;overflow:hidden}

/* MAIN LOGO */
.main-logo{text-align:center;}
.main-logo a{display:block;}
.main-logo a img{margin:0 auto;}

/* NAVIGATION MENU */
#nav a.section{display:block;width:132px;height:23px;text-decoration:none;margin-bottom:3px}
.searchbox{border:solid 1px #92abc5;background:url('img/white.png');height:24px}
#nav #search{width:100px;height:19px;border:0px;padding-top:4px;padding-right:0px;padding-left:10px;padding-bottom:0px;color:#999;float:left;font-size:12px;font-weight:bold}
#submit{background:url('img/submit.png');border:0px;width:20px;height:23px;float:left;cursor:pointer}
#gallery{margin:20px auto}

/* ELEMENT STYLING */
.white{background:url('img/white.png')}
.block{padding:16px;background:url('img/white.png');margin-bottom:2px}
.feedicon{padding:3px;background:url('img/white.png');margin-top:4px}
.post,.page{background:url('img/white.png');margin-top:2px;padding:16px;position:relative}
#whoweare{text-align:justify;font-size:1.1em; line-height:25px;margin-bottom:25px;margin-top:2px}
.event{margin-bottom:2px;padding:12px}
.sticky{/* border-left:5px solid #9eb2c7;*/}
h2.block{padding:8px 12px;float:left}
h2.title{position:relative;top:7px}
.title a{color:#555}
a.block{display:block}
.event:hover{background:#fff}

.heading{background:#195a8c;color:#fff;font-size:18px;font-weight:normal;height:30px;line-height:30px;padding:0 5px;text-transform:uppercase;}
#ie7 .heading{color:#195a8c;font-size:18px;font-weight:normal;height:30px;line-height:30px;padding:0 5px;text-transform:uppercase;}
.heading a{color:#fff}
#ie7 .heading a{color:#6283A4}

p{line-height:18px;margin-bottom:18px}
p:last-child{margin-bottom:0px}
.post p{margin:0px}
.post-edit-link{line-height:30px;padding:4px}
.space{clear:both;height:1px;margin-bottom:-5px}
.spacesmall{clear:both;height:1px;margin-bottom:-6px}
.spaceabove{height:6px}
.eventdesc{margin-bottom:0px}
.nobr{white-space:nowrap}
.title{font-size:13px;line-height:22px;margin-bottom:6px;font-weight:bold}
.attachment-post-thumbnail{float:left;margin-top:8px;margin-bottom:8px;margin-right:16px}
.posterthumb{margin-bottom:10px;margin-top:5px}
.eventdate{float:left;margin-top:4px;margin-right:10px;display:block;text-align:center}
.calendardate{border:solid 1px #aaa;padding:4px}
.eventyear{font-size:12px;color:#fff;background-color:#555}
.eventyear a,.eventyear a:hover{color:#fff}
.eventmonth{font-size:14px;text-transform:uppercase;color:#555}
.eventday{font-size:24px;line-height:80%;text-align:left;color:#555}
.eventtitle{text-align:left;display:block;padding-top:5px}
.upcomingevent{text-align:center;padding:10px;background:url('img/white.png');margin-bottom:2px}
.citp_calendar{margin-bottom:18px}
.widget-container{margin-bottom:30px}
.month{margin-bottom:4px}
ul.sidelist{margin-top:2px}
ul.sidelist li{margin-top:2px;background:url('img/white.png');display:block;padding:10px}
blockquote{margin-left:30px;margin-bottom:10px;border-left:solid 5px #ccc;padding-left:5px}
.persontitle{font-size:10px}
.date{font-size:10px;margin-top:-6px;margin-bottom:6px;color:#888}
.postedon,.oldernews{float:right;font-size:10px;padding:3px 6px;margin-top:2px}
.readmore{float:right;font-size:11px;margin-top:8px;position:absolute;bottom:5px;right:5px;font-style:italic}
#rcol .block:last-child{margin-bottom:25px}
.featuredevent{text-align:center;padding:10px;background:url('img/white.png');margin-bottom:30px}
.past-events-widget{position: relative; margin-bottom:30px;}
.past-events-widget .content{position :relative; padding: 13px; background:url('img/white.png');}
.past-events-widget .gallery{height: 298px; border: none;}
.past-events-widget .gallery img{width: 100%;}

/* EVENT PAGE */
.event-block{padding:10px;overflow:hidden}
.event-block a{display:block;overflow:hidden}
.eventheading{float:left;max-width:708px}
#onecol .eventheading{max-width:447px}
.eventtype{font-size:10px;text-transform:uppercase;color:#555555}
.eventleft{overflow:hidden}
.eventright{float:right;margin-left:2px}
.eventposter{padding:16px 16px;background:url('img/white.png');margin-bottom:0px;text-align:center}
.eventmedia{float:left;max-width:140px;text-align:left}
.eventmedia a{background:url('img/white.png');padding:10px;display:block;margin-bottom:2px}

.past-events{width:258px;float:right;margin-top: 30px;}
.past-events .content {background:url('img/white.png');padding:15px;width:228px;}
.past-events .content p{font-style:italic;font-size:11px;}
.past-events .content img{width:228px;}
.past-events .content .gallery{background:none;border:none;height:350px;padding:0;}

/* PEOPLE */
.person{margin-bottom:15px}
.personphoto{float:left;width:125px;padding:16px;background:url('img/white.png');margin-bottom:15px;margin-right:15px}
.personbio{float:left;width:446px;margin-bottom:0px}
.personbio p{font-size:11px;margin-top:18px;margin-bottom:0px}
.default_video{text-align:center;margin:0px auto;font-weight:bold}
.default_video .caption{text-align:center;font-weight:bold}
.player .play-button,#player .play-button{position:relative}
.player-320-240 .play-button{top:-220px;left:20px}

/* citp_poster_gallery cycle settings */

/* People Profiles */
.ui-tabs{margin:-16px;padding:0;}
.ui-tabs p{margin-bottom: 18px;}
.ui-tabs .ui-tabs-nav{padding:0;}
.ui-widget-header{background:#bbb;border:none;border-bottom:1px solid #ccc;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#ececec;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#fff;}
.ui-widget-content{background:none;border:none;}
.ui-widget-content a{color:#2a5db0;}
.ui-tabs .ui-tabs-panel{padding:16px;}
.people-profile,.ui-tabs-panel {border-bottom:1px solid #ccc;margin:0 0 2px;overflow:hidden;}
.people-profile p{margin-bottom:16px;}
.people-profile .portrait{float:left;margin:0 18px 16px 0;}
.people-profile img{background:#fff;border:1px solid #ccc;margin:0;padding:4px;}
.profile-description{border-bottom:1px solid #ccc;padding:16px;}

/* Notifications */
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1px;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* AUDIO PLAYERS */
div.audio{display:none;float:left;}
div.audio p{margin:0 0 10px;}
div#audio-player{height:30px;width:320px;}

/* Social Media */
.social-media-links{margin-top:20px;}
.social-media-links a{background: url('https://citpsite.s3.amazonaws.com/social-media-icons.png') no-repeat 0 0;display:block;float:left;height:44px;margin:11px;text-indent:-999em;width:44px;}
.social-media-links a.facebook{background-position: 0 0;}
.social-media-links a.twitter{background-position: 0 -108px;}
.social-media-links a.youtube{background-position: 0 -54px;}