@charset "utf-8";

/*
===
CSS Document for Fine Old Posters.
- Contains global styles, such as background, navigation, and site footer
===
*/

* {
	margin: 0; /* Sticky Footer Code */
}

html, body {
	height: 100%; /* Sticky Footer Code */
}

body {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background: #a4c3ef url('/images/global/bground-site.jpg') no-repeat top center;
	font: 11px verdana, arial, helvetica, sans-serif;
	line-height: 16px;
	color: #000;
}

.wrapper { /* Sticky Footer Code */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px auto; /* the bottom margin is the negative value of the footer's height */
}

a:link,
a:visited,
a:hover,
a:active {
	color: #000;
}

a:hover {
	text-decoration: none;
}


h1 {
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px 0;
}

h2 {
	margin: 0;
	padding: 7px 0 4px 0;
	font-weight: normal;
	font-size: 14px;
}

h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-weight: normal;
	font-size: 12px;
}

h4 {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px 0;
	color: #c0c0c0;
}

h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
	color: #c0c0c0;
}

/*
===
	Site Navigation
===
*/

.sitenav {
	text-align: left;
}

.sitenav a:hover {
	background-color: #c6e9ff;
}

.sitenav ul {
	list-style-type: none;
	margin: 0 0 0 38px;
	padding: 0;
}

.sitenav ul ul {
	margin: 0 0 0 20px;
}

.sitenav ul.sitenav-posters {
	padding-bottom: 6px;
	border-bottom: 1px dotted #000;
}

.sitenav ul.sitenav-shell {
	padding-top: 6px;
}

.sitenav .gutter {
	padding: 0 14px 0 0;
}

/*
===
	Content Container
===
*/

.content {
	width: 702px;
	margin: 0 auto 0 auto;
	padding: 14px 0 14px 0;
	text-align: center;
}

/*
===
	Site Footer
===
*/

.footer, .push /* Sticky Footer Code */ {
	height: 60px; /* .push must be the same height as .footer */
}

.footer {
	background-color: #000;
	color: #fff;
	font-weight: 900;
	margin: 0 auto;
	text-align: center;
}

.footer p {
	margin: 0;
	padding: 0;
}

.footer .gutter {
	padding: 12px 0 0 0;
}

/*
===
	Hacks and Other CSS Tricks
===
*/

.content:after,
.poster-details .gutter:after,
.posters-row:after,
.condition-grades .condition-grade:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;	
}

* html .content,
* html .poster-details .gutter,
* html .posters-row,
* html .condition-grades .condition-grade,
* html .condition-grades .condition-grade .description {
	height: 1%;
}

.content,
.poster-details .gutter,
.poster-row,
.condition-grades .condition-grade,
.condition-grades .condition-grade .description {
	* height: 1%;
}