/*
Theme Name: AccessCult
Description: Custom WordPress theme for Accessible Culture
Author: Jason Kiss
*/

/* HTML5 CSS support */
section, article, header, footer, nav, aside, hgroup {display: block;}

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, header, footer, nav, aside, hgroup {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {list-style: none;}

del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {border: none;}


/* =Fonts
-------------------------------------------------------------- */
@font-face {
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
	font-family: 'FontinRegular';
	src: url('fonts/fontin-regular-webfont.eot');
	src: local('☺'), url('fonts/fontin-regular-webfont.woff') format('woff'), url('fonts/fontin-regular-webfont.ttf') format('truetype'), url('fonts/fontin-regular-webfont.svg#webfontnaPyQxHm') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
	font-family: 'FontinSmallCaps';
	src: url('fonts/fontin-smallcaps-webfont.eot');
	src: local('☺'), url('fonts/fontin-smallcaps-webfont.woff') format('woff'), url('fonts/fontin-smallcaps-webfont.ttf') format('truetype'), url('fonts/fontin-smallcaps-webfont.svg#webfontFNRFEUpK') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; word-spacing: 0.2em;}
h2, h3, h4, h5, h6, caption, #site-title, .home #tagline {font-family: FontinRegular, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;}
h1, .home .content h2 {font-family: FontinSmallCaps, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;}
pre, code, kbd {font-family: "Nimbus Mono L", "Courier New", Courier, monospace;}
textarea {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;}


/* =Structure
-------------------------------------------------------------- */
body {
	text-align: center;
}
#page {
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

header.site, footer.site {padding: 0 20px 0 30px;}
#main {padding: 0 0 40px 40px;}
#content {
	float: left;
	width: 100%;
	margin-right: -240px;
	padding: 27px 0 10px;
}
.content {margin-right: 270px;}
#sidebar {
	float: right;
	width: 200px;
	margin-top: 27px;
}
footer.site {clear: both;}

/* =Global Elements
-------------------------------------------------------------- */
body, input, textarea {color: #333;}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}
div {outline: none;}
/* Text elements */
h1, h2, h3, h4, h5, h6 {line-height: 1;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {line-height: 1.4; padding-top: 0.2em;}
h1 {font-size: 3.4em; margin-bottom: 0.5em;}
h2 {font-size: 2.8em; margin: 1.5em 0 0.5em; outline: none;}
h4, h5, h6 {font-weight: bold;}
h3 {font-size: 2.2em; margin: 1.5em 0 0.5em; outline: none;}
h4 {font-size: 1.6em; margin: 1.75em 0 0.25em; clear: none;}
h5 {font-size: 1.4em; margin-top: 0.75em; clear: none;}
h6 {font-size: 1.2em; clear: none;}
p {font-size: 1.4em; margin-bottom: 1em;}
ul, ol {list-style: square; margin: 0 0 1.5em;}
li {margin-bottom: 0.5em; font-size: 1.4em;}
li p {font-size: 1em;}
li h4 {font-size: 1.2em;}
ul {list-style: square;}
ol {list-style: decimal;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {font-size: 1em; margin-bottom:0;}
dl {margin:0 0 2.4em 0;}
dt {font-weight: bold;}
dd {margin-bottom: 1em;}
strong, em {font-weight: bold; font-style: normal;}
cite, i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #fff; text-decoration: none;}
blockquote {font-style: italic; padding: 0 2.5em;}
blockquote cite, blockquote em, blockquote i {font-style: normal;}
table {margin-bottom: 2em; outline: none; padding-right: 20px; padding-left: 30px;;}
caption {font-size: 2.2em; text-align: left;}
th, td {font-size: 1.2em; border: 1px solid #999; text-align: center; vertical-align: middle; line-height: 1.4; padding: 0.5em 0.5em;background-color: #fff;}
tr.odd th, tr.odd td {background-color: #ececec;}
code {font-size: 1.1em; line-height: 1.2;}
kbd {background-color: #ededed; border-color: #fafafa #dadada #dadada #ededed; border-style: solid; border-width: 2px; font-size: 1em; line-height: 1.3; padding: 0 2px 0 1px;}
pre {
	margin: 2em 0;
	padding: 1.5em 1em;
	line-height: 1;
	word-spacing: 0;
}
pre code {font-size: 1.3em;text-shadow: 0 1px 1px rgba(0,0,0,.2);}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {bottom: 1ex;}
sub {top: .5ex;}
fieldset {border: 1px solid #ccc; padding: 0 15px 1em; margin-bottom: 1em;}
label {font-weight: bold;}
p label {font-size: 0.9em;}
legend {font-size: 2.2em;}
fieldset fieldset legend {font-size: 1.6em;}
input, textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px inset #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 1em;
}
input[type=text], textarea {border-style: inset;}
input[type=submit], input[type=button] {position: relative; border-style: outset; background-color: #eee;}
input[type=submit]:active, input[type=button]:active {top: 1px;}
a {
	padding: 0 0.1em 1px;
	text-decoration: none; 
	border-bottom: 1px solid #5c7891;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
a:link {color:#5c7891;border-color: #5c7891;}
a:visited {color: #444; border-color: #444;}
a:active, a:hover, a:focus {color: #fff; background-color: #5c7891;border-color: #5c7891;text-shadow: 0 1px 2px rgba(0,0,0,.3);}
a:visited:focus, a:visited:hover, a:visited:active {color: #fff; background-color: #666; border-color: #666;}
a:active {outline: none;}
a abbr {border-color: transparent;}


/* link colour */
.green a:link {color: #767a36;border-color: #767a36;}
.green a:active, .green a:hover, .green a:focus {color: #fff; background-color: #767a36;border-color: #767a36;}
.green a:visited:focus, .green a:visited:hover, .green a:visited:active {color: #fff; background-color: #666; border-color: #666;}
.blue a:link {color: #5c7891;border-color: #5c7891;}
.blue a:active, .blue a:hover, .blue a:focus {color: #fff; background-color: #5c7891;border-color: #5c7891;}
.blue a:visited:focus, .blue a:visited:hover, .blue a:visited:active {color: #fff; background-color: #666; border-color: #666;}
.pink a:link {color: #c9496b;border-color: #c9496b;}
.pink a:active, .pink a:hover, .pink a:focus {color: #fff; background-color: #c9496b;border-color: #c9496b;}
.pink a:visited:focus, .pink a:visited:hover, .pink a:visited:active {color: #fff; background-color: #666; border-color: #666;}
.orange a:link {color: #c4551e;border-color: #c4551e;}
.orange a:active, .orange a:hover, .orange a:focus {color: #fff; background-color: #D15B20; border-color: #D15B20;}
.orange a:visited:focus, .orange a:visited:hover, .orange a:visited:active {color: #fff; background-color: #666; border-color: #666;}
.purple a:link {color: #72578a;border-color: #72578a;}
.purple a:active, .purple a:hover, .purple a:focus {color: #fff; background-color: #8867a3; border-color: #8867a3;}
.purple a:visited:focus, .purple a:visited:hover, .purple a:visited:active {color: #fff; background-color: #666; border-color: #666;}

.hidden {/*http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content*/
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Body and Wrapper
-------------------------------------------------------------- */
body {background-color: #444;}
#wrapper {
	background: #444 url("images/back_fff_short.png") repeat-y top right;
}
#page {
	background: #fff;
	border-style:solid;
	border-color: #444;
	border-width: 0;
}

/* =Skip-links
-------------------------------------------------------------- */
.skip-links {margin: 0; position: relative; z-index:100;}
.skip-links ul {margin: 0;}
.skip-links li {list-style: none; display: inline;}
.skip-links a {font-size: 0.9em; line-height: 1;}
.skip-links a:focus, .skip-links a:active {
	font-weight: normal;
	top: 10px;
	clip: auto;
	outline: none;
}
/* =Edit-link
-------------------------------------------------------------- */
.edit-link {font-size: 1.2em; padding-top: 5px;}

/* =Header
-------------------------------------------------------------- */
header.site {
	padding-bottom: 1em;
	min-height: 14.8em;
	background: #444 url("images/banner.png") no-repeat bottom right;
}
#banner {padding: 3.75em 0 2em;}
#site-title {font-size: 4em; line-height: 1; color: #fff; margin-bottom: 0;text-shadow: 1px 1px 2px rgba(0,0,0,1);}
a#site-title {
	color: #fff;
	text-decoration: none;
	border: none;
	padding: 0;
	font-weight: normal;
}
a#site-title:hover, a#site-title:focus, a#site-title:active {font-weight: normal; background-color: transparent;}
a#site-title:focus, a#site-title:active {outline: 1px dotted #999;}

#colours {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
#colours button {
	display: inline;
	width: 20%;
	height: 8px;
	vertical-align: top;
	border: none;
	cursor: pointer;
}
#colours button::-moz-focus-inner {border: none;}
#colours button.over {height: 15px;}
#colours button.current.over {cursor: default;}
#pink {background-color: #e8547b;}
#orange {background-color: #f06825;}
#green {background-color: #999e46;}
#blue {background-color: #769aba;}
#purple {background-color: #8867a3;}


/* =Menu
-------------------------------------------------------------- */
#site-menu {
	position: absolute;
	top: 9.8em;
	width: 100%;
}
#site-menu ul {margin-left: 30px;}
#site-menu li, #site-menu a {
	position: relative; 
	display: -moz-inline-stack; /*for FF2*/
	display: inline-block;
	z-index: 10;
}
#site-menu li {margin: 0 0.25em 0.25em 0; font-size: 1.3em;}
#site-menu a {
	line-height: 1;
	font-weight: normal;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	padding: 0.5em 1em 0.65em;
	color: #fff;
	border: none;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	outline: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#site-menu a:link, #site-menu a:visited {background: #5c7891;}
#site-menu a:hover, #site-menu a:focus, #site-menu a:active {background: #769aba;}
#site-menu a:active {top: 1px;}
#site-menu li.current a:link, #site-menu li.current a:visited {color: #fff;background: #757575;}
#site-menu li.current a:hover, #site-menu li.current a:focus, #site-menu li.current a:active {color: #fff;background: #8f8f8f;}
/* site-menu button colours */
.green #site-menu a:link, .green #site-menu a:visited {color: #fff; background: #767a36;}
.green #site-menu a:hover, .green #site-menu a:focus, .green #site-menu a:active {color: #fff; background: #999e46;}
.blue #site-menu a:link, .blue #site-menu a:visited {color: #fff;background: #5c7891;}
.blue #site-menu a:hover, .blue #site-menu a:focus, .blue #site-menu a:active {color: #fff;background: #769aba;}
.pink #site-menu a:link, .pink #site-menu a:visited {color: #fff;background: #c9496b;}
.pink #site-menu a:hover, .pink #site-menu a:focus, .pink #site-menu a:active {color: #fff;background: #e8547b;}
.orange #site-menu a:link, .orange #site-menu a:visited {color: #fff;background: #c4551e;}
.orange #site-menu a:hover, .orange #site-menu a:focus, .orange #site-menu a:active {color: #fff;background: #f06825;}
.purple #site-menu a:link, .purple #site-menu a:visited {color: #fff;background: #8867a3;}
.purple #site-menu a:hover, .purple #site-menu a:focus, .purple #site-menu a:active {color: #fff;background: #a77fc9;}

/* =Main and Content
-------------------------------------------------------------- */
#content {clear: left; outline: none;}
.home #content {padding-top: 50px;}
h1, .home .content h2 {font-size: 3.4em; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.home #pageHead h2 {margin: 0 0 0.5em;}
.home #tagline {
	font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
	font-size: 2.4em;
	font-style: italic;
	line-height: 1.4;
	margin: 32px 0 40px;
	padding: 15px 20px;
	text-align: center;
}
.home .website-can {
	background: #fff url("images/banner_crop_blue.png") no-repeat right 10px;
	margin-bottom: 20px;
}
.green .website-can {background-image:url("images/banner_crop_green.png");}
.blue .website-can {background-image:url("images/banner_crop_blue.png");}
.pink .website-can {background-image:url("images/banner_crop_pink.png");}
.orange .website-can {background-image:url("images/banner_crop_orange.png");}
.purple .website-can {background-image:url("images/banner_crop_purple.png");}
.home .website-can h3, .home .website-can ul {width: 50%;}
.home .website-can p {font-size: 1.6em;}
/*.home #latest-research {float: left;}
.home #latest-posts {float: right;}
.home #latest-research, .home #latest-posts {width: 40%;}*/
.home #latest-research li span, .home #latest-posts li span {font-size: 0.8em; white-space: nowrap;}
.home .content footer {clear: both;}
.page .tag-links {margin-top: 3em;}
.blog article h2, .archive article h2, .search article h2 {font-size: 2em;}
.blog article, .archive article, .search article {margin-bottom: 3em;}
.page-child .entry-utility, .single .entry-utility {margin-top: 2em;}
.entry-utility div {display: inline; font-size: 1em; line-height: 1.8;}
.entry-utility .cat-links, .entry-utility .tag-links {border-left: 1px solid #666; padding-left: 0.5em;}
.entry-utility .comments-link, .entry-utility .comments-feed, .entry-utility .edit-link {display: block; margin-top: 0.25em;}
.continue {white-space: nowrap;}
.continue:after {content: " →";}
.pubdate {display: block; margin-bottom: 1.5em;}
.box {
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background: -moz-linear-gradient(center top , #ffffff, #fafafa);
	border: 1px solid;border-color: #ccc #999 #999 #ccc;
	margin: 3em 0 2em;
	padding: 0 20px 15px 30px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.box h2, .box h3 {text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.box h2 {margin-top: 1em;}
pre.box {margin: 1em 0 2em; padding: 1em 2em 2em; overflow: auto;}
blockquote.box {margin: 0 0 1em; padding: 20px 30px 5px;}
.right {float: right; margin-left: 2.5em; margin-right: 1em;}
.left {float: left; margin-left: 1em; margin-right: 2.5em;}
.error404 #search {width: 100%;}


/* Images
-------------------------------------------------------------- */
img.left, img.right {margin-bottom: 1em;}

/* =Navigation
-------------------------------------------------------------- */
#breadcrumbs {padding-top: 5px; width: 100%;}
#breadcrumbs ol {list-style: none; margin: 0 0 0 40px;}
#breadcrumbs li {
	display: inline;
	background: #fff url("images/raquo.png") no-repeat center right;
	padding-right: 1.25em;
	margin-bottom: 0;
	margin-right: 0.5em;
	font-size: 1.1em;
	color: #666;
}
#breadcrumbs li.current code, #breadcrumbs li.current kbd {color: #000;}
#breadcrumbs li.current {background: #fff;}
.sectionNav {clear: both;}
nav.sectionNav {margin-bottom: 3em;}
.sectionNav li, p.sectionNav {font-size: 1.2em;}
#nav-above ul {padding-bottom: 1em;}
.nav-previous, .nav-next {
	font-size:1.2em;
	list-style: none;
	margin-bottom: 1em;
}
.nav-previous {float: left;}
.nav-next{float: right;}
.nav-previous a:before {content: "← ";}
.nav-next a:after {content: " →";}

/* =Comments
-------------------------------------------------------------- */
#comments cite {font-style: normal; font-weight: bold;}
.commentlist li {
	list-style: none;
	font-size: 1em;
	margin: 0;
	padding: 1em 10px 1.5em;
	border-style: dashed;
	border-color: #ccc;
}
.commentlist li p {font-size: 1.4em;}
.commentlist li.even {background-color: #fff;border-width: 0;}
.commentlist li.odd {background-color: #fafafa; border-width: 1px 0;}
.commentlist li.bypostauthor {border-left: 10px solid #767a36;}
.green .commentlist li.bypostauthor {border-left-color: #767a36;}
.blue .commentlist li.bypostauthor {border-left-color: #5c7891;}
.pink .commentlist li.bypostauthor {border-left-color: #c9496b;}
.orange .commentlist li.bypostauthor {border-left-color: #c4551e;}
.purple .commentlist li.bypostauthor {border-left-color: #72578a;}
.commentlist li h3 {font-size: 1.8em;}
.comment-meta {font-size: 0.8em;}
.comment-author img {position: relative; float: right; top: -15px; margin: 0 0 20px 20px; padding: 5px; border: 1px outset #999;}
.comment-body {clear: left; font-size: 1em; margin-top: 1.5em; line-height: 1.6;}


/* Comments form */
#respond {margin-top: 4em; border-top: 1px dotted #ccc;}
#respond h2 {margin-top: 0.75em;}
.logged-in-as {font-size: 1.2em;}
.comment-notes {margin-bottom: 0.25em;}
.comment-notes, .form-allowed-tags {font-size: 1.2em; line-height: 1.6;}
#comments textarea {width: 98%;}
#comments label {}
#comments .comment-form-comment label {float: none; width: 10em;}
#comments label span {font-size: 0.8em; font-weight: normal;}
#comments .comment-form-comment label span {position: static;}
#author, #email, #url {margin: 0; vertical-align: top;}
#submit {font-size: 0.9em;}


/* =Widget Areas
-------------------------------------------------------------- */
#sidebar {padding: 5px 0 0 29px; border-left: 1px dotted #ccc;}
.home #sidebar {margin-top: 50px;}
#sidebar h2 {font-size: 1.8em;margin-bottom: 0.25em;}
#sidebar ul {list-style: none;}
#sidebar li {font-size: 1.2em;}
#searchform, #tags, #archives {margin-right: 20px;}
#searchform h2 {margin-top: 0;}
#searchform h2 label {font-weight:normal;}
#searchsubmit {display: block; margin-top: 0.5em;}
#s {font-size: 1.4em; width: 100%;}
#searchsubmit {font-size: 1.2em;}
#feeds h2 {padding-left: 19px; background: #fff url("images/feed-icon-14x14.png") no-repeat top left;}

/* =Footer
-------------------------------------------------------------- */
footer.site {
	position: relative;
	text-align: right;
	height: 18em;
	min-height: 180px;
	background: #fff url("images/footer.png") no-repeat bottom left;
}
footer.site .footer {position: absolute; right: 20px; bottom: 10px; width: 50%;}
footer.site p {font-size: 1em; color: #666; margin-bottom: 0;}
footer.site ul {margin-bottom: 0; line-height: 2;}
footer.site li {display: inline;font-size: 1em;}
li.e-mail {padding-right: 1em; border-right: 1px solid #999;}
li.twitter {padding-left: 0.5em;}
footer.site li img {vertical-align: middle;}

/* =media-queries for different sized viewports and screens
-------------------------------------------------------------- */
@media (max-width: 960px) {
	#page {width: 100%;}
	.home #latest-research, .home #latest-posts {width: auto; float: none;}
}
@media (max-width: 800px) {
	.content {margin-right: 30px;}
	.home #sidebar, #sidebar {clear: both; float: none; padding-top: 3em; border-style: dotted; border-color: #ccc; border-width: 1px 0 0; padding-left: 0; }
	.home #latest-research, .home #latest-posts {width: auto; float: none;}
	footer.site {background: #fff; text-align: left; height: 100%; min-height: 100%; padding-bottom: 10px;}
	footer.site .footer {position: static; width: 100%;}
}
@media (max-width: 650px) {
	.home .website-can {background-image: none;}
	.home .website-can h3, .home .website-can ul {width: 100%;}
}
@media (max-width: 480px) {
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
	#page {max-width: 480px; min-width: 320px;}
	#main, footer.site {padding-right: 30px; padding-left: 30px;}
	#colours button {height: 10px;}
	header.site {background-image: none; padding-right: 30px; padding-left: 30px;}
	#site-menu li {margin-bottom: 1em;}
	#breadcrumbs ol {margin-left: 30px;}
	#page {width: auto;}
	#content {float: none; width: auto; margin-right: 0; border: none;}
	.content {margin-right: 0;}
	#sidebar {float: none; clear: both; width: auto; margin-top: 0; padding-left: 0; padding-top: 3em; border-style: dotted; border-color: #ccc; border-width: 1px 0 0;}
	.home #sidebar {margin-top: 0;}
	#sidebar h2 {font-size: 2.6em;}
	#searchform h2.hidden {position: static; clip:auto;}
	#s {width: auto;}
	#tags li {vertical-align: baseline;}
	#categories li, #archives li {display: inline; margin-right: 0.5em;}
	#author, #email, #url {width: 12em;}
	#comments label span {left: 25.5em;}
	.box.left, .box.right {float:none; margin: 3em 0 2em; width: auto !important;}
	footer.site {background: #fff; text-align: left; height: 100%; min-height: 100%; padding-bottom: 10px;}
	footer.site .footer {position: static; width: 100%;}
	.home .website-can {
		background: none;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
		padding-bottom: 30px;
	}
	.home .website-can h3 {width: 100%;}
	.home .website-can ul {width: 100%;}
	.home .website-can p {font-size: 1.8em;}
	.home #latest-research, .home #latest-posts {width: auto; float: none;}
}
@media (max-width: 320px) {
	header.site {text-align: center; min-height: 21em; padding-left: 15px;}
	#site-menu {top: 13em; width: 250px; margin-left: 30px;}
	#site-menu ul {margin: 0 auto; text-align: center;}
}
/* =Print Style
-------------------------------------------------------------- */
@media print {
	#site-menu, #sidebar, #respond, .navigation, .reply, .entry-utility, #breadcrumbs, .hidden {display: none !important;}
	#page {width: 100%;}
	header.site {min-height: 0; padding-left: 0;}
	header.site, footer.site {background: none;}
	#site-title {font-size: 14pt;}
	#banner {padding: 10px 0;}
	#main {padding-left: 0;}
	#main h1 {font-size: 30pt;}
	#content {float: none; margin-right: 0; padding-top: 0;}
	.content {margin-right: 0;}
	#site-title, #main h1, .home .content h2 {text-shadow: none;}
	footer.site {background: #fff; height: 100%; min-height: 0; margin-top: 40px;}
	footer.site .footer {bottom: 0; right: 0; width: 100%;}

}