@charset "utf-8";
/* Project Polymath website, fifth iteration */

body {
	background: url("/images/backgrounds/clouds.jpg") #d8eefa repeat center top;
	background-size: 5120px 5120px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}

a img { border-style: none; }
a[href], a[href]:visited { color: blue; }
body, .Navbar a, .Navbar a:visited { color: #1f1f1f; }

p { margin-top: 1.5em; }

.Sunlight {
	width: 100%;
/*	background-image: -ms-radial-gradient(15% 177px, circle farthest-corner, rgba(255,255,255,1) 0%, rgba(64, 172, 223, 0) 60%);
	background-image: -moz-radial-gradient(15% 177px, circle farthest-corner, rgba(255,255,255,1) 0%, rgba(64, 172, 223, 0) 60%);
	background-image: -o-radial-gradient(15% 177px, circle farthest-corner, rgba(255,255,255,1) 0%, rgba(64, 172, 223, 0) 60%);
	background-image: -webkit-gradient(radial, 15% 177px, 0, 15% 152px, 1012, color-stop(0, rgba(255,255,255,1)), color-stop(0.6, rgba(64, 172, 223, 0)));
	background-image: -webkit-radial-gradient(15% 177px, circle farthest-corner, rgba(255,255,255,1) 0%, rgba(64, 172, 223, 0) 60%);
	background-image: radial-gradient(circle farthest-corner at 15% 177px, rgba(255,255,255,1) 0%, rgba(64, 172, 223, 0) 60%);
*/
	background: url("/images/backgrounds/sunlight.png") no-repeat;
}

h1, h2, th {
	color: #676869;
	font-weight: normal;
}

h1, th, .Navbar {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h1, .StudentLife th { font-size: 30px; }
h2 {
	font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

h1.TrainPolymaths {
	line-height: 18px;
	min-height: 31px;
}

input[type="text"], input[type="password"], textarea {
	font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
	color: #272727;
	padding: 0.17em 0.5em;
	margin: -0.2em 0 0 0;
}
fieldset { font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; }

.Content, .Footer {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
}

.Content {
	background-color: rgba(255, 255, 255, 0.7);
	background: url("/images/backgrounds/main_background.png") repeat;
	border: 1px solid rgb(219, 221, 222);
	border-color: rgba(219, 221, 222, 0.7);
	border-top: none;
}

.Standout {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 1.17;
	letter-spacing: .01em;
	color: #252525;
}

.Right { float: right; }
.Top {
	text-align: center;
	padding: 25px 0 18px 0;
}

.Main {
	padding: 1.33em 3.47em;
}

.Navbar {
	display: block;
	background: url("/images/backgrounds/nav.png") #f2f2f2 repeat-x;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.Navbar a {
	display: inline-block;
	text-decoration: none;
}

ul.Navbar li {
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
	-ms-transition: 0.35s ease-in-out;	
	transition: 0.35s ease-in-out;
	transition-property: color,background-color,visibility,opacity,box-shadow;
	-webkit-transition-property: color,background-color,visibility,opacity,box-shadow;
	-moz-transition-property: color,background-color,visibility,opacity,box-shadow;
	-o-transition-property: color,background-color,visibility,opacity,box-shadow;
	-ms-transition-property: color,background-color,visibility,opacity,box-shadow;
	position: relative;
}

ul.Navbar li {
	display: inline;
	padding: 0 23px;
}

/* A bit of an IE6 hack */
ul.Navbar > li { display: inline-block; }
ul.Navbar li li { display: list-item; }

/* Transitive submenus */
ul.Navbar li ul {
	text-align: left;
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	width: 20em;
}

ul.Navbar li ul li { padding-left: 1em; }

/* Direct submenus */
ul.Navbar > li > ul {
	left: 0;
	top: inherit;
	border-radius: 10px;
	border-top-left-radius: 0;
}

/* Subsubmenus and below */
ul.Navbar li ul ul {
	left: 20em;
}

ul.Navbar > li > ul > li:first-child { border-top-right-radius: 10px; }
ul.Navbar > li > ul > li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
ul.Navbar > li > ul > .ListParent:first-child { border-top-right-radius: 0; }
ul.Navbar > li > ul > .ListParent:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* Special menu colors */
ul.Navbar li:hover {
	background-color: rgb(255,96,96);
	background-color: rgba(255,32,32,0.6);
}

ul.Navbar > li:hover {
	background-color: rgb(245,245,245);
	background-color: rgba(255,255,255,0.3);
}
ul.Navbar > li.Learn li:hover {
	background-color: rgb(96,200,255);
	background-color: rgba(0,128,255,0.3);
}
ul.Navbar > li.Teach li:hover {
	background-color: rgb(200,96,255);
	background-color: rgba(128,0,255,0.3);
}

ul.Navbar > li.Inspire li:hover {
	background-color: rgb(255,255,164);
	background-color: rgba(255,255,0,0.3);
}
ul.Navbar > li.Contribute li:hover {
	background-color: rgb(148,255,220);
	background-color: rgba(32,255,160,0.3);
}

ul.Navbar li ul {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}

ul.Navbar li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.Banner {
	text-align: center;
	line-height: 1.6;
	margin-bottom: 3em;
}

.Banner img { vertical-align: middle; }
.Banner img:first-child { margin-right: 64px; }

.WeAre img {
	display: inline;
	vertical-align: bottom;
	padding: 0;
}

.WeAre { margin-bottom: 2em; }

.Standout {
	width: 350px;
	margin: 0.5em 0 0.5em 3.4em;
}

.Standout p { margin-top: 0.5em; }

ul.Social {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	float: left;
}
ul.Social li { display: inline; }

.Footer {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	padding-top: 1em;
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	color: #5b6269;
}

.Clearer { clear: both; }

.DonationBox {
	padding: 6px;
	margin-bottom: 1em;
}

#SuggestedDonations, #SuggestedDonations li {
	padding-left: 0px;
	vertical-align: middle;
}

#SuggestedDonations li {
	display: inline;
	margin-right: 1.6em;
}

#other_amount {
	display: none;
	visibility: hidden;
}

.AlignedForm { position: relative; }
.AlignedForm p { margin-top: 1em; }
.AlignedForm label { margin-bottom: 0.7em; }
.AlignedForm input { position: absolute; }
.AlignedForm.PolyList input { left: 5em; }
.AlignedForm.StudentCreators input, .AlignedForm.MastermindForm input { left: 10em; }
.AlignedForm.ApplicationForm input, .ApplicationForm fieldset { left: 410px; }
.AlignedForm input[type="submit"] { position: static; }
.AlignedForm.Signup { height: 35px; }
.AlignedForm input[type="text"] {
	font-style: italic;
	width: 20em;
}
.AlignedForm textarea { margin-top: 0.5em; }
.ApplicationForm label input[type="text"] {
	font-style: normal;
	width: 30em;
}

.AlignedForm .captcha input { position: static; left: 0; }

/* Fields inside of a fieldset shouldn't be touched; the fieldset itself moves. */
.ApplicationForm fieldset input, .ApplicationForm fieldset label {
	position: static;
	display: inline;
	left: auto;
}

.ApplicationForm fieldset {
	position: absolute;
	padding: 0px;
	margin: 0px;
	display: inline;
	border-style: none;
}

ol.University li {  margin-bottom: 1em; }
ol.Principles li { margin-bottom: 1.5em; }

.FAQs h1 { margin-top: 2em; }
.FAQs h2, .OpenPositions h2 {
	font-size: 14px;
	font-weight: bold;
}

/* The list structure is purely logical, not presentational. */
.FAQs, .FAQs ul, .FAQs li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.FAQs li { margin-bottom: 4em; }
.FAQs .BoardMembers li { margin-bottom: 0.1em; }

.FAQs a, .FAQs a:visited, .TOC a, .TOC a:visited, ul.Team li, ul.Team li:hover, .OpenPositions h2 {
	color: #1f1f1f;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;	
	transition: all 0.35s ease-in-out;
}
.TOC a:hover, .FAQs a:hover, .OpenPositions h2:hover { text-shadow: 1px 1px 4px rgba(0, 0, 0, .4); }

.TOC {
	padding-left: 0px;
	list-style-position: inside;
}

ul.Team {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

ul.Team li {
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
	text-align: center;
}
ul.Team li:hover {
	-moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.4);
	background-color: white;
}

ul.Team li img { height: 180px; }

ul.Team a, ul.Team a:visited {
	color: #2f2f2f;
	font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.LastUpdated { font-style: italic; }

.Roadmap {
	background-color: white;
	padding: 2em 3.5em;
	border-radius: 10px;
}

li.Past, .Past li {
	list-style-image: url("/images/check.png");
	color: gray;
}

li.Current, .Current li {
	list-style-image: url("/images/play.png");
	font-style: italic;
}

.Schedule {
	border-style: none;
	border-spacing: 2em;
	vertical-align: middle;
	border-radius: 10px;
	background-color: white;
}

.Schedule th {
	font-style: italic;
	text-align: left;
	color: #1f1f1f;
}

.Scheduled {
	background-color: #ffcccc;
	padding: 0.5em;
}

.OpenPositions {
	list-style: none;
	width: 60em;
	line-height: 1.6;
	margin: 3em 0px;
	padding-left: 0px;
}

.OpenPositions li {
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #bbbbbb;
	color: #000000;
	padding: 12px;
	margin: 12px 0;
}

.OpenPositions h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}

.Volunteering {
	width: 90%;
	list-style: none;
	margin: 1em auto;
	font-size: 24px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3f3f3f;
}

.Volunteering li {
	float: left;
	width: 12em;
}

.AjaxError { color: darkred; }
.SuccessMsg { color: green; }

.AjaxError, .SuccessMsg {
	font-weight: bold;
	font-size: 12px;
}

.PageImage {
	float: right;
	margin: 1.5em 0 2em 2em;
	border: 1px solid #cccccc;
}