/*possible colour schemes
teal 0 08580

tab colours
grey good! CB CFE6
cyan : 19FFF6; 25 255 246 0.5
burnt yellow: B2950 9;
dark blue rbg(0 33 71)


*/


/****** CSS Reset *******/

				/* 
				html5doctor.com Reset Stylesheet
				v1.6.1
				Last Updated: 2010-09-17
				Author: Richard Clark - http://richclarkdesign.com 
				Twitter: @rich_clark
				*/

				html, body, div, span, object, iframe,
				h1, h2, h3, h4, h5, h6, p, blockquote, pre,
				abbr, address, cite, code,
				del, dfn, em, img, ins, kbd, q, samp,
				small, strong, sub, sup, var,
				b, i,
				dl, dt, dd, ol, ul, li,
				fieldset, form, label, legend,
				table, caption, tbody, tfoot, thead, tr, th, td,
				article, aside, canvas, details, figcaption, figure, 
				footer, header, hgroup, menu, nav, section, summary,
				time, mark, audio, video {
				    margin:0;
				    padding:0;
				    border:0;
				    outline:0;
				    font-size:100%;
				    vertical-align:baseline;
				    background:transparent;
				}

				body {
				    line-height:1;
				}

				article,aside,details,figcaption,figure,
				footer,header,hgroup,menu,nav,section { 
				    display:block;
				}

				nav ul {
				    list-style:none;
				}

				blockquote, q {
				    quotes:none;
				}

				blockquote:before, blockquote:after,
				q:before, q:after {
				    content:'';
				    content:none;
				}

				a {
				    margin:0;
				    padding:0;
				    font-size:100%;
				    vertical-align:baseline;
				    background:transparent;
				}

				/* change colours to suit your needs */
				ins {
				    background-color:#ff9;
				    color:#000;
				    text-decoration:none;
				}

				/* change colours to suit your needs */
				mark {
				    background-color:#ff9;
				    color:#000; 
				    font-style:italic;
				    font-weight:bold;
				}

				del {
				    text-decoration: line-through;
				}

				abbr[title], dfn[title] {
				    border-bottom:1px dotted;
				    cursor:help;
				}

				table {
				    border-collapse:collapse;
				    border-spacing:0;
				}

				/* change border colour to suit your needs */
				hr {
				    display:block;
				    height:1px;
				    border:0;   
				    border-top:1px solid #cccccc;
				    margin:1em 0;
				    padding:0;
				}

				input, select {
				    vertical-align:middle;
				}





/***** Begin styles **********/


/*fonts*/
@font-face {
    font-family: "firaSans";
    src: url("fonts/fira-sans/FiraSans-Regular.otf");
}

@font-face {
    font-family: "aurulentSans";
    src: url("fonts/aurulent-sans/AurulentSans-Regular.otf");
}

@font-face {
    font-family: "bitter";
    src: url("fonts/bitter/Bitter-Regular.otf");
}

@font-face {
    font-family: "benchNine";
    src: url("fonts/benchnine/BenchNine-Regular.otf");
}

@font-face {
    font-family: "aftaSans";
    src: url("fonts/afta-sans/AftaSansThin-Regular.otf");
}

@font-face {
    font-family: "aaargh";
    src: url("fonts/Aaargh/Aaargh.ttf");
}

@font-face{
    font-family: "modernpics";
    src: url("fonts/modernpics/modernpics.otf");
}



/** colours **/

/*#2D2D28;   Teal */


html {
	background-color: rgb(0,33,71);
	/*font-family: "aurulentSans";*/
	font-family: "Source Sans Pro";
	color: #FFFFFF;
	font-size: 1.2em;
	overflow-x: hidden;
}

p {
	padding-bottom: 1em;
	line-height: 125%;
}

h1 {
	color: rgba(39, 65, 64, 1);
	font-family: 'Open Sans';
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 1.4em;
	padding: 0.5em 0 0.5em 0;
	letter-spacing: 4px;
}

h2 {
	color: rgba(39, 65, 64, 1);
	font-family: 'Open Sans';
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 0.5em 0 0.5em 0;
	letter-spacing: 4px;
}

.headerAdjective {
	font-family: 'Open Sans';
	color: rgba(166,169,56,1);
	color: #1E1E1A;
	padding-bottom: 25%;
	font-weight: lighter;
	letter-spacing: 4px;
	text-align: right;
	padding-right: 60%;
}

.headerTitle {
	color: #ECEEF7; /* show sarah*/
	font-family: 'Raleway';
	font-family: 'Carrois Gothic SC';
	font-family: 'Open Sans'; font-weight: lighter; letter-spacing: 3px; /*font-variant: small-caps;*/ text-transform: uppercase;
	/*letter-spacing: .4em;*/
	font-size: 1.8em;
	padding: 0;
	/*padding-left: -1em;*/
}

.headerTitleSubdued {
	color: #BBBBBB;
	font-weight: lighter;
	/*font-size: 73%;*/
	text-transform: uppercase;
	font-family: 'Open Sans';
}

.headerCapital { /*Show sarah*/
	letter-spacing: 0;
	font-family: 'Great Vibes';
	/*font-family: 'Rock salt';*/
	/*font-family: 'Monsieur La Doulaise'; letter-spacing: 0.2em;*/
	/*font-family: 'Wire one';*/
	font-variant: none;
	font-weight: normal;
	
	font-size: 120%;

}

.red {/* for testing */
	color: #FF0000;
}


a {
	/*font-family: "bitter";*/
	/*font-size: 1em;*/
	color: #008580;
}

a:hover {
	color: rgb(0,33,71);
	transition: color 0.4s ease-in;
}

li {
	list-style-type: none;
}

#nav li {
	/*background-color: #06628A;*/
	/*background-color: #1E1E1A;*/
	/*background-color: rgba(39, 65, 64, 1);*/
	background-color: #00918C;
	display: inline-block;
	float: left;
	height: 1.5em;
	padding: 1em 1.3em 0em 1.3em;
	border-left: solid 0.1em rgba(255,255,255,0.4);
	border-radius: 0.6em 0.6em 0 0;
	/*border-left: solid 0.1em #FFFFFF;
	border-right: solid 0.1em #666666;
	border-top: solid 0.1em #CCCCCC;
	border-bottom: solid 0.1em rgb(0,33,71);*/
	/*box-shadow: -0.2em -0.2em 0.2em rgba(39, 65, 64, .5);*/
}

#navigationContainer a li {
	text-decoration: none;
	font-size: 0.8em;
	font-family: 'Open Sans';
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #CFD8EA;
}

#nav li:hover {
	/*background-color: rgb(0,33,71);*/ /*show sarah*/
	background-color: #58B5B3; 
	box-shadow: -0.2em -0.2em 0.3em rgba(39, 65, 64, .5);
	transition: background-color 0.3s ease-in;
}

#nav a li:hover {
	text-decoration: none;
	color: #000000;
	transition: color 0.4s ease-in;
}

#navigationContainer a li.currentTab {
	background-color: rgb(0,33,71);
}

#navigationContainer a li.currentTab {
	color: #FFFFFF;
}

#nav a li.currentTab:hover {
	color: rgb(247,237,40);
}


#subNav li {
/*	background-color: rgb(0,33,71);
	background-color: #06628A;
	background-color: #1E1E1A;
	background-color: #008580;*/
	display: inline-block;
	float: right;
	height: 1em;
	padding: 0.8em 1.3em 0.6em 1.3em;
	/*border-left: solid 0.1em rgba(255,255,255,0.4);*/
}

#subNav a li {
	color: #CCCCCC;
}

#subNav a:hover li{
	text-decoration: none;
	color: rgb(247, 237,40);
	transition: color .3s ease-in;
}


/*sections*/

#header{
	position: fixed;
	top: 0;
	left: 0;
	background-image: url("images/banner-bg-teal.png");
	background-size: 65%;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #008580;
	height: auto;
	min-height: 7em;
	width: 100%;
}

		#title {
			width: 74%;
			height: 5em;
			min-width: 50em;
			position: absolute;
			top: 0%;
			left: 0%;
			overflow: hidden;
			padding: 2em 0.5em 2em 0.5em;
		}

		#headerImage {
			position: absolute;
			width: 18%;
			height: 5em;
			background-image: url("images/banner-oxlogo.png");
			background-size: 65%;
			background-position: 3em 2em;
			background-repeat: no-repeat;
			top: 0%;
			left: 78%;
			padding: 2em 0.5em 2em 0.5em;
		}

#navigationContainer{
	position: fixed;
	top: 6em;
	left: 0;
	background-color: #008580;
	height: 2em;
	width: 100%;
}

		#nav {
			height: auto;/*2em;*/
			padding-left: 0.5%;
			float: left;
			width: 100%;
			border-bottom: solid 0.5em rgb(0,33,71);
		}

		#subNav {
			height: auto;/*2em;*/
			padding: 0;
			float: left;
			width: 100%;
			background-color: rgba(0,0,0,0.8);
		}

#mainContainer {
	position: absolute;
	top: 8em;
	left: 0;
}

.subContent {
	padding-bottom: 3em;
	width: 96%;
}

.noJSAnchor {
	position: relative;
	top: -10em;
}

.noJSAnchorTall {
	position: relative;
	top: -4em;
}

#imageRotator {
	/*background-color: rgb(0,33,71);
	padding-bottom: 1%;*/
}

#content {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	background-color: #ECEEF7;
	padding-top: 3em;
	padding-bottom: 3em;
	color: #333333;
	/*border-left: 1px;
	border-left-color: rgb(236,238,247,0.5);
	box-shadow: 10px 10px 10px 10px #888888;*/
	overflow: auto;
}

.contentImageTopLeft {
	padding-right: 2em;
	width: 20em;
	padding-bottom: 2em;
}

#persistentImage {
	width: 33%;
	height: 78%;
	position: absolute;
	top: 55%;
	left: 0%;
	background-color: rgba(246,27,9,0);
	padding: 0%;
}










.skipContent {
	position: absolute;
	top: -9000em;
}


.persistentImage {
	height: 100%;
	max-height: 100%;
	width: 100%;
	min-width: 100%;
	float: right;
}

.introBackground {
	/*background-color: ;*/
}

.introText {
	font-weight: bold;
}



hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.style-three {
	position: relative;
    border: 0;
    height: 1px;
    width: 75%;
    top: -0.75em;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
}

/* tables */

table {
	width: 100%;
}

tr, td {
	padding: 20px;
}

td.postDocName {
	width: 15%;
}

td.postDocYears {
	width: 10%;
}

td.postDocProject {
	width: 35%;
}

td.postDocCollaborators{
	width: 35%;
}

.publicationsList {
	left: 15%;
	width: 75%;
}

.publicationsAuthors {
}

.publicationsTitle {
}

.publicationStatus {
	font-style: italic;
}

.publicationsJournal {
	font-style: italic;
}

.publicationsYear {
}

.publicationsVolume {
}

.publicationsIssue {
}

.publicationsDOI {
}

.publicationsLabel {
}

.publicationsOther {
}

.publicationsPages {
}

#homePhotoSlider {
	position: absolute;
	top: 0;
	left: 0;
}

#homeBlurb {
	padding-left: 400px;
	padding-top: 2%;
}

#homeLinksContainer {
	width:100%;
}

.oneFifthWidth {
	float: left;
	width: 20%;
	margin-bottom: 30px;
}

.homeLinksImage {
	display: block;
	margin: auto;
	width: 70%;
	border-radius: 50%;
}

a img.homeLinksImage {
	box-shadow: 10px 10px 5px #CCCCCC;
}

a img.homeLinksImage:hover {
	box-shadow: 10px 10px 5px #888888;
	transition: box-shadow 0.4s ease-in;
}


.homeLinksText {
	width: 100%;
	text-align: center;
}

.homeTwitter {
	width: 50%;
	float: left;
}

.homeContactInfo {
	width: 50%;
	float: left;
}

.homeContentDetails {
	float: top;
	margin-bottom: 30px;
}


/*research section*/

.researchTopic {
	padding-left: 3%;
	width: 90%;
}


/*Under construction*/

.underConstruction {
	color: #CCCCCC;
}