html {
	background-color: #b9ead3;
	}

div#page {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	background-color: aliceblue;
	}


/*Twitter section styles*/
	
section#twitter {
  position: absolute;
  margin-left: 508px;
  margin-top: -219px;
	opacity: 100%;
	}
	
@-moz-document url-prefix() {
		section#twitter {
			margin-top: -228px;
		}
	} /*Hack to fix spacing in Firefox*/

section#twitter h2 {
    width: 436px;
    height: 36px;
    padding: 10px 15px 10px 0px;
    position: absolute;
    background-color: aliceblue;
	}
	
div#twitter_feed {
	margin-top: 20px;
}
	
	
/*Root index.html page spacing*/
	
div#about {
	width: 470px;
	padding-right: 5px;
	min-height: 250px;
	}
	
div#blog {
  position: absolute;
	width: 430px;
  margin-left: 508px;
  top: 140px;
	}

#blog > h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	}


/*CV spacing*/

div#cv {
	padding-right: 30px;
	}

#conferences, #teaching, #service, #tutoring, #professional, #tech {
	padding-top: 25px;
	}
	
#education > h2 {
	margin-top: 0px;
	}

h2 + h3.topic_org {
	margin-top: 20px;
	}
	
h2 + h3 {
	margin-top: 20px;
	}

#teaching > div.course_list > h3:nth-child(1) {
	margin-top: 5px;
	}
	
div.course_list {
	margin-left: 30px;
	}
	
div#right_column {
	min-width: 480px;
	position: absolute;
  margin-left: 500px;
  margin-top: -887px;
  z-index: 0;
	}
	
@-moz-document url-prefix() {
		div#right_column {
			margin-top: -792px;
		}
	}/*hack to fix spacing in Firefox*/

/*Portfolio spacing*/
.row {
	position: relative;
	margin: 10px 0px 15px 0px;
	}

.left_item, .center_item, .right_item {
	background-color: #c5c5c5;
	padding: 5px;
	width: 300px;
	box-shadow: 5px 5px darkgray;
	}

.center_item {
	position: absolute;
  margin-top: -240px;
  margin-left: 320px;
	}

.right_item {
	position: absolute;
  margin-top: -240px;
  margin-left: 640px;
	}	
	
.caption {
	width: 100%;
	text-align: center;
	height: 55px;
	}

.doc {
	max-height: 388px;
	max-width: 100%;
}

.poster {
	max-height: 100%;
	max-width: 100%;
}

.one_column {
	bottom: 0;
	text-align: center;
}

.two_column {
	width: 620px;
	bottom: 0;
	text-align: center;
}

.three_column {
	width: 940px;
	bottom: 0;
	text-align: center;
}


	
/*Heading styles*/
	
header h1 {
	font-family: 'Kanit';
	font-size: 6em;
	}

header > h1 > a {
	text-decoration: none;
	color: black;
	box-shadow: none;
	letter-spacing: -0.03em;
	}	
	
header > h1 > a:hover {
	box-shadow: none;
	}	
	
header h2 {
	font-family: 'Karla', sans-serif;
	font-style: italic;
	font-size: 1.5em;
	margin-top: -30px;
	}
	
h2 {
	font-family: 'Kanit', sans-serif;
	font-size: 1.7em;
	margin-top: 20px;
	}
	
h3 {
	font-family: 'Karla', sans-serif;
	font-size: 1.2em;
	margin-top: 30px;
	}

h3.topic_org {
	font-style: italic;
  font-weight: bold;
  margin-top: 45px;
	}
	
h4
	{
	font-family: karla;
  font-style: italic;
  font-size: .9em;
	}


/*Navigation Styles*/	

nav#accessible_nav {
	position: absolute;
	margin-left: -10000px;
	}
	
nav#top_level {
	position: absolute;
	height: auto;
	margin: -120px 0px 0px 800px;
	text-align: right;
	width: 150px;
	font-family: 'Karla', sans-serif;
	font-size: 1.5em;
	}
	
nav#top_level li {
	list-style: none;
	margin-bottom: 0px;
	}
	
nav#top_level li.active {
	background-color: #b9ead3;
	margin-right: -10px;
	padding-right: 10px;
	}

nav#top_level > ul > li.active > a {
	color: white;
	}
	
nav#top_level > ul > li > a {
	box-shadow: none;
	}


/*CV navigation*/
	
nav#cv_navbar a {
	box-shadow: none;
	font-size: 0.9em;
  border-left: 1px solid;
  padding-left: 2px;
	padding-right: 10px;
	background-color: transparent;
	-webkit-transition: background-color .5s;
	-webkit-transition: color .5s;
	}
	
nav#cv_navbar a:hover {
	border-left: 1px solid;
	background-color: #41b17c;
	color: #ffffff;
	}
	
nav#cv_navbar ul {
	margin-left: 0px;
	}

nav#cv_navbar li {
	display: inline;
	}
	
.fixed-navbar {
	position: fixed;
	top: 0px;
	min-height: 35px;
  width: 960px;
  padding-top: 10px;
  background: #b9ead3;
  margin-left: -10px;
  padding-left: 10px;
	z-index: 1;
}

.fixed-navbar-placeholder {
	min-height: 35px;
}


/*Hyperlinks*/
	
a:hover {
	box-shadow: inset 0px -4px 0px 0px #41b17c;
	}

a {
	color: #41b17c;
	text-decoration: none;
	box-shadow: inset 0px -4px 0px 0px #c5c5c5;
	-webkit-transition: box-shadow 1s;
	}	

	
/*Inline text styles*/
	
p {
	font-family: 'Rockwell', 'Arvo', "Times-New-Roman", serif;
	font-size: 1em;
	}
	
ul {
  margin-left: 30px;
  margin-top: 5px;
	}
	
li {
	font-family: 'Rockwell', 'Arvo', "Times-New-Roman", serif;
	font-size: 1em;
	list-style-type: square;
	margin-bottom: 10px;
	}
	
li.no_bullet {
	list-style: none;
	}
	
cite {
	font-style: italic;
	}
	

/*Wordpress-specific styles*/

span.screen-reader-text {
	display: none;
}


/*Footer styles*/
footer ul {
	margin-left: 0px;
}


footer  li {
	display: inline;
	list-style: none;
}

footer  a {
	box-shadow: none;
}

footer {
margin-top: 25px;
}

footer img {
padding-right: 5px;
}