/* 
	sidebar
*/
#sidebar {
	background: #CE673C;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.sidebar-top {
	background: #CE673C;
	color: white;
/*	background: #072855;
	color: #CE673C;
*/
}
.sidebar-reg {
	background: #CE673C;
	color: white;
}
#sidebar a {
	color: white;
}

/*
	Topics
*/
#diffgeom {
	font-size: 1em;
}
div.blogBlob {
	border:2px solid orange;
	border-radius: 6px;
	padding: 0px 5px 0px 10px;
	margin-bottom: 10px;
}
div.blogBlob div.head {
	padding: 5px 5px 5px 5px;
	margin-top:5px;
	margin-right:5px;
	border-bottom: thin solid black;
	font-size: 1rem;
	background-color: #eee;
}
div.blogBlob div.body {
	padding: 5px 5px 10px 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

/*
	Lectures
*/
div.lecture-table {
	border:2px solid orange;
	border-radius: 6px;
	padding: 0px 5px 0px 10px;
	margin-bottom: 10px;
}
div.lecture-table div.dateTitleBox{
	background: #ddd;
	margin-top:5px;
	margin-right:5px;
	padding: 5px 5px 0px 5px;
	font-weight: bold;
}
div.lecture-table div.dateContentBox{
	background: #fff;
	padding: 5px 8px 0px 5px;
}
div.lecture-table div.columns {
	margin-bottom: 5px;
	line-height: 1.4em;
	font-size: 0.9em;
}

/*
	Contacts/People page stuff 
*/
.contact {
	height: 120px;
	width: 340px;
	border:2px solid orange;
	border-radius: 6px;
	padding: 0px 5px 0px 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
}
img.photo {
    margin: 8px 8px 0 0;
    height: 100px;
    width: 100px;
}
dl.contact h5 {
    text-align: top;
}
#contact-title {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.4em;
}
#contact-data {
	font-size: 0.9em;
	line-height: 1.4em;
}
.contact a {
	color: #2ba6cb;
	font-size: 1em;
	text-decoration: none;
	line-height: inherit;
}

/* 
	Illinois styles
*/
body {
	margin: 1px 1px 1px;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.top-bar {
	margin-top: 0px;
	position: fixed;
	z-index: 4;
	width: 100%;
	height: 60px !important;
	top: 0px;
	border: 0;
 	background-color: #072855;  
}
.top-bar h4 {
	color: white;
	background-color: #072855;
	margin-left: 10px;
	border: 0px;
}
div.ps-table {
	background: #ddd;
	padding: 10px;
	margin-bottom: 20px;
}
div.ps-table div.columns {
	margin-bottom: 5px;
	font-size: 0.9em;
}
div.announce-table {
	background: #ddd;
	padding: 10px;
	margin-bottom: 20px;
}
div.announce-table div.columns {
	margin-bottom: 5px;
	line-height: 1.4em;
	font-size: 0.9em;
}

/* 
	Stuff for the teams organization of the People section 
*/
div.team-table {
	border:2px solid orange;
	border-radius: 6px;
	padding: 0px 5px 0px 10px;
	margin-bottom: 10px;
}
div.teamTitle {
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 10px 6px;
	border-bottom: thin solid;
}
div.team-table div.teamTitle{
	background: #fff;
	padding-top: 0px;
	padding-left: 2px;
	font-weight: bold;
}
div.teamTitle p.teamName {
	font-weight: bold;
	vertical-align: top;
}
div.teamMembers {
	background: #eee;
	padding: 2px 10px 2px 0px;
	margin: 0px 10px 10px 6px;
	font-size: 0.9em;
}
div.teamMembers .row {
	padding-bottom: 3px;
}
div.teamMembers a {
	cursor: pointer
}
div.teamEmail a {
	cursor: pointer;
	padding-left: 5px;
}
div.teamTitle img {
	height: 60px;
	margin: 2px;
	padding: 3px 0px 0px 5px;
}
.teamTitleName {
	display: inline-block;
	vertical-align: top;
}
.teamMotto {
	font-weight:normal; 
	font-style:italic; 
	vertical-align:top;
	margin-left:50px;
}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */

@media only screen and (max-width: 767px) {
	.top-bar {
		position: relative;
		margin-bottom: 20px;
	}
	body {
		margin: 0;
		font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
}


/* -----------------------------------------
   Page Name 2
----------------------------------------- */
@media only screen and (min-width: 767px) {
	#container {
		top: 70px;
	}
}
#container {
	border: 2px solid #2A3889;
	height: 100%;
	border-radius: 5px;
}

p.justify {
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.2em;
}