/* styles for MIT Political Science site  */


/* clear self *//* http://www.positioniseverything.net/easyclearing.html */
.clearself:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

/* base styles */
body {background-color: #898989 ;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; line-height: 1em;}
body {font-size:1.0em;}
#wrapper {width: 980px; margin: auto; background-color: white;}
#content {
  padding-bottom: 40px;
  width: 100%;
}
.hidden {
  display: none;
}
.screenonly {
  display: block;
}
.printonly {
  display: none;
}
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}

/* 1/2015 - 50th anniversary logo and revised search */
#header {}
h1 {
  float: left;
  margin: 10px 0;
  width: 529px;
}
h1 a {
  display: block;
  float: left;
  text-indent: -9999px;
}
h1 a#mitlogo {
  margin: 72px 0 0 0;
  border-right: 1px solid #959595;
  width: 108px;
  height: 70px;
  background: url(/polisci/img/header/mitlogo.png) no-repeat;
}
h1 a#pslogo {
  margin: 0;
  width: 420px;
  height: 190px;
  background: url(/polisci/img/header/ps50logo.png) no-repeat;
}
div#searchBox {
  float: right;
  margin: 152px 14px 0 0;
}
div#searchBox input[type="text"] {
  box-sizing: border-box;
  width: 190px;
  border: 1px solid #b6b6b6;
  padding: 0 6px 1px 6px;
  font-size: 0.75em;
  line-height: 150%;
  color: #898989;
}
div#searchBox input[type="submit"] {
  border: none;
  width: 22px 16px;
  background: url(/polisci/img/header/magnifier.png) 50% 50% no-repeat transparent;
  text-indent: -9999px;
}
/*****/

h2 {font-size: .9em; font-weight: normal; text-transform: uppercase; padding: 0; margin:0 0 20px 0; float: none; clear: both;}
h2 a {color: #000000; text-decoration: none;}
h2 a:hover {color: #000000; text-decoration: underline;}
h3 {font-size: 1.25em; font-weight: bold; line-height: 125%; padding: 0; margin: 0 0 20px 0; float: none; clear: both;}
h4 {font-size: 1.00em; font-weight: bold; line-height: 125%; padding: 0; margin: 0 0 10px 0;}
h5 {font-size: 0.7em; font-weight: bold; padding: 0; margin: 0;}
h5 + p {margin-top: 0px;}
h5 + ul {margin-top: 0px;}
p, li { font-size: .7em;}
li li { font-size: 100%;}
li p { font-size: 100%;}
div.indent {
  margin-left: 40px;
}

a:hover {text-decoration: underline;}
.bold {font-weight: bold;}

a img {border: none;}
a {border: none;}

hr {
  height: 1px;
  border: none;
  color: #d7d7d7;
  background-color: #d7d7d7;
  margin: 16px 0px 16px 0px;
}

#divprepage {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
}

/* main nav styles */

ul#headerNav, ul#headerNav li { list-style: none; margin: 0; padding: 0;}
ul#headerNav {width: 100%; background-color: #ececec; clear: both;}
ul#headerNav li {float: left; font-size: .67em;}

ul#headerNav li a {display: block; padding: 6px 10px 6px 10px; border-right: 1px solid white; color: #cc3333; text-decoration: none; }
ul#headerNav li.first a {padding:6px 10px 6px 20px;}
ul#headerNav li.last a {border-right: 0;}

ul#headerNav li.active a {background-color: #D7D7D7;  color: #000;}
body.level2 ul#headerNav li.active a { font-weight: bold;}

ul#headerNav li a:hover {text-decoration: underline;}
ul#headerNav li#inLink, ul#headerNav li#facebookLink {float: right;}
ul#headerNav li#inLink a, ul#headerNav li#facebookLink a {border-right: 0; padding:5px 10px 0px 0px;}
ul#headerNav li img {vertical-align:middle;}
ul#headerNav li a img {border: 0;}


/* index styles */

#contentHome {}
.carousel {background-color: #464646; color: #ebebeb;  width: 980px; border: 0; height: 333px;}
.carousel ul li {height: 333px; font-size: 1.0em;}
.carousel ul li img {float: left; padding-right: 20px;}
.carousel ul li p {font-size: .7em; margin: 0 20px 10px 0;}
.carouselWrap {float: left; position: relative; height: 333px; width: 980px; margin-top:10px;}
#controlButtons {position: absolute; left: 680px; bottom: 20px; z-index: 9;}
#controlButtons button {background-color: #ebebeb; cursor:pointer; border: 0; height: 1.25em; width: 1.25em; padding-right: .85em; margin-right: 1em;}
#controlButtons button.selected {background-color: #000;}
.carousel ul li p.carouselHeading {font-size: 1.25em; margin:30px 20px 20px 0; line-height:1.4em;}
.carousel ul li p.carouselHeading a, .carousel ul li p a {color: #EBEBEB; text-decoration: none;}
.carousel ul li p.carouselHeading a:hover, .carousel ul li p a:hover {color: #EBEBEB; text-decoration: underline;}

#bottomHome { width: 940px; padding: 20px 20px 0 20px; float:left;}
#bottomHome a { text-decoration: none; color: #c33}
#bottomHome a:hover { text-decoration: underline;}
#bottomHome div#bottomHomenews {float:left; width: 470px;}
#bottomHome div#bottomHomeevents {float:left; width: 340px;}
#bottomHome div#bottomHomevideo {float:left; width: 130px;}
#bottomHome div#bottomHomevideo p {font-size: .7em;}
#bottomHome h3 {font-size: 0.9em; font-weight: normal; margin-bottom: 10px;}
#bottomHome p {margin: 0px 0px 10px 0px;}
#bottomHome div#bottomHomenews ul, #bottomHome div#bottomHomeevents ul { list-style: none; padding: 0; margin: 0 30px 0 0;}
#bottomHome div#bottomHomenews ul li, #bottomHome div#bottomHomeevents ul li { margin: 0 0 15px 0; color: #000;}
#bottomHome div#bottomHomenews ul li a, #bottomHome div#bottomHomeevents ul li a { color: #000;}
.bottomHomeHeader {color: #cc3333; font-size: .9em;}

#bottomHome div#bottomHomemarket ul { list-style: none; padding: 0; margin: 0;}
#bottomHome div#bottomHomemarket ul li { margin: 0 0 8px 0; color: #000;}
#bottomHome div#bottomHomemarket li img {width: 100%; height: auto; margin-bottom: 6px;}
#bottomHome div#bottomHomemarket {float:left; width: 130px;}
#bottomHome div#bottomHomemarket p {font-size: .7em;}


/* second level nav styles */

ul#subNav, ul#subNav li {list-style: none; margin: 0; padding: 0;}
ul#subNav {width: 100%; background-color: #d7d7d7; clear: both; padding: 5px 0px 5px 0px; }
ul#subNav li {float: left; font-size: .67em;}

ul#subNav li a {display: block; padding: 0px 12px 0px 12px; border-right: 1px solid #cc3333; color: #cc3333; text-decoration: none; }
ul#subNav li.first a {padding:0px 12px 0px 20px;}
ul#subNav li.last a {border-right: 0;}

ul#subNav li.active a {color: #000; font-weight: bold;}
ul#subNav li a:hover {text-decoration: underline;}



/* about page styles */

#aboutMain {padding: 30px 20px 0 20px; width: 550px; float: left; }
#aboutMain p { clear: both; font-size: .7em;}
#aboutMain a {color: #000;}
#aboutSidebar {width: 341px; float: right;}
#aboutSidebar img {margin-bottom: 10px;}
#aboutSidebar p {clear: both; font-size: .72em;}
#aboutSidebar p span.aboutRed {color: #cc3333;}
#aboutImage {margin: 55px 0 10px 0; padding: 0; border: 0;}
img#aboutVideo {border: 0; margin: 0;}
#aboutMain ul {clear: both;}
#aboutMain li {margin-bottom: 4px;}


/* news page styles */

#newsDetailMain {padding: 10px 20px 0 20px; margin-top: 10px; width: 520px; float: left;  }
#newsDetailMain p { clear: both; font-size: .7em; margin: 0; padding: 10px 0px 8px;}
#newsDetailMain h4 { clear: both; margin: 0; padding: 10px 0px 8px;}
#newsDetailMain a {color: #000;}
#newsDetailSidebar {width: 340px; float: right; padding-top: 40px}
#newsDetailSidebar p {clear: both; font-size: .67em; }
#newsDetailSidebar p span.aboutRed {color: #cc3333;}
#newsDetailSidebar img {margin-bottom: 10px;}


/*#newsMain {padding: 10px 20px 0 20px; margin-top: 10px; width: 590px; float: left; border-right: 1px solid #d7d7d7; height: 510px;}*/
#newsMain {padding: 10px 20px 0 20px; margin-top: 10px; width: 590px; float: left; border-right: 1px solid #d7d7d7;}
#newsMain p { clear: both; font-size: .7em; margin: 0; padding: 10px 0px 8px;}
#newsMain a {color: #000;}
/*#newsSidebar {padding: 10px 0 0 15px; margin-top: 10px; width: 310px; float: left; height: 510px;}*/
#newsSidebar {padding: 10px 0 0 15px; margin-top: 10px; width: 310px; float: left;}
#newsSidebar div.newsBlock {width: 310px;}
#newsSidebar p {clear: both; font-size: .7em; }
#newsSidebar p span.aboutRed {color: #cc3333;}
#newsSidebar a {color: #000;}


.newsThumb {padding: 10px 20px 20px 0; float: left; clear: both;}
.newsBlock {float: left; padding: 0; border-top: 1px solid #d7d7d7; width: 590px;}
.newsBlock1 {width: 17%; float: left;}
.newsBlock2 {float: left; width: 83%;}



/* people page styles */

  /* listing page styles */

  #listings {width: 470px; margin-left: 80px; float: left;}
  #listings a {text-decoration: none;}
  #listings a:hover {text-decoration: underline; color: #C33;}
  #listingsHeaders {font-size: 0.9em; font-weight: bold; height: 2em;}
  .listingsEntry {clear: both; border-bottom: 1px solid #d7d7d7; font-size: 0.72em; padding: 8px 0 0 0; height: 1.8em;  }
  .listingsEntryLast {clear: both; border: none; font-size: 0.72em; padding: 8px 0 0 0; height: 1.8em;  }
  span.name {float: left;display:block;color: #cc3333;}
  span.office {float: left;display:block;color: #000; }
  span.phone {float: left;display:block;color: #000; }
  span.email {float: left;display:block;color: #cc3333; }
  #listingsHeaders span.name {float: left;display:block;color: #000; width: 47%;}
  #listingsHeaders span.office {float: left;display:block;color: #000; width: 15%;}
  #listingsHeaders span.phone {float: left;display:block;color: #000; width: 15%;}
  #listingsHeaders span.email {float: left;display:block;color: #000; width: 23%;}
  #listingSidebar {width: 342px; float: right; margin: 60px 0 5px 0;}
  #listingSidebar img {margin-bottom: 5px;}


  /* detail page styles */

  #peopleDetailLeft {float: left;width: 28.5%; padding: 30px 0 0 20px; }
  #peopleDetailMain {float: left;width: 43%; padding: 30px 20px 0 20px;}
  #peopleDetailMain p {font-size: .67em; clear: both;}
  #peopleDetailMain p.peopleNav {font-size: .67em; float: left; margin: 25px 0 20px 0;}
  #peopleDetailMain p.peopleNav a {color: #cc3333; text-decoration: none;}
  #peopleDetailMain p.peopleNav a:hover {color: #cc3333; text-decoration: underline;}
  #peopleDetailRight {min-height: 350px; float: left; width: 12.5%; padding: 0 0 0 30px; margin: 90px 0 0 ; border-left: 1px solid #d7d7d7;}
  #peopleDetailRight a {color: #cc3333; text-decoration: none;}
  #peopleDetailRight a:hover {color: #cc3333; text-decoration: underline;}
  #peopleDetailRight p {font-size: 0.67em; margin: 0px 0px 2em;}
  #peopleDetailRight img {margin: 2em 0px .25em;}
  #peopleDetailRight p.video {margin-bottom: 9.5em;}

  table#listings {background: white; border-collapse: collapse; text-align: left; margin-bottom: 20px;}
  table#listings tbody td {border-bottom: 1px solid #d7d7d7; padding: 5px 0; font-size: 0.72em;}
  table#listings thead {font-size: 0.9em; font-weight: bold; color: #000;}
  table#listings td.name {width: 200px; padding-right: 10px}
  table#listings td.office {width: 60px; padding-right: 10px}
  table#listings td.phone {width: 60px; padding-right: 10px}
  table#listings td.email {width: 120px; }

  /* tabbed content */
  #tabContainer .taboff {
    display: none;
  }
  #tabContainer div.tabbuttons {
    clear: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding-top: 18px;
    font-size: 0.67em;
    line-height: 100%;
    color: #cc3333;
  }
  #tabContainer div.tabbuttons a {
    display: block;
    float: left;
    padding: 10px 6px 9px 6px;
    outline: none;
  }
  #tabContainer div.tabbuttons a,
  #tabContainer div.tabbuttons a:link,
  #tabContainer div.tabbuttons a:visited {
    color: #cc3333;
    text-decoration: none;
  }
  #tabContainer div.tabbuttons a:hover {
    color: #cc3333;
    text-decoration: underline;
  }
  #tabContainer div.tabbuttons a.active {
    color: #000000;
    font-weight: normal;
  }
  #tabContainer div.tabbuttons a.active:hover {
    color: #000000;
    text-decoration: none;
  }
  #tabContainer div.tabbuttons a:first-child {
    padding-left: 0px;
  }
  #tabContainer div.tabbuttons span.separator {
    display: block;
    float: left;
    padding: 10px 0px 9px 0px;
    font-weight: normal;
  }
  #tabContainer .tabcontent {
  }
  #tabContainer h3 {font-weight: bold; font-size: 0.94em;}
  .nameLarge { font-weight: bold; font-size: 1.4em;}


/* academic styles */

#academicMain {padding: 30px 20px 0 20px; float: left;}
#academicLinksLeft {clear: both; float: left; width: 170px; padding-right: 10px;}
#academicBlockCenter {float: left; width: 500px;}
#academicLinksRight {float: left; width: 180px; margin-left: 60px;}

#academicMain p { font-size: .7em;}
#academicMain li { margin-bottom: 4px;}
#academicMain a {color: #000;}
#academicMain h3 a {color: #000; text-decoration: none;}
#academicMain h3 a:hover {color: #000; text-decoration: underline;}

#academicLinksLeft ul {padding: 0; margin: 0; list-style: none;}
#academicLinksLeft ul li {font-size: .7em; margin-bottom: 8px;}
#academicLinksLeft a { color: #cc3333; text-decoration: none;}
#academicLinksLeft a:hover { color: #cc3333; text-decoration: underline;}
#academicLinksLeft li.active > a { color: #000000; text-decoration: none;}
#academicLinksLeft li.active > a:hover { color: #000000; text-decoration: underline;}
#academicLinksLeft ul ul {display: none;}
#academicLinksLeft ul li.active ul {display: block;}
#academicLinksLeft ul li li {font-size: 100%; margin-bottom: 0px; margin-top: 2px; padding-left: 9px;}

#academicLinksRight h3 {float: none; font-size: .7em; font-weight: bold; margin: 25px 0px 15px 0px; }
#academicLinksRight h3:first-child {margin-top: 0px; }
#academicLinksRight ul {padding: 0px; margin: 0; list-style: none;}
#academicLinksRight ul li {font-size: .7em; margin-bottom: 3px;}
#academicLinksRight ul li a {color: #000000; text-decoration: none; }
#academicLinksRight ul li a:hover {color: #000000; text-decoration: underline;}
#academicLinksRight ul li:before {content: "|\00a0\00a0"; }
#academicLinksRight p a {color: #cc3333; text-decoration: none; }
#academicLinksRight p a:hover {color: #cc3333; text-decoration: underline;}

table#subjects {background: white; border-collapse: collapse; text-align: left; margin-bottom: 20px;}
table#subjects tbody td {border-bottom: 1px solid #d7d7d7; padding: 5px 5px 5px 0px; font-size: 0.72em;}
table#subjects thead {font-size: 0.9em; font-weight: bold; color: #000;}

/* meet our students/alums */
#meetGrid {
  display: table;
}
#meetGrid .row {
  display: table-row;
}
#meetGrid .row p {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  margin: 0px;
  width: 150px;
  padding: 0px 12px 20px 0px;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 120%;
  color: #000000;
}
#meetGrid .row p img {
  margin-bottom: 10px;
}
#meetGrid .row p a {
  color: #000000;
  text-decoration: none;
}
#meetGrid .row p a:hover {
  color: #000000;
  text-decoration: underline;
}
body.undergraduate_profile #academicMain h3 {
  font-size: 0.86em;
}

/* video styles */

#videoMain {width: 530px; float: left; margin-top: 30px;}
#videoMain p { clear: both; font-size: .7em;}
#videoFeatured {margin: 30px 30px 0 20px; float: left; width: 390px; position: relative; height: 530px;}
#videoFeatured p { clear: both; font-size: .7em;}
.videoSection {border-bottom: 1px solid #D7D7D7; float: left; margin-bottom: 20px;}
#videoBottom {float: left;}
.videoBlock {width: 125px; padding-bottom: 10px; float: left; position: relative; margin-right: 7px;}
.transcript {position: absolute; bottom: 15px; left: 0;}
a.transcript {color: #000; text-decoration: none; font-size: .7em;}
a:hover.transcript {color: #000; text-decoration: underline;}
img#featured {margin: 5px 0 10px 0;}
h2.gray {color: #999; border-bottom: 1px solid #D7D7D7; margin: 0 0 10px 0;padding-bottom: 10px;width: 100%}
span.videoTitle {color: #999;}
p.videoSeries {color: #999; font-style:italic;}


/* footer styles - revised 1/2015 */

#footer {
  clear: both;
  width: 980px;
  border-top: 6px solid #959595;
  color: #ffffff;
  background-color: #464646
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#address {
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  border-right: 1px solid #acacac;
  padding: 0 26px 0 20px;
  font-size: 0.6875em;
  line-height: 136.363%;
  color: #ffffff;
}
#footernav {
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  padding: 1.875em 0 0 26px;
}
#footernav li {
  display: inline-block;
  padding: 0 8px 0 8px;
  font-size: 0.6875em;
  font-weight: bold;
  line-height: 136.363%;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}
#footernav li:first-child {
  padding-left: 0;
}
#footernav li:last-child {
  padding-right: 0;
  border-right: none;
}
#shasslogo {
  display: block;
  float: right;
  margin: 0 10px 0 0;
}


/* search results */

#results p {
  padding: 10px 20px 0 20px;
  width: 550px;
  font-size: 0.9em;
}
#results p a,
#results p a:link,
#results p a:visited {
  text-decoration: underline;
}
#results p a:hover {
  text-decoration: underline;
}
#results p .l {
  font-size: 100%;
}
#results p .s {
}



/*** UNDERGRADUATE CAMPAIGN, SPRING 2016 ***/

/* home page changes for campaign */

#bottomHome.ugCampaign div#bottomHomenews {float:left; width: 250px; padding-right: 50px;}
#bottomHome.ugCampaign div#bottomHomenews ul {margin-right: 0;}
#bottomHome.ugCampaign div#bottomHomeevents {float:left; width: 235px; padding-right: 50px;}
#bottomHome.ugCampaign div#bottomHomeevents ul {margin-right: 0;}

#bottomHome.ugCampaign div#bottomHomecampaign {float:left; width: 171px; padding-right: 50px;}
#bottomHome.ugCampaign div#bottomHomecampaign ul { display: block; list-style: none; padding: 0; margin: 0 0 12px 0;}
#bottomHome.ugCampaign div#bottomHomecampaign ul li { display: block; margin: 0 0 3px 0; line-height: 0;}

/* campaign buttons on undergraduate page */

ul.ugcampaignbuttons {
  margin: 22px -40px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /* clearself */
}
ul.ugcampaignbuttons li {
  display: block;
  float: left;
	margin: 0 0 0 5px;
	line-height: 0;
}
ul.ugcampaignbuttons li:first-child {
	margin: 0;
}

/* new headings on other undergraduate pages */

h3.ugcampaign {
  margin: 0 0 4px 0;
  color: #db3645;
}