/* --------------------------------------------------------------------- 
Copyright 2009, Sarah Horton and Patrick Lynch. All rights reserved.

http://webstyleguide.com

*/




/* MAIN LAYOUT
------------------------------------------------------------------------ */
body
{ 
	color: black; 
	font: 85%/1.6em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif; 
	margin: 0; 
	padding: 0;
} 

/* Link formatting */

a
{
	text-decoration: none;
}

a:link 
{
	color: #0a416b;
}

a:visited
{
	color: #4a4162;
}

a:hover 
{ 
	color: #000;
}

/* Elements to hide in screen view */

#print_banner, .print, .hidden
{
	display: none !important;
}

/* Don't add extra space around nested divs */

#middle_column #sidebar, #middle_column #sidebar_home, #middle_column div.contentSidebar, #middle_column div.contentSidebar div, #footer div.book-cover, #middle_column #comment_form, #middle_column #comments, #middle_column #tags, #middle_column #categories, #middle_column .content-nav, #middle_column #goog-wm, #middle_column #goog-fixurl, #middle_column .content
{
	margin: 0;
	padding: 0;
	border-right: none;
}

/* Page Wrapper */

#wrap
{
	background-color: white;
}

#wrap-inner
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 18px 0;
	background: white url("../graphics/content-bg.gif") repeat-x;
}

/* Clip right of image */

#clip
{
	width: 1px;
	float: right;
	background-color: #000;
}

/* Header */

#blue
{
	width: 100%;
	height: 4px;
	background: #a4b7c4;
}

/* Banner */

#screen_banner
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #8f4141;
	border-bottom: 1px solid #713333;
	float: left;
}

#screen_banner img
{
	float: left;
	margin: 18px 12px 4px 8px;
	padding-right: 22px;
}

#screen_banner a img
{
	border: none;
	border-right: 1px solid #713333;
	margin-right: 22px;
}

#screen_banner p
{
	color: white;
	font: 1.2em:
	padding: 0;
	margin: 34px 0 0;
}

#screen_banner p a
{
	color: white;
}

#screen_banner p a:hover
{
	text-decoration: underline;
}

/* SITE NAVIGATION
------------------------------------------------------------------------ */

#site_nav
{
	clear: both;
	width: 100%;
	border-top: 1px solid #a15f5f;
	padding: 0;
	margin: 0;
	background: #8f4141;
	font: 1.1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
}

#site_nav ul
{
	margin: 0;
	padding: 12px 18px 5px;
	list-style: none;
}

#site_nav li
{
	margin: 0;
	padding: 0;
	display: inline;
}

#site_nav a
{
	color: #d8e0e6;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 12px;
	white-space: nowrap;
	font-weight: normal;
}

#site_nav a.current
{
	color: black;
	background-color: #d8e0e6;
}

#site_nav a:hover
{
	color: black;
	background-color: #d8e0e6;
	border-bottom: none;
}

/* MAIN CONTENT FORMATTING
------------------------------------------------------------------------ */


/* Middle Column */

#middle_column
{
	float: left;
	width: 80%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#middle_column div
{
	margin: 0;
	padding: 24px 30px 0px 20px;
	border-right: 2px solid white;
}


/* Right Column */

#right_column
{
	width: 20%;
	float: right;
	margin: 0;
	padding: 0;
}

#right_column div
{
	margin: 0;
	padding: 18px 10px;
}


/* Book Navigation */

.book_nav
{
	clear: both;
	margin: -5px 0 2px 0;
	padding: 0;
	list-style: none;
	font: bold .83em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	float: right;
}

.book_nav li
{
	display: inline;
	margin: 0;
	padding: 0 0 0 14px;
}

.book_nav li a
{
	padding-bottom: 1px;
	border-bottom: 1px solid #a4b7c4;
	text-decoration: none !important;
}

/* Sidebar */

#sidebar, #sidebar_home
{
	clear: both;
	float: right;
	width: 40%;
	padding: 0;
	margin: 0;
}

#sidebar div, #sidebar_home div 
{
	margin: 18px 0 8px 18px;
	padding: 8px 12px;
	background-color: white;	
	min-height: 300px;
}

#sidebar h3
{
	font: bold 1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar ul, #sidebar_home ul
{
	list-style: none;
	text-indent: -18px;
	padding-left: 18px;
	font: .9em/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}
	
#sidebar ul li, #sidebar_home ul li
{
	margin-bottom: .5em;
}

#sidebar a, #sidebar_home a
{
	text-decoration: none !important;
}

#sidebar p, #sidebar_home p
{
	margin: 2px 4px;
	padding: 0;
	font: .85em/1.6em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

#sidebar_home
{
	width: 230px;
}

#sidebar_home img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a4b7c4;
	margin-bottom: 10px;
}

/* IMAGE FORMATTING - FLOAT RIGHT */

.photo
{
	float: right;
	margin: 0 0 8px 18px !important;
	padding: 8px !important;
	overflow: hidden;
	background-color: #eee;
}

/* BLOG FORMATTING */

#comment_form, #comments
{
	border-top: 1px solid #a4b7c4;
}

#comments .subtitle
{
	margin-bottom: 3px;
	font-size: 1em;
}

#comment_form input
{
	margin-bottom: 8px;
}

#comment_form h2, #comments h2
{
	font: bold 1.2em/1.6em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

#comment_form textarea
{
	width: 80%;
	height: 14em;
	display: block;
}

#tags, #categories
{
	margin-bottom: 14px !important;
}

#tags h3, #categories h3
{
	display: inline;
	font: bold 1em/1.6em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

#tags ul, #categories ul
{
	list-style: none;
	font: bold 1em/1.6em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	display: inline;
	padding: 0 0 0 4px;
}

#tags li, #categories li
{
	display: inline;
}

/* Content Sidebar */

.contentSidebar 
{
	background-color: white;
}

.contentSidebar div
{
	padding: 12px !important;
	overflow: hidden;
}
	
.inline
{
	background: white url("../graphics/content-bg.gif") repeat-x;
}


/* 	TYPOGRAPHY
------------------------------------------------------------------------ */

blockquote
{
	font-size: .95em;
	margin-left: 0;
}

blockquote.notebook
{
	font-size: 1em;
	line-height: 1.6em;
	margin-left: 2em;
	margin-right: 3em;
}

code { 
	color: #365813; 
	font: 100%/1.4em "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
	} 
	
.figure
{
	margin: 8px 0 !important;
	padding: 8px !important;
	overflow: hidden;
	background-color: #eee;
	font-size: .8em
}


.figureNumber {
	font-weight: bold;
	}
	
	
h1
{
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	margin-top: 12px;
}

h1 span.subtitle
{
	font-size: .7em;
}

#sectiontitle
{
	font: .50em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#sectiontitle a, h2 a
{
	text-decoration: none !important;
}

h2
{
	font: 1.5em "Lucida Bright", Georgia, "Times New Roman", serif;
	margin-bottom: 12px;
	padding-bottom: 0;
}

h2.first
{
	margin-top: 0;
}

.subtitle
{
	font: .85em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

h3
{
	font: 1.25em "Lucida Bright", Georgia, "Times New Roman", serif;
	margin-bottom: 0;
	padding-bottom: 0;
}

h4
{
	font: 1em "Lucida Bright", Georgia, "Times New Roman", serif;
	margin-bottom: 0;
	padding-bottom: 0;
	font-style: italic;
}

p
{
	margin-top: 0;
}

address
{
	font-style: normal;
	margin-bottom: 2em;
}

#middle_column a
{
	text-decoration: underline;
}

p.caption { 
	color: black; 
	font: 85%/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif; 
	margin-bottom: 2.2em;
	} 

p.imageCredit { 
	color: black; 
	font: 65%/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif; 
	margin: 0px 0px 10px 0px;
	} 
	
.smallcaps {
	font-size: 130%;
	font-variant: small-caps;
	}

/* Right Column formatting */

.box
{
	background-color: none;
}

.box form
{
	font: .9em/1.2em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

.box img
{
	border: none;
	margin: 0 0 2px -2px;
}

label
{
	display: block;
	font-weight: bold;
	margin-bottom: 0;
}

.box input.text
{
	width: 100%;
	margin: 4px 0;
}

.box h3
{
	font: bold .95em/1.1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serifs;
	margin: 0 0 4px;
}

.box ul
{
	font: .9em/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	padding: 0 0 0 1.2em;
	list-style: none;
}

.box li
{
	text-indent: -1.2em;
	margin-bottom: 3px;
}

/* Footer */

#footer
{
	width: 100%;
	clear: both;
	background-color: #a4b7c4;
	padding: 0;
	margin: 0;
}

#footer div
{
	margin: 0;
	padding: 3px 28px 8px;
}

#footer h3
{
	font: bold .95em/1.1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serifs;
	margin: 12px 4px 4px;
}

.book-cover
{
	float: left;
	margin: 10px 20px 8px 0 !important;
	height: 180px;
	width: 120px;
}

.book-cover img
{
	border: 2px solid #d8e0e6;
	margin-bottom: 5px !important;
}

.book-cover
{
	margin: 5px 0;
	font: .8em/1.1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serifs;
	color: #333;
	text-align: center;
}

.book-cover cite
{
	font-style: normal;
}

.book-cover img
{
	margin: 0 5px;
}

#footer ul
{
	font: .8em/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	margin: 18px 0 0 0;
	padding: 28px 0 0 0;
	list-style: none;
	clear: both;
}

#footer li
{
	display: inline;
	border-right: 1px solid #999;
	padding: 0px 8px 0px 5px;
}

#footer li.last
{
	border: none;
}

#footer a
{
	color: #555;
}

/* Copyright */

#copyright
{
	font: .8em/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	width: 100%;
	padding: 0;
	margin: 0;
}

#copyright div
{
	margin: 0;
	padding: 10px 14px 40px 10px;
}

#copyright p
{
	color: #90a0ab;
	display: inline;
}

#copyright a
{
	color: #90a0ab;
	text-decoration: none;
}

#copyright a:hover
{
	color: #0a416b;
}

p.right
{
	float: right;
}

p.left
{
	float: left;
}


/* 	TABLES
------------------------------------------------------------------------ */

table.ruledTable {
	padding: 1em 1em 1.5em 0em;
	width: 60%;
	}

table.ruledTable td {
	border-bottom: 1px solid #ccc;
	padding: .4em;
	}






/* 	TYPOGRAPHY - LISTS
------------------------------------------------------------------------ */

ul, ol
{
	padding-left: 1.4em;
	margin-top: 0;
}

ul ul
{
	font-size: 110%;
	padding-left: 1.4em;
}
	
ul.contents1
{
	font: bold 1.1em/1.8em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0 0 4em 2px;
	padding: 0;
}

ul.contents2
{
	color: #a4b7c4;
	font: .9em/1em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	list-style: square;
	text-indent: 0;
}
	
ul.contents2 li
{
	margin: .2em 0 .6em;
}
	
ul.contents1 a
{
	text-decoration: none !important;
}

ul.references
{
	font: 1em/1.4em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}

ul.references li 
{
	margin: .2em 0em .7em 3em;
	text-indent: -3em;
}

dl
{
	font: 1em/1.8em "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	margin: 0em 0em 2em 0em;
}

dt, dd 
{
	margin: 0;
	padding: 0;
}
	
dt
{ 
	float: left; 
	text-align: right; 
	margin-right: 1em;
	width: 6em;
}

/* Google widget */

#goog-wm
{
	width: 100%;
	padding-top: 20px !important;
	font-family: "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

#goog-wm h3.closest-match 
{
  color: #8f2831;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;
  font-size: 170%;
  margin: 0;
}

#goog-wm h3.closest-match a { }
   
#goog-wm h3.other-things
{
	font-family: "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 8px;
}
   
#goog-wm ul li { }