/*
 *	Pantera Press: Core Styles for All Pages
 *	@author Adam Schilling <adam.schilling@august.com.au>
 */


/*	Imports
	----------------------------------- */

@import url("modules/reset.css");
@import url("modules/font-face.css");

@media screen, projection, print {


/*	Generic elements
	----------------------------------- */

	html {
		font-family: 'Helvetica', 'Arial', sans-serif;
		}

	body {
		margin: 0;
		min-width: 990px;
		padding: 0;
		line-height: 1.3;
		}

	a, a:link, a:visited {
		border-bottom: 0;
		color: #0096d6;
		padding-bottom: 1px;
		text-decoration: none;
		}

	a:hover, a:active {
		border-bottom: 1px dashed #0096d6;
		padding-bottom: 0;
		text-decoration: none;
		}

	h1, h2, h3, h5, #nav-site {
		font-family: 'MuseoSlab500', 'Verdana', 'Lucida Grande', 'Geneva', 'Tahoma', sans-serif;
		font-weight: normal;
		line-height: normal;
		line-height: normal;
		}

	h1 {
		color: #2b2b2b;
		font-size: 48px;
		margin: 0 0 15px;
		}

	h2 {
		color: #2b2b2b;
		font-size: 26px;
		}

	h3 {
		color: #726559;
		font-size: 22px;
		}

	h5 {
		font-size: 18px;
		}

	p {
		font-size: 15px;
		}

	em { font-style: italic; }

	strong { font-weight: bold; }


/*	Page structure
	----------------------------------- */

	.section {}

	#container {
		margin: 0;
		min-width: 990px;
		padding: 0;
		position: relative;
		}

	#masthead {
		background: transparent url('../images/white-opacity90.png') repeat 0% 0%;
		display: block;
		height: 107px;
		left: 0;
		margin: 0;
		max-height: 107px;
		max-width: 100%;
		min-height: 107px;
		min-width: 990px;
		padding: 0;
		text-align: center;
		top: 0;
		width: 100%;
		}
	

	#masthead-wrapper {
		display: block;
		height: 107px;
		margin: 0 auto;
		max-height: 107px;
		max-width: 990px;
		min-height: 107px;
		min-width: 990px;
		padding: 0 0 0;
		position: relative;
		text-align: left;
		width: 990px;
		}

	#content {
		clear: both;
		margin: 30px auto 0;
		max-width: 990px;
		min-width: 990px;
		padding: 0;
		position: relative;
		width: 990px;
		}

	#main {
		float: left;
		margin: 0;
		max-width: 760px;
		min-width: 760px;
		padding: 0;
		position: relative;
		width: 760px;
		}

	#noteworthy,
	#footer {
		display: block;
		clear: both;
		}


/*	Core navigation
	----------------------------------- */

	.nav li { display: inline-block; }
	.nav a { text-decoration: none; }
	.nav a:focus { outline: none; }

	#page-top-link {
		display: block;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-align: right;
		}

	#page-top-link a,
	#page-top-link a:link,
	#page-top-link a:visited {
		background: transparent url(../images/transition-nav-sprites.png) no-repeat 5px -322px;
		border: 1px solid #eee9e3;
		color: #85796e;
		display: block;
		float: right;
		font-size: 10px;
		height: 28px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		min-height: 28px;
		padding: 0 10px 0 30px;
		position: relative;
		text-align: center;
		text-shadow: #fff 0 1px 0;
		text-transform: uppercase;
		}

	#page-top-link a:hover,
	#page-top-link a:active {
		background: #ebe4e0 url(../images/transition-nav-sprites.png) no-repeat 5px -349px;
		color: #3c3632;
		text-shadow: none;
		-moz-transition: background-color 0.2s ease-out;  /* FF3.7+ */
		-o-transition: background-color 0.2s ease-out;  /* Opera 10.5 */
  		-webkit-transition: background-color 0.2s ease-out;  /* Saf3.2+, Chrome */
		}

	#frontpage #page-top-link { display: none; }

	a.page-arrow-left,
	a.page-arrow-left:link,
	a.page-arrow-left:visited,
	a.page-arrow-right,
	a.page-arrow-right:link,
	a.page-arrow-right:visited {
		background: #cfe2f5 url(../images/pagination-sprites.png) no-repeat 100% 0;
		border: 1px solid #a7ceed;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		color: #0096d6;
		display: block;
		float: right;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		height: 19px;
		line-height: 19px;
		margin: 19px 0 0;
		max-height: 19px;
		min-height: 19px;
		overflow: hidden;
		padding: 0 24px 0 8px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		}

	a.page-arrow-left,
	a.page-arrow-left:link,
	a.page-arrow-left:visited {
		background-position: 0% -38px;
		padding: 0 8px 0 24px;
		}

	a.page-arrow-left:hover,
	a.page-arrow-left:active,
	a.page-arrow-right:hover,
	a.page-arrow-right:active {
		background: #0096d6 url(../images/pagination-sprites.png) no-repeat 100% -19px;
		border: 1px solid #0096d6;
		color: #fff;
		}

	a.page-arrow-left:hover,
	a.page-arrow-left:active {
		background-position: 0% -57px;
		}

	.page-shop .bookcase h2 {
		clear: left;
		}

	.book-covers ul {
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		}

	.book-covers li {
		display: block;
		float: left;
		list-style-image: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0 19px 0 0;
		padding: 0;
		position: relative;
		}

	.book-covers dt {
		border: 1px solid #dad9d9;
		display: block;
		height: 200px;
		line-height: 200px;
		margin: 0 0 22px;
		max-height: 200px;
		max-width: 157px;
		min-height: 200px;
		min-width: 157px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: center;
		width: 157px;
		}

	.book-covers dd {
		display: block;
		font-size: 14px;
		margin: 0;
		max-width: 157px;
		min-width: 157px;
		padding: 0;
		position: relative;
		text-align: left;
		text-transform: none;
		width: 157px;
		}



/*	Logo (TODO: hover styles from Jase)
	----------------------------------- */

	a#logo,
	a#logo:link,
	a#logo:visited {
		border: 0;
		display: block;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 20px;
		}


/*	Skip-to-links (TODO: add to markup)
	----------------------------------- */

	#nav-skip {
		position: absolute;
		text-indent: -9999em;
		}


/*	Site navigation
	----------------------------------- */

	#nav-site {
		background: transparent;
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: 67px;
		white-space: nowrap;
		}

	#nav-site li {
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		margin: 0 0 0 8px;
		min-height: 40px;
		max-height: 40px;
		padding: 0;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		}

	#nav-site li a,
	#nav-site li a:link,
	#nav-site li a:visited {
		border: 0px solid #fff;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		color: #403e3d;
		display: block;
		height: 40px;
		line-height: 40px;
		margin: 0;
		min-height: 40px;
		max-height: 40px;
		padding: 0 8px;
		text-decoration: none;
		}

	#nav-site li a:hover,
	#nav-site li a:active {
		color: #756a61;
		}

	#nav-site li.selected,
	#nav-site li.selected a {
		background-color: #fff;
		color: #756a61;
		}


/*	Account navigation
	----------------------------------- */

	#nav-account {
		background: transparent url('../images/white-opacity45.png') repeat 0% 0%;
		display: block;
		margin: 0;
		padding: 0;
		float: right;
		white-space: nowrap;
		}

	#nav-account li {
		display: block;
		float: left;
		line-height: 10px;
		margin: 0;
		padding: 0;
		}

	#nav-account li a,
	#nav-account li a:link,
	#nav-account li a:visited {
		background: transparent url(../images/transition-nav-sprites.png) no-repeat 100% -293px;
		border: 0;
		color: #85796e;
		display: block;
		font-size: 10px;
		height: 28px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		min-height: 28px;
		padding: 0 11px 0 10px;
		position: relative;
		text-align: center;
		text-shadow: #fff 0 1px 0;
		text-transform: uppercase;
		}

	#nav-account li a:hover,
	#nav-account li a:active {
		background: #ebe4e0 url(../images/transition-nav-sprites.png) no-repeat 100% -293px;
		color: #3c3632;
		text-shadow: none;
		
		-moz-transition: background-color 0.2s ease-out;  /* FF3.7+ */
		-o-transition: background-color 0.2s ease-out;  /* Opera 10.5 */
  		-webkit-transition: background-color 0.2s ease-out;  /* Saf3.2+, Chrome */
	}

	#nav-account li a#nav-manuscript,
	#nav-account li a#nav-manuscript:link,
	#nav-account li a#nav-manuscript:visited {
		background-position: 100% -239px;
		padding-right: 30px;
		}

	#nav-account li a#nav-manuscript:hover,
	#nav-account li a#nav-manuscript:active {
		background-position: 100% -266px;
		}

	#nav-search {
		float: right;
	}
	#nav-search form,
	#nav-search form fieldset,
	#nav-search form input {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		}

	#nav-search form input#search {
		background-color: #fff;
		border: 0;
		border-right: 1px solid #f0edea;
		color: #49413c;
		display: block;
		font-style: normal;
		font-size: 10px;
		font-weight: normal;
		height: 28px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		min-height: 28px;
		min-width: 160px;
		padding: 0 15px;
		text-transform: uppercase;
		width: 170px;
		}

	#masthead #nav-search form input.clearFieldActive,
	#footer #footer-subscribe .footer-wrapper form input.clearFieldActive {
		color: #000;
		font-size: 13px;
		letter-spacing: normal;
		line-height: 18px;
		text-transform: none;
		}

	#nav-search form input.submit-button {
		background-color: #85796e;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 10px;
		height: 28px;
		letter-spacing: 1px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		min-height: 28px;
		padding: 0 10px;
		text-transform: uppercase;
		}

	
/*	Forms
	----------------------------------- */
	
	input, textarea, select {
		font-family: 'Helvetica', 'Arial', sans-serif;
		font-size: 1em;
		padding: 3px 5px;
		border: 1px solid #85796E;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		}

	.page-contact-us form {
		padding-bottom: 40px;
		}

	.page-contact-us label {
		font-size: 14px;
		}


/*	Footer
	----------------------------------- */

	#footer {
		border-top: 3px double #ebe5e1;
		clear: both;
		display: block;
		height: 93px;
		margin: 30px 0 15px;
		position: relative;
		white-space: nowrap;
		width: 990px;
		}

	#footer-good-books,
	#footer-social,
	#footer-subscribe {
		border: 1px solid #ebe5e1;
		border-left: 0;
		border-top: 2px solid #fff;
		display: block;
		float: left;
		height: 90px;
		margin: 0;
		position: relative;
		}

	#footer-good-books {
		color: #655b53;
		font-size: 12px;
		padding: 0 1px 0 0;
		width: 328px;
		}

	#footer-social {
		border-right: 0;
		padding: 0 0 0 2px;
		width: 328px;
		position: relative;
		}

	#footer-subscribe {
		border-left: 1px solid #ebe5e1;
		border-right: 0;
		padding: 0 0 0 1px;
		width: 328px;
		}

	#footer .footer-wrapper {
		background: #f8f5f3 url(../images/footer-bg.png) no-repeat 0% 0%;
		border: 1px solid #fff;
		border-bottom: 0;
		border-top: 0;
		display: block;
		height: 68px;
		overflow: hidden;
		margin: 0;
		padding: 20px 15px 0;
		
		-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
		-o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  		-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
	}

	#footer-good-books .footer-wrapper {
		margin: 0 1px 0 0;
		width: 295px;
		}

	#footer-good-books:hover .footer-wrapper,
	#footer-good-books.hover .footer-wrapper  {
		background-color: #e3ecf3;
		}

	#footer-social .footer-wrapper {
		background-position: 0% -200px;
		margin: 0;
		width: 294px;
		}

	#footer-social:hover .footer-wrapper,
	#footer-social.hover .footer-wrapper {
		background-color: #e9f5e6;
		}

	#footer-subscribe .footer-wrapper {
		background-position: 0% -400px;
		margin: 0 0 0 1px;
		width: 295px;
		}

	#footer-subscribe:hover .footer-wrapper,
	#footer-subscribe.hover .footer-wrapper  {
		background-color: #faeeee;
		}

	#footer h5 {
		margin: 0 0 10px;
		}

	#footer-good-books h5 { color: #0096d6; }

	#footer-social h5 { color: #5e9358; }

	#footer-subscribe h5 { color: #d02e2d; }

	#footer-social a {
		border: 0;
		}

	#footer-social ul,
	#footer-social .nav {
		list-style-image: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#footer-social li {
		clear: none;
		display: block;
		float: left;
		height: 24px;
		margin: 0;
		max-height: 24px;
		max-width: 24px;
		min-height: 24px;
		min-width: 24px;
		padding-left: 66px;
		width: 24px;
		}

	#footer-social li:first-child {
		padding-left: 0;
		text-align: right;
		}

	#footer-social dt,
	#footer-social dt a,
	#footer-social dt a:link,
	#footer-social dt a:visited {
		margin: 0;
		padding: 0;
		}

	#footer-social dd {
		display: none;
		position: absolute;
		top: 15px;
		right: 10px;
		background-color: #f8fff6;
		font-size: 10px;
		border: 1px solid #b8dcae;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 5px;
		color: #486c47;
		text-transform: lowercase;
		}

	#footer-subscribe form,
	#footer-subscribe form fieldset,
	#footer-subscribe form input {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		}

	#footer-subscribe form input#subscribe {
		background-color: #fff;
		border: 0;
		border-right: 1px solid #f0edea;
		color: #49413c;
		display: block;
		font-style: normal;
		font-size: 10px;
		font-weight: normal;
		height: 28px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		min-height: 28px;
		min-width: 160px;
		padding: 0 15px;
		text-transform: uppercase;
		width: 220px;
		}

	#footer-subscribe form input.clearFieldActive {
		color: #000;
		font-size: 13px;
		letter-spacing: normal;
		line-height: 18px;
		text-transform: none;
		}

	#footer-subscribe form input.submit-button {
		background-color: #85796e;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 10px;
		height: 28px;
		letter-spacing: 1px;
		line-height: 28px;
		margin: 0;
		max-height: 28px;
		max-width: 38px;
		min-height: 28px;
		min-width: 38px;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
		width: 38px;
		}

	#footer-links,
	#footer-support {
		color: #ada297;
		font-size: 10px;
		list-style: none;
		margin: 0;
		height: 27px;
		border-bottom: 1px solid #ebe5e1;
		padding: 0 10px;
		}

	#footer-support {
		border-bottom: 0;
		clear: both;
		display: block;
		margin: 0;
		padding: 10px 0;
		position: relative;
		text-align: center;
		}

	#footer-support li {
		clear: none;
		display: inline;
		}

	#footer-support p {
		display: inline;
		font-size: 10px;
		}

	#footer-links li {
		float: left;
		width: 317px;
		}

	#footer-links li.copyright {
		text-align: right;
		}

	#footer-links li ul {
		text-align: right;
		}

/*	(TODO: link hover style from Jase) */
	#footer-links li ul a,
	#footer-support a {
		border: 0;
		border-right: 1px solid #ada297;
		color: #ada297;
		display: inline;
		padding: 0 1em;
		}

	#footer-links li ul li:last-child a,
	#footer-links li ul li.last-child a,
	#footer-support li:last-child a,
	#footer-support li.last-child a {
		border: 0;
		}

	#footer-support p,
	#footer-support ul {
		display: inline;
		}


/*	Left-overs
	----------------------------------- */

	.clear {
		background-color: transparent;
		clear: both;
		display: block;
		height: 1px;
		margin-top: -1px;
		position: relative;
		white-space: nowrap;
		width: 100%;
		}

	.print { display: none; }

	.screen { display: inherit; }

}


/*	Print
	----------------------------------- */

@media print {

	.screen { display: none; }

	.print { display: inherit; }

}