/*

Table of Contents:
	* Resets
	* Global
	* Layout
	* Header
	* Content
		* Home
		* About
		* Press
	* Footer
	* Helpers
	
Color Palette:
	* Dark Blue = #47555e
	* Link Blue = #00f
	* Red = #7a1600
	* Black = #000



/* Resets
****************************************************************/
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, var, 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; }
body,html { min-height: 101%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/****************************************************************
// Resets */


/* Global
****************************************************************/
body { 
	background: #fff;
	font: 62.5% Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.025em;
}
h1 { font-size: 3.6em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.4em; }

a, a:visited, a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

p {  }

/****************************************************************
// Global */



/* Layout
****************************************************************/
#wrapper { font-size: 1.3em; line-height: 1.3em; color: #333; }
#page { width: 960px; margin: 0 auto; background: url(images/bg.gif) center top repeat-y; }
#header {  }
#container {  }
#content {  }
#footer {  }
/****************************************************************
// Layout */



/* Header
****************************************************************/
#header {  }

/****************************************************************
// Header */



/* Content
****************************************************************/

/* Home */
#home-left {
	width: 470px;
	float: left;
	margin-bottom: 80px;
}
#home-right {
	width: 490px;
	float: right;
	margin-bottom: 80px;
}


/* About */
#about-left {
	width: 640px;
	float: left;
	background: url(images/about-pic.jpg) 40px 30px no-repeat;
}
#about-left p.first { margin: 130px 0 0 330px; }
#about-left p.second { margin: 40px 0 0 40px; }
#about-right {
	float: right;
	padding: 10px 60px 0 0;
}
#other-resources { margin: 40px 0; }
#other-resources h2 { 
	font-size: 1.2em; 
	display: block; 
	border-bottom: 1px solid #ccc;
	margin: 0 40px 20px;
	padding-bottom: 2px;
}
.ebooks { width: 280px; float: left; margin-left: 20px; }
.first { margin-left: 40px; }
.ebooks h4 { font-size: 1.1em; padding: 10px 0 7px; }
.ebooks p { font-size: .9em; line-height: 1.2em; }
.ebooks img { margin-right: 10px; }
.ebooks a { display: block; margin-top: 5px; }
.ebooks img, .ebooks h4 .ebooks p { float: left; }
.ebooks h4 .ebooks p { width: 170px; }


/* Press */
#press-left { width: 400px; float: left; padding-left: 20px; margin-bottom: 40px; }
#press-right { width: 400px; float: right; margin: 78px 0 40px; padding-right: 35px; }
.press h2 { 
	font-size: 1.2em; 
	display: block; 
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
}
.press p { font-size: .9em; line-height: 1.2em; }
#press-left h2 { margin: 20px 0 10px 55px; }
#press-left p { margin: 10px 0 10px 55px; }
#press-left p.thebook { padding-left: 88px; background: url(images/pressbooking-book.jpg) no-repeat; }
#press-left img { margin: 30px 0 10px 40px; }
#press-right h2 { margin: 20px 40px 10px 0; }
#press-right p { margin: 10px 40px 10px 0; }


#home-left .ticker { color: #555; width: 400px; margin: 0 auto; text-align: center; font-weight: bold; }
#about-right .ticker { color: #555; text-align: center; padding-left: 20px; font-weight: bold; }
#footer .ticker { color: #111; width: 200px; font-weight: normal; }


/* Slider */
#slideshow {
	width:440px;
	height:217px;
	position:relative;
	background: transparent url(images/look-inside-bg.gif) center center no-repeat;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:347px;
  height:217px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:327px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:217px;
}
.control {
  display:block;
  width:29px;
  height:217px;
  text-indent:-10000px;
  position:absolute;
  cursor:pointer;
}
#leftControl {
  top:70px;
  left:0;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:70px;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}
.slide p { padding: 15px 0 0; font-size: 13px; }


/****************************************************************
// Content */


/* Footer
****************************************************************/
#footer { background: url(images/footer-bg.gif); }
#footer img { margin-bottom: 10px; }
#footer img.bg { margin-bottom: 0; }

#twitter { 
	float: left; 
	width: 250px; 
	padding: 15px 0 15px 130px; 
	background: url(images/twitter-bird.png) 50px 15px no-repeat; 
}
.twtr-hd, .twtr-ft { display: none !important; }
.twtr-tweet-wrap { padding-left: 0 !important; }

#saying { 
	float: left; 
	width: 200px; 
	padding: 15px;
}
#comments { 
	float: left; 
	width: 200px; 
	padding: 15px;
	margin-left: 50px;
}
#footer-links { text-align: center; padding: 20px 0 60px; position: relative; background: #fff; }
#footer-links span { position: absolute; right: 50px; top: 50px; color: #444; font-size: .8em; }
/****************************************************************
// Footer */



/* Helpers
****************************************************************/
.hide { display: none; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/****************************************************************
// Helpers */