/*******************************************************************************************
		MIT OpenCourseWare
		http://ocw.mit.edu/
	
		sitehome.css - styles unique to the site home page
		v0.3
		6 August 2012
********************************************************************************************/


#slider {
	width: 952px;
	height: 332px;
	margin: 0px;
}
#slider li {
	float:left;
	height: 328px;
	width:100%;
	height: 332px;
}

#home_rotator {
	height: 332px;
	min-width: 952px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	margin: 0;
}

#home_rotator ul.slider li div {
	margin: 0;
	padding: 0;
}

.frame{	
	background-position: top center; 
	background-repeat: no-repeat; 
	display: none;
	top: 0px;
	height:100%;
}

.frame1 {
	
	background-repeat: no-repeat;
	background-position: top center;
	height:100%;
}

.frame2 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame3 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame4 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame5 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

#home_rotator p.headline {
	color: #fff;
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	font-size: 3.5em;
	width: 500px;
	padding: 10px 0 10px 20px;
	margin-top: -30px;
	text-shadow: 0px 2px 3px #000;
}

#home_rotator p {
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	color: #ff9000;
	font-size: 2.0em;
	margin-left: 40px;
	text-shadow: 0px 2px 3px #000;
}

#home_rotator p.more {
	width: 400px;
	position: relative;
	top: 255px;
	left: 20px;
	margin-bottom: -10px;
	padding: 8px;
}

#home_rotator p.more a,
#home_rotator p.more a:visited {
	color: #ff9000;
	text-decoration: none;
}

#home_rotator p.more a:hover,
#home_rotator p.more a:active {
	color: #b30838;
	text-decoration: underline;
}
 
.shade {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.3);	/* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	zoom: 1;
	border-radius: 12px; 					/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	-webkit-border-radius: 12px; 			/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-pie-background: rgba(0,0,0,0.3);
	behavior: url("https://ocw.mit.edu/styles/pie/PIE.php");
}

.shade2 {
/*	background-color: transparent; */
	background-color: rgba(0, 0, 0, 0.5);	/* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	zoom: 1;
	border-radius: 9px; 					/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	-webkit-border-radius: 9px; 			/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-pie-background: rgba(0,0,0,0.5);
	behavior: url("https://ocw.mit.edu/styles/pie/PIE.php");
}

#home_rotator p.more .shade,
#home_rotator p.more .shade2 {
	padding: 10px;
}


#home_rotator p.credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	text-shadow: none;
	font-weight: normal;
	letter-spacing: normal;
	padding: 5px 10px;
	position: relative;
	width: 300px;
	left: 740px;
	top: 125px;
	left: 891px\9;						/* IE-only fix */
	top: 266px\9;						/* IE-only fix */
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
	transform: rotate(270deg);
	writing-mode: lr-bt ;
	-pie-background: rgba(0,0,0,0.5);
	behavior: url("https://ocw.mit.edu/styles/pie/PIE.php");
	
	/* IE8 and IE6-7 rotated credit fix below - DO NOT EDIT, DO NOT CHOP NEXT LINE TO MULTIPLE LINES */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')";
	-ms-transform-origin: 50% 0;
	filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=6.123233995736766e-17,
            M12=1,
            M21=-1,
            M22=6.123233995736766e-17,
            SizingMethod='auto expand'); 
/* end fix */
}



#home_rotator p.credit a,
#home_rotator p.credit a:visited,
#home_rotator p.credit a:hover,
#home_rotator p.credit a:active {
	color: #fff;
	text-decoration: underline;
}

#support {
	height: 88px;
	min-width: 958px;
	background-image:url(../images/bg_support.png);
}

#support-c1,
#support-c2,
#support-c3 p {
	color: #fff;
}

#support-c1 {
	min-height: 88px;
}

#support-c1 p {
	font-family: TitilliumText22LRegular, Arial, Helvetica;
	font-size: 2em;
	color: #fff;
	letter-spacing: 0.5px;
	font-weight: 400;
	text-shadow: 0px 2px 3px #000;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 25px;
	margin-right: -10px;
	position: relative;
	top: 26px;
}

#support-c2 {
	margin-top: 14px;
	margin-right: 0px;
}

#support-c3 {
	margin-top: 9px;
	margin-right: 20px;
}

#support-c3 p {
	padding-left: 88px;
	padding-top: 12px;
	width: 160px;
}

#support-c3 img.supportPhoto {
	 float: left;
}

#support-c3 .supportByline {
	 font-size: 0.9em;
}

#support-c4 {
	padding-top: 26px;
}

#support-c4 img {
	margin-right: 15px;
	float: right;
}

#course_rotator_home {
	min-height: 568px;
	margin-top: 20px;
}

#right_side {
	min-height: 568px;
	margin-left: 25px;
}

#right_side p {
	font-size: 1.2em;
	line-height: 1.6em;
	width: 286px;
	padding-top: 23px;
	margin-bottom: 0;
}

#inset {
	width: 650px;
}

.inset_button {
	float: right;
	margin-top: 28px;
}

#news {
	min-height: 321px;
	max-width: 283px;
	margin: 22px 0;
	padding-right: 22px;
	border-right: 1px solid #d5c9ba;
}

#news ul {
	border-top: 1px solid #d5c9ba;
	margin-top: 12px;
	list-style-type: none;
	margin-left: 0;
}

li.news {
	border-bottom: 1px solid #d5c9ba;
	padding: 9px 11px 11px 22px;
	text-indent: -1em;
	font-weight: bold;
}

li.news:before {
	content: '»';
	font-size: 1.3em;
	color: #ff9000;
	margin-right: 5px;
	position: relative;
}

li.news a,
li.news a:visited {
	color: #333;
	text-decoration: none;
	position: relative;
}

li.news a:hover,
li.news a:active {
	color: #b30838;
	text-decoration: underline;
}


#meet {
	min-height: 321px;
	max-width: 285px;
	margin: 22px 0 22px 22px;
}

#home_ad {
	border-top: thin solid #d5c9ba;
	padding-top: 10px;
	margin-top: 62px;
}


/* professor profile styles */

ul.prof { 
	margin: 11px 0 20px 0;
	list-style-type: none;
	float: left;
	border-top: 1px solid #d5c9ba;
	border-bottom: 1px solid #d5c9ba;	
	padding: 7px 0 7px 0;
	width: 285px;
}

ul.prof li { 
	display: inline;
}

ul.prof li a { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: none;
	color: #999;
	text-decoration: none;
	padding: 6px 11px;			/* 2nd value may need to change when instructor names 
								  change in order to take up all vertical space in the row */
	position: relative;
}

ul.prof li a:hover,
ul.prof li a.selected:hover {
	background-color: #ad0e2d;
	color: #fff;
	border-radius: 8px;
}

ul.prof li a.selected {
	background-color: #ad0e2d;
	color: #fff;
	border-radius: 8px;
}

ul.prof li a.selected:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-top-color: #ad0e2d;
	top: 100%;
	left: 50%;
	margin-left: -3px;
}
 
#pro2,
#pro3 {
	display: none;
}

.profile p img {
	margin: 0 12px 75px 4px;
	float: left;
	border: 1px solid #000;
}

.profile p {
	font-weight: bold;
	font-size: 1.2em;
}

.profile p.quote {
	color: #999;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 0;
}