/*
Theme Name: Shannon Selin
Author: Bookswarm
Author URI: http://www.bookswarm.co.uk
Description: Custom theme
Version: 1.0
Text Domain: shannonselin;

/* =Reset
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- generic styles --- */

html {
    background: url('images/background2.png') no-repeat right top;
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
}

body {
    min-height:100%; /* Workaround for some mobile browsers */
    font-size: 16px;
    line-height: 1.428571429;
    /*font-family:'BaskervilleMTW01-Roman', "Times New Roman", serif;*/
    font-family: Georgia, 'Times New Roman', serif;
}

#wrapper {
	width: 1240px;
	margin: 0 auto;
}

[class*="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
}

#content {
	clear: both;
	position: relative;
	z-index: 1;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.alignright, img.right {float:right; margin:0 0 1em 1em} 
.alignleft, img.left {float:left; margin:0 1em 1em 0} 
.aligncenter {display: block; margin-left: auto; margin-right: auto} 

.divider-right { border-right: 2px dotted #af9781; }
#middle ul.divided { list-style: none }
ul.divided li { border-bottom: 2px dotted #af9781; margin-bottom: 25px; margin-left: 0; }
ul.divided li:last-child { border-bottom: 0; margin-bottom: 10px; }

#middle img {
	max-width: 100%;
	height: auto;
}

.ssba-share-text {
	display: none;
}


/* --- typography --- */

h1,h2,h3,h4,h5,h6 {
	color: #660000;
	font-family:'Avenir LT W01 55 Roman', Helvetica, Arial, Sans-serif;
}

h1 { font-size: 30px; line-height: 32px; }
h2 { font-size: 24px; line-height: 27px; margin-bottom: 12px; }
h3 { font-size: 20px; line-height: 24px; margin-bottom: 17px; }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 17px; }
h5 { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
h6 { font-size: 18px; line-height: 22px; margin-bottom: 10px; }

p {
	padding-bottom: 15px;
}

em {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

.wp-caption-text {
	font-style: italic;
}

p.sub {
	color: #666666;
	font-size: 18px;
	font-family:'Avenir LT W01 45 Book', Helvetica, Arial, Sans-serif;
	padding-bottom: 5px;
	line-height: 22px;
}

p.center {
	text-align: center;
}

#middle .sub {
	padding-bottom: 15px;
}

p.date {
	padding-bottom: 7px;
}

a:link, a:visited {
	color: #660000;
}

a.red, a.red:hover, input[type=submit], input[type=submit].red, .gform_button {
	font-family:'Avenir LT W01 65 Roman', Helvetica, Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
	border: 0;
	background: url('images/red_bg.png');
	display: inline-block;
	padding: 4px 10px 2px;
	color: #fff;
	text-decoration: none;
}

blockquote {
	/*font-family:'Avenir LT W01 45 Book', Helvetica, Arial, Sans-serif;*/
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	color: #666666;
	margin: 0 40px;
}

.retailers li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0;
}

ul, ol {
	margin-bottom: 15px;
}

#middle ul {
	list-style: disc;
}

ul li, ol li {
	padding-bottom: 3px;
	margin-left: 20px;
}

.textwidget li {
	margin-left: 0;
}

li.widget {
	padding: 0;
	margin-left: 0;
}

div#sidebar-widgets li.widget {
	margin-bottom: 30px;	
	}

/* --- forms --- */
label {
	margin-right: 7px;
	display: block;
	float: left;
	width: 140px;
}

input[type=text] {
	width: 163px;
	height: 30px;
	padding: 3px;
}

.box label, footer label {
	margin-right: 7px;
	display: inline;
	float: none;
	width: auto;
}

#searchform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

#middle .gform_wrapper .top_label .gfield_label {
	margin: 6px 0 13px 0;
}

#middle .gform_wrapper input[type=text] {
	font-size: 16px;
}

#middle .gform_wrapper textarea {
	font-size: 16px;
}

/* comments */
.comment-body {
	margin-bottom: 10px;
}

textarea#comment {
	height: 110px;
}

#middle .commentlist {
	list-style: none;
}

#middle .commentlist li {
	margin-left: 0;
}

/* --- header & nav --- */

#logo {
	max-width: 409px;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 13px;
}

#logo img {
	margin-left: 62px;
}

header#masthead {
	position: relative;
}

header#masthead a.red {
	padding: 5px;
}

header#masthead a.red {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
}

#site-navigation {
	text-align: center;
}

#site-navigation > li {
	position: relative;
}

#site-navigation > ul > li {
	float: left;
	background: url('images/nav_bg.png');
	height: 30px;
	margin: 0 1px 0 0;
	padding: 0;
	width: 11.0159%;
}

#site-navigation ul li:last-child {
	margin: 0 0 1px 0;
}

#site-navigation ul li:hover, #mobile ul li:hover {
	background: url('images/nav_bg-hover.png');
}

#site-navigation ul li a:link, #site-navigation ul li a:visited, #mobile ul li a:link , #mobile ul li a:visited {
	font-family:'Avenir LT W01 65 Medium', Helvetica, Arial, Sans-serif;
	padding: 8px 1% 5px 1%;
	display: block;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

#site-navigation > ul > li:hover > ul.sub-menu {
	display: block;	
}

#site-navigation ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	background: #d7c9bc;
}

#site-navigation ul.sub-menu li {
	float: none;
	position: relative;
	margin: 0;
}

#site-navigation ul.sub-menu li a {
	border-right: 0;
	white-space: nowrap;
	padding: 10px 10px 6px
}

/* mobile nav */
nav#mobile {
	display: none;
}

#mobile-toggle {
	padding: 8px 36px 8px 5px;
	background: url('images/nav_bg.png');
	text-align: right;
	cursor: pointer;
	font-family:'Avenir LT W01 65 Medium', Helvetica, Arial, Sans-serif;
}

nav#mobile ul li {
	background: url('images/nav_bg.png');
	margin-top: 1px;
	padding: 0;
	margin-left: 0;
	padding-left: 15px;
}

nav#mobile ul li a:link, nav#mobile ul li a:visited {
	display: block;
	padding: 15px;
	font-size: 16px;
}

nav#mobile ul li ul.sub-menu {
	padding-left:20px;
	background-color: #e9e9e9;
}

nav#mobile ul li ul.sub-menu li {
}


/* --- homepage --- */
#home #top {
	background: url('images/shannon.png') no-repeat center top;
	background-size: cover;
	overflow: hidden;
	padding: 24px 18px 27px 18px;
	/*max-height: 584px;*/
}

#top div.box {
	background: url('images/white_bg.png');
	/*margin-right: 3%;*/
}

/*#home #top .col-lg-3 {
	width: 30.2%;
}*/

#home #top div.box.col-lg-3:last-child {
	margin-right: 0;
}

#home #top .middle {
	padding-top: 0;
	/*margin-right: 3%;*/
}

#home #top .about {
	/*background: url('images/white_bg-15.png');*/
}

#home #top .about h2 a:link,
#home #top .about h2 a:visited {
	display: block;
	color: #fff;
	padding: 25px 20px;
	margin-bottom: 300px;
	background: url('images/white-arrow.png') no-repeat 206px 38px;
}

#home #top .about h2 a:hover {
	text-decoration: none;
}

#home #top .blog h2 {
	margin-bottom: 9px;
}

#home #top .blog img {
	margin-bottom: 20px;
	width: 100%;
}

#home .signup {
	min-height: 201px;
}

#home .signup form {
	overflow: hidden;
}

#home .signup form input[type=submit] {
	float: right;
}

#home .signup input[type=text] {
	margin-bottom: 5px;
}

#home .signup p {
	padding-bottom: 23px;
}

#home #top .col-lg-3.last {
	padding: 0;
}

#home #top .col-lg-3.last .buy {
	margin-bottom: 15px;
	min-height: 312px;
}

#home #top .retailers {
	position: relative;
	top: -7px;
}

#home #top .buy img.right {
	margin: -11px 0 0 0;
}

#home #top .news {
	min-height: 199px;
}

#home #top .box ul {
	margin: 0;
}

#home #top .news img.right {
	margin-bottom: 0;
}

#home #top .news h2 {
	margin-bottom: 7px;
}

/* search results */

.entry-summary {
	margin-bottom: 20px;
}

/* --- generic pages -- */
#page #top {
	background: url('images/shannon_top.png') no-repeat center top;
	background-size: cover;
	overflow: hidden;
	padding: 24px 18px 27px 18px;
}

#page #top .box {
	min-height: 185px;
	background: none;
}

#page #top .box h1 {
	color: #fff;
}

#top #ssba img {
	padding: 0;
	margin-right: 5px;
}

#middle {
	background: url('images/main_bg.png');
	overflow: hidden;
}

#strip {
	background: url('images/strip_bg.png');
	height: 13px;
	margin-bottom: 13px;
}

.quote {
	margin-bottom: 20px;
}

.quote .top {
	background: url('images/quote-top.png') no-repeat left top;
	height: 102px;
}

.quote .middle {
	background: url('images/brown-bg.png');
	overflow: hidden;
	padding: 30px 50px 15px 50px;
	font-family: 'Avenir LT W01 45 Book', Helvetica, Arial, Sans-serif;
	font-size: 18px;
}

.quote .middle em {
	font-size: 16px;
}

.quote .bottom {
	background: url('images/quote-bottom.png') no-repeat right bottom;
	height: 101px;
}

#next-prev {
	margin-bottom: 20px;
	overflow: hidden;
}

/* sidebar */
#sidebar-widgets > ul {
	list-style: none;
}


/* --- footer --- */
footer {
	background: url('images/footer_bg.png');
	overflow: hidden;
	padding-top: 25px;
	position: relative;
	z-index: 5;
	margin-top: -13px;
}

footer h4 {
	font-family:'Avenir LT W01 55 Roman', Helvetica, Arial, Sans-serif;;
}

footer .widget {
	border-bottom: 2px dotted #af9781;
	padding-bottom: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

footer .widget:last-child {
	border: 0;
}

#field_1_5 > div {
	    margin-top: 50px;
}

/* ------------ RESPONSIVE MEDIA QUERIES ------- */

@media (min-width: 769px) and (max-width: 1024px) {
	#home #top div.box {
		/*margin-right: 2%;*/
	}

	#home .signup input[type=text] {
		width: 40%;
	}
}

@media (max-width: 992px) {
	html {
	    background: url('images/background2_tablet.png') no-repeat right top;
	    min-height: 100%;
	    background-size: cover;
	    background-attachment: fixed;
	}

	#home #top {
		background: none;
		padding: 0 0 27px 0;
	}

	#home #top .about {
		background: url('images/shannon_small.png') no-repeat;
		background-size: 100%;
	}

	#home #top .about h2 {
		margin-bottom: 0;
	}

	#home #top .about h2 a:link, #home #top .about h2 a:visited {
		margin-bottom: 0;
		padding: 159px 0 0;
	}

	#home .blog, #home .buy,  #home .signup {
		margin-bottom: 15px;
	}
	#home .signup input[type=text] {
		width: 175px;
	}
	#site-navigation ul li {
		width: 11.0059%;
	}
	#home #top .about h2 a:link, #home #top .about h2 a:visited {
		background: url('images/white-arrow.png') no-repeat 189px 171px;
	}
}

@media (max-width: 884px) {

	#site-navigation ul li {
		width: 10.86%;
	}
}

/* iPad portrait */
@media (max-width: 768px) {

	nav#site-navigation {
		display: none;
	}
	nav#mobile {
		display: block;
	}
}

/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {

}

/* iphone 5 landscape */
@media (max-width: 568px) {

}

/* iPhone 3+4 landscape */
@media (max-width: 480px){
	#logo img {
		margin: 0;
		width: 100%;
		height: auto;
		padding: 0 5%
	}
}

/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {

}

/* iPhone 3+4+5 portrait */
@media (max-width: 320px) {
	.alignright, img.right,
	.alignleft, img.left {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	#home #top .news img.right,
	#home #top .news img.left {
		margin-bottom: 10px;
	}
}

/* small android portrait */
@media (max-width: 240px) {

}

[title="Edit view"]
{
visibility: hidden;
height: 0;	
}

.wp-caption { max-width: 100%; }