/* Updated: 2011.8.1 ENR
	 Author: Erik Runyon
	 ----------------------------------------------------*/

@font-face {font-family:GalaxiePolaris; src:url('fonts/GalaxiePolaris-Book.otf');}
@font-face {font-family:GalaxiePolarisBold; src:url('fonts/GalaxiePolaris-Bold.otf');}

@-moz-keyframes clouds {
	from { background-position:left top; }
	to { background-position:right top; }
}
@-webkit-keyframes clouds {
	from { background-position:left top; }
	to { background-position:right top; }
}
@-o-keyframes clouds {
	from { background-position:left top; }
	to { background-position:right top; }
}
@keyframes clouds {
	from { background-position:left top; }
	to { background-position:right top; }
}

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors:Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
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; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
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; }

/* Font normalization inspired by YUI Library's fonts.css:developer.yahoo.com/yui/
	 ----------------------------------------------------*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity. */
select, input, textarea, button { font:99% sans-serif; }

/* Minimal base styles.
	 ----------------------------------------------------*/
body, select, input, textarea {color:#444;}
h1, h2, h3, h4, h5, h6 {margin:0 0 1.5em; font-weight:bold;}
html { overflow-y:scroll; }
a:hover, a:active { outline:none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul, ol { margin-left:2em; }
ol { list-style-type:decimal; }
nav ul, nav li { margin:0; list-style:none; list-style-image:none; }
small { font-size:85%; }
strong, th { font-weight:bold; }
td { vertical-align:top; }
sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
button, input, select, textarea { margin:0; }
::-moz-selection{ background:#28a1e1; color:#fff; text-shadow:none; }
::selection { background:#28a1e1; color:#fff; text-shadow:none; }
a:link { -webkit-tap-highlight-color:#28a1e1; }
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/* REDECLARATIONS
	 ----------------------------------------------------*/
html {height:100%; width:100%; margin:0; padding:0; overflow-y:scroll;}
body {overflow:hidden; width:100%; margin:0; padding:0; color:#333; font:15px/2.2em Georgia, Times, "Times New Roman", serif; -webkit-font-smoothing:antialiased;}
p {margin:0 0 1em;}
p + p {margin:1em 0;}
a {outline:none;}
a:link {color:#28a1e1;}
a:visited {color:#2495cd;}
a:hover, a:active {color:#9b8231; outline:none;}
a:link {-webkit-tap-highlight-color:#f6efd2;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 8px; color:#0e4178; line-height:1.1em; font-weight:bold; text-rendering:optimizeLegibility; font-family:"Adobe Garamond Pro", Garamond, Georgia, Times, "Times New Roman", serif;;}
h1 {margin-top:0; font-size:260%;}
h2 {font-size:250%; text-shadow:0 1px 1px #fff;}
h3 {font-size:160%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:100%;}
ol,ul {margin:10px 0 10px 30px;}
li {margin:3px 0;}
table {width:100%; margin:10px 0 20px; border-collapse:collapse;}
th {color:#fff; background-color:#0d4b7c;}
th, td {padding:4px 8px; border:1px solid #dadada;}
td, td img {vertical-align:top;}
sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
button {width:auto; overflow:visible;}
iframe {max-width:100%; border:none;}

figure {}
figure,
aside.right,
figure.right {float:right; width:224px; margin:0 0 10px 25px;}
	aside.right p {}
	figure.left {float:left; width:224px; margin:0 25px 10px 0;}
	figure img {}
	figcaption {display:block; margin:0; padding:0; text-align:left; line-height:1.5em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	figcaption h2 {margin:0 0 1em;}
	figcaption p {}

blockquote {}
blockquote.pull {float:right; width:29.16666667%; margin:4.166666667%; color:#07427e; font-size:170%;}
	blockquote.pull footer {color:#333; font-size:50%;}
blockquote.inline {width:74.46808511%; margin:30px 0;}
	blockquote.inline p {display:inline; margin:0; padding:2px 0; line-height:2.5em; font-size:110%; font-weight:bold; font-family:GalaxiePolarisBold, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color:#fdf8e2;}

/* IMAGES
	 ----------------------------------------------------*/
img {max-width:100%; -ms-interpolation-mode:bicubic; border:none;}
	.ie6 .ndmark {width:100%;}
img,
img.right,
img.left,
img.center {line-height:0;}
.default {position:relative; margin:10px 5% 10px 0 /* 10px 20px 10px 0 */;}
.right {float:right; margin:5px 0 20px 5% /* 5px 0 20px 20px */;}
.left {float:left; margin:5px 5% 20px 0 /* 5px 20px 20px 0 */;}
.center {text-align:center;}
.default a,
.right a,
.left a {display:block; text-decoration:none; border:none;}

/* Author: Erik Runyon
	 Copyright 2011 University of Notre Dame
	 http://nd.edu/copyright/
	 ----------------------------------------------------*/
#sherpind {height:100%; position:fixed; right:0; top:0; z-index:1400; margin:0; padding:0; font-size:14px; list-style:none;}
#sherpind li {position:absolute; right:0; top:0; width:39px; margin:-19px 0 0; cursor:pointer; color:#fff; text-shadow:1px 1px 2px #000;}
#sherpind li.hover {z-index:1000; width:239px; height:auto; padding:0;}
#sherpind .marker {position:relative; z-index:100; height:19px; background:url("images/sherpind-bars.png") 0 0 no-repeat;}
#sherpind li.hover .marker {background-position:0 -29px;}
#sherpind li.hover.pinup .marker {background-position:0 -58px;}
#sherpind .content {display:none; z-index:0; width:204px; margin:-19px 13px 0 0; padding:29px 10px 10px; border:1px solid #000; -moz-border-radius:6px; border-radius:6px; background:url(images/sherpind-bg.png) 0 0 repeat;}

#sherpind li.hover .content {display:block;}
#sherpind li.pinup .content {padding:10px 10px 29px;}
#sherpind li .tease {float:left; margin:3px 10px 0 0;}
#sherpind li .tease img {max-width:50px; max-height:50px; border:1px solid #fff;}
#sherpind li .title {display:block; font-weight:bold; font-size:100%; line-height:1.2em;}
#sherpind li .snippet {font-size:90%; line-height:1.2em;}

#sherpind.dark-gray .marker {background-position:0 -87px;}
#sherpind.dark-gray li.hover .marker {background-position:0 -116px;}
#sherpind.dark-gray li.hover.pinup .marker {background-position:0 -145px;}

/*********************************************************************************************************
Screen Styles
*********************************************************************************************************/
@media screen,projection {

/* STRUCTURE
	 ----------------------------------------------------*/
body {position:relative; background:#f7e38d url(images/clouds-wide.jpg) left top repeat-x;
	-moz-animation-duration:120s;
	-webkit-animation-duration:120s;
	-o-animation-duration:120s;
	animation-duration:120s;
	-moz-animation-name:clouds;
	-webkit-animation-name:clouds;
	-o-animation-name:clouds;
	animation-name:clouds;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	animation-timing-function:linear;
}
#skip-links { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
#skip-links:active, #skip-links:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
#wrapper {background:url(images/brand-bar.png) 0 0 repeat-x;}
#content {}

/* HEADER
	 ----------------------------------------------------*/
#header {overflow:hidden; display:block; position:relative; max-width:940px; height:408px; margin:0 auto; padding:0; font-family:Georgia, Times, "Times New Roman", serif; background:url(images/dome-header.png) 90% bottom no-repeat;}
#header h2 {margin:0; padding:0; font-size:15px; text-transform:uppercase; letter-spacing:3px; font-weight:normal; font-family:"Adobe Garamond Pro", Garamond, Georgia, Times, "Times New Roman", serif;}
#header h2 i {text-transform:none; font-weight:normal;}
#header h2 a {display:block; width:302px; height:50px; margin:0; border:none; color:#fff; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(https://static.nd.edu/images/brandbar/dept-nd-white.png) 0 0 no-repeat;}
#header h2 a:hover {color:#f6efd2;}
#header h1 {clear:both; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; overflow:hidden; background:url(images/home-under-the-dome.png) 26px 100px no-repeat;}

a.indepth {position:absolute; left:0; bottom:0; display:block; width:auto; height:auto; padding:9px 16px; line-height:1em; color:#fff; font-size:12px; text-decoration:none; border:1px solid #4a4a4a; border-width:0 1px 1px; font-family:Helvetica, Verdana, Arial, sans-serif;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	background:#333;
	background:-moz-linear-gradient(top, #333 0%, #1a1a1a 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#1a1a1a));
	background:-webkit-linear-gradient(top, #333 0%,#1a1a1a 100%);
	background:-o-linear-gradient(top, #333 0%,#1a1a1a 100%);
	background:-ms-linear-gradient(top, #333 0%,#1a1a1a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#1a1a1a',GradientType=0 );
	background:linear-gradient(top, #333 0%,#1a1a1a 100%);
}
	a.indepth b {color:#ebd69c;}
	a.indepth:hover {
		background:#222;
		background:-moz-linear-gradient(top, #444 0%, #222 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
		background:-webkit-linear-gradient(top, #444 0%,#222 100%);
		background:-o-linear-gradient(top, #444 0%,#222 100%);
		background:-ms-linear-gradient(top, #444 0%,#222 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
		background:linear-gradient(top, #444 0%,#222 100%);
	}

#archive {margin:0 0 30px; text-align:center; font-size:88%; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	#archive a {display:block; width:52.23404255%; margin:0 auto; padding:6px 7.446808511% 6px 3.723404255%; line-height:1.2em; color:#333; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f1d76f url(images/archive.png) right center no-repeat;}
	#archive a:hover {background-color:#ebd146;}

.ie6 #header,
.ie6 .story,
.ie6 #footer-inner {width:940px;}

.bug-irish-edge {position:absolute; top:89px; left:-120px; width:104px; line-height:1.6em; text-align:center; font-size:10px; font-weight:bold; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.bug-irish-edge a {display:block; width:104px; height:73px; text-indent:-9999px; overflow:hidden; background:url(images/bug-irish-edge.png) 0 0 no-repeat;}
	.bug-irish-edge a:hover {background-position:-104px 0;}

/*********************************************************************************************************
Story Styles
*********************************************************************************************************/

.story-outer {overflow:hidden; background:url(images/bg-gold.jpg) top center no-repeat; border-top:1px solid #fff;}
	.story-outer p {text-shadow:0 1px 1px rgba(255,255,255,0.5);}
	.story-outer.blue {
		background:#043165 url(images/bg-blue-flare.jpg) top center no-repeat;
		background:url(images/bg-blue-flare.jpg) top center no-repeat, #043165 url(images/bg-blue.png) 0 0 repeat-x;
	}
	.story-outer.blue .story {color:#fff;}
	.story-outer.blue p {text-shadow:none;}
	.blue h3 {color:#fff; font-weight:normal; font-size:110%; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.blue h3 b {display:block; line-height:1.4em; color:#f4e58a; font-size:190%;}
.story {overflow:hidden; max-width:960px; margin:0 auto; padding:50px 1% 30px 0;}
.story header {position:relative;}
.story h2 {padding:0 0 14px; background:url(images/h2-gold.png) left bottom no-repeat;}

.feature {display:block; max-width:860px; margin:-50px auto 0; padding:10px; background-color:#fff; -webkit-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); box-shadow:0 1px 4px 2px rgba(0,0,0,0.3);}
.photo {padding:5px; background-color:#fff; -webkit-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); box-shadow:0 1px 4px 2px rgba(0,0,0,0.3);}

.focus {margin:0; list-style:none;}
	.focus li {margin:0 0 8px; padding:10px 30px 10px 60px; line-height:1.3em; background-color:#fdf6dd;}

#getting-oriented .story h2,
#settling-in .story h2,
#classroom .story h2 {height:0; margin:0; text-indent:-9999px; background:none;}
#getting-oriented header .skip,
#settling-in header .skip,
#classroom header .skip {position:relative; right:auto; bottom:auto; display:block; margin:20px 0 10px;}

/* Skip Links */
.skip:link,
.skip:visited {position:absolute; right:50px; bottom:17px; color:#333; text-decoration:none; font-family:GalaxiePolaris, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
.skip:hover,
.skip:active {color:#036;}

/* A Lifelong Decision
	 ----------------------------------------------------*/
#lifelong-decision {}
#lifelong-decision .story {padding-top:10px;}
#lifelong-decision .story-inner {padding-left:14.57446809%;}
#lifelong-decision aside {float:right; width:30.85106383%; margin:0 0 0 4.255319149%;}
#lifelong-decision aside figure {float:left; width:94%; margin:0 0 40px;}

/* In Good Company
	 ----------------------------------------------------*/
#good-company {font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
#good-company .story {padding:0 0 60px; background:url(images/dome-top.png) 97px 227px no-repeat;}
#good-company .story-inner {padding-left:13.61702128%;}
#good-company h2 {float:left; margin:0; padding:20px 25px; border-bottom:1px solid #3668a2; font-size:220%; color:#fff; text-shadow:none; font-family:GalaxiePolaris, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#001935;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#good-company .intro {float:left; width:40%; padding:3.571428571%;}
#good-company p {width:18%; margin:0 4% 0 2%; line-height:1.3em; font-size:90%;}

.percentages {clear:both; padding:26px 0 0;}
.percentages p {float:left; width:23.39901478%;}
.percentages ul {margin:0; list-style:none;}
.percentages li {float:left; width:12.48768473%; margin:0 5% 0 0; line-height:1.3em; font-size:90%;}
.p1 span,
.p2 span,
.p3 span,
.p4 span {display:block; width:113px; height:91px; margin-bottom:30px; text-indent:-9999px; overflow:hidden; background:url(images/perc.png) 0 0 no-repeat;}
.p1 span {}
.p2 span {background-position:-200px 0;}
.p3 span {background-position:-400px 0;}
.p4 span {background-position:-600px 0;}

/* Getting Oriented
	 ----------------------------------------------------*/
#getting-oriented {background:url(images/getting-oriented-laundry.jpg) -30px bottom no-repeat;}
#getting-oriented .story-inner {width:76.06382979%; margin:0 auto;}
#getting-oriented .story h2 {margin-right:-7.978723404%;}
#getting-oriented blockquote {width:100%;}
.closing {margin-left:20%; padding:5px 25px; /* background-color:#f7e38d; background-color:rgba(247,227,141,0.9); */}

#orientation {}
#orientation p {width:60.10638298%; margin-left:22.93617021%; margin-bottom:30px;}
#orientation ul {margin:30px 0; list-style:none;}
#orientation li {margin:0 0 20px;}
#orientation h3 {float:left; clear:left; margin:0 4% 0 0; width:18.93617021%;}

#football-divider {width:100%; height:146px; background:url(images/football-players.jpg) 0 0 repeat-x;}

/* Explore and Discover
	 ----------------------------------------------------*/
#explore {}
#explore .story-inner {padding-left:14.68085106%;}
#explore iframe {display:block; margin:20px auto 40px;}
#explore aside {width:40.17094017%; margin-left:-12.76595745%;}
#explore figure {width:100%; margin:0 2.976190476% 0 0;}
#explore blockquote.inline {width:100%;}

/* Settling In
	 ----------------------------------------------------*/
#settling-in {background:#83b5fa url(images/settling-in-bg-cropped.jpg) bottom right no-repeat;}
#settling-in .story-inner {padding-left:14.68085106%;}
/* #settling-in .story h2 {background-image:url(images/h2-blue.png);} */
#settling-in p {padding-right:14.68085106%;}

#settling-in a:link,
#settling-in a:visited {color:#000;}
#settling-in a:hover,
#settling-in a:active {color:#369;}

#settling-in .video {float:none; width:auto; margin:0;}
#settling-in .video figcaption {margin:0 0 0 10px; font-size:200%; line-height:1.2em; color:#0d407a;}
#settling-in #ryan-hall {float:right; cursor:pointer;}
#settling-in #duncan-hall {clear:both; margin:0 auto; cursor:pointer;}

#settling-in blockquote {float:left; width:33.29268293%; margin:0 5% 5% 0;}
#settling-in blockquote footer {line-height:1.4em;}
#settling-in blockquote strong {display:block;}

/* The Graduate Student Experience
	 ----------------------------------------------------*/
#grad-experience {}
#grad-experience .story {width:55.74468085%; padding:50px 10.63829787%;}
#grad-experience header {margin-left:-11.83431953%;}
#grad-experience .skip {right:-60px;}
#grad-experience blockquote {width:100%; margin:30px 0;}
#grad-experience figure {width:47.61904762%; margin:0 7% 30px -11.9047619%;}

/* The World is Our Classroom
	 ----------------------------------------------------*/
#classroom {}
#classroom .story-inner {padding-left:14.68085106%;}
#classroom p {padding-right:14.68085106%;}
#classroom blockquote.inline {width:100%; margin:30px 0;}
#classroom blockquote.inline p {padding-right:0;}


/* Home Away From Home
	 ----------------------------------------------------*/
#home-away-from-home {}
#home-away-from-home .story {max-width:940px; padding:0 0 300px 14.68085106%; background:url(images/dome-top.png) bottom center no-repeat;}
#home-away-from-home .story p {width:72.34042553% /* 680/940 */;}

/* Comments
	 ----------------------------------------------------*/
#comments {padding:30px 0; color:#fff; background-color:#043266;}
#comments h3 {margin:0;}

/* Footer
	 ----------------------------------------------------*/
#footer {overflow:hidden; background-color:#043266;}
#footer-inner {overflow:hidden; max-width:960px; margin:30px auto 0; padding:0 0 30px;}
#mark {float:right; display:block; width:150px; height:35px; background:url(https://static.nd.edu/images/marks/white/ndmark150.png) 0 0 no-repeat;}
#mark img {display:none;}

}

/*********************************************************************************************************
Media Queries
*********************************************************************************************************/
@media screen and (max-device-width:480px) {
	html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
}

@media only screen and (max-width:1240px) {
	#getting-oriented {background-position:-80px bottom;}
}

/* Tablets landscape ----------- */
@media only screen and (max-width:1100px) {
	#getting-oriented {background-position:-160px bottom;}
}

/* Tablets portrait ----------- */
@media only screen and (max-width:800px) {

	.bug-irish-edge {display:none;}

	#header {height:350px;}
	#header {background:url(images/dome-header.png) 96% bottom no-repeat; background-size:30% auto;}
	#header h1 {background:url(images/home-under-the-dome.png) 26px 80px no-repeat; background-size:60% auto;}

	.story h2 {font-size:170%;}
	.skip:link,
	.skip:visited {right:30px; bottom:12px; font-size:80%;}

	.feature {max-width:94%;}

	#lifelong-decision .story-inner {padding:0 4%;}

	#good-company .story {background-position:1% 227px;}
	#good-company .story-inner {padding-left:4%;}
	#good-company .intro {float:left; width:40%; padding:3% 0 0 3%;}

	#explore .story-inner {padding:0 10% 0 4%;}
	#explore aside {width:40.17094017%; margin-left:0;}

	#getting-oriented.story-outer {padding-bottom:190px; background-size:300px auto; background-position:left bottom;}
	#getting-oriented .story-inner {width:90%; margin:0 auto;}
	.focus li {margin:0 0 8px; padding:10px 15px;}
	.closing {margin-left:0; padding:0 0 10px;}

	#orientation .story {width:90%; margin:0 auto;}
	#orientation p {width:auto; margin:0 0 30px;}
	#orientation ul {}
	#orientation li {}
	#orientation h3 {float:none; clear:both; margin:0 0 10px; width:100%;}

	#settling-in .story-inner {padding:0 4%;}
	#settling-in #ryan-hall {float:none;}
	#settling-in #duncan-hall {clear:both; margin:0 auto 30px;}
	#settling-in blockquote {float:none; width:80%; margin:30px auto;}

	#grad-experience .story {width:80%; padding:50px 10.63829787%;}

	#classroom .story-inner {padding:0 4%;}

	#home-away-from-home .story {max-width:940px; padding:0 4% 300px;}
	#home-away-from-home .story p {width:auto;}

	#comments .story {width:90%;}

	#footer-inner {width:96%;}

}

/* Mid-Size Tablets (Galaxy Tab) (portrait) ----------- */
@media only screen and (max-width:680px) { /* normally 600px but adjusted for this story */

	body {line-height:1.6em;}
	figure,
	aside.right,
	figure.right,
	figure.left {float:none; width:100%; margin:20px 0;}
	figure,
	figure.right {width:100%; margin:20px 0; font-size:80%;}
	blockquote.pull {float:none; width:90%; margin:20px auto;}

	#sherpind {display:none;}

	.left {float:none; margin:10px 0;}

	/* Skip Links */
	.skip:link,
	.skip:visited {position:relative; float:none; right:auto; bottom:auto; color:#333; text-decoration:none; font-family:GalaxiePolaris, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	#grad-experience .skip {right:auto;}

	#lifelong-decision aside {float:none; width:100%; margin:10px auto 20px;}
	#lifelong-decision aside figure {float:none; width:100%; margin:0;}

	#good-company .story {padding:0 0 30px; background-position:right bottom; background-size:180px auto;}
	#good-company h2 {float:none; width:80%; margin:0 0 1em;}
	#good-company .intro {float:none; width:80%; padding:0;}
	#good-company p {width:80%; margin:0 0 1.5em;}

	.percentages {clear:both; padding:0;}
	.percentages p {float:none; width:100%;}
	.percentages ul {margin:0; list-style:none;}
	.percentages li {float:none; clear:both; width:80%; margin:0 5% 0 0; line-height:1.3em; font-size:90%;}
	.p1 span,
	.p2 span,
	.p3 span,
	.p4 span {float:left; margin-right:3%;}

	#home-away-from-home .story {background-size:180px auto;}

	#settling-in {padding-bottom:50px; background-size:50% auto;}

	#explore aside {width:100%; margin:20px 0;}

	#grad-experience .story {width:90%; padding:30px 0;}
	#grad-experience header {margin-left:0;}
	#grad-experience figure {width:90%; margin:20px 0;}

}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width:533px) {
	body {background-position:0 30px;}
	blockquote.inline {margin:20px auto; width:90%;}

	#header {height:260px; background-size:20% auto;}
	#header h1 {background-position:26px 56px;}
	#header h2 a {width:100%; background-position:10px 0;}

	figure,
	figure.right {width:40%; margin:0 0 10px 5%; font-size:80%;}

	#skip-links {display:block; clip:auto; position:relative; width:auto; height:auto; overflow:hidden; margin:0;}
	#skip-links ul {float:left; width:100%; border:1px solid rgba(156,112,18,0.4); border-width:1px 0; background-color:#f6efd2;}
	#skip-links li {float:left; text-align:center; width:49%;}
	#skip-links li a {display:block; float:left; width:100%; padding:3px 0; font-size:12px; border:1px solid rgba(156,112,18,0.4); border-width:0 0 0 1px; text-decoration:none;}

	#archive a {width:80%; padding:6px 14% 6px 3%;}

	#good-company .story {padding:0 0 40px; background-size:100px auto;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width:440px) {
	#header {height:220px;}
	#header h1 {background-position:26px 34px;}
	#header h2 a {width:100%; background-position:10px 0;}
}

/* iPhone4 and high pixel ratio devices ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {}

/* Saving the mobiles from some large images ----------- */
@media only screen and (min-width:1100px) {
	#settling-in {background:url(images/settling-in-bg.jpg) bottom right no-repeat;}
}

/*********************************************************************************************************
Print Styles
*********************************************************************************************************/
@media print {

	iframe,
	.skip,
	.video,
	.youtube,
	#archive,
	#sherpind,
	#skip-links {display:none;}

	body {font-family:Georgia, Times, "Times New Roman", serif;}
	* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }
	a, a:visited { color:#444 !important; text-decoration:underline; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }	/* Don't show links for images, or javascript/internal links. */
	pre, blockquote {width:90%; margin:15px auto; padding:0; page-break-inside:avoid; }
	thead { display:table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside:avoid; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3{ page-break-after:avoid; }

	#header {overflow:hidden; display:block; position:relative; width:100%; margin:10px 0; padding:10px 0; border-bottom:1px solid gray;}
	#header h2 {float:right; margin:0; padding:0; text-indent:-9999px; overflow:hidden;}
	#header h2 img {float:right; width:150px;}
	#header h1 {float:left; width:60%; margin:0; padding:0; font-size:140%;}
	#header h1 a {color:#fed755; text-decoration:none; line-height:1em; font-weight:normal;}

	.story-outer {clear:both;}
	.story a[href]:after { content:" (" attr(href) ")"; font-size:11px;}

	#settling-in blockquote {float:none; margin:10px 0; width:90%;}

	#mark img {width:150px; margin-top:30px;}

}