/*
	Theme Name: Lynn Shepherd Theme
	Theme URI: http://www.lynnshepherd.co.uk
	Description: Theme developed for version 1.0 of lynnshepherd.co.uk
	Version: 2.0
	Author: Ben Ellis
	Author URI: http://www.hungrybrowser.co.uk
	Created: 28/02/2010
	Updated: 28/11/2011
*/

/* ---------------------------------

	Accessibile font size reference 

	10px = 62.5%
	11px = 70%
	12px = 75%
	13px = 80%
	14px = 87.5%
	15px = 95%
	16px = 100%
	17px = 105%
	18px = 112.5%
	19px = 120%
	20px = 125%
	21px = 130%
	22px = 140%
	23px = 145%
	24px = 150%

----------------------------------- */

/* ------------------------------------------------------------
	Default elements
---------------------------------------------------------------- */

body {
	font-size: 95%; /* 15px */
	font-family: Georgia, Times, "Times New Roman", Serif;
	color: #706f63;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	line-height: 1.4666666667em; /* 22px */
	background: #F3F4F2 url(img/body_bg.png) 0px 0px repeat;
	border-top: 10px #B8C772 solid;
}

/* ------------------------------------------------------------
	Links
---------------------------------------------------------------- */

::-moz-selection {
	background-color: #B8C772;
	color: #FFFFFF;
}

::selection {
	background-color: #B8C772;
	color: #FFFFFF;
}


* {
	outline: none;
}

a {
	color: #284665;
	text-decoration: underline; 
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover { 
	color: #8EA230;
	text-decoration: none; 
}

a:active { 
	color: #213953;
	text-decoration: underline; 
}

acronym {
	cursor: help;
	border-bottom: 1px #999999 dashed;
}

/* ------------------------------------------------------------
	Headings
---------------------------------------------------------------- */

h1,h2,h3,h4,h5 {
	line-height: 1em;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.50);
	color: #444333;
	font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	color: #444333;
}

h1 {
	font-size: 2em; /* 30px */
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
}

h1 a {
	background: url(img/bg-heading-1.gif) center right no-repeat;
	padding-right: 35px;
}

h2 {
	font-size: 1.4666666667em; /* 22px */
	margin: 0px 0px 15px 0px;
}

h2 a {
	background: url(img/bg-heading-2.gif) center right no-repeat;
	padding-right: 25px;
}

h3 {
	font-size: 1.3333333333em; /* 20px */
	margin: 0px 0px 15px 0px;
	color: #706f63;
}

h3 a {
	background: url(img/bg-heading-3.gif) center right no-repeat;
	padding-right: 20px;
}

h4 {
	font-size: 1.1333333333em; /* 17px */
	margin: 0px 0px 10px 0px;
}

h5 {
	font-size: 0.9333333333em; /* 14px */
	margin: 0px 0px 5px 0px;
}

/* ------------------------------------------------------------
	Images
---------------------------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px #e9ebe4 solid;
}

a:hover img, a:focus img {
	border-color: #979689;
	-moz-opacity: 0.85;
	opacity: 0.85;
	 -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-o-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-ms-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}

/* ------------------------------------------------------------
	Paragraphs
---------------------------------------------------------------- */

p {
	margin: 0px 0px 20px 0px;
}

/* ------------------------------------------------------------
	Paragraphs
---------------------------------------------------------------- */

ol {
	margin: 10px 0px 20px 10px;
}

ol li {
	list-style: decimal;
	margin: 0px 0px 0px 10px;
}

/* ------------------------------------------------------------
	Blockquotes
---------------------------------------------------------------- */

blockquote {
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	margin: 0px 0px 10px 0px;
}

blockquote:before, blockquote:after {
	content:"\"";
}

/* ------------------------------------------------------------
	Form fields
---------------------------------------------------------------- */

form * {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

form p {
	margin: 0px 0px 10px 0px;
}

legend {
	display: none;
}

label {
	font-weight:bold;
	display: block;
	font-size: 1em; /* 15px */
}

label small {
	font-size: 0.8em; /* 12px */
}

input, select, textarea  {
	font-size: 0.9333333333em; /* 14px */
	border: 1px #CCCCCC solid;
	padding: 7px 7px 7px 7px;
	background-color: #fdfdfd;
	color: #666666;
	margin: 0px;
	-webkit-transition: color 0.3s ease, border 0.3s ease;
	-moz-transition: color 0.3s ease, border 0.3s ease;
	-o-transition: color 0.3s ease, border 0.3s ease;
	-ms-transition: color 0.3s ease, border 0.3s ease;
	transition: color 0.3s ease, border 0.3s ease;
	-moz-box-shadow: rgba(0,0,0, 0.05) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.05) 0px 0px 8px;
	-o-box-shadow: rgba(0,0,0, 0.05) 0px 0px 8px;
	-ms-box-shadow: rgba(0,0,0, 0.05) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.05) 0px 0px 8px;
}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	border-color: #979689;
	background-color: #FFFFFF;
	color: #000000;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-o-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-ms-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}

input[type="email"] {
	width: 200px;
}

input[type="url"] {
	width: 200px;
}

textarea {
	width: 300px;
}

button, a.button {
	font-size: 1em; /* 15px */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #eeeeee;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
	border: none;
	padding: 7px 20px 6px 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #8ea230; /* Fallback */
	background: -webkit-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -moz-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -o-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -ms-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: linear-gradient(top, #bbc783 0%, #8ea230 100%);
}

button:hover, button:focus, a.button:hover, a.button:focus {
	color: #ffffff;
	background-color: #bbc783; /* Fallback */
	background: -webkit-linear-gradient(top, #8ea230 0%, #bbc783 100%);
	background: -moz-linear-gradient(top, #8ea230 0%, #bbc783 100%);
	background: -o-linear-gradient(top, #8ea230 0%, #bbc783 100%);
	background: -ms-linear-gradient(top, #8ea230 0%, #bbc783 100%);
	background: linear-gradient(top, #8ea230 0%, #bbc783 100%);
}

button:active, a.button:active {
	color: #ffffff;
	background-color: #213953; /* Fallback */
	background: -webkit-linear-gradient(top, #365f8a 0%, #213953 100%);
	background: -moz-linear-gradient(top, #365f8a 0%, #213953 100%);
	background: -o-linear-gradient(top, #365f8a 0%, #213953 100%);
	background: -ms-linear-gradient(top, #365f8a 0%, #213953 100%);
	background: linear-gradient(top, #365f8a 0%, #213953 100%);
}

/* Feedback form */

#feedback_form textarea {
	width: 90%;
}

/* Contact form */

#contact_form textarea {
	width: 90%;
}

/* ------------------------------------------------------------
	General html redefinitions
---------------------------------------------------------------- */

strong {
	font-weight: bold;
	color: #7B7A6D;
}

small {
	font-size: 0.8em; /* 12px */
	font-weight: normal;
}

em {
	font-style: italic;
	color: #444333;
}

time {
	display: block;
	margin-bottom: 10px;
	font-style: italic;
}

/* ------------------------------------------------------------
	Error messages
---------------------------------------------------------------- */

input::-webkit-input-placeholder {
	color: #aaaaaa;
}

input:-moz-placeholder { 
	color: #aaaaaa;
}

/* Errors */

input.error, textarea.error, select.error {
	border-color: #f08c9e;
}

input.error, textarea.error {
	background: #f6b9c4 url(img/icon-error.gif) center right no-repeat;
}

/* Required */

input.required, textarea.required, select.required {
	border-color: #ff934e;
}

input.required, textarea.required {
	background: #FFFFFF url(img/icon-required.gif) center right no-repeat;
}

/* Valid */

input.valid, textarea.valid, select.valid, fieldset input:required:valid { 
	border-color: #46dc43;
}

input.valid, textarea.valid fieldset input:required:valid { 
	background: #FFFFFF url(img/icon-valid.gif) center right no-repeat;
}

/* Error & Success messages */

.msg_error {
	background-color: #fce5e9;
	border-color: #f59fae;
}

.msg_success {
	background-color: #eafbe0;
	border-color: #7ee445;
}

.msg_error, .msg_success {
	padding: 10px 15px;
	margin: 0px 0px 10px 0px;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.hidden {
	display: none;
}

/* ------------------------------------------------------------
	Page layout
---------------------------------------------------------------- */

/* Page container */

#page {
	text-align: left;
}

/* Content container */

#content {
	max-width: 62.666666667em; /* 940px */
	margin: 0px auto;
	padding-bottom: 120px;
	overflow: hidden;
	clear: both;
}

/* ------------------------------------------------------------
	Sections
---------------------------------------------------------------- */

section {
	float: left;
}

#col_1 {
	width: 40.42553191%; /* 380px */
	margin-right: 2.127659574%; /* 20px */
}

#col_2 {
	width: 57.44680851%; /* 540px */
}

/* ------------------------------------------------------------
	Header area
---------------------------------------------------------------- */

/* Skip navigation */

#skip_nav {
	display: none;
}

/* Header */

#header {
	margin: 0px auto; 
	position: relative;
	max-width: 66.533333333em; /* 998px */
}

/* Logo */

#logo {
	margin-left: 30px;
}

#logo img {
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

#logo a img, #logo a:hover img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/* Description */

#logo p {
	display: none;
}

/* Header search form  */

#header form {
	position: absolute;
	top: 10px; 
	right: 45px;
	text-align: right;
}

#header input {
	width: 200px;
}

#header label {
	display: none;
}

#header button {
	display: none;
}

/* ------------------------------------------------------------
	Main navigation
---------------------------------------------------------------- */

#main_nav {
	margin: 30px 0px 30px 0px;
	padding-left: 20px;
	height: 73px;
	background: url(img/nav_bg.png) 0px 0px no-repeat;
}

#main_nav ul {
	padding: 0px;
	height: 38px;
}

#main_nav ul li, #main_nav ul li a {
	display: block;
	float: left;
}

#main_nav ul li a {
	font-size: 1.6em; /* 24px */
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #9c9b8f;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.50);
	margin: 13px 0px 0px 30px;
}

#main_nav ul li:first-child a {
}

#main_nav ul li a:hover, #main_nav ul li a:focus {
	color: #8da02f;
}

#main_nav ul li a:active {
	color: #284665;
}

#main_nav ul li.current_page_item a, 
#main_nav ul li.current_page_parent a, 
#main_nav ul li.current_page_ancestor a,
#main_nav ul li.selected a {
	color: #444333;
}

/* ------------------------------------------------------------
	Book details
---------------------------------------------------------------- */

#book_details h2 {
	font-size: 0.9333333333em; /* 14px */
	font-weight: bold;
	text-transform: uppercase;
}

#book_details h2 em {
	text-transform: none;
	font-weight: normal;
}

#book_details img {
	margin: 0px 5px 0px 0px;
}

p.intro {
	font-size: 1.1333333333em; /* 17px */
}

/* ------------------------------------------------------------
	Book previews
---------------------------------------------------------------- */

.book_previews #col_1 {
	width: auto; 
	margin-right: 0px;
}

.book_previews ul li {
	width: 48.93617021%; /* 460px */
	margin-left: 2.127659574%; /* 20px */
	float: left;
}

.book_previews ul li:first-child {
	margin-left: 0px;
}

.book_previews div.flexslider {
	position: relative;
	float: left;
	margin-right: 4.347826087%; /* 20px */
	max-width: 140px;
}

.book_previews div.flexslider li {
	margin-left: 0px;
}

.book_previews h2 {
	text-transform: uppercase;
}

.book_previews h3 {
	font-size: 0.9333333333em; /* 14px */
	font-weight: bold;
	text-transform: uppercase;
	color: #444333;
}

.book_previews h3 em {
	text-transform: none;
	font-weight: normal;
}

.book_previews h4 {
	font-size: 1.3333333333em; /* 20px */
	margin: 0px 0px 15px 0px;
	color: #706f63;
}

.book_previews ul li p {
	margin-left: 34.7826087%; /* 160px */
}

.book_previews ul li .buy_now {
	margin-left: 34.7826087%; /* 160px */
}

/* ------------------------------------------------------------
	Book reviews
---------------------------------------------------------------- */

#book_reviews ul {
	border-top: 1px #ccc99a dotted;
	border-bottom: 1px #ccc99a dotted;
	padding: 10px;
	background-color: #f2f2e9;
}

#book_reviews ul li {
	margin-bottom: 10px;
}

#book_reviews ul li blockquote {
	margin-bottom: 2px;
	width: 95%;
}

#book_reviews ul li h5 {
	margin-bottom: 0px;
}

/* ------------------------------------------------------------
	Publication details
---------------------------------------------------------------- */

#publication_details div {
	border-top: 1px #ccc99a dotted;
	padding-top: 10px;
	padding-bottom: 10px;
}

#publication_details div:first-child {
	border-top: none;
	padding-top: 0px;
}

#publication_details h3 {
	margin-bottom: 5px;
	font-size: 1.1333333333em; /* 17px */
	color: #444333;
}

#publication_details ul {
	font-size: 0.9333333333em; /* 14px */
	overflow: hidden;
}

#publication_details ul li strong {
	display: block;
	float: left;
	width: 40%;
	clear: both;
}

/* ------------------------------------------------------------
	Article lists
---------------------------------------------------------------- */

ul li article {
	border-top: 1px #ccc99a dotted;
	padding: 10px 10px 20px 10px;
	background-color: #f2f2e9;
}

ul li:nth-child(even) article {
	background-color: #f5f6f4;
}

ul li.dark article {
	background-color: #f5f6f4;
}

ul li article h3 {
	font-size: 1em; /* 18px */
	font-weight: bold;
	margin-bottom: 2px;
}

/* ------------------------------------------------------------
	Article lists
---------------------------------------------------------------- */

article h1 {
	margin-bottom: 2px;
}

/* ------------------------------------------------------------
	Archive form
---------------------------------------------------------------- */

#archives {
	margin-bottom: 20px;
}

/* ------------------------------------------------------------
	Aside
---------------------------------------------------------------- */

/* Outer wrapper */

aside {
	overflow: hidden;
	clear: both;
	background: #fafafa url(img/footer_bg.png) 0px 0px repeat-x;
	padding: 40px 0px 120px 0px;
}

/* Inner wrapper */

aside div {
	max-width: 62.666666667em; /* 940px */
	margin: 0px auto; 
}

/* Sections */

aside section {
	float: left;
	margin-left: 2.127659574%; /* 20px */
	width: 31.91489362%; /* 300px */
}

aside section:first-child {
	margin-left: 0px;
}

/* List items */

aside section ul li {
	font-size: 0.8666666667em; /* 13px */
	line-height: 1.5384615385em; /* 20px */
}

aside section ul li article {
	background-color: #fdfdfd;
}

aside section ul li:nth-child(even) article {
	background-color: #f5f6f4;
}

aside section ul li.dark article  {
	background-color: #f5f6f4;
}

/* Headings */

aside section h3 a {
	background-image: url(img/bg-heading-4.gif);
	padding-right: 15px;
}

/* Paragraphs */

aside section p {
	margin: 0px;
}

/* ------------------------------------------------------------
	Buy now button & popup
---------------------------------------------------------------- */

/* Button */

.buy_now {
	position: relative;
	margin: 20px 0px 20px 0px;
}

/* Popup */

.popup {
    position: absolute;
    display: none;
    background-color: #F9F9F9;
    border: 1px #7B7A6D solid;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-o-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-ms-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}

.popup div {
    border: 1px #7B7A6D solid;
    padding: 10px;
    width: 200px;
    background-color: #FFFFFF;
    margin: 1px;
}

.popup h3 {
	background: url(img/shopping_basket_bg.png) 0px 0px no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	font-size: 1em; /* 15px */
	color: #444333;
}

.popup h4 {
	font-size: 0.8666666667em; /* 13px */
	margin-top: 10px;
	margin-bottom: 0px;
}

.popup a {
	font-size: 0.8666666667em; /* 13px */
	display: block;
	line-height: 1.5384615385em; /* 20px */
}

/* ------------------------------------------------------------
	Author portrait
---------------------------------------------------------------- */

#author_details {
	position: relative;
	line-height: 0px;
}

#author_details div {
	background-color: #000000; /* Fallback */
	background-color: rgba(0,0,0,0.85);
	text-align: center;
	display: block;
	-moz-opacity: 0.0;
	opacity: 0.0;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	width: 99%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#author_details:hover div {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#author_details div h3 {
	color: #FFFFFF;
	text-shadow: none;
	padding: 10px;
	margin: 0px;
	font-weight: normal;
}


/* ------------------------------------------------------------
	Slideshow
---------------------------------------------------------------- */

/* Book covers container */

#book_hero_images {
	position: relative;
}

/* Each slide */ 

#book_hero_images li {
	position: relative;
	line-height: 0px;
}

#book_hero_images li div {
	background-color: #000000; /* Fallback */
	background-color: rgba(0,0,0,0.85);
	text-align: center;
	display: block;
	-moz-opacity: 0.0;
	opacity: 0.0;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	width: 99%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#book_hero_images li:hover div {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#book_hero_images li div h3 {
	color: #FFFFFF;
	text-shadow: none;
	padding: 10px;
	margin: 0px;
	font-weight: normal;
}

/* ------------------------------------------------------------
	Carousel navigation
---------------------------------------------------------------- */

/* Carousel container */

.flex-control-nav, .flex-control-nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}

.flex-control-nav {
	clear: both;
	display: block;
	text-align: center;
	padding: 15px 0px 25px 0px !important;
	overflow: hidden;
}

.flex-control-nav li, .flex-control-nav li a {
	display: inline-block;
	float: none !important;
}

/* Rounded carousel controls */

.flex-control-nav a {
	margin-right: 10px;
	width: 13px;
	height: 13px;
	text-indent: -10000px;
	border: 1px #9c9b8f solid;
	background-color: #dfdec5; /* Fallback */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.flex-control-nav a:hover {
	background-color: #9c9b8f; /* Fallback */
	background: -webkit-linear-gradient(top, #dfdec5 0%, #9c9b8f 100%);
	background: -moz-linear-gradient(top, #dfdec5 0%, #9c9b8f 100%);
	background: -o-linear-gradient(top, #dfdec5 0%, #9c9b8f 100%);
	background: -ms-linear-gradient(top, #dfdec5 0%, #9c9b8f 100%);
	background: linear-gradient(top, #dfdec5 0%, #9c9b8f 100%);
}

.flex-control-nav li a.active  {
	background-color: #8ea230; /* Fallback */
	background: -webkit-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -moz-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -o-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: -ms-linear-gradient(top, #bbc783 0%, #8ea230 100%);
	background: linear-gradient(top, #bbc783 0%, #8ea230 100%);
}

/* ------------------------------------------------------------
	Back link
---------------------------------------------------------------- */

ul.back {
	margin: 10px 0px 15px 0px;
	clear: both;
}

ul.back li a {
	background: url(img/back_bg.gif) center left no-repeat;
	padding-left: 12px;
}

/* ------------------------------------------------------------
	Footer
---------------------------------------------------------------- */

#footer {
	background: #F4F3EA url(img/footer_bg.png) 0px 0px repeat-x;
	padding: 10px 0px 20px 0px;
	clear: both;
	text-align: center;
	font-size: 0.8666666667em; /* 13px */
}

#footer_nav {
	background: url(img/footer_nav_bg.png) top center no-repeat;
	padding-top: 30px;
	margin-top: 10px;
}

#footer ul, #footer ul li {
	list-style: none;
	list-style-type: none;
}

#footer ul li {
	display: inline;
	margin: 0px 5px 0px 0px;
	border-left: 1px #999999 solid;
	padding-left: 8px;
}

#footer ul li:first-child {
	border-left: none;
	padding-left: 0px;
}

#footer ul li.rss {
	background: url(img/icon-rss.png) 6px 0px no-repeat;
	padding-left: 25px;
}

#footer ul li.facebook {
	background: url(img/icon-facebook.png) 6px 0px no-repeat;
	padding-left: 25px;
}

#footer ul li.twitter {
	background: url(img/icon-twitter.png) 6px 0px no-repeat;
	padding-left: 25px;
}

#footer ul li.youtube {
	background: url(img/icon-youtube.png) 6px 0px no-repeat;
	padding-left: 25px;
}

#footer ul li.vimeo {
	background: url(img/icon-vimeo.png) 6px 0px no-repeat;
	padding-left: 25px;
}

#footer img {
	margin: 20px 0px 0px 0px;
}

/* ------------------------------------------------------------
	Responsive layout
---------------------------------------------------------------- */

/* iPhone */

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {

	body {
		-webkit-text-size-adjust: none;
		padding: 15px 0px 0px 0px;
		border-top: 5px #B8C772 solid;
	}
	
	/* ------------------------------------------------------------
		Headings
	---------------------------------------------------------------- */
	
	h1 {
		font-size: 1.7333333333em; /* 26px */
	}
	
	h2 {
		font-size: 1.2em; /* 18px */
	}
	
	h3 {
		font-size: 1.0666666667em; /* 16px */
	}
	
	h4 {
		font-size: 1em; /* 15px */
	}
	
	h5 {
		font-size: 1em; /* 15px */
	}
	
	p.intro {
		font-size: 1.0666666667em; /* 16px */
	}
	
	/* ------------------------------------------------------------
		Content container 
	---------------------------------------------------------------- */
	
	#content {
		padding: 0px 15px 15px 15px;
	}
	
	/* ------------------------------------------------------------
		Sections
	---------------------------------------------------------------- */
	
	section {
		float: none;
	}
	
	#col_1, #col_2 {
		width: auto;
		margin: 0px;
	}
		
	/* ------------------------------------------------------------
		Logo
	---------------------------------------------------------------- */
	
	#logo {
		margin-left: 15px;
		width: 55%;
		margin-bottom: 10px;
	}
	
	/* ------------------------------------------------------------
		Search form 
	---------------------------------------------------------------- */
	
	#header form {
		position: absolute;
		top: -2px; 
		right: 15px;
		text-align: right;
	}
	
	#header input {
		width: 65%;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	/* ------------------------------------------------------------
		Main navigation
	---------------------------------------------------------------- */
	
	#main_nav {
		margin: 0px 0px 20px 0px;
		padding-left: 0px;
		height: auto;
		background-image: none;
	}
	
	#main_nav ul {
		padding: 0px;
		height: auto;
		border-top: 1px #ccc99a dotted;
	}
	
	#main_nav ul li, #main_nav ul li a {
		display: block;
		float: none;
	}
	
	#main_nav ul li a {
		font-size: 1.0666666667em; /* 16px */
		text-align: left;
		font-weight: bold;
		color: #9c9b8f;
		margin: 0px;
		padding: 5px 0px 5px 15px;
		border-bottom: 1px #ccc99a dotted;
		background-color: #f2f2e9;
	}
	
	#main_nav ul li a:hover, #main_nav ul li a:focus {
		background-color: #f8f8f3;
	}
	
	#main_nav ul li.current_page_item a, 
	#main_nav ul li.current_page_parent a, 
	#main_nav ul li.current_page_ancestor a,
	#main_nav ul li.selected a {
		color: #444333;
		background-color: #ffffff;
	}
	
	/* ------------------------------------------------------------
		Aside
	---------------------------------------------------------------- */
	
	/* Outer wrapper */
	
	aside {
		padding: 0px 0px 15px 0px;
		background-image: none;
	}
	
	aside h2 {
		margin-left: 15px;
	}
	
	/* Inner wrapper */
	
	aside div {
		margin: 0px auto; 
	}
	
	aside * {
		background-color: transparent !important;
	}
	
	aside article {
		border: none !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	
	aside section {
		float: none;
		margin: 0px;
		width: auto;
		border-top: 1px #ccc99a dotted;
		padding-top: 10px;
	}
	
	/* ------------------------------------------------------------
		Book reviews
	---------------------------------------------------------------- */
	
	#book_reviews {
		border-top: 1px #ccc99a dotted;
		padding-top: 10px;
	}
	
	#book_reviews ul {
		border: none;
		padding: 10px 0px 10px 0px;
		background-color: transparent;
	}
	
	#book_reviews ul li {
		margin-bottom: 20px;
	}
	
	#book_reviews ul li blockquote {
		width: auto;
	}
	
	/* ------------------------------------------------------------
		Book previews
	---------------------------------------------------------------- */
	
	.book_previews #col_1 {
		width: auto; 
		margin-right: 0px;
	}
	
	.book_previews ul li {
		width: auto;
		margin: 0px 0px 20px 0px;
		float: none;
		border-top: 1px #ccc99a dotted;
		padding-top: 20px;
	}
	
	.book_previews ul li li {
		border: none;
	}
	
	.book_previews h4 {
		font-size: 1.0666666667em; /* 16px */
	}
	
	.book_previews ul li p {
		margin-left: 0px; 
	}
	
	.book_previews ul li .buy_now {
		margin-left: 0px; 
		clear: both;
	}
	
	.book_previews div.flexslider li {
		margin: 0px;
		padding: 0px;
	}
	
	/* ------------------------------------------------------------
		Author portrait
	---------------------------------------------------------------- */
	
	#author_details {
		display: none;
	}
	
	/* ------------------------------------------------------------
		Article lists
	---------------------------------------------------------------- */
	
	ul li article {
		border: none;
		padding: 0px;
		margin-bottom: 30px;
		background-color: transparent !important;
	}
	
	/* ------------------------------------------------------------
		Footer
	---------------------------------------------------------------- */
	
	#footer {
		display: none;
	}

}

/* iPad */

@media screen and (min-width: 480px) and (max-width: 768px), screen and (min-device-width: 480px) and (max-device-width: 768px) {
	
	/* ------------------------------------------------------------
		Page layout
	---------------------------------------------------------------- */
	
	/* Page container */
	
	#page {
		text-align: left;
	}
	
	/* Content container */
	
	#content {
		padding: 0px 15px 30px 15px;
	}
	
	/* ------------------------------------------------------------
		Logo
	---------------------------------------------------------------- */
	
	#logo {
		width: 55%;
	}
	
	/* ------------------------------------------------------------
		Main navigation
	---------------------------------------------------------------- */
	
	#main_nav {
		padding-left: 15px;
		height: 73px;
		background-size: 100% 100%;
		margin-right: 15px;
		margin-left: 15px;
	}
	
	#main_nav ul li a {
		font-size: 1.2em; /* 18px */
		margin: 13px 0px 0px 18px;
	}
	
	/* ------------------------------------------------------------
		Search form 
	---------------------------------------------------------------- */
	
	#header form {
		top: 5px; 
	}
	
	/* ------------------------------------------------------------
		Aside
	---------------------------------------------------------------- */
	
	aside {
		padding: 30px 15px;
	}
	
	/* Headings */
	
	aside section h2 {
		font-size: 1.3333333333em; /* 20px */
	}
	
	/* ------------------------------------------------------------
		Book previews
	---------------------------------------------------------------- */
	
	.book_previews #col_1 {
		width: auto; 
		margin-right: 0px;
	}
	
	.book_previews ul li {
		width: auto;
		margin: 0px 0px 20px 0px;
		float: none;
		border-top: 1px #ccc99a dotted;
		padding-top: 20px;
	}
	
	.book_previews ul li li {
		border: none;
		margin: 0px;
	}
	
	.book_previews ul li img {
		margin-right: 20px; 
	}
	
	.book_previews ul li p {
		margin-left: 0px; 
	}
	
	.book_previews ul li .buy_now {
		margin-left: 0px; 
		clear: both;
	}
	
	.book_previews div.flexslider li {
		margin: 0px;
		padding: 0px;
	}

}