html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body {
 background:#fff;
  margin: 0;
  padding: 0;
  font-family: "futura-pt";
  font-size:0.9em;
}

p {
    margin-bottom:20px;
}
 
#introbox {
   
  margin-top:200px;
  
}
 


 
 #hometxt a{
    color:#fff;
    text-decoration: none;
 }
 
 
 #container {
    width:1000px;
    margin:100px auto 50px;
    position: relative; 
 }
 
 #logotop {
    position:absolute;
    top:-50px;
    left:0px;
 }
 
  #bltop {
    position:absolute;
    top:-31px;
    left:505px;
 }
 
 
  
#bookintro h2,#blockquote h2{
	font-size:2em;font-family: 'DINBold', sans-serif;margin-bottom:20px;line-height:1.3em;
    
}
#bookintro h3,#blockquote h3{
	font-size:1.4em;font-family: "Times New Roman", Times, serif;margin-bottom:15px;line-height:1em;
    
}

 
 /*************** MENU ******************/
 
 #cssmenu {
    position:relative;
 }
 
 #cssmenu ul {
    margin: 0;
    padding: 0;
}
#cssmenu li {
    margin: 0;
    padding: 0;
}
#cssmenu a {
    margin: 0;
    padding: 0;
}
#cssmenu ul {
    list-style: none;
    text-align: center;
}
#cssmenu a {
    text-decoration: none;
}
#cssmenu {
    height: 70px;
    /* This is for the main menu bit at the top */
    width: 100%;
    /* This means on every screen no matter the size, the width will cover the top  */
    line-height: normal;
    text-align: center;
    

    vertical-align: middle;
}
#cssmenu > ul > li {
    display: inline;
    /*margin-left: 15px;*/
    border-right: 1px solid #b5b49e;
    /* This is when the drop down box appears */
    position: relative;
}

#cssmenu > ul > li.page-item-24 {
    border-right: 0px solid #fff;
}


#cssmenu > ul > li > a {
    color: #b5b49e;
    font-family: 'Cinzel', serif;
    text-transform:uppercase;
    font-size: 16px;
    line-height: 70px;
    /* This bit chances the size of the text on the main heading */
    padding: 15px 12px 15px 7px;

}

#cssmenu > ul > li.page-item-10 > a {
    padding: 15px 12px 15px 0px;
}

#cssmenu > ul > li.page-item-24 > a {
    padding: 15px 0px 15px 7px;
}

#cssmenu > ul > li > a:hover {
    color: rgb(0, 0, 0);
}
#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: #d7dad3;
    text-align: left;
    /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    z-index:999;
    top: 25px;
    /* This is for the drop down annimation */
    left: 50%;
    margin-left: -42px;
    width: 280px;



}
#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 35px;
    /* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}
#cssmenu > ul > li > ul:before {
    content:'';
    display: block;
    border-color: transparent transparent rgb(250, 250, 250) transparent;
    border-style: solid;
    border-width: 0px;
    /* The border on the drop down box  */
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}
#cssmenu > ul ul > li {
    position: relative;
}
#cssmenu ul ul a {
    /* This is the drop down menu, change font or size when its drops down */
    color: #666962;
    font-family: 'Cinzel', serif;
    text-transform:uppercase;
    font-size: 15px;
    background-color: #d7dad3;
    padding: 5px 8px 7px 16px;
    display: block;

}
#cssmenu ul ul a:hover {
    background-color: rgb(240, 240, 240);
}
#cssmenu ul ul ul {
    /* In this build i havent included a sub sub menu in, but here is the code if ever needed */
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    /* This is for a sub sub menu */
    padding: 16px 0 20px 0;
    background-color: rgb(250, 250, 250);
    text-align: left;
    width: 160px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
}
#cssmenu ul ul > li:hover > ul {
    opacity: 1;
    left: 196px;
    visibility: visible;
}
#cssmenu ul ul a:hover {
    background-color: rgb(114, 164, 65);
    color: rgb(240, 240, 240);
}



#cssmenu > ul > li.current_page_item > a,#cssmenu > ul > li.current_page_parent > a {
    color:#000;
} 
/***************************/

#content {
    background:#dfddce;
    background-image:url('../i/fddark.png');
    background-repeat:no-repeat;
    background-position:0px 50px;
    font-family: 'Nunito', sans-serif;
    font-size:1em;
    line-height:1.7em;
    padding:50px 0;
    position:relative;
    z-index:1;
}

#contentbook {
    background:#dfddce;
    background-image:url('../i/fddarkbig.png');
    background-repeat:no-repeat;
    background-position:0px 50px;
    font-family: 'Nunito', sans-serif;
    font-size:1em;
    line-height:1.7em;
    padding:50px 0;
    position:relative;
    z-index:1;
}

#txtdark {
    background: #969476;
    margin:-10px 50px;
padding:30px 50px 5px 50px;
color:#fff;
position:relative;
}

#txtmovie {
    background: #969476;
    margin:-10px 50px;
padding:0px 50px 5px 50px;
color:#fff;
position:relative;
}
#txtmovie p{
    line-height:0px;
}

#txtdark a {
	color:#fff;
    text-decoration: underline;
}
#txtdark ul {
	color:#fff;
    text-decoration: underline;
}
#txtdark a {
	color:#fff;
    text-decoration: underline;
}

#txtdark h1{font-size:2.5em;font-family: 'DINBold', sans-serif;margin-bottom:20px;line-height:1em;}

#txtlight {
    background: #dfddce;
    margin:0 50px;
padding:25px 50px 0px 50px;
color:#3f3f3f;
}
#txtlight a {
	color:#3f3f3f;
    text-decoration: underline;
}
#txtlight ul {
	color:#3f3f3f;
    text-decoration: underline;
}
#txtlight a {
	color:#3f3f3f;
    text-decoration: underline;
}


#txtlight h1{color:#969476;font-size:2.4em;font-family: 'DINBold', sans-serif;margin-bottom:20px;}


.blocpic {
    float:left;
    width:500px;
    margin-left:-70px;
}

.blocpic img {
    width:480px;
    border:10px solid #fff;
    display:block;
}


.moviepic img {
    width:780px;
    border:10px solid #fff;
    display:block;
}

.legpic {padding-left:30px;font-size:0.8em;font-style: italic;display: block;line-height: 18px;padding-top: 8px;margin-bottom: 30px;}

.textpic {
    float:right;
    width:340px;
}

.tbbook{
    margin-top:680px;
}

.tbpage {
    margin-top:-50px;
}

#bookcover {
    margin-left:30px;
    top:0px;
    position:absolute;
    z-index:10;
    -webkit-box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
}

#bookcover img {
    -webkit-box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
box-shadow: 3px 4px 28px 0px rgba(0,0,0,0.75);
}

#bookintro {
    position:absolute;
    z-index:9;
    background:#4a523b;
    right:20px;
    top:150px;
    width:430px;
    padding:30px 60px 10px 50px;
    color:#fff;
    font-size:1.2em;
     font-family: "Times New Roman", Times, serif;
}
#allthestars {
    position:absolute;
    z-index:9;
    background:#4a523b;
    right:20px;
    top:73px;
    width:430px;
    padding:30px 60px 10px 50px;
    color:#fff;
    font-size:1.1em;
     font-family: "Times New Roman", Times, serif;
}
 
#bookintro h1,#blocktitle h1{
    font-size:2.5em;font-family: 'DINBold', sans-serif;margin-bottom:20px;line-height: 40px;
}


 
.recipepic {
    float: right;
    width:440px;
}

.textrecipe {
    float: left;
    width:360px;
}

#blocktitle {
    padding:40px 40px 20px 40px;
    font-size:1.1em;
    z-index:97;
    font-family: "Times New Roman", Times, serif;
}

#blocktitle.blocktitle24 {
    font-family: "Nunito",sans-serif;
}

#blocktitle a{
    color:#fff;
}

.aligncenter {
    margin:0 auto;
}

.aligncenter img {
    border:10px solid #fff;
}

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

#footer {
	text-align:center;
    padding:20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#999999;
}
#footer a {
	color:#999999;
    text-decoration: none;
}
#footer ul {
	color:#999999;
    text-decoration: none;
}
#footer a {
	color:#999999;
    text-decoration: none;
}

.styled-select {
   background: url(../i/selectarrow.gif) no-repeat 96% 7px ;
   height: 25px;
   overflow: hidden;
   width: 160px;
   
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 25px;
   padding: 2px; /* If you add too much padding here, the options won't show in IE */
   width: 177px;
   color: #fff;
}

.styled-select select option{
    background-color: #9d0002;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.blue    { background-color: #9d0002; }

#content em,#contentbook em{font-style:italic;}