/*
Theme Name:		Rochdale Museum
Theme URI:		http://www.carboncreative.net
Description:	A custom theme by Carbon Creative.
Version:		1.0
Author:			Carbon Creative
Author URI:		http://www.carboncreative.net
*/
@import url("css/normalize.css");

/* Headline */
@font-face {
    font-family: 'DIN';
    src: url('css/fonts/dinengschriftstd-webfont.eot');
    src: url('css/fonts/dinengschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dinengschriftstd-webfont.woff') format('woff'),
         url('css/fonts/dinengschriftstd-webfont.ttf') format('truetype'),
         url('css/fonts/dinengschriftstd-webfont.svg#DIN1451StdEngschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Body Copy */
@font-face {
    font-family: 'Chaparral Pro Regular';
    src: url('css/fonts/chaparralpro-regular-webfont.eot');
    src: url('css/fonts/chaparralpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/chaparralpro-regular-webfont.woff') format('woff'),
         url('css/fonts/chaparralpro-regular-webfont.ttf') format('truetype'),
         url('css/fonts/chaparralpro-regular-webfont.svg#ChaparralProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chaparral Pro Semibold';
    src: url('css/fonts/chaparralpro-semibold-webfont.eot');
    src: url('css/fonts/chaparralpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/chaparralpro-semibold-webfont.woff') format('woff'),
         url('css/fonts/chaparralpro-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/chaparralpro-semibold-webfont.svg#ChaparralProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------*\
	BASIC
\*------------------------------------*/


body { font-family: 'Chaparral Pro Regular', Georgia, serif; }

h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	font-family: 'DIN', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #006b41;
	clear: both;
}

	h1 a, h2 a, h3 a, h4 a, h5 a { color: #006b41; }

	h1 i, h2 i, h3 i, h4 i, h5 i {
		display: block;
		font-family: 'Chaparral Pro Regular', Georgia, serif;
		font-weight: normal;
		letter-spacing: normal;
		line-height: 1em;
	}

h1 {
	font-size: 3.5em; /* 56px */
	letter-spacing: 0.04em;
	margin-bottom: 0;
	text-align: left;
}

h2 {
	font-size: 2.5em; /* 40px */
	letter-spacing: 0.04em;
	padding-bottom: 0.6em;
	margin-bottom: 0.65em;
}

	h2 i {
		font-size: 0.425em; /* 17px */
		margin-bottom: 0.118em;
	}

h3 {
	font-size: 2em; /* 32px */
	letter-spacing: 0.04em;
	padding-bottom: 0.594em;
	margin-bottom: 0.594em;
}

	h3 i {
		font-size: 0.438em; /* 14px */
		margin-bottom: -0.143em;
	}

h4 { font-size: 1.5em; /* 24px */ }

h5 { font-size: 1.125em; /* 18px */ }

h6 {
	font-weight: normal;
	font-family: 'Chaparral Pro Semibold', Georgia, serif;
}

/* alt title style */
h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
	font-family: 'Chaparral Pro Regular', Georgia, serif;
	text-align: left;
}

h2.alt { font-size: 1em; /* 16px */ }
h3.alt { font-size: 0.938em; /* 15px */ }

p { margin-bottom: 1.6em; }

a { color: #a6240a; }

i { font-style: normal; }

strong {
	font-weight: normal; /* i know...but I'll be using a bold version fo the font :-) */
	font-family: 'Chaparral Pro Semibold', Georgia, serif;
}


/*------------------------------------*\
	REUSABLES
\*------------------------------------*/

/* backgrounds */
.bg-grey 	{ background: url(img/bg-grey.png) repeat 50% 0; }
.bg-green	{ background: url(img/bg-green.png) repeat 50% 0; }
.bg-dkgreen	{ background: url(img/bg-dkgreen.png) repeat 50% 0; }
.bg-red		{ background: url(img/bg-red.png) repeat 50% 0; }

.flourished { background: url(img/bg-flourish-grey.png) no-repeat 50% 100%; }

	h1.flourished,
	h2.flourished,
	h3.flourished { text-align: center; }

/* text level */
.important {
	color: #a6240a;
	font-family: 'Chaparral Pro Semibold', Georgia, serif;
}

.notice {
	padding: 12px 18px;
	display: block;
	font-style: italic;
	margin-bottom: 1.6em;
}

	.notice.alert,
	.notice.error {
		color: #a6240a;
		background-color: #faf0ee;
	}

	.notice.success {
		color: #006b41;
		background-color: #f7f7f7;
	}

	.notice p { margin-bottom: 0; }

.uppercase { text-transform: uppercase; }

.no-padding { padding: 0; }

/* images */
.advert,
.post-image,
.wp-post-image {
	clear: both;
	border: 5px solid #f0f0f0;
	margin-bottom: 1.25em;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition:	border-color 0.3s ease-out;
	-ms-transition:		border-color 0.3s ease-out;
	-o-transition:		border-color 0.3s ease-out;
	transition:			border-color 0.3s ease-out;
}

	.advert:hover,
	.post-image:hover,
	.wp-post-image:hover { border-color: #cccbcb; }

.post-image,
.wp-post-image { margin-top: 2px; }

.post-image.alignleft, .wp-post-image.alignleft, .wp-caption.alignleft		{ margin-right: 1.25em; }
.post-image.alignright, .wp-post-image.alignleft, .wp-caption.alignright	{ margin-left: 1.25em; }

.wp-caption { margin-bottom: 1.25em; }

	.wp-caption .post-image { margin-bottom: 10px; }

.wp-caption-text {
	color: #8F8D8D;
	font-size: 0.875em; /* 14px */
	font-style: italic;
	text-align: center;
	margin-bottom: 0;
	padding: 0 10px;
}

/* buttons */
.button,
.button-alt {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 1em;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	-moz-background-clip:	padding;
	-webkit-background-clip: padding-box;
	background-clip:		padding-box;
	font-family: 'Chaparral Pro Regular', Georgia, serif;
}

.button-alt {
	font-size: 1.125em; /* 18px */
	padding: 13px 38px;
	background: url(img/bg-red.png) no-repeat 50% 0;
}

.button {
	color: #fff;
	padding: 12px 12px 10px;
	font-size: 0.813em; /* 13px */
	background: url(img/bg-green.png) repeat 50% 0;
}

.lt-ie8 .button { padding-top: 10px; }

.button-text {
	color: #8f8d8d;
	font-size: 0.875em; /* 14px */
	display: block;
}

.button-holder .button-alt + .button-text,
.button-holder .button-text + .button-alt { margin-top: 3px; }

/* pseudo elements */
.bordered {
	padding: 4px 0;
	border-top: 3px solid #006b41;
	border-bottom: 3px solid #006b41;
	position: relative;
}

	.bordered:before,
	.bordered:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #006b41;
	}

	.bordered:before	{ top: 3px; }
	.bordered:after		{ bottom: 3px; }


/*------------------------------------*\
	FORMS
\*------------------------------------*/

label {
	display: block;
	font-family: 'Chaparral Pro Semibold', Georgia, serif;
	font-weight: normal;
	margin-bottom: 6px;
}

label.checkbox,
input + label {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

select,
textarea,
input[type='url'],
input[type='text'],
input[type='email'],
input[type='password'],
.input-text {
	padding: 8px 8px 7px;
	border: 1px solid #d3d1d1;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	color: #8f8d8d;
	font-family: 'Chaparral Pro Regular', Georgia, serif;
}

	input[type='url']:focus,
	input[type='text']:focus,
	input[type='email']:focus,
	input[type='password']:focus,
	.input-text { color: #333; }

select { color: #333; }

textarea {
	width: 100%;
	resize: vertical;
}

input[type='submit'] {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 1em;
	padding: 13px 38px;
	text-transform: uppercase;
	font-family: 'Chaparral Pro Regular', Georgia, serif;
	color: #fff;
	border: 0;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	-moz-background-clip:	padding;
	-webkit-background-clip: padding-box;
	background-clip:		padding-box;
	background: url(img/bg-red.png) no-repeat 50% 0;
}

	input[type='submit']:hover {
		text-decoration: underline;
		cursor: pointer;
	}

.form-fields {
	width: 620px;
	margin-left: -20px;
	margin-right: -20px;
	overflow: hidden;
}

	.form-fields .col-2,
	.form-fields .full {
		margin: 0 20px 1.6em;
	}

	.form-fields .col-2 {
		width: 270px;
		float: left;
	}

		.form-fields .col-2 select,
		.form-fields .col-2 textarea,
		.form-fields .col-2 input[type='url'],
		.form-fields .col-2 input[type='text'],
		.form-fields .col-2 input[type='email'] { width: 100%; }

	.form-fields .full {
		clear: both;
		width: 580px;
	}

		.form-fields .full input[type='text'],
		.form-fields .full input[type='email'] { width: 100%; }

#recaptcha_widget_div { margin-bottom: 1.5em; }


/*------------------------------------*\
	HEADER
\*------------------------------------*/

header.main {
	background: url(img/bg-green.png) repeat 50% 0;
	border-bottom: 5px solid #005534;
}

	header.main  .grids {
		width: 750px;
		padding-left: 190px;
		position: relative;
	}

/* upper */
header.main .upper {
	height: 42px;
	text-align: right;
}

.lt-ie9 header.main .upper .grids { z-index: 9999; }

/* logo */
.logo,
.logo a {
	width: 185px;
	height: 197px;
	display: block;
	overflow: hidden;
	text-indent: -99em;
	text-align: left;
}

.logo {
	position: absolute;
	left: -12px;
	top: 0;
	z-index: 9999;
	background: url(img/rochdale-museum-logo.png) no-repeat 50% 50%;
	-webkit-transition:	height 0.3s ease-out;
	-moz-transition:	height 0.3s ease-out;
	-ms-transition:		height 0.3s ease-out;
	-o-transition:		height 0.3s ease-out;
	transition:			height 0.3s ease-out;
}

	.logo:hover { height: 203px; }

	.logo a { text-decoration: none; }

.archives-link {
	float: left;
	display: block;
	padding: 9px 9px 8px;
	margin-top: 5px;
	background-color: #5A1C6A;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 14px;
	color: #fff;
}

.quick-links,
.quick-links li,
#searchform {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.quick-links {
	text-align: right;
	margin: 6px 18px 0;
	padding-left: 0;
	font-size: 0.875em; /* 14px */
}

	.quick-links li {
		vertical-align: top;
		line-height: 30px;
		margin-left: 20px;
	}

	.quick-links a { color: #fff; }

	.quick-links .register a,
	.quick-links .login a,
	.quick-links .logout a { color: #b8d5ca; }

#searchform {
	width: 216px;
	margin-top: 4px;
	border: 1px solid #00442a;
}

	#searchform input[type='search'],
	.lt-ie8 #s {
		background-color: #fff;
		border: 0;
		float: left;
		width: 164px;
		height: 27px;
		color: #8f8d8d;
		padding: 3px 8px 1px;
		font-size: 0.875em; /* 14px */
		font-family: 'Chaparral Pro Regular', Georgia, serif;
	}

	.lt-ie9 #s { line-height: 27px; }

		#searchform input[type='search']:focus,
		.lt-ie8 #s:focus { color: #333; }

	#searchform input[type='submit'] {
		float: left;
		width: 36px;
		height: 31px;
		display: block;
		color: #fff;
		overflow: hidden;
		text-indent: -99em;
		border: 0;
		cursor: pointer;
		padding: 0;
		background: url(img/icon-search.png) no-repeat 50% 50% #026b42;
		position: relative;
		-webkit-transition:	background-color 0.3s ease-out;
 		-moz-transition:	background-color 0.3s ease-out;
  		-ms-transition:		background-color 0.3s ease-out;
   		-o-transition:		background-color 0.3s ease-out;
      	transition:			background-color 0.3s ease-out;
      	-webkit-border-radius:	0;
		-moz-border-radius:		0;
		border-radius:			0;
	}

		#searchform input[type='submit']:hover { background-color: #0f7950; }

/* lower */
header.main .lower { background: url(img/bg-header-gradient.png) no-repeat 50% 0; }

.banner {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 15px 6px;
	margin: 5px 0 0;
	font-size: 0.813em; /* 13px */
	letter-spacing: 0.08em;
	font-family: 'Chaparral Pro Semibold', Georgia, serif;
	background: url(img/bg-banner.png) no-repeat 50% 0;
}

.lt-ie9 .banner { padding-top: 6px; }

/* nav */
header.main nav				{ margin-top: 5px; }
header.main nav.no-banner 	{ margin-top: 43px; /* keep nav in same place if theres no banner */ }

#nav li {
	float: left;
	width: 107px;
	height: 96px;
	text-align: center;
	font-size: 1.375em; /* 22px */
	line-height: 1em;
	font-family: 'DIN', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	position: relative;
}

	#nav li a {
		color: #fff;
		display: block;
		height: 100%;
		background-color: transparent;
		-webkit-transition:	background-color 0.3s ease-out;
		-moz-transition:	background-color 0.3s ease-out;
		-ms-transition:		background-color 0.3s ease-out;
		-o-transition:		background-color 0.3s ease-out;
		transition:			background-color 0.3s ease-out;
	}

		#nav li a:hover,
		#nav .current-menu-item a,
		/*#nav .current_page_item a,*/
		#nav .current_page_parent a,
		#nav .current_page_ancestor a {
			text-decoration: none;
			background-color: rgba(255,255,255,0.09);
		}

		.no-rgba #nav li a:hover { background: url(img/bg-tile-trans-white.png) repeat 0 0; }


	#nav li i {
		display: block;
		padding-top: 43px;
		font-weight: normal;
		font-size: 0.545em; /* 12px */
		line-height: 1em;
		letter-spacing: normal;
		font-family: 'Chaparral Pro Regular', Georgia, serif;
	}

	/* nav icons */
	#nav li a:before,
	#nav li a .before {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 19px;
		left: 50%;
		margin-left: -10px;
		background: url(img/icon-sprite.png) no-repeat;
	}

	#nav .virtual-museum a:before, #nav .virtual-museum a .before			{ background-position: -160px 0; }
	#nav .time-machine a:before, #nav .time-machine a .before				{ background-position: -200px 0; }
	#nav .museum-artefacts a:before, #nav .museum-artefacts a .before		{ background-position: -300px 0; }
	#nav .your-stories a:before, #nav .your-stories a .before				{ background-position: -40px 0; }
	#nav .online-shop a:before, #nav .online-shop a .before					{ background-position: -220px 0; }
	#nav .learning-resources a:before, #nav .learning-resources a .before	{ background-position: -279px 0; }
	#nav .find-out-whats-on a:before, #nav .find-out-whats-on a .before		{ background-position: -100px 0; }


/*------------------------------------*\
	FOOTER
\*------------------------------------*/

.sponsors {
	padding: 14px 0;
	background: url(img/bg-sponsors.png) repeat-x 0 0;
}

	.sponsors p {
		float: left;
		width: 200px;
		padding: 10px 0;
		margin-bottom: 0;
		color: #999895;
		font-style: italic;
	}

	.sponsors img { margin-left: 43px; }

footer.main {
	color: #fff;
	padding: 36px 0 22px;
	margin-bottom: 27px;
	font-size: 0.938em;
	background: url(img/bg-flourish-green.png) no-repeat 50% 100%;
}

	footer.main a,
	footer.main h5,
	footer.main h6,
	footer.main strong,
	footer.main .important { color: #fff; }

	footer.main h5,
	footer.main h6 { text-align: left; }

	footer.main h5 {
		font-size: 1.2em; /* 18px */
		margin-bottom: 0.611em;
		line-height: 1em;
	}

	footer.main h6,
	footer.main .post p,
	footer.main .tweet p { margin-bottom: 0.4em; }

	footer.main strong { font-size: 1.067em; }

	footer.main ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 2.267em;
	}

	footer.main .post { margin-bottom: 1.6em; }

	footer.main .post p,
	footer.main .tweet p,
	footer.main small { font-style: italic; }

	footer.main small { color: #48846d; }

.tweet h5 {
	padding-left: 30px;
	background: url(img/icon-sprite.png) no-repeat -361px 0;
}

/* MailChimp */

.mailchimp-form {
	width: 298px;
	overflow: hidden;
	margin-bottom: 2em;
	border: 1px solid #00442a;
}

	.mailchimp-form input[type="email"],
	.lt-ie8 .mailchimp-form .s {
		background-color: #fff;
		border: 0;
		float: left;
		width: 228px;
		height: 34px;
		color: #8f8d8d;
		padding: 3px 8px 1px;
		font-family: 'Chaparral Pro Regular', Georgia, serif;;
		font-size: 0.867em; /* 13px */
	}

	.mailchimp-form input[type="email"]:focus,
	.lt-ie8 .mailchimp-form .s:focus {
		color: #333;
	}

	.lt-ie9 .mailchimp-form .s {
		line-height: 27px;
	}

.mailchimp-form input[type="submit"] {
	float: left;
	width: 70px;
	height: 34px;
	display: block;
	color: #fff;
	overflow: hidden;
	text-indent: 0;
	font-size: 0.867em; /* 13px */
	border: 0;
	cursor: pointer;
	padding: 0;
	background: #026b42;
	position: relative;
  	border-radius: 0;
  	-webkit-transition:	background-color 0.3s ease-out;
	-moz-transition:	background-color 0.3s ease-out;
	-ms-transition:		background-color 0.3s ease-out;
	-o-transition:		background-color 0.3s ease-out;
  	transition:			background-color 0.3s ease-out;
}

	.mailchimp-form input[type="submit"]:hover {
		text-decoration: none;
		background-color: #0f7950;
	}

.newsletter-signup .notice {
	padding: 8px 10px;
	font-size: 1em;
	font-style: normal;
	margin-bottom: 8px;
	border-radius: 4px;
}

	.newsletter-signup .notice.error,
	.newsletter-signup .notice.success {
		color: #fff;
	}

	.newsletter-signup .notice.error {
		background: url(img/bg-red.png) repeat;
	}

	.newsletter-signup .notice.success {
		background: url(img/bg-green.png) repeat;
	}

/* lower footer */
.footer-lower { color: #48846d; }

	.footer-lower a { color: #fff; }

.copyright {
	color: #fff;
	margin-right: 50px;
}

.lower-links {
	float: right;
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.875em;
	margin-bottom: 2em;
}

	.lower-links li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-left: 28px;
	}

/* socials */
.socials {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.socials li,
	.socials li a {
		zoom: 1;
		background: url(img/icon-social-sprite.png) no-repeat;
	}

	.socials li {
		width: 35px;
		height: 35px;
		display: inline-block;
		*display: inline;
		overflow: hidden;
		text-indent: -99em;
		margin-right: 6px;
	}

		.socials li a {
			display: block;
			width: 35px;
			height: 35px;
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transition:	opacity 0.3s ease-out;
     		-moz-transition:	opacity 0.3s ease-out;
      		-ms-transition:		opacity 0.3s ease-out;
       		-o-transition:		opacity 0.3s ease-out;
          	transition:			opacity 0.3s ease-out;
		}

		.socials li a:hover {
			filter: alpha(opacity=0);
			opacity: 0;
		}

	.socials .facebook	    { background-position: 0 0; }
	.socials .twitter	    { background-position: -35px 0; }
	.socials .rss		    { background-position: -70px 0; }
    .socials .instagram     { background-position: -105px 0; }

	.socials .facebook a    { background-position: 0 100%; }
	.socials .twitter a	    { background-position: -35px 100%; }
	.socials .rss a		    { background-position: -70px 100%; }
    .socials .instagram a	{ background-position: -105px 100%; }


/*------------------------------------*\
	FRONTPAGE
\*------------------------------------*/

.home #content { padding: 49px 0 31px; }

#banner [class^="grid-"] { min-height: 393px; }

/* slider */
.slides-container {
	width: 620px;
	height: 355px;
	overflow: hidden;
}

#banner .banner-slider {
	margin-right: 0;
	width: 620px;
}

.slide {
	width: 620px;
	height: 355px;
	position: relative;
	overflow: hidden;
}

	.slide-content {
		color: #87af9f;;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 16px 20px 14px;
		font-size: 0.938em; /* 15px */
		background: url(img/bg-banner-content.png) no-repeat 0 0;
	}

		.slide-content a,
		.slide-content h2 { color: #fff; }

		.slide-content h2 {
			font-size: 1.875em; /* 30px */
			text-align: left;
			margin-bottom: 0.344em; /* 11px */
			padding-bottom: 0;
			letter-spacing: 0.06em;
		}

		.slide-content p { margin-bottom: 0; }

	.banner-circle {
		color: #fff;
		width: 125px;
		height: 120px;
		display: block;
		padding-top: 5px;
		font-size: 2.188em; /* 38px */
		line-height: 0.943em; /* 33px */
		text-transform: uppercase;
		text-align: center;
		font-family: 'DIN', Helvetica, Arial, sans-serif;
		letter-spacing: 0.04em;
		position: absolute;
		top: 20px;
		right: 24px;
		background: url(img/bg-banner-circle.png) no-repeat 0 0;
	}

	.lt-ie8 .banner-circle {
		padding-top: 22px;
		height: 104px;
	}

		.banner-circle i { font: normal 0.4em 'Chaparral Pro Regular', Georgia, serif; }

.banner-slider .prev,
.banner-slider .next {
	margin-top: -19px;
	position: absolute;
	top: 50%;
	overflow: hidden;
	text-indent: -99em;
	z-index: 999;
	text-align: left;
}

.banner-slider .prev, .banner-slider .prev span,
.banner-slider .next, .banner-slider .next span {
	width: 47px;
	height: 38px;
	display: block;
	background: url(img/bg-banner-arrows.png) no-repeat;
	zoom: 1;
}

	.banner-slider .prev span,
	.banner-slider .next span {
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition:	opacity 0.3s ease-out;
		-moz-transition:	opacity 0.3s ease-out;
		-ms-transition:		opacity 0.3s ease-out;
		-o-transition:		opacity 0.3s ease-out;
		transition:			opacity 0.3s ease-out;
	}

	.banner-slider .prev:hover span,
	.banner-slider .next:hover span {
		filter: alpha(opacity=100);
		opacity: 1;
	}

.banner-slider .prev 		{ left: -55px; background-position: 0 0; }
.banner-slider .next 		{ right: -55px; background-position: 100% 0; }
.banner-slider .prev span 	{ background-position: 0 100%; }
.banner-slider .next span 	{ background-position: 100% 100%; }

.banner-slider .pagination {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 38px;
	background: url(img/bg-banner-nav.png) no-repeat 0 0;
	position: relative;
	z-index: 99;
}

	.banner-slider .pagination li {
		float: left;
		width: 155px;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.75em; /* 12px */
	}

	.banner-slider .pagination .current {
		margin-top: -7px;
		padding-top: 7px;
		background: url(img/bg-banner-nav.png) no-repeat 50% -39px;
	}

		.banner-slider .pagination li a {
			color: #fff;
			position: relative;
			display: inline-block;
			*display: inline;
			zoom: 1;
			padding: 11px 0 9px 25px;
		}

			.banner-slider .pagination li a:hover,
			.banner-slider .pagination .current a {
				color: #87af9f;
				text-decoration: none;
			}

		.banner-slider .pagination li a:before,
		.banner-slider .pagination li a .before {
			content: '';
			width: 20px;
			height: 20px;
			display: block;
			position: absolute;
			left: 0; top: 9px;
			background: url(img/icon-sprite.png) no-repeat;
			-webkit-transition:	opacity 0.3s ease-out;
			-moz-transition:	opacity 0.3s ease-out;
			-ms-transition:		opacity 0.3s ease-out;
			-o-transition:		opacity 0.3s ease-out;
			transition:			opacity 0.3s ease-out;
		}

		.banner-slider .pagination .slide-0 a:before, .banner-slider .pagination .slide-0 a .before	{ background-position: -321px 0; }
		.banner-slider .pagination .slide-1 a:before, .banner-slider .pagination .slide-1 a .before	{ background-position: -99px 0; }
		.banner-slider .pagination .slide-2 a:before, .banner-slider .pagination .slide-2 a .before	{ background-position: -300px 0; }
		.banner-slider .pagination .slide-3 a:before, .banner-slider .pagination .slide-3 a .before { background-position: -40px 0; }

		.banner-slider .pagination .slide-0 a:hover:before,
		.banner-slider .pagination .slide-0.current a:before,
		.banner-slider .pagination .slide-0 a:hover .before,
		.banner-slider .pagination .slide-0.current a .before { background-position: -321px -20px; }
		.banner-slider .pagination .slide-1 a:hover:before,
		.banner-slider .pagination .slide-1.current a:before,
		.banner-slider .pagination .slide-1 a:hover .before,
		.banner-slider .pagination .slide-1.current a .before { background-position: -99px -20px; }
		.banner-slider .pagination .slide-2 a:hover:before,
		.banner-slider .pagination .slide-2.current a:before,
		.banner-slider .pagination .slide-2 a:hover .before,
		.banner-slider .pagination .slide-2.current a .before { background-position: -300px -20px; }
		.banner-slider .pagination .slide-3 a:hover:before,
		.banner-slider .pagination .slide-3.current a:before,
		.banner-slider .pagination .slide-3 a:hover .before,
		.banner-slider .pagination .slide-3.current a .before { background-position: -40px -20px; }

/* banner sidebar */
#banner .banner-sidebar {
	width: 296px;
	margin-left: 0;
	padding: 0 12px 0 12px;
	background-color: #fff;
	text-align: center;
	line-height: 1.438em;
}

	.banner-sidebar h3 {
		font-size: 2.375em; /* 38px */
		letter-spacing: 0.04em;
		margin-top: 0.789em;
		margin-bottom: 0.5em;
		padding-bottom: 0.579em;
	}

	.banner-sidebar p { margin-bottom: 1em; }

	.banner-sidebar .button-alt { margin-top: 0.75em; }

    .banner-sidebar .bigger { font-size: 22px; }

    .banner-sidebar .button { margin-top: 10px; }

/* latest stories */
.latest-stories .post { margin-bottom: 20px; }

.latest-stories .post-image {
	margin-top: 0;
	margin-right: 14px;
}

.home h3.alt { margin-top: 3.467em; }

.latest-stories h4 {
	margin-bottom: 8px;
	clear: none;
}

/* adverts */
.advert {
	height: 123px;
	position: relative;
}

	.advert a:hover { text-decoration: none; }

	.advert header {
		width: 168px;
		text-align: center;
		position: absolute;
		margin-left: -84px;
		left: 50%;
		top: 0; bottom: 0;
		background: url(img/bg-advert-sprite.png) no-repeat;
	}

	.advert.virtual-museum header	{ background-position: -168px 0; }
	.advert.online-shop header		{ background-position: -336px 0; }
	.advert.coop-archive header		{ background-position: -504px 0; }

	.advert h4 {
		color: #fff;
		font-size: 2.125em; /* 34px */
		letter-spacing: 0.04em;
		line-height: 1em;
		padding-top: 48px;
		position: relative;
	}

	.advert h4:before,
	.advert h4 .before {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 21px;
		left: 50%;
		margin-left: -10px;
		background: url(img/icon-sprite.png) no-repeat;
	}

	.advert.coop-archive h4 { padding-top: 28px; }
	.advert.coop-archive h4:before, .advert.coop-archive h4 .before { background: none; }

	.advert.virtual-museum h4:before, .advert.virtual-museum h4 .before			{ background-position: -160px 0; }
	.advert.time-machine h4:before, .advert.time-machine h4 .before				{ background-position: -200px 0; }
	.advert.museum-artefacts h4:before, .advert.museum-artefacts h4 .before		{ background-position: -300px 0; }
	.advert.your-stories h4:before, .advert.your-stories h4 .before				{ background-position: -40px 0; }
	.advert.online-shop h4:before, .advert.online-shop h4 .before				{ background-position: -220px 0; }
	.advert.learning-resources h4:before, .advert.learning-resources h4 .before	{ background-position: -279px 0; }
	.advert.book-a-visit h4:before, .advert.book-a-visit h4 .before				{ background-position: 0 0; }

		.advert h4 i { font-size: 0.5em; }


/*------------------------------------*\
	PAGE
\*------------------------------------*/

#main > header { padding: 22px 0 16px; }

#content {
	padding: 22px 0 31px;
	min-height: 400px;
}

.time-machine #content { min-height: inherit; }

.button-holder { text-align: center; }

	.button-holder .button-alt { margin-top: 18px; }
	.button-holder .button-text + .button-alt { margin-top: 3px; }

#breadcrumbs {
	color: #8f8d8d;
	font-size: 0.875em; /* 14px */
	margin: 0 10px 2.929em;
}

	#breadcrumbs .sep {
		margin: 0 6px;
		font-family: Arial, Helvetica, sans-serif;
	}

.sidebar-left .grid-3 { float: left; }
.sidebar-left .grid-5 { float: right; }


/* sidebar */
#sidebar { width: 300px; }

/* sub nav */
.sub-nav {
	padding: 18px;
	background-color: #f7f7f7;
}

	.sub-nav ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
	}

		.sub-nav li {
			margin-bottom: 11px;
		}

		.sub-nav li:last-child { margin-bottom: 0; }

		.sub-nav ul ul {
			margin: 11px 0 0 20px;
		}

		.sub-nav li a {
			color: #333;
			-webkit-transition:	color 0.3s ease-out;
			-moz-transition:	color 0.3s ease-out;
			-ms-transition:		color 0.3s ease-out;
			-o-transition:		color 0.3s ease-out;
			transition:			color 0.3s ease-out;
		}

		.sub-nav li a:hover,
		.sub-nav .current-page-item > a { color: #A6240A; }

/* sidebar adverts */
#sidebar .advert {
	overflow: hidden;
	font-size: 0.813em; /* 14px */
	height: 114px;
}

	#sidebar .advert header { z-index: 10; }

	#sidebar .advert.coop-archive h4 { padding-top: 30px; }

	#sidebar .advert img {
		max-width: inherit;
		position: absolute;
		left: -25%;
	}

#map {
	margin-bottom: 37px;
	width: 100%;
	height: 200px;
}

	#map img { max-width: inherit; }


/*------------------------------------*\
	POSTS
\*------------------------------------*/

.post, .stories, .artefacts, .page { clear: both; }

.stories, .artefacts, .page {
	padding-bottom: 22px;
	margin-bottom: 38px;
	position: relative;
	min-height: 174px;
}

.single .stories, .single .artefacts { min-height: 196px; }

	.archive .stories-meta,
	.archive .stories aside,
	.archive .artefacts-meta,
	.archive .artefacts aside,
	.search-loop .page aside {
		width: 220px;
		position: absolute;
		top: 0;
	}

	.stories aside,
	.artefacts aside,
	.search-loop .page aside { right: 0; }

	.archive .stories header,
	.archive .stories-content,
	.archive .artefacts header,
	.archive .artefacts-content {
		width: 460px;
		margin-left: 240px;
		margin-right: 240px;
	}

	.search-loop .page header,
	.search-loop .page-content {
		width: 700px;
		margin-right: 240px;
	}

	.stories-meta,
	.artefacts-meta {
		color: #8f8d8d;
		font-size: 0.938em; /* 15px */
		margin-top: 17px;
	}

		.stories-meta time,
		.artefacts-meta time {
			text-transform: uppercase;
			margin-bottom: 0.8em;
			display: block;
		}

		.stories-meta .author,
		.stories-meta .comment-count,
		.artefacts-meta .author,
		.artefacts-meta .comment-count,
		.artefacts-meta .votes-count { font-style: italic; }

		.stories-meta .author ,
		.artefacts-meta .author { margin-bottom: 1.6em; }

		.stories-meta .comment-count,
		.artefacts-meta .comment-count,
		.artefacts-meta .votes-count {
			position: relative;
			padding-left: 25px;
			margin-bottom: 11px;
		}

		.artefacts-meta .votes-count.has-votes { color: #a6240a; }

			.stories-meta .comment-count:before, .stories-meta .comment-count .before,
			.artefacts-meta .comment-count:before, .artefacts-meta .comment-count .before {
				content: '';
				width: 20px;
				height: 20px;
				display: block;
				background: url(img/icon-sprite.png) no-repeat -40px -60px;
				position: absolute;
				left: 0;
			}

			.stories-meta .comment-count.has-comments:before, .stories-meta .comment-count.has-comments .before,
			.artefacts-meta .comment-count.has-comments:before, .artefacts-meta .comment-count.has-comments .before { background-position: -40px -40px; }

			.artefacts-meta .votes-count:before, .artefacts-meta .votes-count .before {
				content: '';
				width: 20px;
				height: 20px;
				display: block;
				background: url(img/icon-sprite.png) no-repeat -60px -60px;
				position: absolute;
				left: 0;
			}

			.artefacts-meta .votes-count.has-votes:before, .artefacts-meta .votes-count.has-votes .before { background-position: -60px -40px; }

	.archive .stories h2,
	.archive .artefacts h2,
	.search-loop .page h2 {
		margin-bottom: 0.15em;
		padding: 0;
	}

	.single .stories h2,
	.single .artefacts h2 { padding-bottom: 0; }

	.stories .post-image,
	.artefacts .wp-post-image,
	.search-loop .page .post-image { margin-right: 0; }

.collections h2 { padding-bottom: 0; }

.collection {
	float: left;
	width: 220px;
	margin: 0 20px 1.6em 0;
}


.collection.last { margin-right: 0; }

	.collection img { margin-bottom: 10px; }

	.collection a { color: #006B41; }

		.collection a:hover { text-decoration: none; }

	.collection-count {
		display: block;
		font-style: italic;
		font-size: 0.938em; /* 15px */
		color: #8F8D8D;
	}

/* pagination */
.pager {
	clear: both;
	width: 100%;
	overflow: hidden;
}

	.pager .post-previous {
		float: left;
	}

	.pager .post-next {
		float: right;
		text-align: right;
	}

/* comments */
#comments,
#respond {
	float: right;
	padding-bottom: 22px;
	margin-bottom: 38px;
}

.commentlist {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	.commentlist ul { list-style: none; }

	.comment {
		margin: 20px 0 3em;
		position: relative;
		font-size: 0.938em; /* 15px */
	}

	.commentlist .children { margin: 0 0 3em; }

	.comment:last-child { margin-bottom: 0; }

		.comment header { margin: 12px 0; }

			.avatar {
				display: block;
				overflow: hidden;
				-webkit-border-radius:	28px;
				-moz-border-radius:		28px;
				border-radius:			28px;
				-moz-background-clip:	padding;
				-webkit-background-clip: padding-box;
				background-clip:		padding-box;
				position: absolute;
				left: -56px;
				top: -10px;
			}

			.comment .author { text-transform: uppercase; }

			.comment .author,
			.comment time {
				display: inline-block;
				*display: inline;
				zoom: 1;
				color: #8F8D8D;
			}

			.comment time { float: right; }

			.comment time,
			.comment-content { font-style: italic; }

			.comment-reply-link {
				position: relative;
				top: -10px;
			}


/* stories help text */
.stories-help-text {
	padding: 18px;
	background-color: #f7f7f7;
}

	.stories-help-text p:last-child { margin-bottom: 0; }

/* submit form */
.post-form .field-post_title,
.post-form .field-post_content,
.post-form .field-image { margin: 0 20px 1.6em; }

	.post-form .field-post_title input,
	.post-form .field-post_content input,
	.post-form .field-image input { width: 100%; }


/*------------------------------------*\
	SINGLE - Artifact
\*------------------------------------*/

/* vote form */
.vote-form-holder {
	margin: 3em 0 1.6em;
	padding: 14px;
	border: 1px solid #d3d1d1;
}

	.vote-form-holder h3,
	.vote-form-holder .instructions { text-align: center; }

	.vote-form-holder .instructions { color: #006b41; }

	.vote-form form {
		float: left;
		width: 45%;
	}

		.vote-form input,
		.vote-form .vote-count { float: left; }

		.vote-form input {
			margin-right: 6px;
			padding: 12px 20px 10px;
			font-size: 0.813em; /* 13px */
		}

			.vote-form input:disabled {
				opacity: 0.4;
				filter: alpha(opacity=40);
				zoom: 1;
				cursor: default;
			}


			.vote-form input:disabled:hover {
				text-decoration: none;
			}

		.vote-form .vote-count {
			display: block;
			padding: 5px 12px;
			background-color: #fff;
			border: 1px solid #d3d1d1;
			/*-webkit-border-radius:	6px;
			-moz-border-radius:		6px;
			border-radius:			6px;
			-moz-background-clip:	padding;
			-webkit-background-clip: padding-box;
			background-clip:		padding-box;*/
			position: relative;
		}

		.vote-form .vote-count:before, .vote-form .vote-count .before {
			content: '';
			width: 5px;
			height: 9px;
			display: block;
			background: url(img/bg-vote-arrow.png) no-repeat 0 0;
			position: absolute;
			left: -5px;
			top: 12px;
		}

	.vote-form .vote-deadline {
		float: right;
		width: 45%;
		text-transform: uppercase;
		font-size: 0.938em;
		text-align: right;
		margin: 8px 0 0;
	}

/* socials */
.socials-share {
	padding-left: 0;
	text-align: center;
	margin-bottom: 0;
}

	.socials-share li {
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
	}


/*------------------------------------*\
	SHOP
\*------------------------------------*/

/* messages */
.info,
.jigoshop_message {
	clear: both;
	padding: 10px 18px;
	margin-bottom: 1.6em;
	overflow: hidden;
	color: #006b41;
	line-height: 35px;
	/*background: url(img/bg-grey.png) repeat 50% 0;
	border: 1px solid #d3d1d1;*/
	background-color: #f7f7f7;
}

.single .jigoshop_message,
.archive .jigoshop_message {
	width: 918px;
	margin-left: 10px;
	margin-right: 10px;
}

	.jigoshop_message .button { float: right; }


/* product-list */
.products {
	list-style: none;
	padding: 0;
	margin-left: -20px;
	margin-right: -20px;
	width: 720px;
}

	.products .product {
		width: 197px;
		margin: 0 20px 38px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		position: relative;
		text-align: center;
	}

		.product a { color: #006b41; }

			.product a:hover { text-decoration: none; }

		.product .button { color: #fff; }

		.product img,
		.product-images img {
			display: block;
			margin-bottom: 10px;
			border: 5px solid #f0f0f0;
		}

		.product img		{ max-width: 187px; }
		.product-images img { max-width: 330px; }

		.product .onsale,
		.product-images .onsale {
			position: absolute;
			top: -10px;
			width: 32px;
			height: 32px;
			text-align: center;
			background: url(img/bg-sale.png) no-repeat 50% 50%;
			color: #fff;
			font: 0.938em/32px 'DIN', Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		}

		.product .onsale		{ right: -10px; }
		.product-images .onsale { left: -10px; }


/* product content */
.product.flourished {
	overflow: hidden;
	padding-bottom: 22px;
	margin-bottom: 38px;
	min-height: 400px;
}

	.product #comments {
		padding-bottom: 0;
		float: none;
	}

	.product .button-alt { color: #fff; }


.summary {
	padding-bottom: 22px;
	margin-bottom: 38px;
}

	.summary h3.alt { padding-bottom: 0; }

	.quantity,
	.quantity input {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	.quantity {
		width: 100px;
		padding-top: 2px;
		margin-right: 10px;
	}

	.lt-ie9 .quantity {
		position: relative;
		top: 4px;
	}

		.quantity input { vertical-align: top; }

		.lt-ie9 .quantity input {
			display: inline-block;
			*display: inline;
			zoom: 1;
		}

		.lt-ie8 .quantity .qty { width: 32px; }
		.lt-ie9 .quantity .qty { padding: 4px 8px 3px; }

		.lt-ie9 .quantity .minus,
		.lt-ie9 .quantity .plus {
			width: 25px;
			text-align: center;
		}

		.quantity .input-text {
			width: 48px;
			padding: 3px 8px 2px;
			font-size: 0.875em; /* 14px */
			border: 1px solid #d3d1d1;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:			border-box;
		}

		.product_meta {
			clear: right;
			margin-top: 2.313em;
			margin-bottom: 1.6em;
			font-style: italic;
			color: #8F8D8D;
			font-size: 0.938em;
		}

		.summary .button-alt {
			padding: 12px 12px 10px;
			font-size: 0.813em; /* 13px */
			background: url(img/bg-green.png) repeat 50% 0;
		}


/* tabs */
.tabs {
	list-style: none;
	padding: 0 0 0 4px;
	margin: 0 0 2em;
	border-bottom: 1px solid #d3d1d1;
}

	.tabs li {
		font-size: 0.875em;
		float: left;
		margin: 0 0 -1px -1px;
		border-top: 1px solid #ededed;
		border-left: 1px solid #ededed;
		border-right: 1px solid #ededed;
	}

		.tabs li:hover { background-color: #eee; }

	.tabs .active,
	.tabs .active:hover {
		border-top: 1px solid #cdcdcd;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #fff;
		background-color: #fff;
		position: relative;
		z-index: 99;
	}

		.tabs .active a { color: #006B41; }

		.tabs li a {
			color: #6c6c6c;
			display: block;
			padding: 5px 10px;
		}

	#tabs h2 {
		font: 1em 'Chaparral Pro Regular', Georgia, serif;
		text-align: left;
	}


/* headings */
.cart-collaterals h2,
.checkout h3 {
	font-size: 1em;
	font-family: 'Chaparral Pro Regular', Georgia, serif;
}


/* prices */
.product .price,
.summary .price,
.jigoshop_cart .price,
.js_widget_product_price {
	display: block;
	color: #333;
}

.summary .price { font-size: 1.125em; /* 18px */ }

	.product .price del,
	.summary .price del,
	.jigoshop_cart del { margin-right: 10px; }

	.product .price ins,
	.summary .price ins,
	.jigoshop_cart ins {
		color: #a6240a;
		background: none;
	}


/* buttons */
.product .button,
.summary .button,
.jigoshop_cart .button { margin-top: 10px; }

/*.product .button,
.jigoshop_message .button,
.jigoshop_cart .button,
.coupon .button {
	color: #fff;
	padding: 12px 12px 10px;
	font-size: 0.813em;
}*/


/* reviews */
.product .meta {
	padding: 12px 12px 0 50px;
	display: block;
	text-transform: uppercase;
	color: #8F8D8D;
	font-weight: 0.938em; /* 15px */
}

.comment-text .star-rating { margin-top: 12px; }

.comment-text .description {
	font-style: italic;
	padding-left: 50px;
}

#reviews .avatar {
	left: 0;
	top: 0;
	width: 44px;
	border: 0;
}

.star-rating{float:right;width:80px;height:16px;background:url(img/icon-stars.png) repeat-x left 0}
.star-rating span{background:url(img/icon-stars.png) repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left}

p.stars{overflow:hidden;zoom:1}
p.stars span{width:80px;height:16px;position:relative;float:left;background:url(img/icon-stars.png) repeat-x left 0}
p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden}
p.stars span a:hover,p.stars span a:focus{background:url(img/icon-stars.png) repeat-x left -16px}
p.stars span a.active{background:url(img/icon-stars.png) repeat-x left -32px}
p.stars span a.star-1{width:16px;z-index:10}
p.stars span a.star-2{width:32px;z-index:9}
p.stars span a.star-3{width:48px;z-index:8}
p.stars span a.star-4{width:64px;z-index:7}
p.stars span a.star-5{width:80px;z-index:6}


/* sidebars */
.product-images { position: relative; }

	.product-images a { display: block; }

	.product-images .click-to-enlarge {
		padding-left: 25px;
		display: block;
		font-style: italic;
		position: relative;
		color: #8F8D8D;
		font-size: 0.938em; /* 15px */
	}

		.product-images .click-to-enlarge:before, .product-images .click-to-enlarge .before {
			content: '';
			width: 20px;
			height: 20px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			background: url(img/icon-sprite.png) no-repeat -240px -60px;
		}

	.thumbnails {
		width: 360px;
		overflow: hidden;
		margin: 10px -12px 0 0;
	}

		.thumbnails a {
			float: left;
			width: 108px;
			display: block;
			margin-right: 12px;
		}


/* widgets */
.widget { margin-bottom: 37px; }


/* search */
.widget #searchform { border: 0; }

	.widget #searchform label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

	.widget #searchform input[type='text'] {
		background-color: white;
		float: left;
		width: 180px;
		border-right: 0;
		padding: 6px 8px 5px;
		color: #8F8D8D;
		font-family: 'Chaparral Pro Regular', Georgia, serif;
	}

	.lt-ie8 .widget #searchform input[type='text'] {
		border-top: 1px solid #d3d1d1;
		border-bottom: 1px solid #d3d1d1;
		border-left: 1px solid #d3d1d1;
		padding: 1px 8px;
		width: 163px;
	}


/* cart widget */
.cart_list {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	.cart_list li { margin-bottom: 1em; }

	.cart_list img {
		float: right;
		margin-top: 4px;
	}

	.cart_list a,
	.js_widget_product_title { color: #006B41; }

	.js_widget_product_price { font-size: 0.875em; }

	.jigoshop_cart .button.checkout {
		float: right;
		background: url(img/bg-red.png) repeat 50% 0;
	}


/* tables */
.shop_table {
	width: 100%;
	margin-bottom: 2.929em;
}

.cart_totals {
	width: 460px;
	float: right;
}

	.shop_table thead {
		background: url(img/bg-green.png) repeat 50% 0;
		border-top: 1px solid #005534;
		border-left: 1px solid #005534;
		border-right: 1px solid #005534;
		border-bottom: 3px solid #005534;
	}

		.shop_table th,
		.cart_totals_table th {
			border: 0;
			text-align: left;
			font-weight: normal;
			font-family: 'Chaparral Pro Semibold', Georgia, serif;
		}

		.shop_table th { color: #fff; }

		.cart_totals_table th {
			border-top: 1px solid #d3d1d1;
			border-bottom: 1px solid #d3d1d1;
			border-right: 1px solid #d3d1d1;
		}

		.cart-row-subtotal-title,
		.cart-row-total-title {
			background: url(img/bg-grey.png) repeat 50% 0;
		}

		.cart-row-total-title,
		.cart-row-total {
			color: #006b41;
		}

	.shop_table tbody,
	.cart_totals_table tbody {
		border-left: 1px solid #d3d1d1;
		border-right: 1px solid #d3d1d1;
	}

		.shop_table tbody td,
		.cart_totals_table tbody td {
			background-color: #fff;
			border-left: 0;
			border-right: 0;
			vertical-align: middle;
		}

	.shop_table tfoot,
	.cart_totals_table tfoot {
		background: url(img/bg-grey.png) repeat 50% 0;
	}

		.shop_table tfoot td,
		.cart_totals_table tfoot td {
			border-top: 0;
		}

/* cart forms */
.form-row,
.col2-set {
	overflow: hidden;
	zoom: 1;
}

.form-row { margin-bottom: 1.5em; }

.col2-set { width: 100%; }

	.col2-set .col-1 {
		float: left;
		width: 48%;
	}

	.col2-set .col-2 {
		float: right;
		width: 48%;
	}

.form-row-first, .form-row-last {
	float: left;
	width: 47%;
	overflow: visible;
}

.form-row-last { float: right; }

.clear { clear: both; /* dont like this but came with the plugin */ }
.hidden { display: block; }

#customer_details { margin-bottom: 37px; }

	#customer_details .col-2 h3 {
		float: left;
		width: 40%;
	}

	#customer_details .form-row { margin-bottom: 1em; }

#shiptobilling {
	float: right;
	width: 40%;
	padding: 0;
	margin: -4px 0 0;
}

.shipping-address,
.notes { clear: both; }

/* payment methods */
.payment_methods {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	.payment_methods label img {
		padding-left: 10px;
		position: relative;
		top: -3px;
	}

	.payment_box {
		font-style: italic;
		font-size: 0.938em; /* 15px */
		color: #8f8d8d;
	}

#payment .form-row {
	position: relative;
	height: 104px;
}


	#payment .form-row.terms {
		height: auto;
		position: absolute;
		bottom: -18px;
		right: 208px;
	}

	#payment .button.cancel {
		position: absolute;
		bottom: 4px;

	}

	#payment .button-alt {
		position: absolute;
		right: 0;
		bottom:0px;
	}

/* coupons */
.coupon {
	width: 400px;
	float: left;
	text-align: left;
}

.shop_table .actions { text-align: right; }

.coupon label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.coupon .input-text,
.coupon .button,
.actions input[type='submit'],
.actions .checkout-button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.coupon .input-text {
	float: left;
	margin-right: 10px;
}

.coupon .button,
.actions input[type='submit'],
.actions .checkout-button { padding: 12px 12px 10px; }

.coupon .button,
.actions input[type='submit'] { background: url(img/bg-green.png) repeat 50% 0; }

.actions .checkout-button {
	font-size: 0.813em; /* 13px */
	margin-left: 7px;
}

.cart-collaterals {
	margin-bottom: 1.6em;
	width: 100%;
	overflow: hidden;
}

	.shipping-calculator-form {
		float: left;
		width: 460px;
	}


/*------------------------------------*\
	EVENTS
\*------------------------------------*/

/* events listing header */
#tribe-events-calendar-header {
	padding-bottom: 14px;
	margin-bottom: 37px;
	border-bottom: 1px solid #d3d1d1;
	font-size: 0.938em; /* 15px */
}

	.tribe-events-month-nav {
		float: left;
		width: 60%;
	}

		.tribe-events-month-nav .tribe-events-prev-month,
		.tribe-events-month-nav .tribe-events-next-month,
		.tribe-events-month-nav #tribe-events-events-picker {
			display: inline-block;
			*display: inline;
			zoom: 1;
			margin-right: 20px;
			vertical-align: bottom;
		}

		.tribe-events-month-nav .ajax-loading {
			margin-left: 14px;
			padding: 0px 0;
			position: relative;
			top: -2px;
		}

	.tribe-events-calendar-buttons {
		float: right;
		width: 38%;
		text-align: right;
	}

		.tribe-events-calendar-buttons a {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: bottom;
			margin-left: 30px;
			padding-left: 25px;
			position: relative;
			text-transform: uppercase;
			color: #8f8d8d;
		}

		.tribe-events-calendar-buttons a:before, .tribe-events-calendar-buttons a .before {
			content: '';
			width: 20px;
			height: 20px;
			display: block;
			background: url(img/icon-sprite.png) no-repeat -120px -60px;
			position: absolute;
			left: 0;
		}

		.tribe-events-calendar-buttons .tribe-events-button-on { color: #a6240a; }

		.tribe-events-calendar-buttons a:first-child:before,
		.tribe-events-calendar-buttons a:first-child .before	{ background-position: -341px -60px; }

		.tribe-events-calendar-buttons .tribe-events-button-on:before,
		.tribe-events-calendar-buttons .tribe-events-button-on .before	{ background-position: -120px -40px; }

		.tribe-events-calendar-buttons a:first-child.tribe-events-button-on:before,
		.tribe-events-calendar-buttons a:first-child.tribe-events-button-on .before	{ background-position: -341px -40px; }


/* events list */
.tribe-events-event {
	padding-bottom: 22px;
	margin-bottom: 38px;
	position: relative;
	background: url(img/bg-flourish-grey.png) no-repeat 50% 100%;
	min-height: 174px;
}

	.tribe-events-events .event-day {
		font-family: 'Chaparral Pro Regular', Georgia, serif;
		font-size: 0.938em; /* 15px */
		margin: 19px 0 0;
		float: left;
		width: 160px;
	}

	.tribe-events-event h2,
	.tribe-events-event-entry { margin-left: 180px; }

	.tribe-events-event h2 {
		padding: 0;
		clear: none;
		margin-bottom: 0.65em;
	}

	.tribe-events-event-entry {
		width: 440px;
		margin-right: 10px;
		float: left;
	}

	.tribe-events-event-list-meta {
		float: right;
		width: 260px;
		margin: 2px 0 1.5em 10px;
		font-size: 0.938em; /* 15px */
		color: #8f8d8d;
	}

		.tribe-events-event-list-meta tbody tr:nth-of-type(odd) { background: none; }

		.tribe-events-event-list-meta td {
			padding: 0 0 11px;
			border: 0;
		}

		.tribe-events-event-list-meta .tribe-events-event-meta-desc {
			text-transform: uppercase;
			padding-right: 20px;
		}

.tribe-events-nav { margin: 1.6em 0; }


/* events calendar */
.tribe-events-calendar {
	width: 100%;
	margin-bottom: 2.929em;
}

	.tribe-events-calendar thead {
		background: url(img/bg-green.png) repeat 50% 0;
		border-top: 1px solid #005534;
		border-left: 1px solid #005534;
		border-right: 1px solid #005534;
		border-bottom: 3px solid #005534;
	}

		.tribe-events-calendar th {
			border: 0;
			text-align: left;
			font-weight: normal;
			font-family: 'Chaparral Pro Semibold', Georgia, serif;
			color: #fff;
			border: 0;
		}

		.tribe-events-calendar td {
			background-color: #fff;
			vertical-align: top;
			height: 132px;
			width: 110px;
		}

		.tribe-events-present {
			color: #fff;
			background: url(img/bg-green.png) repeat 50% 0;
		}

			.tribe-events-present a { color: #fff; }

			.tribe-events-present hr { border-color: #005534; }

	.tribe-events-calendar tfoot {
		background: url(img/bg-grey.png) repeat 50% 0;
	}

		.tribe-events-calendar tfoot td {
			border-top: 0;
		}

	.tribe-events-othermonth { background: url(img/bg-grey.png) repeat 0 0; }

	.tribe-events-calendar .daynum {
		margin-bottom: 0.75em !important;
		font-size: 0.875em;
	}

.tribe-events-calendar .tribe-events-event {
	background: none;
	padding: 0;
	margin: 0;
	min-height: inherit;
	font-size: 13px;
}

.tribe-events-calendar hr { margin: 6px 0; }


/* tooltips */
.tribe-events-real-event { cursor: pointer; }

.tribe-events-calendar .tribe-events-tooltip {
	border:1px solid #666;
	position:absolute;
	z-index:1001;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#f9f9f9;
	color:#333;
	line-height:1.4;
}

	.tribe-events-tooltip .tribe-events-arrow {
		width:19px;
		height:11px;
		display:block;
		background:url(img/tooltip-arrow.png) no-repeat 0 bottom;
		position:absolute;
		bottom:-11px;
		left:20px;
	}

	.tribe-events-calendar .tribe-events-right .tribe-events-tooltip {
		left:auto;
		right:3px;
	}

	.tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
		left:auto;
		right:30px;
	}

	.tribe-events-tooltip .tribe-events-event-title {
		margin:0;
		color:#fff;
		background: url(img/bg-green.png) repeat 0 0;
		font-size:12px;
		padding:0 6px;
		min-height:24px;
		line-height:24px;
		letter-spacing:1px;
	}

	.tribe-events-tooltip .tribe-events-event-body {
		font-size:11px;
		padding:3px 6px 6px;
	}

	.tribe-events-tooltip .tribe-events-event-date {
		font-style:italic;
		margin:3px 0;
	}

	.tribe-events-tooltip .tribe-events-event-thumb {
		float:left;
		padding:5px;
	}

.tribe-events-event .post { position:relative; }


/* single event */
.single .event h2 { padding-bottom: 0; }

.event .event-passed {
	clear: both;
	padding: 10px 18px;
	margin: 1.6em 0;
	overflow: hidden;
	color: #006b41;
	line-height: 35px;
	/*background: url(img/bg-grey.png) repeat 50% 0;
	border: 1px solid #d3d1d1;*/
	background-color: #f7f7f7;
}

#tribe-events-event-meta {
	width: 960px;
	overflow: hidden;
	margin: 1.6em -10px;
}

	#tribe-events-event-meta .column {
		padding-left: 0;
		float: left;
		width: 460px;
		margin: 0 10px;
	}

	.event dt,
	.event dd {
		float: left;
		margin-bottom: 11px;
	}

	.event dt {
		clear: left;
		width: 80px;
		font-family: 'Chaparral Pro Semibold', Georgia, serif;
		font-weight: normal;
	}

	.event dd {
		width: 340px;
	}

	.event .entry > .summary { background: url(img/bg-flourish-grey.png) no-repeat 50% 100%; }

.navlink {
	width: 45%;
	margin-bottom: 1.6em;
}

.navlink.previous {
	float: left;
	clear: left;
}

.navlink.next {
	float: right;
	text-align: right;
}


/* iPad and lower */
@media only screen and (max-device-width: 1024px) {

	.banner-slider .prev,
	.banner-slider .next { display: none; }

}


/* High Res Images for iPad & iPhone4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

	.logo {
		background-image: url(img/rochdale-museum-logo-x2.png);
		background-size: 185px 203px;
	}

	.tweet h5,
	#nav li a:before, #nav li a .before,
	.banner-slider .pagination li a:before,	.banner-slider .pagination li a .before,
	.advert h4:before, .advert h4 .before,
	.stories-meta .comment-count:before, .stories-meta .comment-count .before,
	.artefacts-meta .comment-count:before, .artefacts-meta .comment-count .before,
	.artefacts-meta .votes-count:before, .artefacts-meta .votes-count .before,
	.product-images .click-to-enlarge:before, .product-images .click-to-enlarge .before,
	.tribe-events-calendar-buttons a:before, .tribe-events-calendar-buttons a .before {
		background-image: url(img/icon-sprite-x2.png);
		background-size: 385px 80px;
	}

	.socials li,
	.socials li a {
		background-image: url(img/icon-social-sprite-x2.png);
		background-size: 105px 70px;
	}

}