@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(../graphics/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; height:auto; 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(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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);} 

#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(../graphics/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(../graphics/icon_review.png), url(../graphics/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 {color:#5b615f;border-bottom:1px dotted #656c6a; padding:0px 0px 3px 0px; background-color:#aaa; background-image:url(../graphics/bg_noise.png);}
 .caption 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%}


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