/*
COLOURS, 22/02/11
-----------------
Fallback: 			#ccc
Current & Upcoming:	#f93
Archive: 			#fc0
Applications: 		#693
Blog: 				#09c
About: 				#f69
Contact:			#c9c
*/

/* ------------------------------------------------------------ */
/* THINGS TO TIDY, 2/3/11 */
/* ------------------------------------------------------------ */

.ninecol .post-details, #wp_page_numbers li.page_info {
	float: left;
	margin-right: 5%;
	width: 30%;
}

#wp_page_numbers ul {
	margin: 0;
}

#wp_page_numbers li {
	float:left;
	margin-right: 10px;
}

#cboxLoadedContent {
	background-color: #ccc !important;
}

.eme-location-map {
	width: 100% !important;
	background-color: #ccc !important; 
	margin-bottom: 24px;
}

.eme-location-balloon {
	margin-bottom: 0 !important;
	line-height: normal !important;
}

span.eme_nav_center {
	display: none; visibility: hidden;
	/* float: right; */
}

#events-pagination-top a.eme_nav_right, #events-pagination-top a.eme_nav_left,
#events-pagination-bottom a.eme_nav_right, #events-pagination-bottom a.eme_nav_left {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

#events-pagination-top {
	position: absolute;
	top: 24px;
	right:20px;
}

#events-pagination-bottom {
	float:right;
}

/* clearfix for this pager */
#events-pagination-bottom:before, #events-pagination-bottom:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
#events-pagination-bottom:after { clear: both; }


/* tweaks for the sidebar gallery in the about page, so a 3 col gallery fills the whole column  */

.fourcol.last .widget-container .gallery .gallery-item.col-3  {
	width: 30%;
	margin-left: 5%;
	margin-bottom: 5%;
}

.fourcol.last .widget-container .gallery .gallery-item.col-3:first-child {
	margin-left: 0%;
}

.fourcol.last .widget-container .gallery .col-3 img {
	width: 100%;
}

/* general gallery tweaking to work in liquid layout */

.content .gallery .gallery-item {
	width: 22%;
	margin-left: 4%;
	margin-bottom: 4%;
}

.content .gallery .gallery-item:first-child {
	margin-left: 0%;
}

.content .gallery img {
	width: 100%;
}

.gallery {
	margin: 0;
	margin-left: -20px;
}

.gallery dl.gallery-item {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: normal;
	font-size: 0px;
	width: auto;
}

.gallery dl.gallery-item:first-child {
	margin-left: 0;
}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 100% !important;
	padding: 0 !important;
}

.ninecol .post-body {
	float: left;
	width: 65.0%;
	margin-right: 0;
}

.go-gallery, .good-old-gallery-widget {
	width: 100%;
}

/* A CSS fix for slideshows so when JS is off they freeze on first image. */
/* It needs to be turned off in JS or the slideshow breaks. */

.go-gallery img {
	display: none;
	visibility: hidden;
}

.go-gallery img:first-child {
	display: block;
	visibility: visible;
}

img#cboxPhoto, object#cboxPhoto, embed#cboxPhoto {
	max-width: none;
	/* need to turn off max-width for lightboxed stuff or it breaks in IE */
}


/* ------------------------------------------------------------ */
/* BASIC STUFF */
/* ------------------------------------------------------------ */


img, object, embed {
	margin-bottom: 20px;
}

body {
	font-family: 'AkkuratPro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;		/* Changing this will break the baseline grid. */
	-webkit-text-size-adjust: none;		/* Stops the iPhone scalling type up */
	text-rendering: optimizeLegibility;
	background: #ccc url(../images/triangles-light-10.png);
	background-attachment: scroll;
	background-position: center 5px;
	margin: 10px auto;
}

@media only screen and (max-width: 1170px) {
	body {
	background-position: 108px 5px;
	}
}

.container {
	background: #fff;
}

a img {
display: block;		/* Stops image links getting text link styles */
}

img {
	margin-bottom: 	0px;
}

p, ul, ol, blockquote {
margin-bottom: 24px;	/* Changing this will break the baseline grid. */
}

blockquote {
/* border-left: 1px solid #c1c1c1; */
/* color: #747474; */
font-style: italic;
padding-left: 15px;
margin-left: -15px;
}

h1 {
font-size: 30px;
line-height: 36px;		/* Changing this will break the baseline grid. */
margin-bottom: 24px;	/* Changing this will break the baseline grid. */
font-weight: lighter;
}

h2 {
font-size: 30px;
line-height: 36px;		/* Changing this will break the baseline grid. */
margin-bottom: 24px;	/* Changing this will break the baseline grid. */
font-weight: lighter;
}

h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 24px;	/* Changing this will break the baseline grid. */
font-weight: bold;
}

h4 {
font-size: 18px;
margin-bottom: 24px;	/* Changing this will break the baseline grid. */
font-weight: bold;
}

/* Layout for desktop version */

div.navigation {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 16px;
	background-color: transparent;	
}

.navigation h1 {
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -1px;
	width: 216px;
	height: 109px;
	margin-bottom: 0;
	margin-left: 5px;
}

.navigation h1 a {
	width: 288px;
	height: 145px;
	background: url('../images/SS-logo-sprite-70.png') top left no-repeat;
	border-bottom: 0px none;
}

.navigation h1 a:hover {
	background-position-y: bottom;
}

.navigation ul {
	list-style-type: none;
	margin: 0;
	float: right;
 	margin-top: 6px;
	max-width: none;
}

.navigation ul li {
	text-align: right;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}

.content a:hover img {
 	border-bottom-color: #ccc;
	-webkit-transition-property: border-bottom-color;
	-webkit-transition-duration: 0.2s;
}

/* ------------------------------------------------------------ */
/* SECTION COLOURS */
/* ------------------------------------------------------------ */

/* Current & Upcoming */
.navigation ul#menu-header li#menu-item-38 a:hover,
body.page-id-27,
body.page-id-27 .content a:hover
{ background-color: #f93; }

body.page-id-27 .content a,
body.page-id-27 .footer a,
body.page-id-27 .listing,
body.page-id-27 .content a:hover img,
body.page-id-27 li.widget-container
{ border-bottom-color: #f93; }

ul#menu-header li#menu-item-38 a,
body.page-id-27 .content a {
-webkit-tap-highlight-color: #f93;
}


/* Archive */
.navigation ul#menu-header li#menu-item-37 a:hover,
body.page-id-30,
body.page-id-30 .content a:hover
{ background-color: #fc0; }

body.page-id-30 .content a, 
body.page-id-30 .footer a,
body.page-id-30 .listing,
body.page-id-30 .content a:hover img,
body.page-id-30 li.widget-container
{ border-bottom-color: #fc0; }

ul#menu-header li#menu-item-37 a,
body.page-id-30 .content a {
-webkit-tap-highlight-color: #fc0;
}

/* Applications */
.navigation ul#menu-header li#menu-item-39 a:hover,
body.page-id-25,
body.page-id-25 .content a:hover
{ background-color: #693; }

body.page-id-25 .content a,
body.page-id-25 .footer a,
body.page-id-25 .listing,
body.page-id-25 .content a:hover img,
body.page-id-25 li.widget-container
{ border-bottom-color: #693; }

ul#menu-header li#menu-item-39 a,
body.page-id-25 .content a {
-webkit-tap-highlight-color: #693;
}

/* Blog */
.navigation ul#menu-header li#menu-item-36 a:hover,
body.blog, body.single-post, body.archive,
body.blog .content a:hover, body.single-post .content a:hover, body.archive .content a:hover
{ background-color: #09c; }

body.blog .content a, body.single-post .content a, body.archive .content a,
body.blog .footer a, body.single-post .footer a, body.archive .footer a,
body.blog .listing, body.single-post .listing, body.archive .listing,
body.blog .content a:hover img, body.single-post .content a:hover img, body.archive .content a:hover img,
body.blog li.widget-container, body.single-post li.widget-container, body.archive li.widget-container
{ border-bottom-color: #09c; }

ul#menu-header li#menu-item-36 a,
body.blog .content a,
body.single-post .content a,
body.archive .content a {
-webkit-tap-highlight-color: #09c;
}

/* About */
.navigation ul#menu-header li#menu-item-22 a:hover,
body.page-id-2,
body.page-id-2 .content a:hover
{ background-color: #f69; }

body.page-id-2 .content a,
body.page-id-2 .footer a,
body.page-id-2 .listing,
body.page-id-2 .content a:hover img,
body.page-id-2 li.widget-container
{ border-bottom-color: #f69; }

ul#menu-header li#menu-item-22 a,
body.page-id-2 .content a {
-webkit-tap-highlight-color: #f69;
}

/* Contact */
.navigation ul#menu-header li#menu-item-40 a:hover,
body.page-id-23,
body.page-id-23 .content a:hover
{ background-color: #c9c; }

body.page-id-23 .content a,
body.page-id-23 .footer a,
body.page-id-23 .listing,
body.page-id-23 .content a:hover img,
body.page-id-23 li.widget-container
{ border-bottom-color: #c9c; }

ul#menu-header li#menu-item-40 a,
body.page-id-23 .content a {
-webkit-tap-highlight-color: #c9c;
}

.navigation ul li a:hover {
 	background-color: #ccc; 
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
}

.navigation ul li a {
	width: 100%;
	border-bottom: none;
	padding: 0 1px;
}

a {
	color: #000;
	text-decoration: none;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

a:hover, a:hover h3, a:hover h4 {
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	background-color: #ccc;
	border-bottom: 1px solid #ccc;
}

a h3 {
	display: inline;
/* 	line-height: 16px; */
}

a h3 span { font-weight: normal; }

h3 a, h4 a {
	border-bottom: none;
}

.content a img {
 	border-bottom: 4px solid transparent;
 	margin-bottom: 2px;
}


body a {
	border-bottom-color: #ccc;
}

.content {
	padding-top: 24px;
	padding-bottom: 12px;
	position: relative;
}

ul.keyinfo {
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 0;
}

li.widget-container {
	margin-bottom: 12px;
	border-bottom: 1px dotted #ccc;	
}

.footer li.widget-container {
	margin-bottom: 0;
	border-bottom: none 0px;	
}

.sidebar {
/*
	line-height: 24px;
	font-size: 12px;
*/
}

.sidebar p, .sidebar ul, .widget_eme_list ul li {
	margin-bottom: 12px;
}

.widget-container ul li {
	font-weight: bold;
}

.widget-container .entry-content ul li, .post-body ul li {
	font-weight: normal;
	list-style: square;
	margin-left: 2em;
}

.widget-container .entry-content ol li, .post-body ol li {
	font-weight: normal;
	list-style: decimal;
	margin-left: 2em;
}

.widget-container ul li span {
	font-weight: normal;
}

.sidebar h4 {
	font-size: 16px;
	margin-bottom: 12px;
	margin-top: 12px;
}

.sidebar h4:first-child {
	margin-top: 0;
}

.keyinfo span {
	font-weight: normal;
}

.embeddedmap {
	margin: 0;
	padding: 0;
}

.row.listing {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.footer {
	font-size: 11px;
	line-height: 21px;
	margin-top: 12px;
}

.footer p {
	margin-bottom: 0;
}

.footerlinks {
	float: right;
}

.footer a {
	border-bottom: 1px dotted #ccc;
}

.footer a:hover {
	border-bottom-style: solid;
	background-color: transparent;
}

/* ------------------------------------------------------------ */
/* MOBILE */
/* ------------------------------------------------------------ */

@media handheld, only screen and (max-device-width: 480px) {

/* vertical menu with 100% wide targets */
/*
	.navigation ul#menu-header { margin-top: 48px; float: left; width: 100%; }
		
	.navigation ul li {
		font-size: 24px;
		line-height: 30px;
		text-align: left;
		width: 100%;
		float: left;
	}
*/

	/* horizontal compact menu */
	.navigation ul#menu-header { margin-top: 48px; float: left; width: 100%; }
		
	.navigation ul li {
		font-size: 24px;
		line-height: 30px;
		text-align: left;
		float: left;
		margin-right: 12px;
	}
	
	.navigation ul li a {
		display: block;
		width: 100%;
	}
	
	.navigation ul li:last-child {
		margin-right: 0 !important;
	}
	
	li#menu-item-38 a {
	content: "Current";
	}

	.post-details.sidebar, .ninecol .post-body {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

	#wp_page_numbers {
		margin-bottom: 20px;
	}
	
	ul.eme-no-events {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	li.sixcol.footerblock {
		padding-left: 0px;
		padding-right: 0px;		
	}
	
	.footer ul {
	margin-bottom: 0;
	}
	
	ul.keyinfo li {
	display: inline;
	}

	ul.keyinfo li:after {
	content: " \00b7 ";
	}

	ul.keyinfo li:last-child:after {
	content: "";
	}


	.frontpage.fourcol {
		margin-bottom: 24px;
	}

	body { background-position-y: 6px; }

} /* end handheld stuff */

/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(..img/downarrow_402x.png) no-repeat;
background-size: 27px 28px;
}
*/

} /* end iPhone 4 stuff */


/* ------------------------------------------------------------ */
/* HELPER CLASSES */
/* ------------------------------------------------------------ */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

/* Hide visually and remove from layout, but visible to screenreaders */
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); 
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;Ê}
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/*
     FILE ARCHIVED ON 16:13:13 Sep 04, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:13:28 Dec 16, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 10735.999
  exclusion.robots: 0.055
  exclusion.robots.policy: 0.05
  cdx.remote: 0.038
  esindex: 0.004
  LoadShardBlock: 171.631 (3)
  PetaboxLoader3.datanode: 200.808 (4)
  CDXLines.iter: 14.296 (3)
  load_resource: 168.771
  PetaboxLoader3.resolve: 66.232
*/