/*
=====================================================
Crescent House website - Print CSS stylesheet

Version 1.0
=====================================================
-----------------------------------------------------
       (c) Robin North for pFusion:Design 2007
              www.pfusion-design.co.uk
                www.robinnorth.co.uk
							
------------------------------------------------------

You may use this file for learning purposes, but DO NOT 
copy the code in its entirity. The unique combination of 
images, colours, sizes, typography and positioning ('the 
design') is copyright Robin North 2007. Copying, 
modifying or any other use of design related images is 
STRICTLY FORBIDDEN.
*/

	
/*
Page layout and appearance
------------------------------------------------------
*/  

body {
	}
	
	
#access, .anchor, #menu, .photo_boxout {
	display:none;
	visibility:hidden;
	}
	
#footer {
	width:100%;
	padding:1.4em 1em 1.4em 1em;
	border-top:1px solid #999;
	}
	
#content #pfusion_link {
	padding:0px 20px 20px 0px;
	background:url(../images/screen/pfusion_sprite.gif) no-repeat top right;
	}
	

/*
Typography and content formatting
------------------------------------------------------
*/ 

body {
	font-size:62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#111;
	}

p {
	margin:0 1em 1.4em 1em;
	font-size:1.4em;
	line-height:2em;
	letter-spacing:0.03em;
	}
	
h1 {
	font-size:3.4em;
	font-weight:normal;
	font-style:italic;
	letter-spacing:-.05em;
	color:#bc3f14;
	}

h2 {
	font-size:2.5em;
	font-weight:normal;
	font-style:italic;
	letter-spacing:-.05em;
	color:#bc3f14;
	}
	
h3 {
	margin:0 30px 0 30px;
	padding:5px 5px 0 5px;
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:-.05em;
	color:#bc3f14;
	background:#e1d9c5;
	border:2px solid #C2B78F;
	border-bottom-width:0px;
	}
	
li {
	list-style-image:url(../images/screen/bullet.gif);
	}
	
small {
	font-size:0.8em;
	color:#444;
	}
			
strong {
	color:#383428;
	}
	
ul {
	margin:0 2em 1.4em 1em;
	font-size:1.4em;
	list-style-position:inside;
	line-height:2em;
	letter-spacing:0.03em;
	}
	
.highlight {
	padding:1px;
	color:#bc3f14;
	background:#cfad8e;
	}
	
#content a {
	padding:2px;
	color:#bc3f14;
	background:#cfad8e;
	text-decoration:none;
	border-bottom:1px dotted #444;
	}
	
#content a:hover {
	color:#bc3f14;
	background:#e1d9c5;
	border-bottom:2px solid #888;
	}

	
p.description {
	margin:0 30px 1.4em 30px;
	padding:5px;
	font-style:italic;
	background:#e1d9c5;
	border:2px solid #C2B78F;
	border-top-width:0px;
	}
	
span.price {
	font-size:1.4em;
	font-weight:normal;
	color:#bc3f14;
	}
	
#content #pfusion_link a {
	color:#666;
	background:none;
	border-bottom:1px dotted #999;
	}
	
#content #pfusion_link a:hover {
	color:#666;
	background:#eee;
	border-bottom:2px solid #999;
	}
	
#sidebar_content p {
	line-height:1.8em;
	}

#footer {
	font-size:1.2em;
	color:#999;
	letter-spacing:-0.02em;
	text-align:right;
	}
	
/*
Lightbox image viewer stylesheet
------------------------------------------------------
*/ 
	
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/screen/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/screen/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/screen/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:1.4em;
	line-height:1.4em;
	color:#111;
	background-color: #fff;
	margin: 0 auto;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ color:#999; display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}