/*
Theme Name: Lorna Schultz Nicholson
Theme URI: http://www.lornaschultznicholson/
Description: Profile theme for Lorna Schultz Nicholson
Version: 1.0
Author: Mike Badgley, A+ Web Creations
Author URI: http://blog.apluswebcreations.com/
Tags: brown, profile, author, presenter, speaker
*/

/**
* Reset
*
* Global reset of all X/HTML elements. This section MUST appear at the top!
*
* @author 	Eric Meyer, meyerweb.com
* @version	1.0 | 20080212
* @see 		http://meyerweb.com/eric/tools/css/reset/
* @section 	reset
* @media 	all
*/
@media all {  

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, vgar,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
   
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
   
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
   
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
}


/**
* Core Layout
*
* Basic styling for most X/HTML elements to give a general layout that is 
* usable and shared across all devices and browsing platforms.
*
* @section	core
*/
html {	
	font-size: 100.01%;
	height: 100%;
}

body {	
	background: #392F2B url(_images/layout/body_bg.gif) repeat-x left top;
	color: #CDCDCD;
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #CCA166;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}

address, p, hr {
	margin: 18px 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 18px 0;
}
	#body h1 {
		color: #CCA166;
		font-size: 30px;
		font-weight: normal;
		line-height: 30px;
		margin: 18px 0;
	}
		#body h1 span { color: #D8660D; }
	
	#body h2 {
		color: #D8660D;
		font-size: 20px;
		font-weight: normal;
		line-height: 22px;
	}

blockquote, dl, ol, ul {
	margin: 18px 0 18px 2.27em;
}
	ul {
		color: #bbb;
		list-style-type: square;
	}



/**
* Page Layout
*
* Define major sections of the template - header, column(s) and footer.
*
* @section	layout
* @media	screen, projection
*/
@media screen, projection {

	/**
	* @subsection Page layout
	*/   
	#page {
		height: 100%;
		margin: 0 auto;
		position: relative;
		width: 837px;
	}
	body > #page{
		height: auto; 
		min-height: 100%;
	}
   
	/**
	* @subsection Header
	*/   
	#header {
		height: 236px;
		margin-bottom: 30px;
		position: relative;
	}
		#header h1 {
			background-image: url(_images/banners/Lorna_Schultz_Nicholson.jpg);
			height: 236px;
			left: 0;
			margin: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}
			#header h1 a { 
				display: block;
				height: 100%;
				text-decoration: none;
			}
		
		/* Tagline */
		#header h2 {
			color: #E0DBD3;
			font-size: 26px;
			font-weight: normal;
			left: 280px;
			line-height: 26px;
			margin: 0;
			position: absolute;
			top: 120px;
			width: 510px;
		}
		


	/**
	* @subsection Content
	*/
	#content {
		display: block;
		float: left;	
		padding-bottom: 115px;
		position: relative;
		width: 100%;
	}
		#content div.column {
			display: inline;
			float: left;
			left: 100%;
			position: relative;
		}

		#body {
			background-color: #2C2520;
			border: 1px solid #28201A;
			margin-left: -836px;
			padding: 1px 18px;
			width: 552px;
		}
		#sidebar {
			margin-left: -215px;			
			width: 214px;
		}


	/**
	* @subsection Footer
	*/   
	#footer {		
		background-color: #2C2520;
		clear: both;
		font-size: 11px;
		height: 150px;
		line-height: 14px;
		margin-top: -115px;
		position: relative;
	}
		#footer div.wrapper {
			margin: 0 auto;			
			padding-top: 17px;
			position: relative;
			text-align: center;
			width: 837px;		
		}
		
		#footer ul.toolbar {
			list-style-type: none;
			margin: 0 0 5px 0;
			text-align: center;
		}
			#footer ul.toolbar li {
				display: inline;
				margin: 0;
			}
				#footer ul.toolbar li a { 
					color: #fff; 
					margin: 0 5px 0 4px;
				}
		
		#footer p.legal {
			margin: 0 0 17px 0;
		}
		


	/**
	* @section Miscellaneous
	*/
   
	/**
	* @subsection Skip over navigation
	*/
	#skipper {
		position: absolute;
		text-indent: -9999px;
	}
   
	/**
	* @subsection Graphical headers
	*/
	.bg {
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		text-decoration: none;
		text-indent: -5000px;
	}
   
	/**
	* @subsection Float "clearfix"
	*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}
	/* Hide from IE Mac \*/
	.clearfix {
		display: block;
	}
	/* End hide from IE Mac */

}



/**
* Navigation
*
* Styling for the primary, secondary, etc. navigation is found within this
* section.
*
* @section	navigation
* @media	screen, projection
*/
@media screen, projection {

	/**
	* @subsection Primary
	*/
	#primary {
		bottom: 0;
		list-style-type: none;
		margin: 0;
		position: absolute;
		right: 0;
	}
		#primary li {
			display: inline;
			float: left;
			margin-left: 8px;
		}
			#primary a {
				background-color: #392F2B;
				color: #F8F8F8;
				display: block;
				font-size: 13px;
				font-weight: bold;
				line-height: 33px;
				padding: 0 15px;
				text-decoration: none;
			}
			#primary a.lit,
			#primary a:hover {
				background-color: #9C4F14;
			}

}



/**
* Printer
*
* The follow styles create a printer-friendly layout.
*
* @section	printer
* @media 	print
*/
@media print {

	
}



/**
* Mobile
*
* The follow styles are applied to mobile devices.
*
* Absolute positioning is an absolute no-no on mobile devices.
* There’s no room to float anything on such a small screen either.
* We need to keep everything in the document flow so that the
* mobile UA sees a one column layout.
*
* Ref: http://nidahas.com/2005/04/04/mobile-css-first-steps/
*
* @section	mobile
* @media	handheld
*/
@media handheld {

	* {
	   background-image: none !important;
	   float: none !important;
	   position: static !important;
	}
	
}



/**
* Sidebar Features
*
* Feature boxes that sit in the sidebar.
*
* @section	sidebar-features
*/
@media screen, projector {

	div.feature {
		background-color: #2C2520;
		border: 1px solid #28201A;
		margin-bottom: 18px;
		padding: 1px 18px;	
		width: auto;
	}
		div.feature h2 {
			color: #CCA166;
			font-size: 24px;
			font-weight: normal;
			margin: 18px 0;
		}
		div.feature h2 span { color: #D8660D; }	
	
		div.feature span.more {
			display: block;
			margin-bottom: 22px;
			text-align: right;
		}
			div.feature span.more a {
				background-color: #392f2b;
				color: #eae7ba;
				padding: 10px;
				text-decoration: none;
			}
			div.feature span.more a:hover { background-color: #CCA166; color: #28201A; }	
		
		div.feature ul li { margin-bottom: 5px; }
	
}



/**
* Blog Posts
*
*/
@media screen, projector {

	div.blog-post {
		margin-bottom: 36px;
	}
		div.blog-post h2 {
			margin-bottom: 0;
		}
			div.blog-post h2 a { 
				color: #D8660D;
				text-decoration: none;
			}
		
		div.blog-post small.date {
			color: #bbb;
			display: block;
			font-size: 11px;
		}
		
		div.postmetadata {
			background-color: #392F2B;
			color: #fff;
			padding: 10px;
		}
			div.postmetadata a {
				
			}
	
}



/**
* Book Rotator
*
*/
@media screen, projector {
		
	#book-rotator {
		background-color: #2C2520;
		border: 1px solid #28201A;
		height: 207px;
		padding: 15px 87px 15px 88px;
		overflow: hidden;
		position: relative;
		width: 660px;
		zoom: 1;
	}
		#book-rotator div.scrollable {
			height: 207px;
			left: 88px;
			overflow: hidden;
			position: absolute;
			top: 15px;
			width: 660px;
		}
			#book-rotator div.items {			
				width: 20000em; 
				position: absolute; 			
			}
				#book-rotator div.items a {					
					float: left;
					margin-right: 10px;
				}
		
		#book-rotator a.browse {
			background: transparent no-repeat left top;
			cursor: pointer;
			display: block;
			height: 48px;
			position: absolute;
			top: 98px;
			width: 48px;
		}
			#book-rotator a.browse.prevPage { 
				background-image: url(_images/buttons/rotator_arrow_previous.gif); 
				left: 15px;
			}
			#book-rotator a.browse.nextPage { 
				background-image: url(_images/buttons/rotator_arrow_next.gif); 
				right: 15px;
			}
		
}



/**
* Call to Action - Home Page
*
*/
@media screen, projector {

	#call-to-action {
		margin: 20px 0;
	}
		#call-to-action div.feature {
			display: inline;
			float: left;
			width: 222px; /* 260 */
		}
		#call-to-action div.feature2 { margin-left: 29px; }
		#call-to-action div.feature3 { margin-left: 28px; }

}



/**
* Books: List all book covers and their publisher/date.
*
*/
@media screen, projector {

	#book-list {
		list-style-type: none;
		margin: 0 0 17px -25px;
	}
		#book-list li {
			display: -moz-inline-stack;
			display: inline-block;
			*display: inline;			
			min-height: 217px;
			margin: 0 0 17px 40px;
			text-align: center;
			vertical-align: top;
			width: 144px;
			zoom: 1;
			_height: 217px;
		}
			#book-list li img {
				border: 1px solid #28201a;
				display: block;
				margin: 0 auto 5px auto;
			}
			#book-list li :hover img { border-color: #D8660D; }

	
	#book-details {
	
	}
		#book-details img.cover {
			border: 2px solid #392f2b;
			float: right;
			margin: 0 0 17px 27px;
			padding: 2px;
		}
		
	blockquote.quote {
		margin: 0 0 34px 0;
	}
		blockquote.quote p { 
			color: #fff; 
			margin-bottom: 0; 			
		}
		blockquote.quote cite { 
			color: #aaa;
			display: block; 
			font-size: 11px;
			text-align: right; 
		}

}



/**
* Subscribe to RSS / Contact Lorna
*
*/
@media screen, projector {
	
	#subscribe {
		padding: 1px 10px;
	}
		#subscribe a {
			color: #fff;
			display: block;	
			font-size: 18px;		
			padding: 10px 0 10px 40px;
			text-decoration: none;
		}
		#subscribe a.rss {
			background: transparent url(_images/icons/rss.png) no-repeat 0 0%;
			padding: 6px 0 14px 40px;
		}
		#subscribe a.contact {
			background: transparent url(_images/icons/email.png) no-repeat 0 50%;
		}
	
}