/* Layout
================================ */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html, body {
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
	width: 100%;
	background: #f3f3f3;
}

::-moz-selection {
	background: #ecebbe;
}

::selection {
	background: #ecebbe;
}

#name {
	padding-top:240px;
}

#head {
	padding-top:50px;
	padding-bottom:300px;
}

#portrait {
	text-align: center;
}

#links {
	margin-bottom: 140px;
}

#communication {
	padding-left:0px;
	margin-left:0px;
}

#availability {
	float: right;
	padding-right: 0;
	margin-right: 0;
	font-family: 'Open Sans', sans-serif;
}

#availability img {
	padding-bottom:3px;
}


#content {
	padding-top: 80px;
}

#footer {
	padding-top: 80px;
}

#footer li {
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	margin: 12px 0px;
	font-size: .875em;
}

#footer ul {
	padding: 0;
	margin: 0;
}


#turq {
	width: 100%;
	height: 400px;
	background: #00007C;
	margin: 100px 0px 0px 0px;
}

#title img {
	float:left;
	padding-top:8px;
	padding-right:10px;
	opacity: .5;
}

#title h5 {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,0,0.7);
	font-size: 1.125em;

}

#highlights {
	margin: 70px 0px 0px 0px;
	padding: 0;
	padding-left: 10px;
}

#highlights a{
	color: #222222;
}

#highlights ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#highlights p {
	font-family: 'Open Sans', sans-serif;
	margin: 3px 0px;
	color: #bdbdbd;
}

#highlights li {
	list-style: none;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: .875em;
	padding: 0px 40px 0px 0px;
	height: 90px;
	line-height: 1.250em;
/*
	background: red;
	padding:1px;
	border: 1px solid white;
*/
}

#highlights li:hover {
/* 	background: orange; */

}

.event {
	background: white;
}
.event-name {
	font-family: 'Open Sans', sans-serif;
}
.date {
	color:#c6c6c6; text-transform: uppercase; letter-spacing: .125em; font-size: .750em; }


#event {
	padding:0px;
	height: 80px;
}


#info p {
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	column-gap:30px;
	-moz-column-gap:30px; /* Firefox */
	-webkit-column-gap:30px; /* Safari and Chrome */
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
	line-height: 1.500em;
}

#info h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.750em;
}

label {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #b4b4b4;
	letter-spacing: .250em;
	padding-bottom: 6px;
	cursor: text;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.000em;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #b4b4b4;
	letter-spacing: .250em;
	padding-bottom: 6px;
	padding: 0px;
	margin: 4px 0px;
	font-size: .750em;
}

p {
	font-family: 'Open Sans', sans-serif;
}

h3 span {
	font-size: .625em;
	margin-bottom: 2px;
	color: #b9b9b9 !important;
	font-family: serif;
	font-style: italic;
}

a {
	line-height: normal;
	color: #7b8989;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
/* 	padding: 2px; */
	font-family: 'Open Sans', sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#info a {
		background: #ebebeb;
}
#info a:hover {
	background: #9effb5;
	color: #444f4f;
}
a:hover {
	background: #c1eee6;
	color: #444f4f;
}


/* Media Queries
================================================ */

/* Mobile Screens 
================================ */

@media only screen and (max-width: 40em) { 

#footer li {
	font-size: 1.500em;
}

#highlights li {
	height: 120px;
	margin-top: 0px;
	padding-top: 40px;
	font-size: 1.125em;
	border-bottom: solid 1px #e7e7e7;
}

#highlights a {
	padding: 0;
	margin:0;
}

.event-name {
	padding: 0;
	margin: 0;
}
#info p {
	-webkit-column-count:1; /* Chrome, Safari, Opera */
	-moz-column-count:1; /* Firefox */
	column-count:1;
	line-height: 1.375em;
	font-size: 1.125em;
}


#name {
	padding-top:100px;
}

#head {
	padding-top:50px;
	padding-bottom:100px;
}

#portrait {
	
}

#links {
	margin-bottom: 20px;
	padding-top:40px;}

#communication {
	padding-left:15px;
	margin-left:0;
}

#availability {
	float: right;
	padding-right: 0;
	margin-right: 0;
}

#title {
	padding-bottom: 10px;
}
li {
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	line-height: 2.750em;
}

.label-up {
	margin-top: 40px;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */