@charset "UTF-8";
/* CSS Document */

html, body { font-family: "Droid Sans", Arial, sans-serif; color:#656c6a; line-height:1.3; background-color:#cfccc3}

p {font-size:90%; line-height:1.4}

a {color:#656c6a;text-decoration:none; display:inline}
a:link {border-bottom:1px dotted #95615b;}
a:hover {color:#586c77}
a:visited {color:#656c6a; border-bottom-color:#95615b}
a:visited:hover {color:#586c77}

a.button {float:left; height:62px; padding-top:18px;
  width:80px; border-bottom:none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  text-align:center;
  font-size:200%;
  color:#FFF;
  background-color:#9c463f;
  background-image:url(../images/bg_noise.png);
  text-shadow: 0px 0px 3px #36302a;
  filter: dropshadow(color=#36302a, offx=0, offy=0);
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s }

a.button:hover {background-color:#413d3c; color:#FFF }
.buttoncolumn {min-width:100px; min-height: 80px; float:left; padding-left:20px}

.textcolumn {width:480px; height:auto; float:left;}
.textcolumn_wide {width:710px; min-height:100px; float:left;}
.texthead {float:left; min-height:187px; width:100%;  clear:both; padding-bottom:10px; border-bottom:1px dotted #413d3c; margin-bottom:5px}
.texthead img {float:left; background-color:#FFF; border:1px solid #CCC; padding:5px; margin-left:20px; margin-right:20px;webkit-box-shadow: 0px 0px 10px 0px #656c6a;
  box-shadow: 0px 0px 10px 0px #656c6a; }

.quote {padding:0px 18px; font-style:italic}


ul {padding-left:20px}
ul li {font-size:90%; padding-bottom:4px;}

#container {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  min-height:450px;
  top:10px;
  background-color:#cfccc3;
  background-image:url(../images/bg_noise_2.png);
}

#head {clear: both}
#head ul {display:inline; padding:0; margin:0}
#head ul li {display:inline; padding:0; margin:0;}
#head ul li a {display:inline; float:left;
  width:105px; height:58px;
  padding:62px 5px 0 10px;
  margin:0; 
  font-size:90%;
  color:#fff; 
  text-shadow: 0px 0px 3px #36302a;
  filter: dropshadow(color=#36302a, offx=0, offy=0);
  background-color:#aaa; 
  background-image:url(../images/bg_noise.png);
  letter-spacing:0.07em; text-align:left;
  text-decoration:none; border-bottom:1px solid #a2a09a;
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s }

#head ul li a:hover {color:#FFF; background-color:#413d3c; }
#head ul li a:visited {color:#FFF}

#head a.home {background-color:#9c463f;}
#head a.about {background-color:#c87549}
#head a.books {background-color:#eeb865}
#head a.theatre {background-color:#e1cdb3}
#head a.film {background-color:#c1ada0}
#head a.reviews {background-color:#a6bfbd}
#head a.recom {background-color:#586c77}
#head a.contact {background-color:#5c554e}

#navicolumn { width:240px; float:left}
#navicolumn ul {display:inline; padding:0; margin:0}
#navicolumn ul li {display:inline; padding:0; margin:0;}
#navicolumn ul li a {display:inline; float:left;
  width:225px; height:50px;
  padding:5px 5px 5px 10px;
  margin:0; 
  font-size:90%;
  color:#fff; 
  text-shadow: 0px 0px 3px #36302a;
  filter: dropshadow(color=#36302a, offx=0, offy=0);
  background-color:#aaa; 
  background-image:url(../images/bg_noise.png);
  letter-spacing:0.07em; text-align:left;
  text-decoration:none; border-bottom:2px solid #a2a09a;
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s }

#navicolumn ul li a:hover {color:#FFF; background-color:#413d3c; }
#navicolumn ul li a:visited {color:#FFF}

#content {width:960px;min-height:300px; clear:both; float:left; margin-top:10px; margin-bottom:10px; /*border:1px dotted #586c77;-webkit-border-radius: 10px;
  border-radius: 10px;*/ }

#footer {clear:both; min-height:15px; font-size:75%; text-align:center; margin-top:10px; padding:10px 0px}

#start {clear:both; width:630px; margin-left:auto; margin-right:auto}
#start ul {display:inline; padding:0; margin:0;}
#start ul li {display:inline; padding:0; margin:0}
#start ul li a {display:inline; float:left;
  width:195px; height:55px;
  padding:155px 5px 0 10px;
  margin:0;
  font-size:110%;
  color:#fff; 
  text-shadow: 0px 0px 3px #36302a;
  filter: dropshadow(color=#36302a, offx=0, offy=0);
  background-color:#aaa; 
  background-image:url(../images/bg_noise.png);
  letter-spacing:0.07em; text-align:left;
  text-decoration:none; border-bottom:none;
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s }
#start ul li a:hover {color:#FFF; background-color:#413d3c; border-bottom:none }
#start ul li a:visited {color:#FFF}

#start a.home {background-color:#9c463f; width:405px}
#start a.about {background-color:#c87549}
#start a.books {background-color:#eeb865}
#start a.theatre {background-color:#e1cdb3}
#start a.film {background-color:#c1ada0}
#start a.reviews {background-color:#a6bfbd}
#start a.recom {background-color:#586c77}
#start a.contact {background-color:#5c554e}

#start .welcome {float:left; 
  background-image:url(../images/bg_noise.png);
  background-color:#9c463f; color:#fff; width:410px; 
  height:170px; padding:40px 0px 0px 10px;
  font-size:100%;
  text-shadow: 0px 0px 3px #36302a;
  filter: dropshadow(color=#36302a, offx=0, offy=0);}

/* Corrects odd spacing in header */
#start .welcome h1 {
  margin: 0.9em 0;
  padding: 0;
  line-height: 0.82em; }

#books {clear:both; padding-left:2px}
#books ul {margin:0px; padding:0px}
#books ul li {margin:0px; padding:0px;display:inline;}
#books ul li a:link { float:left;  
  min-height:140px; width:454px;
  padding:10px;margin:2px;
  color:#e0e0e0;
  background-color:#aaa; 
  border-bottom:none;
  background-image:url(../images/bg_noise.png);
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s }

#books ul li a:link img{ float:left; margin-right:15px;}
#books ul li a:hover {color:#e0e0e0; background-color:#413d3c;}
#books ul li a:visited {color:#e0e0e0; background-color:#aaa;transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s}
#books ul li a:visited:hover {color:#e0e0e0; background-color:#413d3c;}
#books a:link.review { width:332px; padding-left:132px; height:175px; background-image:url(../images/icon_review.png), url(../images/bg_noise.png); background-position: left top, left top; background-repeat: no-repeat, repeat;}

.book_title {border-bottom:1px solid #FFF}

.book_cover {float:left; width:140px; margin-right:10px}
.book_cover img {float:right;background-color:#eeeeee; border:1px solid #CCC; 
  padding:3px; margin-left:20px; margin-right:20px;
  webkit-box-shadow: 0px 0px 10px 0px #656c6a;
  box-shadow: 0px 0px 10px 0px #656c6a;}

.book_cover img a:link {background-color:#eeeeee}
.book_cover img a:hover {background-color:#413d3c}

.bold {font-weight:bold;}
.italic {font-style:italic}
.small {font-size:50%; font-style:normal}
.medium {font-size:75%; font-style:normal}
.caption, blockquote {color:#5b615f;border-bottom:1px dotted #656c6a; padding:0px 0px 3px 0px; background-color:#aaa; background-image:url(../images/bg_noise.png);}
.caption p, blockquote p {padding:0px 7px }
.column1 {width:945px; float:left; margin-left:10px; margin-right:5px}
.column2 {width:450px; float:left; margin-left:10px; padding-right:20px}
.column3 {width:306px; float:left; margin-left:10px;}
.column_centre {width:44%; padding-left:28%; padding-right:28%}

blockquote {
  border: none;
  display: block;
  margin: -1.2em 0 0;
  padding: 1em 0; }

blockquote p:first-child {
  margin-top: 0; }

blockquote p:last-child {
  margin-bottom: 0; }


/** beige:  #dcd5c4 413d3c 4f4942**/
/**********************************/


div#main_bottom {
  clear: both; }

body.hide_title .hideable { /* allows hiding of otherwise-forced article title via menu item class (hide_title) */
  display: none; }

/* Reviews listing override */
div.reviews_item {
  font-size: 90%; }

div.reviews_item a {
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  border: none;
  display: block;
  height: 175px;
  padding: 10px 10px 10px 132px;
  width: 334px; }

div.reviews_item a:link, div.reviews_item a:visited {
  min-height: 140px;
  margin-left: 4px;
  color: #e0e0e0;
  background-color: #aaa;
  border-bottom: none;
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s; }
  
div.reviews_item a:hover, div.reviews_item a:active {
  color: #e0e0e0;
  background-color: #413d3c; }



/* Books listing override */
div.books_item {
  font-size: 90%; }

div.books_item img, div.books_item span {
  float: left; }

div.books_item span {
  display: block;
  margin-left: 15px;
  width: 320px; }

div.books_item a {
  background-image: url(../images/bg_noise.png);
  background-repeat: repeat;
  border: none;
  display: block;
  height: 175px;
  padding: 10px;
  width: 454px; }

div.books_item a:link, div.books_item a:visited {
  min-height: 140px;
  margin-left: 4px;
  color: #e0e0e0;
  background-color: #aaa;
  border-bottom: none;
  transition: background-color 2s;
  -moz-transition: background-color 2s;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s; }
  
div.books_item a:hover, div.books_item a:active {
  color: #e0e0e0;
  background-color: #413d3c; }