/*
Theme Name:Storybook
Theme URI:http://www.woodstockstorybook.com
Description:Designed and Developed by Adam C. Blake specifically for use on woodstockstorybook.com.
Version:1.0
Author:Adam C. Blake
Author URI:http://www.adamcblake.com
Tags:custom, three-column, specific, black, red, fixed-width white, red, fixed-width
*/

@charset "UTF-8";

/* CSS Document */

/*////////////////////////////////////////////////////////////////////////
//
//  RESET 
//
////////////////////////////////////////////////////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/*////////////////////////////////////////////////////////////////////////
//
//  LAYOUT
//
////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(images/bg_crowd.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

/*//// TOP ////////////////////////////////////////////////////////////*/

#top {
	width:100%;
	height:300px;
	margin:0;
	background-color: #F68822;
	background-image: url(images/bg_top.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

#top-container {
	display: block;
	width: 950px;
	margin:0 auto 0 auto;
}

#top-link {
	width: auto;
	height: 30px;
}

#top-logo {
	width: 390px;
	margin: 0 40px 0 0;
	float: left;
}

#top-text {
	width: 400px;
	margin: 140px 0 0 0;
	float: left;
}

#top-bird {
	width: 120px;
	margin: 140px 0 0 0;
	float: left;
}

#menu-container {
	clear: both;
	width: 950px;
	margin: 0 auto 0 auto;
	z-index: 1;
	height: 50px;
}

#menu ul {
	display: block;
	margin: 0;
	padding: 0;
}

/*//// MAIN //////////////////////////////////////////////////////////*/

#main {
	display: block;
	width: 950px;
	margin: 50px auto 0 auto;
	min-height: 550px;
}

#main-left {
	width: 190px;
	margin: 0 50px 0 0;
	float: left;
}

#main-body {
	width: 510px;
	margin:0 50px 0 0;
	float: left;
}

#main .post {
	margin: 0 20px 40px 0;
	padding-bottom: 20px;
	border-bottom: solid 1px #222222;
	
}

#main #post-info {
	width: auto;
	border-top: solid 1px #222222;
	border-bottom: solid 1px #222222;
	margin: 0;
	padding: 10px 0 10px 0;
	font-size:10px;
	line-height: 15px;
	color: #666666;
}

#main #post-info a:link, #main #post-info a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#main #post-info a:hover {
	color: #BD2025;
	font-weight: normal;
}

#main #post-info b {
	color: #F68822;
}

#main-right {
	width: 150px;
	margin: 0;
	float: left;
}

div.block {
	margin-bottom: 50px;
}

div.spacer {
	height: 0px;
	clear: both;
}

#main-left ul.xoxo li, #main-right ul.xoxo li
{
	margin: 0 0 40px 0;
}

#photos {
	display: block;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	height: 496px;
	margin-bottom: 20px;
	width: 730px;
}

/*//// FOOTER ////////////////////////////////////////////////////////*/

#footer {
	display: block;
	width: 950px;
	height: 55px;
	margin: 50px auto 20px auto;
}

#footer-icons {
	width: 190px;
	margin: 10px 50px 0 0;
	float: left;
}

#footer-info {
	width: 510px;
	margin: 20px 50px 0 0;
	float: left;
}

#footer-credits {
	width: 150px;
	margin: 20px 0 0 0;
	float: left;
}

/*////////////////////////////////////////////////////////////////////////
//
//  TYPOGRAPHY
//
////////////////////////////////////////////////////////////////////////*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 	letter-spacing: .1em;
	line-height: 20px;
	color: #FFFFFF;
}

p {
	margin: 0 0 20px 0;
}

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

a:link {
	color:#F68822;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color:#F68822;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #bd2025;
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color:#666666;
	text-decoration: none;
}

h1, h1 a:link, h1 a:visited {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: .1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

h1 a:hover {
	color: #BD2025;
	font-weight: normal;
}

h1.entry-title {
	font-family: Georgia;
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: uppercase;
}

h1.header
{
	font-family: Georgia;
	margin: 0 0 30px 0;
	padding: 0;
}

h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: normal;
}

h2 a:hover, h3 a:hover {
	color: #666666;
	font-weight: normal;
}

h2.header
{
	font-family: Georgia;
	margin:0 0 30px 0;
	padding: 0;
	color: #BD2025;
	font-weight: bold;
	font-style: italic;
}

body.pageid-14 h2.header
{
	font-family: Georgia;
	margin:40px 0 20px 0;
	padding: 0;
	color: #BD2025;
	font-weight: bold;
	font-style: italic;
}

h4, h5 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 15px;
}

small {
	font-size: 10px;
	line-height: 15px;
}

strong {
	font-weight: bold;
}

.meta-sep {
	color: #222222;
}


#main-left h2, #main-right h2, #main-left h3, #main-right h3, #comments h3 {
	font-family: Georgia;
	margin:0 0 20px 0;
	padding: 0;
	color: #BD2025;
	font-weight: bold;
	font-style: italic;
}

#menu ul li
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 50px;
}

#top #menu-container li.right
{
	float: right;
}

#main-left ul.xoxo ul {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 15px;
	border-top: solid 1px #222222;
}

#main-left ul.xoxo ul li
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #222222;	
}

#top li a:link, #top li a:visited, #top li a:hover {
	font-size: 0em;
	text-decoration: none;
}

#main-left a:link, #main-left a:visited, #main-right a:link, #main-right a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

#main-left a:hover, #main-right a:hover {
	color: #F68822;
	text-decoration: none;
	
}

span.txt
{
	visibility: hidden;
	display: none;
}

div.textwidget {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

div.textwidget em {
	font-family: Georgia;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	font-style: italic;
	color: #BD2025;
}

.entry-content img {
	display: inline;
	margin-right: 10px;
	padding: 0;
	border: 10px solid #222222;
	float:left;
}


#comments {
	margin: -20px 0 0 0;
	line-height: 15px;
	color: #666666;
}

#comments ol 
{
	margin: 0 0 20px 0;
	padding: 0;
}

#comments ol.commentlist li 
{
	display: block;
	margin:0;
	padding:0 0 20px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #222222;
}

#comments .comment-credits {
	display: block;
	width: 190px;
	overflow: hidden;
	margin: 0 10px 0 0;
	float: left;
	color: #FFFFFF;
}

#comments .comment-text {
	display: block;
	width: 290px;
	margin: 0;
	float: left;
	color: #999999;
}

#comments em 
{
	font-style:italic;
}

#comments span {
	visibility: hidden;
	display: none;
}

#comments ul.formlist {
	margin:0 0 0 70px;
	padding: 0 0 20px 0;
}

#comments ul.formlist li {
	display:block;
	margin:0 0 10px 0;
	line-height: 20px;
}

#comments ul.formlist div.label {
	display: block;
	height: 30px;
	width: 120px;
	padding: 5px 0 0 0;
	margin-right: 10px;
	float: left;
	font-weight: bold;
}

#comments ul.formlist div.element {
	display: block;
	width: 280px;
	margin:0;
	padding: 0;
}

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

#comments ul.formlist p {
	margin: 0 0 0 -70px;
}

#comments input {
	display: block;
	width: 280px;
	height: 30px;
	font-size:12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

#comments textarea {
	display: block;
	width: 280px;
	height: 150px;
	font-size:12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

#comments li.submitbutton input {
	display: block;
	height: 30px;
	width: 150px;
	margin: 40px 0 0 130px;
	color:#000000;
	text-align:center;
	background:#666666;
	border:none;
	font-weight:bold;
	font-size:12px;
	padding-top: 2px;
}

/*////////////////////////////////////////////////////////////////////////
//
//  BODY CLASSES
//
////////////////////////////////////////////////////////////////////////*/

body.blog #secondary.sidebar, body.archive #secondary.sidebar, body.single #secondary.sidebar, body.pageid-36 #secondary.sidebar
{
	visibility: hidden;
	display: none;
}

body.pageid-14 #primary.sidebar, body.pageid-30 #primary.sidebar,body.pageid-26 #primary.sidebar, body.pageid-14 h1.entry-title, body.pageid-30 h1.entry-title, body.pageid-26 h1.entry-title
{
	visibility: hidden;
	display: none;
}

body.pageid-14 li.widget_links, body.pageid-14 li.widget_pages
{
	visibility: hidden;
	display: none;
}

body.pageid-30 #main-left
{
	visibility: hidden;
	display: none;
	width: 0;
}

body.pageid-30 #main-body
{
	width: 750px;
}

body.pageid-26 li.widget_text, body.pageid-26 li.widget_pages
{
	visibility: hidden;
	display: none;
} 


/*////////////////////////////////////////////////////////////////////////
//
//  REPLACER GLOBALS
//
////////////////////////////////////////////////////////////////////////*/

#top h1, #menu li, #main-right h4, #footer h5.rep
{
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#top h1 span.img, #top h1 a:link, #top h1 a:visited, #top h1 a:hover, #menu li a:link, #menu li a:visited, #menu li a:hover, #main-right h4 span, #main-right h4 a:link, #main-right h4 a:visited, #main-right h4 a:hover, #footer h5.rep span, #footer h5.rep a:link, #footer h5.rep a:visited, #footer h5.rep a:hover
{
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: 0 0;
} 


/*////////////////////////////////////////////////////////////////////////
//
//  REPLACERS
//
////////////////////////////////////////////////////////////////////////*/

/*//// TOP /////////////////////////////////////////////////////////////*/

h1#logotype, h1#logotype a:link, h1#logotype a:visited, h1#logotype a:hover {
	width: 390px;
	height: 190px;
	float: left;
}

h1#logotype a:link, h1#logotype a:visited  {
	background-image: url(images/top_logotype.gif);
}

h1#linanne, h1#linanne span {
	width: 400px;
	height: 20px;
	float: left;
}

h1#linanne span {
	background-image: url(images/top_lsackett.gif);
}

h1#barry, h1#barry span {
	width: 400px;
	height: 45px;
	float: left;
}

h1#barry span {
	background-image: url(images/top_blevine.gif);
}

/*//// MENU ///////////////////////////////////////////////////////////*/

h1#amazon, h1#amazon a:link, h1#amazon a:visited, h1#amazon a:hover {
	width: 104px;
	height: 30px;
	float: right;
}

h1#amazon a:link, h1#amazon a:visited {
	background-image: url(images/btn_amazon.png);
}

h1#amazon a:hover {
	background-image: url(images/btn_amazon_over.png);
}

/*////

li#home, li#home a:link {
	width: 80px;
	height: 50px;
}

li#home a:link, li#home a:visited {
	background-image: url(images/btn_home.gif);
}

li#home a:hover {
	background-image: url(images/btn_home_over.gif);
}

li#home.current_page_item {
	background-image: url(images/btn_home_off.gif);
}

////*/

#menu li.page-item-14, #menu li.page-item-14 a:link, #menu li.page-item-14 a:visited, #menu li.page-item-14 a:hover {
	width: 80px;
	height: 50px;
}

#menu li.page-item-14 a:link, #menu li.page-item-14 a:visited {
	background-image: url(images/btn_about.gif);
	color:#F68822;
}

#menu li.page-item-14 a:hover {
	background-image: url(images/btn_about_over.gif);
	color:#F68822;
}

body.pageid-14  #menu li.page-item-14 a:link, body.pageid-14 #menu li.page-item-14 a:visited, body.pageid-14 #menu li.page-item-14 a:hover {
	background-image: url(images/btn_about_down.gif);
	color:#000000;
}

/*////*/

#menu li.page-item-30, #menu li.page-item-30 a:link, #menu li.page-item-30 a:visited,#menu li.page-item-30 a:hover {
	width: 90px;
	height: 50px;
}

#menu li.page-item-30 a:link, #menu li.page-item-30 a:visited {
	background-image: url(images/btn_photos.gif);
	color:#F68822;
}

#menu li.page-item-30 a:hover {
	background-image: url(images/btn_photos_over.gif);
	color:#F68822;
}


body.pageid-30 #menu li.page-item-30 a:link, body.pageid-30 #menu li.page-item-30 a:visited, body.pageid-30 #menu li.page-item-30 a:hover {
	background-image: url(images/btn_photos_down.gif);
	color:#000000;
}

/*////*/

#menu li.page-item-36, #menu li.page-item-36 a:link, #menu li.page-item-36 a:visited, #menu li.page-item-36 a:hover {
	width: 60px;
	height: 50px;
}

#menu li.page-item-36 a:link, #menu li.page-item-36 a:visited {
	background-image: url(images/btn_blog.gif);
	color:#F68822;
}

#menu li.page-item-36 a:hover {
	background-image: url(images/btn_blog_over.gif);
	color:#F68822;
} 

body.pageid-36 #menu li.page-item-36 a:visited, body.pageid-36 #menu li.page-item-36 a:hover {
	background-image: url(images/btn_blog_down.gif);
	color:#000000;
}

body.blog #menu li.page-item-36 a:link, body.blog #menu li.page-item-36 a:visited, body.blog #menu li.page-item-36 a:hover {
	background-image: url(images/btn_blog_down.gif);
	color:#000000;
}

body.single #menu li.page-item-36 a:link, body.single #menu li.page-item-36 a:visited, body.single #menu li.page-item-36 a:hover {
	background-image: url(images/btn_blog_down.gif);
	color:#000000;
}

body.archive #menu li.page-item-36 a:link, body.archive #menu li.page-item-36 a:visited, body.archive #menu li.page-item-36 a:hover {
	background-image: url(images/btn_blog_down.gif);
	color:#000000;
}

/*////

li#page-item-43, li#page-item-43 a:link {
	width: 110px;
	height: 50px;
}

li#page-item-43 a:link, li#page-item-43 a:visited {
	background-image: url(images/btn_products.gif);
}

li#page-item-43 a:hover {
	background-image: url(images/btn_products_over.gif);
}

li#page-item-43.current_page_item {
	background-image: url(images/btn_products_off.gif);
}

////*/

#menu li.page-item-26, #menu li.page-item-26 a:link,  #menu li.page-item-26 a:visited,  #menu li.page-item-26 a:hover {
	width: 100px;
	height: 50px;
}

#menu li.page-item-26 a:link, #menu li.page-item-26 a:visited {
	background-image: url(images/btn_contact.gif);
	color:#F68822;
}

#menu li.page-item-26 a:hover {
	background-image: url(images/btn_contact_over.gif);
	color:#F68822;
}

body.pageid-26 #menu li.page-item-26 a:link, body.pageid-26 #menu li.page-item-26 a:visited, body.pageid-26 #menu li.page-item-26 a:hover {
	background-image: url(images/btn_contact_down.gif);
	color:#000000;
}

/*////*/

h4#facebook, h4#facebook a:link, h4#facebook a:visited, h4#facebook a:hover {
	float: right;
	width: 200px;
	height: 50px;
}

h4#facebook a:link, h4#facebook a:visited {
	background-image: url(images/btn_facebook.gif);
}

h4#facebook a:hover {
	background-image: url(images/btn_facebook_over.gif);
}

/*////*/

/*//// MAIN ///////////////////////////////////////////////////////////*/

h4#paperback, h4#paperback span, h4#hardcover, h4#hardcover span {
	width: 150px;
	height: 30px;
}

h4#paperback span {
	background-image: url(images/header_paperback.gif);
}

h4#hardcover span {
	background-image: url(images/header_hardcover.gif);
}

h4#purchase, h4#purchase a:link, h4#purchase a:visited {
	width: 150px;
	height: 30px;
}

h4#purchase a:link, h4#purchase a:visited {
	background-image: url(images/btn_purchase.gif);
}

h4#coming, h4#coming a:link, h4#coming a:visited {
	width: 150px;
	height: 30px;
}

h4#coming a:link, h4#coming a:visited {
	background-image: url(images/btn_coming.gif);
}

/*//// PAGES ////////////////////////////////////////////////////////////*/

h1.f-cap
{
	display: block;
	position: relative;
	width: 50px;
	height: 52px;
	margin:0 5px 0 0;
	padding: 0;
	z-index: 0;
	float: left;
	color: #000000;
}

h1.f-cap span
{
	position: absolute;
	display: block;
	width: 50px;
	height: 52px;
	background-image: url(images/bg_f.gif);
	background-position: 0 0;
	z-index: 1;
}

/*//// FOOTER ///////////////////////////////////////////////////////////*/

h5#facebook, h5#facebook a:link, h5#facebook a:visited {
	width: 50px;
	height: 30px;
}

h5#facebook a:link, h5#facebook a:visited {
	background-image: url(images/btn_footer_facebook.gif);
}