/*
#######################################################################
# 
# Neil Lerner Kitchens
# Print CSS stylesheet
# Last modified: 10:18 09/12/2008
#
# Hand-crafted by Phenotype (phenotype.net)
#
#######################################################################
-----------------------------------------------------------------------
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. Copying, modifying or any other 
use of design related images is STRICTLY FORBIDDEN.
-----------------------------------------------------------------------
*/

/*///////////////////////////////////////////////////////////////////
// Global reset
///////////////////////////////////////////////////////////////////*/

@import "reset.css";

/*///////////////////////////////////////////////////////////////////
// sIFR header replacement styles
///////////////////////////////////////////////////////////////////*/

@import "../../sifr3/css/sifr-print.css";

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

body {
	padding: 1em;
	background: #fff;
	}
	
#access, #background, #header h1, #navigation, #canvas-overview, #canvas #canvas-navigation, #canvas.scrapbook .photostream.primary, #canvas .photostream.secondary, #canvas .photostream.primary ul li.previous, #canvas .photostream.primary ul li.next, #canvas #browse-all, #canvas .canvas-footer, #content p.action-link, #cluetip {
	display:none;
	}
	
#header img {
	margin: 0 15px 20px 0;
	}
	
#header {

	}
	
#content {
	padding: 20px 0 0 0;
	}
	
#footer {
	margin: 0 0 20px 0;
	clear: both;
	border-top: 3px solid #999;
	}
	
.row, .column {
	clear: both;
	}
	
.column {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #999;
	}
	
#canvas .photostream ul {
	margin: 20px 0;
	line-height: 1;
	list-style-position: outside;
	}
	
	#canvas .photostream ul li {
		text-indent: 0;
		list-style: none;
		}
	
#canvas .canvas-tab, #canvas .canvas-page {
	background: #fff;
	}
	
/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family: Helvetica, Arial, sans-serif;
	color: #111;
	}
	
a {
	color: #cc0000;
	}
	
	a.img-link {
		padding: 0 !important;
		border: 0 !important;
		}
  
acronym {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
cite {
	font-size: 1.1em;
	line-height: 1.256;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	}
  
code, pre {
	font-family: monospace;
	font-size: 1.3em;
	line-height: 1.538;
	}
  
dl {
	margin: 0 1em 1.538em 1em;
	font-size: 1.3em;
	line-height: 1.538;
	text-align: left;
	}

em, i {
	font-size: 1.1em;
	line-height: 1.256;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	}
	
h1 {
	}
	
h2 {
	font-size: 4.8em;
	line-height: 1.25;
	font-weight: normal;
	text-align: left;
	}
	
h3 {
	font-size: 3.6em;
	line-height: 1.111;
	font-weight: normal;
	text-align: left;
	}

h4 {
	font-size: 2.4em;
	line-height: 1.667;
	font-weight: normal;
	text-align: left;
	}
	
h5 {
	font-size: 1.5em;
	line-height: 1.333;
	font-weight: normal;
	text-align: left;
	} 
	
hr {
	display: none;
	visibility: hidden;
	}
  
img {
	border: 0;
	}
	
ol {
	margin: 0 1em 1.538em 1em;
	font-size: 1.3em;
	line-height: 1.538;
	text-align: left;
	list-style-position: inside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.538em 0;
	font-size: 1.3em;
	line-height: 1.538;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.8em;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 1em 1.538em 1em;
	font-size: 1.3em;
	line-height: 1.538;
	text-align: left;
	list-style-position: inside;
	}
	
	ul li {
		list-style-type: disc;
		}
  
	ul dl, ul ul, ul ol, ul p, ol dl, ol ul, ol ol, ol p, dl dl, dl ul, dl ol, dl p, ol label, ol input {
		font-size: 1em !important;
		}	
	
	
/*
Section-specific styles 
---------------------------
*/

#header #contact-details h3 {
	margin: 0 0 2px 0;
	font-size: 1.8em;
	line-height: 1;
	}

#content a {
	padding: 0 0 1px 0;
	font-weight: bolder;
	text-decoration: none;
	color: #222;
	border-bottom: 2px solid #cc0000;
	}
  
#content a.img-link {
	border-bottom: none !important;
	}
  
#content acronym, #content abbr {
	color: #444;
	font-weight: bold;
	border-bottom: 1px dotted #a09a9c;
	}
  
#content dl {
	margin: 1.2em 12px;
	}
	
#content dt {
	margin: 0;
	font-weight: bolder;
	color: #444;
	}
	
#content dd {
	margin: 0 0 0.5em 0;
	}
	
#content h3.scrapbook-heading {
	text-transform: capitalize;
	}
	
#content img {
	margin: 0 15px 20px 15px;
	float: left;
	}
	
	#content p img {
		margin: 0 15px 20px 0;
		float: left;
		}
	
	#content p.keywords strong {
		padding: 0 0 0 20px;
		background: url(../../images/template/screen/icons.gif) left -114px no-repeat;
		}
  
	#content ul li {
		text-indent: -15px;
		}
  
#footer {
	color: #999;
	}
	
	#footer p {
		margin: 10px 0;
		text-align: right;
		}

		
/*
Thumbnail list
---------------------------
*/
html #content .thumbnail-list {
	width: auto;
	}

	#content .thumbnail-list br {
		clear: both;
		}
		
	#content .thumbnail-list img {
		width: 120px;
		height: 80px;
		float: none;
		margin: 0;
		display: block;
		}

	#content .thumbnail-list ul {
		display: block;
		margin: 0;
		list-style: none;
		line-height: 1;
		}
		
		#content .thumbnail-list ul li {
			margin: 5px 5px;
			float: left;
			text-indent: 0;
			list-style: none;
			}
			
		#content .thumbnail-list ul li a {
			margin: 1px 1px;
			padding: 0;
			display: block;
			border: 1px solid #999;
			line-height: 1;
			}
			
		#content .thumbnail-list ul li.current-photo a {
			margin: 0;
			border: 2px solid #fff;
			}
				
			#content .thumbnail-list ul li h5 {
				padding: 3px 0 5px 0;
				font-size: 1em;
				line-height: 1.385;
				text-align: center;
				}
			
				#content .thumbnail-list ul li h5 a {
					margin: 0;
					padding: 0;
					display: inline;
					border: none;
					border-bottom: 2px solid #222;
					}

/* 
Canvas system
---------------------------
*/

#canvas-overview h4 {
	font-size: 2em;
	line-height: 1.8em;
	padding: 0;
	background: none;
	}
	
/* Photostream */
#canvas .photostream ul li img {
	float: none;
	margin: 0;
	display: block;
	}
		
/*
Moodboard system
---------------------------
*/

#content #scrapbook {
	width: 650px;
	margin: 20px 0;
	}

#content #scrapbook br {
	clear: both;
	}
	
#content #scrapbook a {
	margin: 1px 11px 11px 1px;
	padding: 0;
	display: block;
	border: 1px solid #999;
	}
		
/* Moodboard images */
#content #scrapbook img {
	margin: 0;
	float: none;
	display: block;
	}

#content #scrapbook .to-right {
	float: right !important;	
	}

#content #scrapbook ul.scrapbook-layout {
	float: left;
	display: block;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content #scrapbook ul.scrapbook-layout li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	}

#content #scrapbook ul.scrapbook-layout li.big a img {
	width: 286px;
	height: 286px;
	}

#content #scrapbook ul.scrapbook-layout li a img {
	width: 86px;
	height: 86px;
	}

#content #scrapbook ul.scrapbook-layout li.medium a img {
	width: 186px;
	height: 186px;
	}

/*
Forms
---------------------------
*/

p.error strong {
	color: #ee0000;
	}

input.button {
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	}
  
input.text {
	padding: 5px 5px;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

input.text:focus {
	color: #000;
	border: 2px solid #cc0000;
	}
	
label {
	font-size: 1em;
	font-weight: bold;
	}
  
legend {
	font-size: 1em;
	font-weight: bold;
	}
	
textarea {
	padding: 5px 5px;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

textarea:focus {
	color: #000;
	border: 2px solid #cc0000;
	}

#content fieldset {
	}
  
	#content fieldset input.button {
		margin: 0 0 5px 120px;
		}
	
	#content fieldset input.text {
		width: 250px;
		margin: 0 0 5px 0;
		}
		
	#content fieldset label {
		width: 120px;
		display: block;
		float: left;
		margin: 5px 0 5px 0;
		}
  
	#content fieldset select {
		margin: 0 0 5px 0;
		}
	
	#content fieldset textarea {
		width: 400px;
		margin: 0 0 5px 0;
		}