/* ----------------------------------------------------------
    MIT Admissions

    TABLE OF CONTENT

    01 - HTML5 Boilerplate
    02 - COMMON STYLES
    03 - LAYOUT
    04 - HOMEPAGE
    05 - SUBPAGES
    06 - SIDEBAR
    07 - WIKI
    08 - UTILITY
    09 - PRINT
  10 - CALENDAR
  
    COLOR GUIDE (Main Site Colors and their Hex Codes)
  
---------------------------------------------------------- */

/* 01 =HTML5 Boilerplate
------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}

/* end HTML5 Boilerplate reset */

/* HTML5 boilerplate base styles */

body { font-family: sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
ul, ol { list-style-type: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

/* end HTML5 boilerplate base styles */

/* other base styles */
caption, th { text-align: left; }


/* 02 =COMMON STYLES
------------------------- */

body { background: #FFF; font-size: 17px; font-size: 1.0625rem; line-height: 1.41176471; font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, TeXGyreHerosRegular, "Liberation Sans", sans-serif; font-weight: normal; color: #1a1a1a; -webkit-text-size-adjust: 100%; }
select, input, textarea {   color: #444; }

h1, h2, h3, h4, h5, h6,
b, strong, th, a, a:active, a:visited { font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, TeXGyreHerosRegular, "Liberation Sans", sans-serif; font-weight: normal; }

b, strong { font-weight:bold; }

h1#page-header { padding: 32px; padding: 2rem; color: #000; font-size: 30px; font-size: 1.875rem; margin-bottom: 40px; margin-bottom: 2.5rem; 
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  background-color: #e8ecef; }
h1#page-header span { display: none; }
h2#page-title { font-size: 30px; font-size: 1.875rem; color: #333; padding-bottom: 8px; padding-bottom: .5rem; }

.base h1 { font-size: 30px;  color:#000; }
.base h2 { font-size: 28px; padding-bottom:10px; color:#000; }
.base h3 { font-size: 21px; padding:10px 0 5px 0; color:#000; }
.base h4 { font-size: 16px; font-weight:bold; padding:5px 0 5px 0; color:#000; }
.base h5 { font-weight: bold; } 

.base p { line-height: 1.5; font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, TeXGyreHerosRegular, "Liberation Sans", sans-serif; font-weight: normal; color: #1a1a1a; margin-bottom: 1rem; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #006fa6; }
a:hover, a:focus { color: #036; }
a:link { -webkit-tap-highlight-color: #5edfff; }

a, a:link, a:visited { text-decoration:none; }
a:active, a:hover, a:focus {text-decoration:underline; }

blockquote { margin-left: 2.4em; padding-left: 1em; border-left: 4px solid #ebeef5; font-size: 14px; font-style: italic; }

.base ul, .base ol { margin-left: 1.8em; margin-bottom: 1em; }
.base ul {  }
.base ol {  }
.base ul li, .base ol li { margin-bottom: .3em; margin-top: .3em; }
.base ul li { list-style: disc; }
.base ol li { list-style:decimal; }
.base li ol { margin-bottom: .5em; }
.base li ul { margin-bottom: .5em; }
.base img { max-width: 100%; }
#blogs .base img, #bloggers .base img { max-width: 100%; height: auto !important; }
.interior #main.full-width { border: none; }


/* 03 =LAYOUT
------------------------- */

#container { max-width: 1200px; position: relative; }
header { background: url("http://mitadmissions.org/wrapper/img/colors-band.png") 50% 0 no-repeat; background-size: 100% 8px; padding-top: 48px; padding-top: 3rem; position: relative; }
#logo { background:  url("http://mitadmissions.org/wrapper/img/mit-admissions-logo.png") 0 0 no-repeat; margin: 0 auto 40px; margin-bottom: 2.5rem; height: 35px; width: 332px; text-indent: -9999em; background-size: contain; }
#logo a { display: block; height: 35px; width: 333px; }
#mit-home a { display: block; height: 64px; width: 64px; }
#mit-home { background:  url("http://mitadmissions.org/wrapper/img/mit-sprites.png") -352px 16px no-repeat; height: 64px; width: 64px; text-indent: -9999em; margin-bottom: 16px; margin-bottom: 1rem; }
header #mit-home { position: absolute; left: 0; top: 8px; }
footer #mit-home { background-position: -352px 0; height: 28px; }
footer #mit-home a { height: 28px; }
#footer-skip, #mobile-section { display: none; }
#search-box { border: 1px solid #ccc; width: 176px; width: 11rem; height: 22px; position: absolute; top: 24px; right: 0; background: #ededed;
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
}
#search-box input.text { background: none; border: none; color: #666; width: 140px; font-size: 13px; float: left; height: 23px; padding: 0 8px 0 6px; }
header nav { position: relative; height: 46px; height: 2.875rem; text-align: center; border: 1px solid #e0e0e0; border-bottom: 1px solid #CCCCCC; 
      -moz-box-shadow: 1px 1px 1px #999999; 
  -webkit-box-shadow: 1px 1px 1px #999999;  
          box-shadow: 1px 1px 1px #999999;

     -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
          border-radius: 6px; 

  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
#search-box input.submit { background: url("https://desk-customers.s3.amazonaws.com/mitadmissions/mag.png") 50% 50% no-repeat; border: none; height: 22px; width: 20px; text-indent: -9999em; float: right;
}
nav { 
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left 50%, left bottom, from(#FFFFFF), to(#eeeeee)); 
  background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF, #f8f8f8, #eeeeee); 
  background-image:    -moz-linear-gradient(top, #FFFFFF, #FFFFFF, #f8f8f8, #eeeeee); 
  background-image:     -ms-linear-gradient(top, #FFFFFF, #FFFFFF, #f8f8f8, #eeeeee); 
  background-image:      -o-linear-gradient(top, #FFFFFF, #FFFFFF, #f8f8f8, #eeeeee); 
  background-image:         linear-gradient(top, #FFFFFF, #FFFFFF, #f8f8f8, #eeeeee); 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#eeeeee'); 
}

#nav-home { position: absolute; left: 0; top: 0; padding: 12px 15px 13px; width: 22px; height: 22px; color: #FFF; }
#nav-home:hover, #nav-home:active { text-decoration: none; }
#nav-home span { background: #666; color: #FFF; font-size: 14px; height: 20px; width: 22px; padding-top: 2px; display: block;
     -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
          border-radius: 15px; }
#nav-home span:hover, #nav-home span:active { background: #888; }
#nav-mymit { position: absolute; right: 0; top: 0; padding: 15px 15px 14px; height: 17px; width: 58px; text-indent: -9999em; background:  url("http://mitadmissions.org/wrapper/img/mit-sprites.png") -198px -36px no-repeat;}
#nav-langs { font-size: 11px; font-size: .6875rem; position: absolute; top: 12px; padding: 13px 5px; padding: .8125rem .3125rem; right: 184px; right: 11.5rem; }
#nav-langs .ss-icon { position: relative; top: 0; left: -3px; color: #999; font-size: 18px; font-size: 1.125rem; vertical-align: middle; }
.nav-langs-text { position: relative; top: -1px; }
.nav-langs-text:after { content: " \25BC"; font-size: 8px; }
a#nav-langs:hover, a#nav-langs:active, a#nav-langs:focus { text-decoration: none; }
ul#main-nav { margin: 0 auto; text-align: left; display: inline-block; }
ul#main-nav li { float: left; position: relative; height: 46px; border-right: 1px solid #ccc; font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, TeXGyreHerosRegular, "Liberation Sans", sans-serif; font-size: 18px; font-size: 1.125rem; }
ul#main-nav li.first_child { border-left: 1px solid #ccc; }

ul#main-nav li a:link, ul#main-nav li a:visited { padding: 14px 33px; padding: .875rem 2.0625rem; position: relative; text-decoration: none;  font-weight: 400; }
ul#main-nav li a:hover, ul#main-nav li a:active, ul#main-nav li a:focus, ul#main-nav li:hover a:link, ul#main-nav li:hover a:visited, ul#main-nav li.active a { text-decoration: none;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left 50%, left bottom, from(#e6e6e6), to(#f5f5f5)); 
  background-image: -webkit-linear-gradient(top, #e6e6e6, #f5f5f5); 
  background-image:    -moz-linear-gradient(top, #e6e6e6, #f5f5f5); 
  background-image:     -ms-linear-gradient(top, #e6e6e6, #f5f5f5); 
  background-image:      -o-linear-gradient(top, #e6e6e6, #f5f5f5); 
  background-image:         linear-gradient(top, #e6e6e6, #f5f5f5); 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#f5f5f5'); 
}
ul#main-nav li.node_search a:hover, ul#main-nav li.node_search a:active, ul#main-nav li.node_search a:focus, ul#main-nav li.node_search:hover a:link, ul#main-nav li.node_search:hover a:visited {
  background-color: transparent;
  background-image: none;
}

ul#main-nav li li.first_child { border: none; border-bottom: 1px solid #c2c2c2; }

ul#main-nav li li.last_child { border-bottom: none; }
ul#main-nav li li a:link, ul#main-nav li li a:visited { font-size: 15px; font-size: .9375rem; height: auto; color: #000; display: block; top: 0; font-weight: 500; background: none; }

ul#main-nav li li.first a:link, ul#main-nav li li.first a:visited  { padding-top:22px; }

ul#main-nav li:hover li a:link, ul#main-nav li:hover li a:visited { background: none; }
ul#main-nav li li a:hover, #navigation li li a:active { text-decoration: underline; background: none; }
ul#main-nav li li { height: auto; top: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #c2c2c2; }
ul#main-nav li ul { background: #f5f5f5; width: 250px; padding: 0 0 5px; padding: 0 0 .3125rem; border: 1px solid #CCC; left: -1px;
     -moz-border-radius: 0 0 5px 5px; 
  -webkit-border-radius: 0 0 5px 5px; 
          border-radius: 0 0 5px 5px; 
     -moz-box-shadow: 0px 0px 5px #e3e3e3; 
  -webkit-box-shadow: 0px 0px 5px #e3e3e3; 
          box-shadow: 0px 0px 5px #e3e3e3; 
}

nav ul .node_discover a:link, nav ul .node_discover a:visited, #discover.landing h2 { color: #9c5d22; }
nav ul .node_apply a:link, nav ul .node_apply a:visited, #apply.landing h2 { color: #4f7319; }
nav ul .node_afford a:link, nav ul .node_afford a:visited, #afford.landing h2 { color: #993d3d; }
nav ul .node_visit a:link, nav ul .node_visit a:visited, #visit.landing h2 { color: #663563; }
nav ul .node_follow a:link, nav ul .node_follow a:visited, #follow.landing h2 { color: #384d7a; }
nav ul .node_ask a:link, nav ul .node_ask a:visited, #ask.landing h2 { color: #666; }
nav ul .node_search a:link, nav ul .node_search a:visited { color: #999; }
#breadcrumbs { text-transform: uppercase; font-size: 11px; font-size: .6875rem; margin: 16px 0; color: #666; position: absolute; left: 0; }
#breadcrumbs a:link, #breadcrumbs a:visited { text-decoration: none; color: #000; font-weight: normal; }
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration: underline; }
#breadcrumbs li { float: left; }
#breadcrumbs span { margin: 0 10px; position: relative; top: -1px; }
#header-share {  text-transform: uppercase; font-size: 11px; float: right; margin-top: 25px; }
#header-share a:link, #header-share a:visited { text-decoration: none; color: #666; font-weight: normal; }
#header-share a:hover, #header-share a:active, #header-share a:focus { text-decoration: underline; }
#content-wrap { background: #FFF; clear: both; position: relative; margin-top: 40px; margin-top: 2.5rem; }
footer { padding: 1rem 0; border-top: 1px solid #ebeef5; margin-top: 24px; margin-top: 1.5rem; }
footer nav { display: none; }
footer p { font-size: 12px; color: #777; }
footer span { display: block; visibility: hidden; width: 0; height: 0; }






/* 04 =HOMEPAGE
------------------------- */

#home .tout.twocol { margin-left: 0; clear: both; }
#home .tout.twocol img { maragin-bottom: 16px; margin-bottom: 1rem; }
#home .tout.odd { clear: left; }


/* 05 =SUBPAGES
------------------------- */
#blogs .entry.odd { }
#blogs .entry.even { }
#blogs .entry-border { border-bottom: 1px solid #ebeef5; height: 0px; clear: both;}
.pagination { text-align: right; margin-top: 1em; clear: both; }

.full-width #related-blogs { width: 100%; }
#related-blogs { margin: 32px 0; margin: 2rem 0; position: relative; clear: both; float: right; }
#related-blogs h4 { clear: both; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebeef5; }
#related-blogs h4 a:link, #related-blogs h4 a:visited { color: #363636; }
#related-blogs .entry { padding-top: 0; }
#related-blogs .entry.first { border: none; padding-left: 0; }
#related-blogs .entry.third { padding-right: 0; }
#related-blogs #more { position: absolute; top: 0; right: 0; }
#related-blogs #more a:link, #related-blogs #more a:visited { text-transform: lowercase; text-decoration: none; color: #adadad; font-size: 13px; }

.landing #related-blogs { padding-top: 0; }
.landing #related-blogs #more { top: 4px; }


#home .entry { border-top: 1px solid #ebeef5; padding: 20px 0; padding: 1.25rem 0; }
#home .entry-summary {  }

#home .entry.first .entry-summary h3 { font-size: 22px; }
#home .entry.first .entry-summary .tagline { font-size: 13px; }

#home .entry-summary .meta {margin-bottom:8px; margin-bottom: .5rem; }

#home-blogs-more { padding-top: 10px; clear: both; text-align: right; }


.entry { float: left; padding: 16px 0; padding: 1rem 0; }
.entry-summary { float: left; }
.entry-summary h3 { font-size: 22px; font-size: 1.375rem; line-height: 1.2; margin-bottom: 3px; padding:0px; }
.entry-summary .tagline { font-size: 13px; line-height: 1.4; margin-bottom: 3px; }
.entry-summary .byline { margin-bottom: 1px; }
.entry-summary .byline a:link, .entry-summary .byline a:visited { font-size: 13px; font-size: .8125rem; color: #006FA6; font-weight:bold; }
.entry-summary .meta, .entry-summary .meta a:link, .entry-summary .meta a:visited { font-size: 11px; color: #7f7f7f; margin:0; }
.entry-summary a:link, .entry-summary a:visited { text-decoration: none; color: #000; }
.entry-summary a:hover, .entry-summary a:active { text-decoration: underline; }

.full-width #main { border: none !important; margin-left: 0; width: 100%; padding: 0; }

#header-notch, .tout-notch { background: #e8ecef  url("http://mitadmissions.org/wrapper/img/header-notch.png") 0 0 no-repeat; position: absolute; top: 104px; left: 130px; width: 38px; height: 17px; }

nav.nav-list a:link, nav.nav-list a:visited { display: block; color: #FFF; }
nav.nav-list a:hover, nav.nav-list a:active, nav.nav-list a:focus { text-decoration: none; }
h1#page-header + nav.nav-list { display: none; }
#discover h1#page-header, h4.tout-discover, #discover nav.nav-list a:link, #discover nav.nav-list a:visited, #discover #mobile-section { color: #FFF; background-color: #9c5d22; }
#discover nav.nav-list a:hover, #discover nav.nav-list a:active, #discover nav.nav-list a:focus { background-color: #b56c28; }
#apply h1#page-header, h4.tout-apply, #apply nav.nav-list a:link, #apply nav.nav-list a:visited, #apply #mobile-section { color: #FFF;
  background-color: #4f7319; }
#apply nav.nav-list a:hover, #apply nav.nav-list a:active, #apply nav.nav-list a:focus { background-color: #5f8c1f; }
#afford h1#page-header, h4.tout-afford, #afford nav.nav-list a:link, #afford nav.nav-list a:visited, #afford #mobile-section { color: #FFF;
  background-color: #993d3d; }
#afford nav.nav-list a:hover, #afford nav.nav-list a:active, #afford nav.nav-list a:focus { background-color: #b24747; }
#visit h1#page-header, h4.tout-visit, #visit nav.nav-list a:link, #visit nav.nav-list a:visited, #visit #mobile-section { color: #FFF;
  background-color: #663563; }
#visit nav.nav-list a:hover, #visit nav.nav-list a:active, #visit nav.nav-list a:focus { background-color: #80427b; }
#blogs h1#page-header, #blogs nav.nav-list a:link, #blogs nav.nav-list a:visited, #blogs #mobile-section,
#bloggers nav.nav-list a:link, #bloggers nav.nav-list a:visited, #bloggers #mobile-section,
#follow h1#page-header, h4.tout-follow, #follow nav.nav-list a:link, #follow nav.nav-list a:visited, #follow #mobile-section { color: #FFF;
  background-color: #384d7a; }
#blogs nav.nav-list a:hover, #blogs nav.nav-list a:active, #blogs nav.nav-list a:focus,
#bloggers nav.nav-list a:hover, #bloggers nav.nav-list a:active, #bloggers nav.nav-list a:focus,
#follow nav.nav-list a:hover, #follow nav.nav-list a:active, #follow nav.nav-list a:focus { background-color: #445d94; }
.tout { float: left; margin-top: 20px; }
.tout.first-in-row { margin-left: 0; padding: 0; border: none; }
.tout h4 { height: 26px; font-size: 13px; padding: 8px 10px 0px; margin-bottom: 15px;
     -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
          border-radius: 3px; 
    -moz-box-shadow: 1px 1px 2px 0 #999999; 
     -webkit-box-shadow: 1px 1px 2px 0 #999999;  
             box-shadow: 1px 1px 2px 0 #999999; 

}
.tout h4 a:link, .tout h4 a:visited { color: #FFF; text-decoration: none; display: block; font-weight:bold; }
.tout h4 a:hover, .tout h4 a:active, .tout h4 a:focus { text-decoration: none; }
.tout p, .tout ul, .tout ol { margin-bottom: 0.8em; font-size: 13px; line-height:1.4;}
.tout li { font-size: 13px; }
.tout { line-height:1.4; }
.tout a { font-weight:bold; }

.apply-nav { margin-bottom: 16px; margin-bottom: 1rem; }
.apply-nav:not(.apply-nav-top) { margin-top: 2rem; }
.apply-nav h2 { text-align: center; clear: both; padding: 0 0 10px; }
.apply-nav a.apply-prev:link, .apply-nav a.apply-prev:visited, .apply-nav a.apply-next:link, .apply-nav a.apply-next:visited { float: left; display: block; font-weight: normal; padding-top: 5px; height: 23px; width: 28px; background: #4F7319; color: #FFF; text-align: center; text-indent: -1px; font-size: 16px; font-size: 1rem; margin-right: 16px; margin-right: 1rem;
     -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
          border-radius: 20px; }
.apply-nav a.apply-next:link, .apply-nav a.apply-next:visited { float: right; text-indent: 2px; margin: 0 0 0 16px; margin-left: 0 0 0 1rem; }
.apply-nav a.apply-nav-label:link, .apply-nav a.apply-nav-label:visited { font-size: 15px; font-size: .9375rem; top: -36px; }
.apply-nav a.apply-prev+.apply-nav-label:link, .apply-nav a.apply-prev+.apply-nav-label:visited { float: left; }
.apply-nav a.apply-next+.apply-nav-label:link, .apply-nav a.apply-next+.apply-nav-label:visited { float: right; }

#landing-image .caption { font-size: 13px; }
#landing-graphic { width: 100%; max-width: 100%; }


#bloggers #page-header span { color: #384d7a; }
/*#bloggers aside { width: 200px; margin-bottom: 50px; }*/
#aside-bio { background: #f8f9fd; font-size:13px; font-size: .8125rem; line-height: 1.5; padding: 20px; margin: 20px 0; 
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
}
#aside-bio {
  font-size:13px; font-size: .8125rem; line-height: 1.5;
}
#aside-bio a { white-space: nowrap; }
#blogger-meta { text-align: center; clear: both; }
#blogger-meta h5 {  }

#blogger-links { position: absolute; right: 10px; top: 70px; }
#blogger-links a:link, #blogger-links a:visited { color: #616466; font-weight: bold; padding: 0 10px; padding: 0 .625rem; }
#blogger-links li.blogger-email { padding: 0 10px; padding: 0 .625rem; }
#blogger-links a:hover, #blogger-links a:active, #blogger-links a:focus { color: #000; }
#blogger-links li { list-style: none; float: left; border-right: 1px solid #f7fbfe; border-left: 1px solid #abb0b4; padding: 0; font-size: 13px; }
#blogger-links li.first { border-left: none; }
#blogger-links li.last { border-right: none; }
#blogger-links li.last a.ss-icon { background: #FF7400; top: 1px; padding: 3px 4px 1px; font-size: 11px; color: #FFF; margin-left: 10px; margin-left: .625rem;
        -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
            border-radius: 5px; 
     -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
#side-recent { margin-top: 30px; }
#side-recent h5 { color: #666; font-weight: bold; margin-bottom: 10px; font-size:13px; font-size: .8125rem; }
#side-recent p.date { font-size:13px; font-size: .8125rem; margin-bottom: 0;  color: #7F7F7F; text-transform: none; }
#side-recent li { margin-bottom: 10px; font-size:13px; font-size: .8125rem; }
#side-recent li a { font-weight: normal; color: #000; }

p.date { text-transform: uppercase; color: #666; font-size: 14px;}

.blog-entry-list { border-bottom: 1px solid #ebeef5; margin-right: 0px; padding-top: 24px; padding-top: 1.5rem; }
#bloggers .blog-entry-list p.date { margin-top: 2px; margin-bottom: 0; }
#bloggers .blog-entry-list p.categories { margin-bottom: 16px; margin-bottom: 1rem; }
.blog-entry-list h5 { margin-bottom: 0; font-size: 18px; }
.blog-entry-list h5 a:link, .blog-entry-list h5 a:visited { color: #000; }
.blog-share { border-top: 1px solid #ebeef5; margin: 30px 70px 20px 0; padding-top: 10px; }
#___plusone_0 { position: relative; top: 6px; }
div[id^="___plusone_"] { position: relative; top: 6px; }

.blog-recent-entry { border-top: 2px solid #ebeef5; padding: 20px 0 40px; position: relative; }
.blog-recent-entry:first-child { border-top: none; }
.blog-recent-entry h3 a:link, .blog-recent-entry h3 a:visited { color: #000; }
.blog-recent-entry .comment-count { float: right; }
.blog-recent-entry .comment-count a:link, .blog-recent-entry .comment-count a:visited { font-weight: normal; color: #666; font-size: 13px; }

#main #blog-meta p.date, #bloggers #main .blog-recent-entry p.date { font-size: 13px; margin: 0; }
#blog-meta h2, .blog-recent-entry h3 { font-size: 30px; font-size: 1.875rem; color: #333; line-height: 1.2; padding: 5px 0; }
p.categories { color: #666; font-size: 13px; text-transform: lowercase; }
p.categories a:link, p.categories a:visited { text-transform: none; font-weight: normal; }

#comments-wrap { margin: 50px 0 0 0; }
#comments-wrap h4 { text-transform: uppercase; font-weight: normal; font-size: 15px; margin-bottom: 10px; }
#comments-wrap h4 span { font-size: 12px; display: block; text-transform: none; }
#comments, #comment-form-wrap { font-size: 13px; background: #f7f9fc; padding: 20px;
    -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
}
#comments { margin-bottom: 30px; }
#comment-form .checkbox { vertical-align: middle; }
#comment-form input.text { margin-bottom: 10px; }
#comment-form #captcha-wrap, #comment-form input.submit { margin-top: 10px; }
.comment { padding: 15px 0; border-top: 2px solid #ebeef5; line-height: 1.4; }
#main #comments p.commenter { font-size: 12px; color: #666; position: relative; top: -3px; margin-bottom: 0; }

.author-entry { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.author-meta p { font-size: 13px; font-size: .8125rem; }

div.major-minor, div.major-departure, div.joint-major { width: 15px; height: 15px; background-color: rgb(34, 130, 156); overflow: hidden; text-indent: -999px; margin: 0 auto; }
div.major-departure { background-color: rgb(207, 155, 24); }
div.joint-major { background-color: rgb(169, 56, 28); }
div.majors-pdf { text-align: center; }
table#majors-meta { margin-top: 1rem; }
table#majors-meta td { vertical-align: middle; padding: 5px; font-size: 12px; font-size: .75rem; }

table#secret-lives td { padding: 5px; }

table.tableshadow { width: 100%; border-collapse: collapse; margin: 15px 0; border: 1px solid #FFF; background: ##FCFCFC;
     -moz-box-shadow: 0px 0px 3px 0px #ccc;
  -webkit-box-shadow: 0px 0px 3px 0px #ccc; 
          box-shadow: 0px 0px 3px 0px #ccc;
}
table.tableshadow th { font-weight: bold; }
table.tableshadow td, table.tableshadow th { padding: 10px; border: 1px solid #FFF; text-align: left; font-size: 12px; font-size: .75rem; }

#discover table.tableshadow th { background: #E5E0DA; }
#apply table.tableshadow th { background: #E1E5DA; }
#afford table.tableshadow th { background: #E5DADA; }

/* Zebra striping and solid cell color */
#discover table.responsive tr:nth-of-type(even), #discover table.zebra tr:nth-of-type(even), #discover table.solid td { background: #F5F4F2; }
#apply table.responsive tr:nth-of-type(even), #apply table.zebra tr:nth-of-type(even), #apply table.solid td { background: #F4F5F2; }
#afford table.responsive tr:nth-of-type(even), #afford table.zebra tr:nth-of-type(even), #afford table.solid td { background: #F5F2F2; }


/* 06 =SIDEBAR
------------------------- */
aside ul#side-nav, .landing aside { background: #ebeef5;
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
      -moz-box-shadow: 0px 0px 3px 0px #cccccc; 
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;  
          box-shadow: 0px 0px 3px 0px #cccccc; 
}
#discover.landing aside, #discover aside ul#side-nav { background: #faf7f5; }
#apply.landing aside, #apply aside ul#side-nav { background: #f4f7f0; }
#afford.landing aside, #afford aside ul#side-nav { background: #f5f2f2; }
#visit.landing aside, #visit aside ul#side-nav { background: #f7f5f7; }
#blogs.landing aside, #blogs aside ul#side-nav,
#follow.landing aside, #follow aside ul#side-nav { background: #f0f2f7; }
aside #quick-facts, aside #related-links { margin-bottom: 40px; }
aside h4, .landing-side-tout h4 { font-size: 15px; font-size: .9375rem; padding-bottom: 5px; margin-bottom: 10px; font-weight:bold; color:#444; }
aside h4 a:link, aside h4 a:visited { font-weight: bold; }
aside #quick-facts span { font-size: 26px; }
aside p, aside ul, aside ol, .side-tout p, .side-tout li { margin-bottom: 12px; font-size: 13px; line-height: 1.5; }
aside .rss { float: right; display: block; height: 16px; width: 16px; background:  url("http://mitadmissions.org/wrapper/img/mit-sprites.png") 0 -91px no-repeat; overflow: hidden; text-indent: -9999em; position: relative; top: 2px; }
/*#blogs aside { width: 200px; margin-left: -960px; }*/

.landing aside h2 { font-size: 32px; font-size: 2rem; padding: 16px; padding: 1rem; }
.landing nav.nav-list li { border-top: 1px solid #ebeef5; }
.landing nav.nav-list ul { margin: 0; }
.landing nav.nav-list a:link, .landing nav.nav-list a:visited { font-size: 15px; font-size: .9375rem; padding: 14px 16px 14px; padding: .875rem 1rem .875rem;   }
#landing-side-touts { clear: both; }
.landing-side-tout { padding: 16px; padding: 1rem; border-top: 1px solid #FFF; border-bottom: 1px solid #c2c2c2; }
.landing-side-tout.last { border-bottom: none; } 
.landing-side-tout h4 { padding: 0 0 5px; margin: 0; }
.landing-side-tout p { margin: 0; }
.side-tout li { list-style: disc inside; }
#main .side-tout { border-top: 1px solid #EBEEF5; padding-top: 16px; padding-top: 1rem; }

#home aside .fb-like { margin-bottom: 10px; }


/* 08 =UTILITY
------------------------- */

.cufon-loading * { visibility: hidden !important; }
.ss-icon { position: relative; }
.floatl { float: left; margin: 0; padding: 0 10px 10px 0; }
.floatr { float: right; margin: 0; padding: 0 0 10px 10px; }
.required { color: red; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "."; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #1fb9e7; color:#fff; text-shadow: none; }
::selection { background:#1fb9e7; color:#fff; text-shadow: none; } 

/* 08a =SUPERFISH
---------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
}
.sf-menu {
  line-height:  1.0;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
}
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  top:      46px; /* match top ul list item height */
  z-index:    99;
}

/*** DEMO SKIN ***/
/*.sf-menu {
  float:      left;
  margin-bottom:  1em;
}
.sf-menu a {
  border-left:  1px solid #fff;
  border-top:   1px solid #CFDEFF;
  padding:    .75em 1em;

  text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { 
  color:      #13a;
}
.sf-menu li {
  background:   #BDD2FF;
}
.sf-menu li li {
  background:   #AABDE6;
}
.sf-menu li li li {
  background:   #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background:   #CFDEFF;
  outline:    0;
}
*/

/* 09 =PRINT
------------------------- */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  aside, #editToggle, .editThis, #navigation, #addthis, #search, #nav { display: none; }
 
  /* float blog entry images to decrease page length */
  #main {overflow:hidden;}
  #main img { float:left; clear:both; /*keeps images from piling up next to each other*/ margin:0 10px 10px 0; }
}

/* 10 =CALENDAR
------------------------- */

table.month5table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
.month5table td{
  border:1px solid #CCC;  
  padding:10px;
  line-height:1.4;
  display: table-cell;
  float: none;
  margin: 0;
}
.RSVPheaderbg { 

  background-color:#4b2d5f;
}
.RSVPside {
  padding:20px;
  background-color: #4A2D5E;
  text-align: left;
  vertical-align: top;
  font-family: "Helvetica Neue",HelveticaNeue, Arial, Helvetica,sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}
.RSVPcontent { padding:20px; }

.month1, .month2, .month3, .month4, .month1bkgnd, .month1textmonth, .month1texttoday, .event1bkgnd, .event2bkgnd, .event3bkgnd, .event4bkgnd {
margin: 0 !important; float: none !important; display: auto !important; 
}

/* Monthly Navbar*/

.mnavtext { font-family: "Helvetica Neue",HelveticaNeue, Arial, Helvetica,sans-serif; font-size: 14px; color:#006FA6; padding:5px; }
a.mnavtext:link {font-weight:bold; text-decoration:none; color:#006FA6;}
a.mnavtext:visited {font-weight:bold; text-decoration:none; color:#006FA6;}
a.mnavtext:hover {font-weight:bold; text-decoration:underline; color: #003366;}
a.mnavtext:active {font-weight:bold; text-decoration:underline; color: #003366;}
.mnavbkgnd {  background-color: #FFFFFF; padding:10px; }

/* Monthly Calendar Grid */
.month1bkgnd {  background-color: #444444; padding:10px; }
.month1textmonth { font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; }
.month1texttoday { font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; color: #FFFFFF; font-weight: bolder; }
a.month1texttoday:link, a.month1texttoday:visited {color: #CCCCCC; font-weight:bold; text-decoration:none; }
a.month1texttoday:hover {color: #CCCCCC; font-weight:bold; text-decoration:underline; }
a.month1texttoday:active {color: #6666CC; font-weight:bold; text-decoration:underline; }
.month2 { background-color: #b3a1b1; font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 13px; color: #333333;font-weight: bold;  }
.month3 { background-color: #e5dae5; font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #333333; }
.month3textfaint { font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; color: #999999; font-weight: bold; }
a.month3textfaint:link, a.month3textfaint:visited {color: #CCCCCC; font-weight:bold; text-decoration:none; }
a.month3textfaint:hover {color: #CCCCCC; font-weight:bold; text-decoration:underline; }
a.month3textfaint:active {color: #6666CC; font-weight:bold; text-decoration:underline; }
.month4 { font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,,sans-serif; font-size: 12px; color: #000; background-color: #FFFFFF; background-position: top; }
a.month4:link {color: #006FA6;text-decoration:none; }
a.month4:visited {color: #003366; text-decoration:none; }
a.month4:hover, a.month4:active {color: #003366; text-decoration:underline; }

/* Single Event */
.event1texttitle {  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 21px; font-weight: normal; color: #1A1A1A; padding: 20px 0; line-height:normal; }
.event1textdetail {  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #505050; }

.event1textdetail p{  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #505050; line-height:1.7; }


a.event1textdetail:link {color: #006FA6; font-weight:bold; text-decoration:none; }
a.event1textdetail:visited {color: #003366; font-weight:bold; text-decoration:none; }
a.event1textdetail:hover {color: #003366; font-weight:bold; text-decoration:underline; }
a.event1textdetail:active {color: #003366; font-weight:bold; text-decoration:underline; }
.event1bkgnd, .event2bkgnd, .event3bkgnd {  background-color: #FFFFFF; }
.event4bkgnd {  background-color: #B3A1B1; }

/* Event list */
.list1text {  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-size: large; font-weight: bolder;}
.list2text {  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif; font-weight: bold;}
.list3text, .listtable {  font-family: "Helvetica Neue",HelveticaNeue,Arial,Helvetica,sans-serif;}
@charset "utf-8";


/* Media Queries */
@media only screen and (min-width:960px) {
  /* prefix d- */
  #container { padding: 0 3.416666666666667%; margin: 0 auto; }
  nav { position: relative; /*text-align: center; */}
  header nav, #search-box { display: block !important; }
  #home .tout.onecol { width: 48%; }
  #home .tout.even { float: right; }
  #home .entry.first .entry-thumb { width: 48%; float: left; margin-left: 2%; }
  #home .entry.first .entry-summary { width: 50%; }
  footer span { height: auto; width: auto; display: inline; visibility: visible; }
  .interior #main { border-left: 1px solid #EBEEF5; padding-right: 0; }

  .landing aside, .interior aside { padding: 0; }
  aside #side-nav li a { display: block; text-decoration: none; padding: 12px; padding: .75rem; font-size: 15px; font-size: .9375rem; font-weight:500; border-bottom: 1px solid #c2c2c2; border-top: 1px solid #FFF; }
  aside #side-nav li a:link, aside #side-nav li a:visited { color: #1a1a1a; }
  aside #side-nav .first_child a { border-top: none; }
  aside #side-nav .last_child a { border-bottom: none; }
  aside #side-nav .active a:link, aside #side-nav .active a:visited { color: #006FA6; }
  .author-entry { width: 25%; padding-left: 1.19791667%; padding-right: 1.19791667%; }
  .author-entry.first { clear: left; }
  .landing aside nav { display: block; }
  .landing aside nav li { border-top: 1px solid #ebeef5; float: none; }
  footer p { text-align: center; }

}
@media only screen and (max-width:959px) {
  /* tablet and smaller */
  
}
@media only screen and (min-width:564px) and (max-width:959px) {
  /* all tablet */
  #container { margin: 0 3.05989583%; }
  #home #content-wrap { margin-top: 32px; margin-top: 2rem; }
  header nav { display: block !important; position: static; }
  #search-box { display: none !important; }
  #bloggers h1#page-header { display: none; }
  h1#page-header { margin-bottom: 16px; margin-bottom: 1rem; }
  h1#page-header span { cursor: pointer; display: block; float: right; border: 1px solid #CCC; height: 33px; height: 2.0625rem; border-radius: 5px; width: 33px; width: 2.0625rem; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1rem; padding-top: 7px; padding-top: .4375rem; position: relative; top: 4px; top: .25rem; }
  ul#main-nav { display: table; width: 100%; }
  ul#main-nav li.first_child { border-left: none; } 
  ul#main-nav li.last_child { border-right: none; } 
  ul#main-nav li { text-align: center; display: table-cell; float: none; }
  ul#main-nav li a:link, ul#main-nav li a:visited { padding-left: 0; padding-right: 0; }
  ul#main-nav li ul { display: none; }
  ul#main-nav .node_ask { border-right: none; }
  ul#main-nav .node_search { position: absolute; top: 8px; right: 0; width: auto; }
  ul#main-nav .node_search a:link, ul#main-nav .node_search a:visited { padding: 18px 0 18px 5px; padding: 1.125rem 0 1.125rem .3125rem; top: 0; }
  #nav-mymit { padding: 15px 5px 14px; padding: .9375rem .3125rem .875rem; top: 8px; right: 20px; /*50px with the language globe*/ background-position: -208px -36px; }
  #nav-langs { top: 8px; right: 23px; right: 1.4375rem; }
  #nav-langs .ss-icon { left: 0; }
  .nav-langs-text { display: none; }

  .landing aside h2 { font-size: 30px; font-size: 1.875rem; }
  .landing aside nav li, h1#page-header + nav.nav-list li, .landing-side-tout { width: 50%; float: left; }
  .landing aside nav li:nth-of-type(odd) a, h1#page-header + nav.nav-list li:nth-of-type(odd) a { border-right: 1px solid #EBEEF5; }
  .landing aside { margin-bottom: 1.5rem; }
  .landing nav.nav-list a:link, nav.nav-list a:visited, h1#page-header + nav.nav-list a:link, h1#page-header + nav.nav-list a:visited { font-size: 18px; font-size: 1.125rem; padding: 8px 1em 0; padding: .5rem 1em 0; height: 32px; height: 2rem; }
  .landing nav.nav-list a:after, nav.nav-list a:after { /*content: "\25B8";*/ font-size: 12px; position: relative; top: 6px; float: right; }
  #landing-side-touts { clear: left; background: #FFF; }
  .landing-side-tout { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0; }
  ul#side-nav { display: table; width: 100%; background: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; 
}
  ul#side-nav li { display: table-cell; }
  ul#side-nav li a { border-left: 1px solid #000; text-align: center; display: block; padding: 0 8px; padding: 0 .5rem; font-weight: bold; }
  ul#side-nav li.first_child a { border: none; }
  ul#side-nav li.active a { color: #1a1a1a; }
  nav.nav-list li { border-top: 1px solid #EBEEF5; }
  h1#page-header + nav.nav-list { position: relative; top: -16px; top: -1rem; }
  h1#page-header.subnav-open {
     -moz-border-radius: 5px 5px 0 0; 
  -webkit-border-radius: 5px 5px 0 0; 
          border-radius: 5px 5px 0 0; 
  }

  #apply.interior aside { position: relative; top: 40px; }
  #apply.interior aside ul#side-nav { display: block; text-align: center; clear: left; }
  #apply.interior aside ul#side-nav li { display: inline-block; float: none; margin: 0; }
  #apply.interior aside ul#side-nav a { padding: 10px 5px; padding: .625rem .3125; border: none; }
  #apply.interior aside ul#side-nav a span { display: block; background: #4F7319; width: 7px; height: 7px; width: .4375rem; height: .4375rem; text-indent: -9999em; 
     -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
          border-radius: 7px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
  #apply.interior aside ul#side-nav li.active a span { background: #999; }
  .apply-nav { margin-bottom: 0; }
  .apply-nav.apply-nav-top a:link, .apply-nav.apply-nav-top a:visited { position: relative; top: -40px; }

  #aside-bio { background: none; margin: 0 0 16px; margin: 0 0 1rem; padding: 0; }

  #bloggers aside { margin-bottom: 16px; margin-bottom: 1rem; }
  aside #blogger-meta { text-align: left; }
  aside #blogger-meta h5 { font-size: 22px; font-size: 1.375rem; margin-bottom: 8px; margin-bottom: .5rem; }
  #blogger-links { position: static; text-transform: uppercase;  border: 1px solid #ABB0B4; width: 100%; max-width: 425px;
  background-color: #e8ecef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d6e2), to(#e8ecef)); 
  background-image: -webkit-linear-gradient(top, #d2d6e2, #e8ecef); 
  background-image:    -moz-linear-gradient(top, #d2d6e2, #e8ecef); 
  background-image:     -ms-linear-gradient(top, #d2d6e2, #e8ecef); 
  background-image:      -o-linear-gradient(top, #d2d6e2, #e8ecef); 
  background-image:         linear-gradient(top, #d2d6e2, #e8ecef);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2d6e2', EndColorStr='#e8ecef'); }
  #blogger-links ul { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 0; }
  #blogger-links li { display: table-cell; float: none; text-align: center; border-right: none; width: 33%; }
  #blogger-links a:link, #blogger-links a:visited { font-weight: normal; font-size: 10px; font-size: .625rem; padding: 8px 10px; padding: .5rem .625rem; display: block; }
  footer span { height: auto; width: auto; display: inline; visibility: visible; }
}

@media only screen and (min-width:722px) and (max-width:959px) {
  /* prefix th- */
  #home .entry.first .entry-thumb { width: 48%; float: left; margin-left: 2%; }
  #home .entry.first .entry-summary { width: 50%; }
  ul#main-nav li { width: 18%; }
  #blogger-info { padding-top: 40px; padding-top: 2.5rem; }
  .author-entry { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1.2465374%; padding-right: 1.2465374%; }
  .author-entry.first { clear: left; }
  .th-br { display: block; visibility: hidden; width: 0; height: 0; }

  header form { display: none; }
  
}

@media only screen and (min-width:564px) and (max-width:721px) {
/* prefix t- */
  #mit-home { display: none; }
  #blogger-info { padding-top: 24px; padding-top: 1.5rem; }
  ul#main-nav li { width: 17.7%; }
  .t-br { display: block; visibility: hidden; width: 0; height: 0; }

  header form { display: none; }
  /* Force table to not be like tables anymore */
  table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  table.responsive thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  table.responsive td { 
    /* Behave  like a "row" */
    position: relative;
    width: 100%;
    padding-left: 60%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border-bottom: 1px solid #FFF; 
  }
  
  table.responsive td span { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 10px;
    left: 10px;
    width: 55%; 
    padding-right: 10px; 
    font-weight: bold;
    font-size: 12px;
  }
  table.responsive tr:nth-of-type(odd) td { 
  border-bottom: 1px solid #F5F2F2; 
  }
  table#aid-statistics td { min-height: 55px; }
  table#majors td span { width: 20%; }
  table#majors td { padding-left: 25%; }
  div.major-minor, div.major-departure, div.joint-major { width: auto; height: auto; background: none; text-indent: 0; }
  div.majors-pdf { text-align: left; }
}

@media only screen and (max-width:563px) {
/* all mobile (phone) */
  html { overflow-x: hidden; }
  body { overflow-x: hidden; background: url("http://mitadmissions.org/wrapper/img/colors-band.png") 50% 0 no-repeat; background-size: 100% 8px; }
  #container { margin: 0 10px; }
  #content-wrap { margin-top: 16px; margin-top: 1rem; }
  h1#page-header { padding: 10px 20rem; padding: .6125rem 20rem; margin: 0 -20rem 1rem; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 1.25rem; }
  h1#page-header span { cursor: pointer; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; border: 1px solid #CCC; height: 28px; height: 1.75rem; border-radius: 5px; width: 28px; width: 1.75rem; text-align: center; padding-top: 5px; padding-top: .3125rem; font-size: 13px; font-size: .8125rem; }
  #bloggers h1#page-header { display: none; }
  header { padding-top: 24px; padding-top: 1.5rem; background: none; }
  header #nav-wrap { height: 80px; height: 5rem; }

  header nav li { width: 33.3333333333333%; float: none; }
  #home #skip { visibility: hidden; }
  #skip { padding: 12px 0 0 5px; padding: .75rem 0 0 .3125rem; top: 8px; right: 0; position: absolute; font-size: 30px; height: 23px; overflow: hidden; color: #666; }
  #footer-skip { display: block; text-align: right; float: right; clear: both; text-transform: uppercase; text-decoration: none; font-size: 15px; font-size: .9375rem; }
  #footer-skip:before { position: relative; top: 3px; left: -3px; font-size: 30px; color: #006FA6; }
  #mobile-section { display: block; text-transform: uppercase; background: #aaa; padding: 2px 4px; display: inline; font-size: 11px; position: absolute; top: 22px; right: 40px; border-right: 1px solid; color: #FFF;
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px;  
  }
  #home #search-box { display: block; }
  #search-box { margin-bottom: 1.5625rem; margin-bottom: 25px; position: relative; top: 10px; width: auto; display: none; }
  #nav-wrap, #search-box, #nav-mymit { display: none; }
  
  #home #nav-wrap, #home #search-box { display: block; }
  #home #mobile-section { display: none; }

  #logo { width: 167px; height: 18px; margin: 0 0 16px; margin: 0 0 1rem; }
  #logo a { width: 167px; height: 18px; }


  footer { padding: 1rem 0; border: none; margin-top: 0; }
  #footer-info a:link, #footer-info a:visited { text-transform: uppercase; }


  #nav-langs { top: 8px; }
  #nav-langs .ss-icon { left: 0; }
  .nav-langs-text { display: none; }
  .landing aside h2 { font-size: 30px; font-size: 1.875rem; }
  nav.nav-list { display: block; padding: 0 20rem; margin: 0 -20rem 1.5rem; width: 100%; }
  nav.nav-list li { border-top: 1px solid #ebeef5; float: none; padding: 0 20rem; margin: 0 -20rem; width: 100%; }
  footer nav li.last_child { border-bottom: 1px solid #ebeef5; }
  nav.nav-list a:link, nav.nav-list a:visited, .landing nav.nav-list a:link, .landing nav.nav-list a:visited { font-size: 20px; font-size: 1.25rem; padding: .6875rem 1000px 0 !important; margin: 0 -1000px; width: 100%; height: 2.3125rem; height: 37px; }
  .landing nav.nav-list a:after, nav.nav-list a:after { /*content: "\25B8";*/ font-size: 12px; position: relative; top: 6px; float: right; }

  ul#main-nav { display: table; width: 100%; }
  ul#main-nav li { text-align: center; display: table-cell; height: 40px; height: 2.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  ul#main-nav li.first_child { border: none;  border-bottom: 1px solid #CCC; }
  ul#main-nav .node_apply { border: 1px solid #CCC; border-top: none; }
  ul#main-nav .node_afford { border: none; border-bottom: 1px solid #CCC; }
  ul#main-nav .node_follow { border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
  ul#main-nav .node_visit, ul#main-nav .node_ask { border: none; }
  ul#main-nav .node_search { /* border: none; position: relative; */ display: none; }
  ul#main-nav li a:link, ul#main-nav li a:visited { font-size: 15px; font-size: .9375rem; padding: 12px 0; padding: .75rem 0; }
  ul#main-nav li ul { display: none; }

  ul#side-nav { display: table; width: 100%; background: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 1rem; text-align: center; }
  ul#side-nav li { width: 5%; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; border-left: 1px solid #1a1a1a; }
  ul#side-nav li a { text-align: center; display: block; font-weight: bold; }
  ul#side-nav li.first_child { border: none; }
  ul#side-nav li.active a { color: #1a1a1a; }

  #apply.interior h1#page-header { margin-bottom: 0; }
  #apply.interior aside { background: #f4f7f0; display: block; padding: 0 20rem; margin: 0 -20rem -1rem; width: 100%; }
  #apply.interior aside ul#side-nav { display: block; text-align: center; margin: 1rem 0; }
  #apply.interior aside ul#side-nav li { display: inline-block; width: auto; border: none; }
  #apply.interior aside ul#side-nav a { padding: 10px 5px; padding: .625rem .3125; }
  #apply.interior aside ul#side-nav a span { display: block; background: #4F7319; width: 7px; height: 7px; width: .4375rem; height: .4375rem; text-indent: -9999em; margin: auto;
     -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
          border-radius: 7px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
  #apply.interior aside ul#side-nav li.active a span { background: #999; }

  .apply-nav h2 { text-align: left; }
  .apply-nav { margin-bottom: 0; }
  #apply.interior #main>.apply-nav.apply-nav-top a { position: relative; top: -30px; top: -1.875rem; }

  #apply.interior h1#page-header + nav.nav-list { margin-bottom: 0; }
  h1#page-header + nav.nav-list { position: relative; top: -16px; top: -1rem; }

  #blogs .entry { border-top: 1px solid #EBEEF5; }
  #blogs .author-entry.first { padding-left: 0; }
  .author-entry.first, .author-entry.third { clear: left; }
  #bloggers aside { margin-bottom: 16px; margin-bottom: 1rem; position: relative; }
  #blogger-meta { text-align: left; }
  #blogger-meta h5 { font-size: 22px; font-size: 1.375rem; margin-bottom: 8px; margin-bottom: .5rem; }
  #blogger-links { text-transform: uppercase; border: 1px solid #ABB0B4; background-color: #e8ecef; width: 100%; }
  
  #blogger-links ul { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 0; }
  #blogger-links li { display: table-cell; float: none; text-align: center; border-right: none; width: 33%; }
  #blogger-links a:link, #blogger-links a:visited { font-weight: normal; font-size: 10px; font-size: .625rem; padding: 8px 10px; padding: .5rem .625rem; display: block; }
  .landing aside { background: none !important;
     -moz-box-shadow: none; 
  -webkit-box-shadow: none; 
          box-shadow: none; }
  .landing-side-tout { padding-left: 0; }
  

  table { width: 100% !important; }
/* Force table to not be like tables anymore */
  table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  table.responsive thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  table.responsive td { 
    /* Behave  like a "row" */
    position: relative;
    width: 100%;
    padding-left: 60%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border-bottom: 1px solid #FFF; 
  }
  
  table.responsive td span { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 10px;
    left: 10px;
    width: 55%; 
    padding-right: 10px; 
    font-weight: bold;
    font-size: 12px;
  }
  table.responsive tr:nth-of-type(odd) td { 
  border-bottom: 1px solid #F5F2F2; 
  }
  table#aid-statistics td { min-height: 55px; }
  table#majors td span { width: 25%; }
  table#majors td { padding-left: 30%; }
  div.major-minor, div.major-departure, div.joint-major { width: auto; height: auto; background: none; text-indent: 0; }
  div.majors-pdf { text-align: left; }
}

@media only screen and (min-width:460px) and (max-width:563px) {
/* prefix mh- */
  #search-box input.text { width: 90%; }
  ul#side-nav li a:link, ul#side-nav li a:visited { padding: 0 8px; padding: 0 .5rem; }
  #blogger-links { position: static; }
  #blogger-info { padding-top: 24px; padding-top: 1.5rem; }

}
@media only screen and (max-width:459px){
/* prefix m- */
  #search-box input.text { width: 80%; }
  ul#side-nav { display: block; text-align: center; }
  ul#side-nav li { display: inline; border-left: 1px solid #1a1a1a; }
  ul#side-nav li a { padding: 0 13px 0 17px; padding: 0 .8125rem 0 1.0625rem; display: inline-block; }
  ul#side-nav li.first_child { border: none; }
  .author-entry { width: 50%; }
  .author-entry.first, .author-entry.third { padding-right: 2.33333334%; }
  .author-entry.second, .author-entry.fourth { padding-left: 2.33333334%; }
  #bloggers aside { padding-bottom: 44px; padding-bottom: 2.75rem; }
  #blogger-links { top: auto; bottom: 0; left: 0; height: 31px; height: 1.9375rem; }
  #blogger-info { padding-top: 40px; padding-top: 2.5rem; }
}

@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), 
 (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
#logo { background-image: url("/wrapper/img/mit-admissions-logo@2x.png"); }
}

.oldie #container { width: 980px; }
.oldie  #container { padding: 0 3.416666666666667%; margin: 0 auto; }
.oldie  nav { position: relative; /*text-align: center; */}
.oldie  header nav { display: block !important; }
.oldie  #home .tout.onecol { width: 48%; }
.oldie  #home .tout.even { float: right; }

.oldie  #home .entry.first .entry-thumb { width: 48%; float: left; margin-left: 2%; }
.oldie  #home .entry.first .entry-summary { width: 50%; }
.oldie  footer span { height: auto; width: auto; display: inline; visibility: visible; }
.oldie  .interior #main { border-left: 1px solid #EBEEF5; padding-right: 0; }

.oldie  .landing aside, .interior aside { padding: 0; }
.oldie  aside #side-nav li a { display: block; text-decoration: none; padding: 12px; padding: .75rem; font-size: 15px; font-size: .9375rem; font-weight:500; border-bottom: 1px solid #c2c2c2; border-top: 1px solid #FFF; }
.oldie  aside #side-nav li a:link, aside #side-nav li a:visited { color: #1a1a1a; }
.oldie  aside #side-nav .first_child a { border-top: none; }
.oldie  aside #side-nav .last_child a { border-bottom: none; }
.oldie  aside #side-nav .active a:link, .oldie aside #side-nav .active a:visited { color: #006FA6; }
.oldie  .author-entry { width: 25%; padding-left: 1.19791667%; padding-right: 1.19791667%; }
.oldie  .author-entry.first { clear: left; }
.oldie  .landing aside nav { display: block; }
.oldie  .landing aside nav li { border-top: 1px solid #ebeef5; float: none; }
.oldie  footer p { text-align: center; }