/*Background pattern escheresque_ste.png from Subtle Patterns.*/

body {color: #00DFFC; background-image:url('../media/escheresque_ste.png'); font-family: Arial;}
h1 {color:#038C9E; font-size:200%; font-weight:bold; text-align: center; font-family: 'Poiret One', Arial;} 
h2 {color:#00B4CC; font-size:160%; font-weight:bold; font-family: 'Yrsa', Arial;}
footer {position: fixed; bottom: 0px; left: 0px; text-align: center; background-color: #FFFF66; color:#343838;  width: 100%;}

.standOut { font-weight: bold; }
.centerThis{text-align: center; clear: both;}

.modernColumn {margin-left: auto; margin-right: auto; width: 800px; margin-bottom: 60px;}
.innerColumn {margin-left: auto; margin-right: auto; width: 780px; padding: 10px; background-color: #343838;}

a:link {color:#038C9E; text-decoration: underline;}		/*  unvisited link  008C9E*/
a:visited {color:#00B4CC;}							/*  visited link */
a:hover {color:#A2F2FC; text-decoration:underline;}	/* mouse over link */
a:active {color:#00DFFC;}							/* selected link */

.face { float: right; font-size: 80%; font-style:italic; text-align: center; 
		border-width: 1px; border-style:solid; border-color: #000000; margin-right: 5%; margin-top: 60px;}

.centerPicture { margin-left: auto; margin-right: auto; font-style:italic; text-align: center;}
.rightPicture {float: right; font-style:italic; text-align: center; margin-right: 10px; margin-left: 10px; }

.ritPicture{margin-top: 40px;}
.kangarooPicture {margin-top: 30px;}
.accordianPicture{margin-top: 20px; padding: 0px; float: right; font-style:italic; text-align: center; margin-right: 10px; margin-left: 10px; }

.navigation{background-color: #FFFF66; color: #038C9E; margin: 0px; padding: 0px; border: 1px solid; font-size: 110%; font-family: 'Merriweather', Arial;}
.navigation ul { list-style-type:none; padding: 0px;}
.navigation ul  li { display: inline;}
.navigation ul  li a { display: inline; padding: .2em 1em; margin-right: .8em; margin-left: .8em; text-decoration: none;} /*Navigation ideas from: http://tinyurl.com/qysa3e6 */
.navigation ul  li a:visited { color: #038C9E;} /* Visited links in Navigation will not change color */
.navigation ul  li a:hover { color: #038C9E; text-decoration: underline;} /* Hovering links in Navigation will not change color */


.project{padding: 10px; padding-top: 10px; border: 0px solid; border-radius: 0px;}


.sectionTitle {float: left}
.resumeContent{ margin-left: 8em; width: 36em;}
.leftList  {list-style-type: none; padding: 0px; margin-top:0px; margin-bottom:0px; float: left;}
.rightList{list-style-type: none; padding: 0px; margin-top:0px; margin-bottom:0px; margin-left:20em;}
.clearNeeded {clear: both;}

/* Resume Page */
.contactInfo{font-size: 80%;}
.schoolAddress{float: left; margin-left: 1.5em;}
.digitalContact{float: left; margin-left: 21em;}
.homeAddress{margin-left: 40em;}
.name{font-size: 150%; margin-left: 8.5em; width: 40em}
.center{text-align: center}
.underline{text-decoration:underline;}

/* Accordion buttons and panels */
button.accordion {background-color: #00DFFC; color: #444; cursor: pointer; padding: 15px; width: 100%; border: none; text-align: Centered; outline: none; transition: 0s; font-weight:bold; font-family: 'Yrsa', Arial; font-size:125%; }
button.accordion.active, button.accordion:hover {background-color: #00B4CC;}
div.panel {padding: 0 18px; background-color: #343838; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}