/*
Author= Mark Stammers
Updated= 2021.11.14
*/

/*
=Global
============================================= */
body {
	background-color: rgb(237,237,237); /* #ededed */
	font: 10px/17px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: rgb(105,105,105); /* #696969 =default text color */
}	
/*
=Reset
============================================= */
body,
nav,
div,
h1,
h2,
h3,
ul,
li,
p,
blockquote,
span,
img,
a { 
	border: none; 
	margin: 0;
	padding: 0;
}
nav {
	display: block;
}
h1,
h2,
h3 {
	font: inherit;
}
h1,
h2 {
	color: rgb(255,45,0); /* #ff2d00 =red */
	margin-top: 21px;
}
li {
	list-style: none;
}
p {
	margin-bottom: 9px;
}
blockquote {
	margin-top: 9px;
}
img {
	background-color: black;
}

/*
=Link States
============================================= */
a {
	text-decoration: none !important;
	outline: none !important;
	transition: color 0.25s ease-in-out; /* property duration timing-function */
}
a:link,
a:visited {
	color: inherit;
}
a:hover,
a:active {
	color: rgb(255,45,0); /* #ff2d00 =red */
}

/*
=Page Heading + Main Navigation
============================================= */
.header {
	background-color: rgba(237,237,237,0.8); /* #ececec */
	position: fixed;
	top: 0;
	left: 40px;
	bottom: 0;
	width: 151px;
}
.mainnav {
	margin-top: 83px;
}
.mainnav li:first-child {
	border-top: 1px dotted rgb(165,165,165); /* #a5a5a5 */
}
.mainnav a {
	display: block;
	border-bottom: 1px dotted rgb(165,165,165); /* #a5a5a5 */
	padding: 2px 0 3px;
}
.mainnav a.red {
	color: rgb(255,45,0); /* #ff2d00 =red */
}

/*
=Sub Navigation
============================================= */
.subnav {
	position: fixed;
	top: 90px;
	left: 658px;
	width: 200px;
	z-index: 2;
}
.subnav li {
	float: left;
}
.tothumbs {
	background: url(http://www.stammers.education/assets/to-thumbs.png) no-repeat 0 0;
	margin-right: 25px;
}
.toimgs {
	background: url(http://www.stammers.education/assets/to-images.png) no-repeat 0 0;
}
.tothumbs,
.toimgs {
	background-size: 15px;
	float: left;
	width: 15px;
	height: 15px;
	overflow: hidden;
}
.tothumbs:hover,
.toimgs:hover,
.currentpge {
	background-position: 0 -15px;
}

/*
=Project Description
============================================= */
.projdes {
	background-color: rgba(237,237,237,0.8); /* #ececec */
	position: fixed;
	top: 0;
	left: 231px;
	width: 430px;
}
.projdes h2 {
	margin-bottom: 9px;
}

/*
=Slide Toggle
============================================= */
.togglewrap {
	max-height: 0;
	overflow: hidden;
}
.togglewrap li {
	margin-top: 9px;
}
.togglewrap,
.togglewrap .red {
	color: transparent; /* text starts without color */
	transition: all 1s ease-in-out;
}
.togglelink:hover .togglewrap {
	color: rgb(105,105,105); /* #696969... and transitions to default gray */
	max-height: 500px;
}
.togglelink:hover .red {
	color: rgb(255,45,0); /* #ff2d00... and transitions to red */
}
.togglelink {
	cursor: default;
}

/*
=Gallery of Student Work
============================================= */
.gallery {
	position: absolute;
	top: 121px;
	left: 231px;
	padding-bottom: 80px;
	z-index: -1;
}
.imgwrap {
	margin-right: 40px;
}
.imgwrap img {
	margin-bottom: 9px;
}
.imgwrap,
.thumbwrap,
.thumb {
	float: left;
}
.thumb {
	margin: 0 11px 12px 0;
}
.thumbrule {
	border-bottom: 1px dotted rgb(165,165,165); /* #a5a5a5 */
	margin-bottom: 12px;
	clear: left;
}

/*
=Fusion Foreword + Introduction
============================================= */
.txtwrap {
	background-color: rgba(249,249,249,0.8); /* #f9f9f9 */
	width: 430px;
	height: 100%;
	padding-bottom: 0; /* overrides padding on gallery container */
}
.txtwrap h3 {
	margin: 3px 0 9px;
}
.txtwrap p {
	font: 16px/21px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}
.txtwrap p:last-child {
	font: 10px/17px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

/*
=Slideshow
============================================= */
.cycle-slideshow {
	position: absolute;
	top: 121px;
	left: 0;
	width: 902px;
	height: 665px;
	z-index: -1;
}
.cycle-slideshow img {
	display: none;
	margin-left: 231px;
}
.cycle-slideshow img:first-child {
	display: block;
}

/*
=Student Index Page
============================================= */
.index {
	background-color: rgba(249,249,249,0.8); /* #f9f9f9 */
	padding-bottom: 8px;
}
.index h2 {
	background-color: rgba(253,253,253,0.8); /* #fdfdfd */
	font: inherit;
	color: rgb(255, 45, 0); /* #ff2d00 */
	border-bottom: 1px dotted #ff2d00;
	width: 429px;
	margin-top: 0;
}
.index h2,
.col1,
.col2 a {
	padding: 2px 0 3px;
}
.index h2:first-child {
	padding-top: 3px;
}
.index div {
	overflow: auto; /* clearfix on child floats */
	width: 429px;
}
.col1,
.col2 {
	float: left;
}
.col1 {
	width: 172px;
}
.col2 {
	width: 257px;
}
.col2 a {
	display: block;
}
.index div,
.col2 a {
	border-bottom: 1px dotted rgb(165,165,165); /* #a5a5a5 */
}
.col2 a:last-child,
.col2 a:only-child {
	border-bottom: none;
}

/*
=Drop Shadow on Images
============================================= */
.slideshow img,
.gallery img {
	box-shadow: 1px 1px 2px 0 rgb(218,218,218); /* h-offset v-offset blur spread color #dadada */
}

/*
=General Classes
============================================= */
.clear {
	clear: both;
}
.gray {
	color: rgb(105,105,105); /* #696969 */
}
.red {
	color: rgb(255, 45, 0); /* #ff2d00 */
}
.spcright10 {
	margin-right: 10px; /* publications thumbnails */
}

.w430  { width: 430px; }
.w608  { width: 608px; }

.w723  { width: 723px; }  /* thumbnail rule - fusion */
.w764  { width: 764px; }  /* thumbnail wrap - fusion */

.w903  { width: 903px; }  /* thumbnail rule - letter & image */
.w944  { width: 944px; }  /* thumbnail wrap - letter & image */

.w1311 { width: 1311px; } /* thumbnail rule - color */
.w1352 { width: 1352px; } /* thumbnail wrap - color */

.w1459 { width: 1459px; } /* thumbnail rule - standard */
.w1499 { width: 1499px; } /* thumbnail wrap - standard */

.w1530 { width: 1530px; } /* gallery wrap - fusion */
.w1888 { width: 1888px; } /* gallery wrap - letter & image */

.w2189 { width: 2189px; } /* thumbnail rule - what can you find? */
.w2230 { width: 2230px; } /* gallery wrap - what can you find? */

.w2350 { width: 2350px; } /* gallery wrap - fusion */
.w2528 { width: 2528px; } /* gallery wrap - fusion */
.w2704 { width: 2704px; } /* gallery wrap - color */
.w2706 { width: 2706px; } /* gallery wrap - fusion */
.w2856 { width: 2856px; } /* gallery wrap - letter & image */
.w2884 { width: 2884px; } /* gallery wrap - fusion */
.w2998 { width: 2998px; } /* gallery wrap - standard */

.w3240 { width: 3240px; } /* gallery wrap - fusion */

.w4230 { width: 4230px; } /* gallery wrap - color */
.w4700 { width: 4700px; } /* gallery wrap - standard */
.w4878 { width: 4878px; } /* gallery wrap - type history, type & image */

.w5056 { width: 5056px; } /* gallery wrap - type history, type & image */
.w5170 { width: 5170px; } /* gallery wrap - type & image */
.w5590 { width: 5590px; } /* gallery wrap - translation */
.w5946 { width: 5946px; } /* gallery wrap - translation */

.w6110 { width: 6110px; } /* gallery wrap - type & image */

.w9000 { width: 9000px; } /* gallery wrap - publications, what can you find? */

/*
=The End -- For Now :)
============================================= */