@charset "utf-8";
/*
Theme Name: Storybook
Theme URI: http://storybookhomes.biz/
Description: The Storybook Homes default theme.
Author: Matt Carpenter
Author URI: http://orangesplotch.com/

  Storybook
   http://storybookhomes.biz/storybook/

  This theme was designed and built by Matt Carpenter
  whose blog you will find at http://orangesplotch.com

  The CSS, XHTML and design is copyrighted. All rights reserved.

*/


/* -----------------------------------------------------------------
 * TYPoGRaPHY & CoLoRS
 * ----------------------------------------------------------------- */
body {
  font-size: 90%; /* Resets 1em to 10px */
  font-family: Hadry, Georgia, "Times New Roman", Times, serif;
  background: url(/wp-content/themes/storybook/imgs/background.jpg) top left fixed repeat-x;
  text-align: center; }

#page {
  text-align: left; }

h1, h2, h3, h4 {
  /* find some good fonts for the headers*/
  font-family: Hadry, Georgia, "Times New Roman", Times, serif;
  font-weight: bold; }
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }

a, a:link { color: #933; }
a:visited { color: #900; }
a:hover   { color: #006; }
/* End Typography & Colors */

/* -----------------------------------------------------------------
 * STRuCTuRe
 * ----------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0; }

#page {
  margin: 10px auto;
  padding: 0;
  /*min-width: 630px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
  width: 790px; }

#header {
  padding: 0; margin: 0;
  height: 105px; width: 790px;
  display: block;
  position: relative;
  background: transparent url(/wp-content/themes/storybook/imgs/paper.png) right top no-repeat; }

#content .column, #pagecontent .column {
  position: relative; float: left; }
#content {
  padding-left: 180px;   /* LC fullwidth */
  padding-right: 220px;  /* RC fullwidth + CC padding */
  width: 390px;
  overflow: hidden;
  background: url(/wp-content/themes/storybook/imgs/papermid.png) repeat-y; }
#pagecontent {
  padding-left: 200px;   /* LC fullwidth */
  padding-right: 50px;
  overflow: hidden;
  background: url(/wp-content/themes/storybook/imgs/papermid.png) repeat-y; }
#main {
  padding: 10px 20px;    /* CC padding */
  width: 100%; }
#nav {
  width: 180px;          /* LC width */
  padding: 0;            /* LC padding */
  top: 0;
  right: 220px;          /* LC fullwidth + CC padding */
  margin-left: -100%; }
#pagecontent #nav {
  top: 0;
  right: 190px; }
#sidebar {
  width: 160px;          /* RC width */
  padding: 5px;          /* RC padding */
  margin-right: -230px;  /* RC fullwidth + CC padding */ }
#footer {
  clear: both; position: relative;
  text-align: right; padding: 5px 20px 25px;
  background: url(/wp-content/themes/storybook/imgs/paper.png) center bottom no-repeat; }
/* End Structure */

hr {
  display: none; }

.hidden {
  display: none; }
	
.clear-both {
	display: block;
  clear: both; }

/* - - - - -       N a V i G a T i o N   B a R       - - - - - */
#nav {
  text-align: center;
  z-index: 0; }

#nav h3 {
  color: #800;
  padding: 0; margin: 20px 0 0; }
	
#nav h3 span {
	font-size: 80%;
	color: #036; }
	
#nav ul {
  width: 150px;
  height: 540px;
  padding: 32px 0 60px;
  margin: 0 auto;
  background: url(/wp-content/themes/storybook/imgs/navbar.new.jpg) top left no-repeat; }


#nav li {
  margin: 0; padding: 0; list-style: none; }

#nav li, #nav a {
  display: block; width: 150px;
	text-indent: -2000px; overflow: hidden; }
#nav .Home a,
#nav .AboutStorybookHomes a,
#nav .OrderPlanBooks a,
#nav .CottageDetailImages a,
#nav .PlanSets a,
#nav .CustomCottages a,
#nav .StorybookHardware a,
#nav .StorybookStore a,
#nav .ContactStorybookHomes a,
#nav .StorybookBlog a,
#nav .SalvagedMaterials a,
#nav .PreferredVendors a,
#nav .StorybookStore a,
#nav .RecommendedReading a {
height: 27px; }

#nav .ViewEnlargedCottageImages a { height: 216px; }

/* hover states */
#nav .Home a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -32px no-repeat; }
#nav .AboutStorybookHomes a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -59px no-repeat; }
#nav .ViewEnlargedCottageImages a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -86px no-repeat; }
#nav .OrderPlanBooks a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -302px no-repeat; }
#nav .CottageDetailImages a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -329px no-repeat; }
#nav .PlanSets a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -356px no-repeat; }
#nav .CustomCottages a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -383px no-repeat; }
#nav .StorybookHardware a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -410px no-repeat; }
#nav .ContactStorybookHomes a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -437px no-repeat; }
#nav .StorybookBlog a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -464px no-repeat; }
#nav .SalvagedMaterials a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -491px no-repeat; }
#nav .PreferredVendors a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -518px no-repeat; }
#nav .StorybookStore a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -545px no-repeat; }
#nav .RecommendedReading a:hover {
  background: transparent url(/wp-content/themes/storybook/imgs/navbar.new.jpg)
              -150px -572px no-repeat; }

#nav p {
padding: 15px 20px; font-size: 80%; }

/* - - - - -   e N D   N a V i G a T i o N   B a R   - - - - - */

#main {
  z-index: 5;
  background: transparent url(/wp-content/themes/storybook/imgs/watermark.jpg) 220px 100px no-repeat; }

#primary h2 {
  margin: 0 auto; padding: 0;
  height: 96px; width: 350px;
  background: transparent url(/wp-content/themes/storybook/imgs/welcome.jpg) top left no-repeat;
  text-indent: -2000px; overflow: hidden; }

#pagecontent h2 {
  text-align: center; color: #933;
  margin-right: 150px; }

#main h3 {
  margin: 10px 0 20px 0;
  text-align: center; font-size: 140%; }
#main h3 a, #main h3 a:link, #main h3 a:visited {
  color: #910; text-decoration: none;
  padding: 2px 5px;
  display: block; }
#main h3 a:hover {
  background: #FFFFF7; }

#main p { margin: 10px 0 }

#sidebar {
  background: transparent url(/wp-content/themes/storybook/imgs/sidebar.jpg) top center no-repeat; }

#announcements {
  padding: 0 5px 5px 10px;
  font-size: 85%;}

#announcements h3 {
  margin: 0; padding: 0;
  height: 40px; width: 130px;
  background: transparent url(/wp-content/themes/storybook/imgs/announcements.gif) top left no-repeat;
  text-indent: -2000px; overflow: hidden; }

#announcements ul, #announcements li {
  padding: 0; margin: 0; }

#announcements li {
  list-style: none; padding-left: 5px; padding-bottom: 5px; }

#announcements .title {
  margin: 2px 0; font-size: 110%;
  font-weight: bold; letter-spacing: 1px; }

#announcements a {
  color: #900; text-decoration: none;
  border-bottom: 1px dashed #900; }

#announcements a:hover {
  background: #fff; border-bottom: 1px solid #900; }

#announcements p {
  margin: 2px 0; }

/* FooTeR
 * ------------------- */
#footer { font-size: 80%; }

#footer ul, #footer li { margin: 0; padding: 0; }

#footer ul {
  text-align: center; margin: 0 50px;
  line-height: 1.7em; }

#footer li {
  list-style: none; display: inline;
  padding: 0; white-space: nowrap; }

#footer p { font-size: 90%; }

#footer a, #footer a:link {
  font-weight: bold; font-family: Arial, sans-serif;
  color: #900; padding: 0 6px; }
#footer a:visited { color: #802900; }
#footer a:hover { color: #003; background: #fff; }

#secondary {
  padding-top: 20px;
  background: transparent url(/wp-content/themes/storybook/imgs/lb.gif) top center no-repeat; }

#secondary div {
  min-height: 98px;
  padding: 8px; margin: 0;
  border: 1px solid transparent; }

#secondary div:hover {
  background: #E1D8B9; border: 1px solid #fff; }

#secondary h4 { margin: 0; padding: 0; }

#secondary p { margin: 8px 0 0; padding: 0; font-size: 95%; }


#secondary a { text-decoration: none; color: #110; }

#secondary a img {
  float: left; margin-right: 10px;
  border: 1px solid #063; padding: 3px;
  background: #FfFcf0; }

#secondary a:hover img { background: #fff; border-color: #930; }

#highlights { margin-top: 20px; }
#highlights ul, #highlights li { margin: 0; padding: 0; }
#highlights ul { text-align: center; }
#highlights li { list-style: none; }

#highlights a, #highlights a:link,
#highlights a:visited {
  display: block; font-weight: bold;
  text-decoration: none;
  padding: 0; margin: 0 0 5px;
  font-size: 90%; color: #036; }
#highlights a:hover { color: #800; }
#highlights a img, #highlights a:link img {
  padding: 2px; background: #fff;
  border: 1px solid #930; margin: 0 0 2px;}
#highlights a:visited img { border: 1px solid #C63; }
#highlights a:hover img { border: 1px solid #090; }

#header h1 {
  float: left; margin: 5px 0 0 70px;
  width: 207px; height: 97px;
  text-indent: -2000px; overflow: hidden; }
#header p  {
  height: 102px;
  margin-right: 30px;
  text-indent: -2000px; overflow: hidden; }

.homeL1 { background: transparent url(/wp-content/themes/storybook/imgs/houseL1.jpg) top right no-repeat; }
.homeL2 { background: transparent url(/wp-content/themes/storybook/imgs/houseL2.jpg) top right no-repeat; }
.homeL3 { background: transparent url(/wp-content/themes/storybook/imgs/houseL3.jpg) top right no-repeat; }
.homeL4 { background: transparent url(/wp-content/themes/storybook/imgs/houseL4.jpg) top right no-repeat; }

.homeR1 { background: transparent url(/wp-content/themes/storybook/imgs/houseR1.jpg) right bottom no-repeat; }
.homeR2 { background: transparent url(/wp-content/themes/storybook/imgs/houseR2.jpg) right bottom no-repeat; }
.homeR3 { background: transparent url(/wp-content/themes/storybook/imgs/houseR3.jpg) right bottom no-repeat; }
.homeR4 { background: transparent url(/wp-content/themes/storybook/imgs/houseR4.jpg) right bottom no-repeat; }

#header .facebook { display: block; position: absolute; top: 70px; right: 18px; }
#header .facebook img { border: 0; }

#nav img {
  margin-top: 10px; padding: 2px;
  background: #CCBCA3; border: 1px solid #746955; }

/*   S T o R y B o o k   C o L o R S   */
.red    {color: #993333}
.orange {color: #EA9300}
.green  {color: #336633}
.blue   {color: #003366}
.violet {color: #3E146B}
.teal   {color: #009592}
.aqua   {color: #269974}
.plum   {color: #800050}

/*   S T o R y B o o K   e X T R a S   */
.centered { text-align: center; }
img.centered { display: block; margin: 10px auto; }
img.alignright { float: right; margin: 0 5px; }
img.alignleft { float: left; margin: 0 5px; }
img.bordered {
  background: #E3DDBD;
  padding: 2px; border: 1px solid #2A2819; }
a.noborder img { border: 0; }

/*** IE Fixes ***/
* html #header {
  height: 100px;
  background-position: -3px -3px;  }
* html #nav {
  left: -430px;
  margin-left: -175px;
  background: transparent; }
* html #pagecontent #nav {
  left: -545px;
  margin-left: -175px;
  background: transparent; }
* html #pagecontent {
  overflow: hidden;
  width: 525px;/* 530px; */
  background: url(/wp-content/themes/storybook/imgs/papermid.png) center top repeat-y;
  padding-top: 20px;
  padding-bottom: 20px; }
* html #page {
  overflow: hidden;
  width: 780px;
  background: url(/wp-content/themes/storybook/imgs/papermid.png) center top repeat-y;
  margin-bottom: 20px; }
* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px; }
* html #footer {
  background-position: -3px bottom; }
* html #sidebar {
  width: 165px;          /* RC width */ }
* html #footer li { white-space: normal; }
* html #secondary div { height: 98px; border: 1px dashed #FCF5E3; }
* html #header h1 { margin: 2px 0 0 33px; }
* html #header p  { margin-top: 2px; margin-left: 500px; height: 97px; }

.planlist {
padding-right: 20px;
font-size: 85%; }
.planlist a {
color: #000;
text-decoration: none; }
.planlist a:hover strong {
color: #900; }
.details {
text-align: center;
margin-bottom: 10px;
font-size: 80%;
font-family: Verdana, Arial, sans-serif; }
.details a img {
margin-top: 2px;
border: 2px solid #35260A;
padding: 2px;
background: #fff; }
.details a:hover img {
border-color: #c30; }
.details #mainimg {
margin: 5px 0;
background: #8B7D62;
padding: 3px;
border: 2px solid #35260A; }
li.highlight {
background: #E1D8B9; }
li.highlight strong {
color: #900; }

.note {
margin: 0 20px;
padding: 10px 15px;
font-size: 80%;
border: 1px solid #ECC986;
background: #FDFBF7;
color: #35260A; }
.note strong {
color: #036; }

h3 {
font-size: 100%;
color: #35260A;
margin-top: -10px; }

a.orderBtn {
display: block;
text-align: center;
margin: 0 175px;
border: 1px solid #ECC986;
padding: 5px;
background: #8B7D62;
text-decoration: none;
font-weight: bold;
color: #FDFBF7; }
a:hover.orderBtn {
background: #930;
border-color: #fff; }

* html a.orderBtn {
display: inline;
text-align: center; }

.instr { font-size: 80%; font-weight: bold; }
.required { font-weight: bold; color: #c33; }
.bold { font-weight: bold; }

cite {
width: 780px;
display: block;
border: 0;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-style: normal;
color: #524536; }

.smaller { font-size: 80%; }
.underline { text-decoration: underline; }
.btitle {
text-decoration: underline;
font-style: italic; }

a.noborder img {
border: 0; }

table.centered {
margin: 10px auto; }

td {
padding: 2px;
text-align: center;
vertical-align: top;
width: 50%; }
td.alignleft { text-align: left; }

img.detail { cursor: pointer; border: 2px solid #524536; }
img.detail:hover { border: 2px solid #c33; }
img#closeup { display: block; margin: 5px auto 10px; }

fieldset { border: 0; }

/*   o R D e R   P a G e   S T Y L e   */
.orderform {
border: 1px solid #ECC986;
background: #fff;
width: 85%;
margin: 0 auto;
padding: 10px;
text-align: center; }

.orderform fieldset {
text-align: right;
margin: 0 auto 10px;
padding: 10px 0;
border-top: 1px solid #DFD6B5;
border-bottom: 1px solid #DFD6B5; }

.orderform p {
padding: 0;
margin: 0 0 5px;
font-size: 90%; }

.orderform label {
display: inline;
margin: 0;
padding: 0;
font-weight: bold; }
.orderform label span {
font-weight: normal;
font-size: 80%; }
.orderform label .cost {
color: #900;
font-size: 100%; }
.orderform input.phone {
width: 110px;
text-align: right;
padding: 2px 10px; }

.orderform a {
font-size: 80%; }

fieldset#shipping_select {
margin-top: -10px;
border-top: 0;
padding: 5px; }
#shipping_select a {
display: block;
text-align: center; }
#showshipping {
padding: 5px 0;
border-bottom: 1px solid #DFD6B5;
margin: -10px 0 5px; }

.phone {
margin: 5px 0 0 10px; }

#pagemain h3 a, #pagemain h3 a:link, #pagemain h3 a:visited {
color: #006;
font-size: 1.1em;
text-decoration: none; }
#pagemain h3 a:hover {
text-decoration: underline;
color: #933; }

form h3 {
margin: 1px 0 5px;
padding: 5px;
background: #FAF2E0;
border: 1px solid #DFD6B5; }


/* Contact Form Properties
 * ----------------------------- */
form.cmxform {
border: 1px solid #ECC986;
margin: 20px;
padding: 0 0; }
* html form.cmxform { width: 450; }
form.cmxform fieldset {
margin: 0;
padding: 10px 20px;
background: #FDFBF7; }
form.cmxform legend {
padding: 0 2px;
font-weight: bold;
_margin: 0 -7px; /* IE Win */ }
form.cmxform h3 {
border: 0;
padding: 0;
margin: 0;
font-size: 85%; 
background: #FDFBF7; }
form.cmxform h3 a {
border-bottom: 1px dashed #c33; }
form.cmxform h3 a:after {content: " » "; }
form.cmxform label {
display: inline-block;
line-height: 1.8;
vertical-align: top; }
form.cmxform fieldset ol {
margin: 0;
padding: 0; }
form.cmxform fieldset li {
list-style: none;
padding: 5px;
margin: 0; }
form.cmxform em {
font-weight: bold;
font-style: normal;
color: #f00; }
form.cmxform p {
font-size: 80%; }
form.cmxform label {
width: 120px; /* Width of labels */ }
/*\*//*/
form.cmxform legend {
display: inline-block; }
/* IE Mac legend fix */

.contact {
text-align: center;
margin: 0 20px;



padding: 20px 15px 10px;
border: 1px solid #ECC986;
background: #FDFBF7;
color: #35260A; }
* html .contact { width: 450px;  }

.contact h3 {
background: #F9F2E1;
padding: 5px;
letter-spacing: 0.2em;
font-size: 110%; }

.clickable { cursor: pointer }

.alignright { text-align: right; }


#linkwrapper {
background: #fff; 
border: 1px solid #CCBCA3; 
padding: 20px 0; 
margin: 10px 0; }
* html #linkwrapper { float: right; }
#linkwrapper p.note {
clear: both; }

div#left_col {
margin: -15px 0 20px 30px;
border: 0;
padding: 0;
width: 220px;
float: left; }
* html div#left_col { margin: -15px 0 20px 10px; }

div#right_col {
float: right;
margin: -15px 30px 20px 0;
border: 0;
padding: 0;
width: 220px; }

div#left_col h3, div#right_col h3 {
margin: 15px 0 0; padding: 0;
border-bottom: 1px solid #000; }

div#left_col p, div#right_col p {
margin: 10px 0; padding: 0; }

/* IE Hacks */
* html div#right_col { margin-right: 10px }

/* LINK CONTAINER */
.linkContainer {
position: absolute;
top: 0;
left: 0;
border: 1px solid #746955; /*F7F4EB;*/
background: #FFFFF7;
margin: 20px 5%;
width: 90%;
padding: 10px;
}
.linkContainer h3 { padding-top: 10px; }
.linkContainer h3 a {
color: #036;
font-family: Hadry, Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
.linkContainer h3 a img {
float: right; }
.linkContainer a.closer {
display: block;
background: #f8f0df;
border: 2px solid #f8f0df;
padding: 3px;
font-size: 90%;
text-align: center;
margin: 0 auto;
cursor: pointer;
}
.linkContainer a.closer:hover {
background: #CCBCA3; 
color: #FFFFF7;
border: 2px solid #CCBCA3;
}
.linkFrame {
width: 100%;
height: 600px;
margin: 0 auto;
border: 0;
}
.linkContainer small {
display: block;
padding-top: 10px; }

#linkPanel {
width: 960px; }

#linkPanel iframe {
width: 940px;
height: 550px;
margin: 0 auto;
overflow: auto; }

#linkPanel .hd {
background: #316935; }

#linkPanel .ft {
font-size: 80%; 
padding: 4px;
color: #544; }

#orderWrapper {
width: 500px; }

#orderWrapper div {
display: inline;}

#orderWrapper form {
display: inline;
margin: 0 10px; }

#orderWrapper .italic {
font-size: 80%;
color: #444; }

#post-60 h2 {
margin: 10px 0 0;
width: 450px;
height: 40px;
background: url(/wp-content/themes/storybook/imgs/customCottageHeader.jpg) top left no-repeat;
text-indent: -2000px; overflow: hidden; }



/* This needs to go in its own page */
#salvaged {
border: 1px solid #CCBCA3;
background: #FFFBEF;
padding: 0 10px; }

#salvaged h3 {
margin: 0 5px;
padding: 5px; }

h3#item_title {
float: left;
font-size: 150%;
margin-top: 3px; }
	
.sal-main {
float: left; }

.sal-side { 
font-size: 90%; }
	
.sal-main dl {
width: 235px;
min-height: 100px;
border: 1px solid #930; 
padding: 5px; 
background: #fff;
float: left;
margin: 5px 0 5px 10px; }

.sal-main dt { 
font-weight: bold;
padding-bottom: 10px; }

.sal-main img {
display: inline;
float: left; 
background: #CCBCA3;
width: 100px; 
border: 1px solid #746955;
padding: 1px; 
margin-right: 10px; }
	
.sal-main .location {
display: block;
color: #746955; 
font-style: italic; }

.sal-side p {
margin: 10px; }

.img-block {
border: 1px solid #036;
margin: 5px;
float: left;
background: #fff; }

.img-block img {
display: inline;
float: left;
padding: 2px;
background: #CCBCA3;
border: 1px solid #746955;
margin: 5px; }

#salvaged .location {
text-align: right;
display: block;
margin-right: 10px;
color: #999; }

#salvaged .contact {
background: #fff;
border: 1px solid #c30;
margin: 0 5px;
padding: 10px; }

#salvaged .fn {
font-weight: bold; 
background: #ffe; }

.quickfacts {
border: 1px solid #CCBCA3; 
padding: 3px;
display: inline;
float: left;
width: 200px;
margin: 0 15px 0 5px;
font-size: 90%;
background: #fff; }

.quickfacts h4,
.description h4 {
margin: 0;
padding: 2px 0;
border-bottom: 1px solid #900;
text-align: center;
color: #a00; }

.quickfacts ul {
margin: 0;
margin-top: 5px;
padding: 0 0 0 20px; }

#salvaged .description {
border-top: 1px solid #fff;
float: left;
width: 290px;
margin-top: 3px;
margin-left: 0;
font-size: 90%; }

.description p { margin: 10px; }

* html .description p { margin: 10px 5px; }

#salvaged small {
color: #900; 
display: block;
text-align: center; }

#img-block {
float: left; }

.books { clear: left; padding: 20px 0;
background: #E1D8B9;
margin-bottom: 10px;
float: left;
border: 2px solid rgba(0,0,0,0.2);
width: 537px;
overflow: hidden; }
.books h3 { font-size: 18px;padding-left: 11px; }
.books .book {
float: left;
width: 157px;
padding: 10px 4px;
margin-left: 9px;
margin-bottom: 10px;
border: 1px solid #fff;
border: 1px solid rgba(0,0,0,0.1);
background: rgba(255,255,255,0.2);
text-align: center; }
.books .book h4 {
padding: 0;
margin: 0;}
.book img {
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.3);
max-width: 140px; }
.books-home { background: rgba(255,255,255,0.3); }
.books .row { clear: both; }