/*
Theme Name: CRE
Description: Custom theme created by Sametz Blackstone for MIT Center for Real Estate.
Author: Sametz Blackstone Associates
Author URI: www.sametz.com
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/*----- FONTS-----*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----GLOBALS-----*/
html{
	/*background: rgb(50, 50, 50) url(images/mit_cre_bckg.jpg) no-repeat;*/
	/*background: rgb(50, 50, 50) url(images/Opt5.png) repeat;*/
	background: rgb(150, 150, 150);
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	min-height: 100%;
}
body{ 
	 
	/*background: rgb(50, 50, 50) url(images/mit_cre_bckg_2.jpg) no-repeat;
	
	background-size: 960px cover;  */
	
	color: rgb(50,50,50);
	font-family: 'Raleway', sans-serif; 
	height: 100%;
}

blockquote {
	font-size: 18px;
	font-family: 'Raleway', sans-serif;	
}

h1{}
h2{}
h3{}
h4{}
a{}
p{}
textarea{ width: 100%;}

.container_16{} /* USE TO OVERRIDE CSS FRAMEWORKS IF NEEDED */

#background-wrapper {
	
	
}

#wrapper.container_16 {
	box-shadow: 0 0 5px 1px #000;
	background-color:rgb(255,255,255);
	width: 1020px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -133px;
}


/*-----MAIN CSS-----*/
#site{
	
}
	#site .container_16{
		background-color: rgb(255,255,255);
		padding: 0 20px;
	}
	
	/*----- HEADER STYLES -----*/
	#site-header{}
		#site-header .container_16{
			position: relative;
		}
			#logo{
				margin-top: 15px;
				overflow: hidden;
				position: relative;
				z-index: 999;
			}
			#logo h1 a.ir{
				background: url(images/logo.png) 0 0 no-repeat;
				display: block;
				float: left;
				margin-top: 6px;
				margin-right: 6px;
				width: 82px;		
				
			}
	
			
			#logo h1 a.ir:hover {
				background: url(images/logo.png) 0 -58px no-repeat;
			}
			#logo h1 a{
								
				color: rgb(50,50,50);
				display: block;
				font: normal 245%/1.25em "BebasNeueRegular", "Helvetica", sans-serif;
				min-height: 42px;
				padding-left: 15px;
				text-decoration: underline;
			}
			
			#carousel{
				height: 210px;
				margin-top: -22px;
				position: relative;
			}	
				#carousel_container{}
				
					.carousel_item{}
					
						.carousel_content{
							position: absolute;
							right: 10px;
							top: 55px;
							width: 250px;
						}
					
							.carousel_content h2{
								color: white;
								display: inline;
								font: normal 123.1%/1.25 "BebasNeueRegular", "Helvetica", sans-serif;
								letter-spacing: 1px; 
								text-transform: uppercase;
							}
						
							.carousel_content p{
								color: rgb(255, 203, 5);
								display: inline;
								font-size: 123.1%;
								line-height: 1.25em;
							}
						
				#carousel_pager{
					overflow: hidden;
					position: absolute;
					right: 215px;
					top: 30px;
					width: auto;
					z-index: 5;
				}
					#carousel_pager a{
						background-color: rgb(235,189,7);
						display: block;
						float: left;
						height: 15px;
						margin-right: 8px;
						text-indent: -9999em;
						width: 15px;
					}
					#carousel_pager a.activeSlide,
					#carousel_pager a:hover{
						background-image: url(images/pager_active.gif);
					}
					
			#featured_img{ /*--Only when not on home page --*/
<img width="960" height="209" src="https://mitcre.mit.edu/wp-content/uploads/2020/05/Horner-2.jpg" alt="Featured Temp">
                                  
				margin-top: -22px;
				position: relative;
			}
		
			/*----- UTILITY NAV -----*/
			#utility{
				background-position: fixed;
				background: url(images/utility_line_bg_red.png) 0 17px no-repeat; 
				border-bottom: 1px solid rgb(200, 200, 200);
				margin-bottom: 10px;
				overflow: hidden;
				padding: 25px 0 10px 0;
				position: relative;
			}
				#utility ul.menu{ 
					float: right;
				}
					#utility ul.menu li{
						float: left;
					}
					#utility ul.menu li a{
						border-left: 1px solid #fff;
						color: rgb(50,50,50);
						display: block;
						float: left;
						font-size: 108%;
						line-height: 1;
						margin-left: 0.75em;
						padding-left: 0.75em;
						text-decoration: none;
					}
					#utility ul.menu li:first-child a{
						border-left: none;
					}
					#utility ul.menu li.current-menu-item a,
					#foot-nav ul.menu li.current-menu-item a,
					#utility ul.menu li.current-category-ancestor a {
						color: rgb(235,189,7);
					}
					#utility ul.menu li a:hover,
					#menu-footer-nav li a:hover {
						color: rgb(235,189,7);
						text-decoration: underline;
					}
		
	/*----- NAV/SEARCH REGION -----*/
	#nav_search{}
		#nav_search .container_16{ 
			position: relative;
		}	
			#main_nav .menu{
				/*border-bottom: 1px solid rgb(235,189,7);*/
				border-bottom: 1px solid #c8c8c8;
				height: 80px;
				overflow: visible;
			}
				#main_nav .menu li{ 
					background: url(images/nav_seperator.gif) right center no-repeat;
					float: left;
					margin-right: 5px;
				}
				#main_nav .menu li:last-child{
					background: none;
				}
				#main_nav .menu li:hover,
				#main_nav .menu li a:hover{
					color: rgb(235,189,7);
				}
				#main_nav .menu li a:hover {
					background-color: #ebbd07;
					color: #505050;
				}
					#main_nav .menu li a{ 
						color: rgb(50,50,50);
						display: block;
						float: left;
						font: normal 216%/2 "BebasNeueRegular", "Helvetica", sans-serif;
						height: 45px;
						line-height: 45px;
						letter-spacing: 1px;
						margin-right: 0.25em;
						padding: 0 0.25em;
						text-decoration: none;
						text-transform: uppercase;
					}
			
			/*-- Main nav --*/
			.category-partners #menu-item-238 a,
			.category-student-profiles #menu-item-235 a,
			.category-theses-abstracts #menu-item-235 a,
			#main_nav .menu .current-menu-parent a,
			#main_nav .menu .current-menu-item a,
			#main_nav .menu .current-menu-parent a:hover,
			#main_nav .menu .current-menu-item a,
			#main_nav .menu .current-page-ancestor a{
				background-color: rgb(235,189, 7);
				color: rgb(51, 51, 51) !important;
			}
			
			.category-partners #menu-item-238 .sub-menu a,
			.category-student-profiles #menu-item-235 .sub-menu a,
			.category-theses-abstracts #menu-item-235 .sub-menu a,
			#main_nav .menu .current-menu-parent .sub-menu a,
			#main_nav .menu .current-menu-item .sub-menu a,
			#main_nav .menu .current-menu-parent .sub-menu a:hover,
			#main_nav .menu .current-menu-item .sub-menu a,
			#main_nav .menu .current-page-ancestor.sub-menu a {
				background-color: none !important;	
			}
			
			/*.category-partners #menu-item-238 a:hover,
			.category-student-profiles #menu-item-235 a:hover,
			.category-theses-abstracts #menu-item-235 a:hover,
			#main_nav .menu .current-menu-parent a:hover,
			#main_nav .menu .current-menu-item a:hover,
			#main_nav .menu .current-menu-parent a:hover,
			#main_nav .menu .current-menu-item a:hover,
			#main_nav .menu .current-page-ancestor a:hover {
				background-color: #FFCB05;
			}*/
			
			/*----- SUB-main_nav -----*/
			#main_nav .sub-menu{
				display: none; /*-- Do not display by default unless we are on a page that is a parent or contains children pages--*/
			}
			.category-partners #menu-item-238 .sub-menu,
			.category-theses-abstracts #menu-item-235 .sub-menu,
			.category-student-profiles #menu-item-235 .sub-menu,
			#main_nav .current-menu-item .sub-menu,
			 #main_nav .current-menu-ancestor .sub-menu,
			 #main_nav .current-page-ancestor .sub-menu{ 
			 	border-bottom: 1px solid rgb(200, 200, 200);
				display: block;
				margin: 0 20px;
				padding-bottom: 10px;
				position: absolute;
					left: 0;
					top: 57px;
				width: 960px;
				
				
			}					
				#main_nav .sub-menu li{
					margin-right: 0;
				}
				#main_nav .sub-menu li a{
					
					border-left: 1px solid rgb(50,50,50);
					font: normal 138.5%/1 "BebasNeueRegular", "Helvetica", sans-serif;
					height: auto;
					padding: 0 0.5em;
				}
				#main_nav .sub-menu li:first-child a{
					border: none;
					margin: 0;
				}
					.category-page,
					.category-page:hover,
					.category-partners #menu-item-209 a,
					.category-theses-abstracts #menu-item-93 a,
					.category-student-profiles #menu-item-93 a,
					#main_nav .current-menu-item .sub-menu li a:hover,
					#main_nav .current-menu-parent .sub-menu li a:hover,
					#main_nav .sub-menu a:hover,
					#main_nav .current-menu-item .sub-menu .current-menu-item a,
					#main_nav .current-menu-parent .sub-menu .current-menu-item a,
					#main_nav .sub-menu .current-page-ancestor a,
					.menu li.active a {
						background-color: rgb(255,255,255) !important;
						color: rgb(235,189,7) !important;
					}
					#main_nav .sub-menu a{
						background: none !important;
					}
					
				#main_nav .current-menu-item .sub-menu li,
				#main_nav .current-menu-parent .sub-menu li,
				#main_nav .current-menu-item .sub-menu li a,
				#main_nav .current-menu-parent .sub-menu li a,
				#main_nav .current-menu-item .sub-menu li a:hover,
				#main_nav .current-menu-parent .sub-menu li a:hover{
					background: none;
				}
						
			/*----- SEARCH DISPLAY -----*/
			#search{
				float: right;
				margin-top: -35px;
			}
				#search_inner{
					overflow: hidden;
					position: relative;
				}
					#search label{
						display: none;
					}
					#search input{
						display: block;
						float: left;
						margin: 0 !important;
					}
					#search input[type="text"]{
						background-color: rgb(100,100,100);
						border: 1px solid rgb(50,50,50);
						color: rgb(255,255,255);
						font-family: 'Raleway', sans-serif;
						font-size: 108%;
						line-height: 1;
						height: 16px;
						width: 140px;
					}
					
					#search input[type="submit"]{
						background: url('images/search_submit.gif');
						border: none;
						display: block;
						height: 20px;
						width: 20px;
					}
					#search input[type="submit"]:hover {
						cursor: pointer;
					}
		
	/*----- BODY STYLES -----*/
	.main-nav #body{ /*-- If we are on a page that specifially shows childred of the same nav, then this is set. --*/
	/*	margin-top: 40px; */
	}
	.main-nav.search #body {
		margin-top: 0;
	}
		#body .container_16{
			padding-top: 15px; /*-- Provides overall top-space from main menu to page content & some padding for the end of the page.--*/
			padding-bottom: 15px;
		}
		
			/*----- FEATURED HOME -----*/
			/*--Only for home page. This is CRE's custom text region on the home page.--*/
			#featured_content{ 
				padding: 0 0 15px 0;
			}
				#featured_content p{
					color: rgb(50,50,50);
					font-size: 110%;
					line-height: 1.50em;
					margin-bottom: 15px;
				}
				#featured_content p:first-child{
					color: rgb(50,50,50);
					font-size: 100%;
					line-height: 1.25em;
				}
				
			/*----- TERTIARY NAV -----*/
			.tertiary_nav .menu {
				margin-bottom: 10px;
			}
			.tertiary_nav li, 
			.featured_post .menu li{
				list-style: none;
			}
			.tertiary_nav li a,
			.featured_post .menu li a {
				background-attachment: fixed;
				background: url(images/bullet.gif) left 2px no-repeat;
				color: rgb(235,189,7);
				display: block;
				display: inline-block;
				font-size: 100%;
				padding: 0 0 3px 22px;
				text-decoration: none;
			}
			.tertiary_nav li a:hover,
			.tertiary_nav li.current-menu-item a,
			.tertiary_nav li.current_page_item a, 
			.featured_post .menu li.current-cat a, 
			.featured_post .menu li a:hover {
				background-image: url(images/bullet_hover.gif);
				color: rgb(235,189,7);
			}
				
			/*----- CONTENT REGION -----*/
			/*--TODO: List of selectors for general content area. Create a style guide.--*/
			
			.category-item {
				margin-bottom: 16px;
			}
			
			.category-item div.flt-rgt {
				max-width: 85%;
			}
			
			.category .attachment-thumbnail {
				margin-top: 3px;
			}
			
			.content{
				font-size: 100%;
				line-height: 1.25em;
				
			}
			.content a{
				color: rgb(50,50,50);
				text-decoration: underline;
			}
			
			.content a:hover {
				color: rgb(235,189,7);
			}
			
			
			.content h2.post-title{
				color: rgb(50,50,50);
				font-family: 'Raleway', sans-serif;
				font-size: 36px;
				font-weight: normal;
				line-height: 1.2;
				margin-bottom: 20px;
			}
			.content h2.post-title~*{
				margin-bottom: 15px;
			}
			
			.content h1 {
				color: rgb(50,50,50);
				font-family: 'Raleway', sans-serif;
				font-size: 30px;
				font-weight: normal;
				letter-spacing: 1px;
				line-height: 1.2;
				margin-bottom: 24px !important;
			}
			
			.content h2 {
				color: rgb(50,50,50);
				font-family: "BebasNeueRegular", "Helvetica", sans-serif;
				font-size: 24px;
				font-weight: normal;
				letter-spacing: 2px;
				line-height: 1.2;
				margin-bottom: 12px;				
			}
			
			.content h3 {
				color: rgb(50,50,50);
				font-family: 'Raleway', sans-serif;
				font-size: 20px;
				font-weight: normal;
				letter-spacing: 1px;
				line-height: 1.2;
				margin-bottom: 10px;				
			}
			
			.content h4,
			.content h5,
			.content h6 {
				color: rgb(50,50,50);
				font-family: "BebasNeueRegular", "Helvetica", sans-serif;
				font-size: 15px;
				font-weight: normal;
				letter-spacing: 3px;
				line-height: 1.2;
				margin-bottom: 8px;
			}
			
			.content ul,
			.content ol {
				padding-left: 20px;
			}
			
			.content ul li {
				list-style-type: 
			}
			
			.content th {
				background-color: black;
			}
			
			.content tr{
				border-bottom: 1px solid white;
			}
			
			.content th, .content td {
				padding: 8px;
				text-align: left;	
			}
			
			.featured_post{ /*--Featured posts usually are in right sidebar. Re-use the same class but override with .home parent body class.--*/
				background: url(images/double_border_top.gif) top repeat-x;
				padding: 20px 0;
			}
				.featured_post a{
					color: rgb(50,50,50);
					text-decoration: none;
				}
				.featured_post h2{
					color: rgb(50,50,50);
					font: normal 108%/1 "BebasNeueRegular", "Helvetica", sans-serif;
					letter-spacing: 1px;
					margin-bottom: 15px;
				}
				.featured_post h3{
					color: rgb(50,50,50);
					font-size: 182%;
					font-weight: normal;
					line-height: 1.25em;
					margin-bottom: 10px;
				}
				.featured_post div.flt-rgt {
					margin-left: 10px;
					max-width: 268px;
				}
					.featured_inner{
						color: rgb(50,50,50);
					}
					.featured_inner p{
						font-size: 123.1%;
						line-height: 1.25em;
						margin-bottom: 10px;
					}
					
				.post-meta span {
					font-style: italic;
					margin-bottom: 8px;
				}
			
			/*----- HEADLINES -----*/
			/*-- Headlines is a display of a combination of news & events --*/
			.headlines{
				padding-bottom: 0;
			}
			.headlines h2{
				font-size: 167%;
			}		
			.headlines h3{
				border-top: 1px solid rgb(200, 200, 200);
				margin-bottom: 5px;
			}
					
			/*----- SIDEBARS -----*/
			#sidebar{
			}
				#sidebar .featured_post img {
					display: none;
				}
				
				#sidebar .featured_post .flt-rgt {
					max-width: 100%;
					width: 100%;
					
				}
				
				#social{
					margin-bottom: 20px;
					overflow: hidden;	
				}
				#social a {
					display: inline-block;
					height: 32px;
					width: 34px;
				}
					
				#social h3{
					color: rgb(50,50,50);
					font: normal 108%/1 "BebasNeueRegular", "Helvetica", sans-serif; 
					margin-bottom: 15px;
				}	
					#share{
						border-right: 1px solid rgb(200, 200, 200);
					}
					#share,
					#connect{
						float: left;
						margin-right: 15px;
						padding-right: 15px;
					}
					#connect img{
						margin-right: 5px;	
					}
					
					#share a { background: url('images/sprite.png') 0 0 no-repeat; }
						#share a:hover { background: url('images/sprite.png') 0 -47px no-repeat; }
					#facebook { background: url('images/sprite.png') -47px 0 no-repeat; margin-right: 4px; }
						#facebook:hover { background: url('images/sprite.png') -47px -47px no-repeat; }
					#twitter{ background: url('images/sprite.png') -96px 0 no-repeat; margin-right: 4px; }
						#twitter:hover { background: url('images/sprite.png') -96px -47px no-repeat; }
					#linkedin{ background: url('images/sprite.png') -143px 0 no-repeat; margin-right: 4px; }
						#linkedin:hover { background: url('images/sprite.png') -143px -47px no-repeat;}
					#youtube{ background: url('images/sprite.png') -191px 0 no-repeat; }
						#youtube:hover { background: url('images/sprite.png') -191px -47px no-repeat; }	
	
	/*----- FOOTER STYLES -----*/
	#push {
		height: 129px;
	}
	#footer{
		padding: 30px 0 20px;
	}
		#footer .container_16{
			position: relative;
		}
				
			#tagline{
				color: rgb(255, 203, 5);
				font: normal 146.5%/1 "BebasNeueRegular", "Helvetica", sans-serif; 
				letter-spacing: 1px;
				margin-bottom: 5px;
			}
				#tagline span{
					color: rgb(50,50,50);
					margin-right: 5px;
				}
			#mit{
				border-top: 4px double #993333;
				/*background: url(images/double_border_top.gif) top repeat-x;*/
				color: rgb(152,26,49);
				font: normal 123.1%/1 "BebasNeueRegular", "Helvetica", sans-serif; 
				letter-spacing: 2px; 
				padding-top: 15px;
			}
			
			#foot-nav{
				float: right;
			}
				#foot-nav a{
					color: rgb(50,50,50);
					text-decoration: none;
				}
				#foot-nav ul{
					margin-top: 10px;
					overflow: hidden;
				}
				#foot-nav li{
					font-size: 108%;
					line-height: 1;
					float: left;
				}
				#foot-nav li a{
					border-left: 1px solid rgb(50, 50, 50);
					display: block;
					float: left;
					margin-left: 10px;
					padding-left: 10px;
				}
				#foot-nav li:first-child a{
					border: none;
				}
		
		
/*----- CLASSES -----*/	
.btn {
	background: #A2B800  url(images/sprite.png) 10px -88px no-repeat ;
	color: rgb(50,50,50);
	display: block;
	line-height: 30px;
	margin: 10px 0;
	padding-left: 33px;
	text-decoration: none;
	width: 117px;	
}

#email-subscribe {
	display:none;

}

.flt-lft {
	float: left;
}
.flt-rgt {
	float: right;
}
/* for image replacement - ex: give h1#site-name a class name of ir and define #site-name { background-image: logo.png; } */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.more{
	background: url(images/more.png) right center no-repeat;
	color: rgb(50,50,50);
	display: block;
	display: inline-block;
	font: normal 108%/1 "BebasNeueRegular", "Helvetica", sans-serif;
	margin-bottom: 10px;
	padding: 5px 12px 5px 0;
	text-decoration: none;
}
.more:hover{
	text-decoration: underline;
}
	/* Pagination */
	.page-numbers {
		color: #323232;
	}
	
.wp-caption-text {
	font-size: 13px;
	font-style: italic;
	line-height: 1.4;
}