@charset "utf-8";

/*
===
CSS Document for Fine Old Posters.
- Contains shell page styles (about, gallery info, poster category pages, etc)
===
*/

p {
	margin: 0;
	padding: 0 0 4px 0;
	line-height: 18px;
}

blockquote {
	margin: 0;
	padding: 0 14px 4px 14px;
	line-height: 18px;
}

.content .left {
	float: left;
	width: 200px;
}

.content .right {
	float: left;
	width: 500px;
	background: #ffffff url('/images/global/bground-content-shell.gif') no-repeat;
	border-right: 1px solid #658cbe;
	border-bottom: 2px solid #b2bac2;
	text-align: left;
}

.content .right .gutter {
	padding: 14px 22px;
}


/* Shell Logo */

.logo {
	display: block;
	width: 200px;
	height: 153px;
}

/* 
Applies to decent browsers.
PNGs are set as backgrounds.
*/

html>body .logo {
	background: url(/images/global/logo-fineoldposters.png) no-repeat;
}

/* 
Applies to IE 6 via CSS parser hack 
filter is a MS extension. It's used here to enable PNG alpha channel.
*/
* html .logo {
	position: relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/global/logo-fineoldposters.png', sizingMethod='scale' );
	cursor: pointer;
}

/* Photos */

.photo {
	border: 1px solid #c0c0c0;
}

.photo img {
	border: 4px solid #fff;
}

.photo.imgleft {
	float: left;
	margin: 0 7px 7px 0;
	padding: 0;
}

.photo.imgright {
	float: right;
	margin: 0 0 7px 7px;
	padding: 0;
}


/*
===
	Index Page
===
*/

.right .gutter.index {
	margin: 0 auto;
	padding-top: 22px;
	padding-bottom: 22px;
	text-align: center;
}

/*
===
	Condition Statement specific styles
===
*/

.condition-grades .condition-grade {
	margin: 7px 0 0 0;
	padding: 0 0 7px 0;
	border-bottom: 1px dotted #c0c0c0;
}

.condition-grades .condition-grade.end {
	border-bottom: none;
}

.condition-grades .condition-grade .grade {
	float: left;
	margin: 0;
	padding: 4px 0 7px 0;
	font-size: 24px;
	width: 37px;
}

.condition-grades .condition-grade .description {
	margin-left: 45px;
}

.condition-grades .condition-grade .description p {
	margin: 0;
	padding: 0;
}