/* NICOLASLADE.COM					*/
/* Updated: Mon 19 Sep 2011			*/
/* Author: Keri Thomas				*/
/* Updates:							*/
/*          19 Sep - fixed index links background problem                           */
/*          V6 - added iviews - interviews - page, made minor corrections			*/
/* 																					*/
/* Previous Updates																	*/
/*																					*/
/*			Changed short story headings font to Palatino Linetype					*/
/*			Fixed inconsistent display of the Name image at the top of each page	*/
/*			Included icons for links to external sites, top, next & prev page		*/
/*			Included icons for newsdates on news and newsarchive pages				*/
/*			Reduced number of font declarations										*/
/*			Fixed link bug in some story pages 										*/
/*			Widened left margin on content div										*/
/*																					*/
/*  Initial settings included														*/
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––------------------- */

/*		=INITIAL																	*/
/*		v2.1, by Faruk Ates - www.kurafire.net										*/
/*		Addendum by Robert Nyman - www.robertnyman.com								*/
/*		border=0 and default font values added by Keri Thomas 11 Feb 2007			*/

/*   ****************************************************************************/
/*   from http://www.adamfortuna.com/2007/07/01/making-the-css-switch-with-grids*/
/*   font-size:62.5%; coupled with the font-size:1em; is the key. 62.5% resets fonts so that 1em is 10px, while font-size:1em makes all elements 10px.*/
/*   * { margin: 0; padding: 0;font-size:1em;font-weight:normal;}               */
/*   body {font-size:62.5%;font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;} */
/*   #wrapper {width:96em; margin:0 auto;}                                      */
/*   ****************************************************************************/

/* Neutralize styling:    Elements we want to clean out entirely: 					*/
html, body, form, fieldset, input, select, textarea  {margin: 0; padding: 0; border: 0; font: 100.01% Verdana, Arial, Helvetica, sans-serif; }
/*
/* This odd 100.01% value for the font size compensates for several browser bugs. 									*/
/* First, setting a default body font size in percent (instead of em) eliminates an IE/Win 							*/
/* problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. 		*/
/* Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. */
/* Safari, on the other hand, has a problem with a font-size of 101%.          										*/
/* The current "best" suggestion is to use the 100.01% value for this property.										*/
/*                                                                             										*/

/* Neutralize styling:    Elements with a vertical margin: 							*/
h1, h2, h3, h4, h5, h6, hr, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0; border: 0; }

/* Apply left margin:    Only to the few elements that need it: 					*/
li, dd, blockquote {margin-left: 1em; padding: 0; border: 0; }

/* Elements with zero margin:  														*/
div, img, table, tr, td, span {margin: 0; padding: 0; border: 0; }

/* Miscellaneous conveniences: 														*/
form label {cursor: pointer; }
fieldset {border: none; }
ol,ul { list-style:none; }
.clear {clear: both; }

/* **************************************************************************/
/*																			*/
/* Key Colours:  light turquoise = #d1f3eb   Body background				*/
/*               wheat           = #f5deb3   Body tcuse b/g					*/
/*		           'purple'        = #dcb2b2								*/
/*               'orange'        = #e77c12									*/
/*               'cream'         = #fffbc6									*/
/*               mid grey        = #797979									*/
/*																			*/
/* **************************************************************************/

/****************************************************************/
/*																*/
/*    Common Body elements 										*/
/*																*/
/****************************************************************/

@media screen{
  body>div.footer{
    position: fixed;   /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
  }
}

html {overflow-y: scroll; } /* fixes FF scroll bar jump problem */

body {
  background-color: #d1f3eb;
	color: #000;
	line-height: 162.5%;
	padding:0 0 50px 0; /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
}

* html body{
  overflow:hidden;    /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
}

* html div.wrapper{
  height:600px;       /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
  overflow:auto;      /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
}

div.container {
  display:inline;
	float: left;
	margin-right: -300px;
	overflow:hidden;
	width: 100%;
}

div.content {
	margin-left: 40px;
	margin-right: 300px;
}

div.sidebar {
  display:inline;
	float: right;
	font-size: .80em;
  overflow:hidden;
	text-align: center;
	width: 300px;
}

div.footer {
  background: #dcb2b2;
	border-top: 1px solid #ec7712;
  position:absolute; /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
  bottom:0;          /*                                                          */
  left:0;            /*                                                          */
  width:100%;        /*                                                          */
  height:40px;       /* fixed footer - see http://limpid.nl/lab/css/fixed/footer */
}

a[rel="email"] {
 background: url("../icons/icon_mailto.gif") no-repeat right center;
 padding: 0 20px 0 0;
 text-decoration: none;
}

a[rel="external"] {
 background: url("../icons/icon_external.gif") no-repeat right center;
 padding: 0 20px 0 0;
}

a[rel="last"], a[rel="next"] {
 background: transparent url("../icons/book_next.png") no-repeat right center;
 float: right;
 font-size: 0.8em;
 padding: 0 20px 0 0;
 text-decoration: none;
}

a[rel="prev"] {
 background: transparent url("../icons/book_previous.png") no-repeat left center;
 float: left;
 font-size: 0.8em;
 padding: 0 0 0 20px;
 text-decoration: none;
}

a[rel="totop"] {
 background: url("../icons/page_up.gif") no-repeat right center;
 font-size: 0.8em;
 padding: 0 20px 0 0;
 text-decoration: none;
}

a[rel="up"] {
 background: transparent url("../icons/arrow_up.gif") no-repeat left center;
 font-size: 0.8em;
 padding: 0 0 0 20px;
 text-decoration: none;
}

a.firstup {float: left; }
a.lastup {float: right; }

img#nsnameca72 {
  width: 370px; height: 80px;
	margin-top: 3px;
}

img#nsimg164b {
  width: 200px; height: 300px;
	margin: 15px 15px;
}

img.cover {
  width: 123px; height: 186px;
	margin: 10px 0 10px 0;
}

hr {width: 80% }

hr.pc80 {
  width: 80%; height: 2px; background-color: #797979;
  margin-left: 10%; margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Palatino Linotype' , 'Times New Roman' , serif;
  font-size: 1.0em; font-weight: normal;
	margin: 2em 0 1.25em 0;
}
h1 {font-size: 1.3em; font-weight: bold;}
h2 {font-size: 1.2em; margin-top: 1em;}
h3 {font-size: 1.1em; margin-top: 1em;}

p.credits { font-size: 0.70em; text-align: center;}

p.revq, p.newsitem {font-size: 1.10em;}

p.faqq {font-size: 1.2em; }

.central2 {font-size: 0.80em; text-align: center;}

.central {text-align: center; }

.right {text-align: right; }

span.boldblu  {font-size:1.10em;; font-weight: bold; color: blue; }
span.italblu  {font-weight: bold; font-style: italic; color: blue; }
span.blu      {color: blue; }
span.bold     {font-weight: bold; }
span.ital     {font-style: italic; }
span.left     {text-align: left; }

em            {font-weight: bold; font-style: italic; }

/****************************************************************/
/*																*/
/*    Navigation												*/
/* 																*/
/****************************************************************/

#header {
	width: 100%;
	height: 60px;  /* this value is related to the height of .welcome - change both in sync */
	font-family: "Times New Roman", arial, helvitica, sans-serif;
	line-height:normal;
	background: #fffbc6;
	border-bottom: 1px solid #e77c12;
}

#header ul{
	margin: 0 auto;
	padding: 30px 10px 0;
}

#header li {
	background:url("../images/left.gif") no-repeat left top;
	border-bottom: 2px solid #e77c12;
	float:left;
	margin:0;
	padding:0 0 0 8px;
}

#header a {
	color:#0000ff; /* was d6faca */
	background:url("../images/right.gif") no-repeat right top;
	display:block;
	float:left;
	font-size: 80%;
	font-weight:bold;
	padding:8px 16px 6px 6px;
	text-decoration:none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#header a {float:none;}

/* End IE5-Mac hack */

#header a:hover {
  color:#e77c12;
}

.welcome {
	float:left;
	width: 200px;
	padding: 10px 0 0 15px;
	height: 50px;  /* this value is related to the height of #header - change both in sync */
	font-size: 100%;
	color: #797979;
	display:inline;
	overflow:hidden;
}

a#topofpage {
	position: absolute; top: 0; left: 0; 
	background: transparent;
	font-size: 10%; 
	color: #fffbc6;
}

body.home #header li.home, body.contact #header li.contact, body.links #header li.links, body.mailme #header li.mailme,
body.books #header li.books, body.gallery #header li.gallery, body.news #header li.news, body.iviews #header li.iviews, 
body.shorts #header li.shorts, body.tcuse #header li.tcuse  {
	background-image:url("../images/left_on.gif");
	border-bottom: 2px solid #fff;
}

body.home #header li.home a, body.contact #header li.contact a, body.links #header li.links a, body.mailme #header li.mailme a,
body.books #header li.books a, body.gallery #header li.gallery a, body.news #header li.news a, body.iviews #header li.iviews a, 
body.shorts #header li.shorts a, body.tcuse #header li.tcuse a {
	background-image:url("../images/right_on.gif");
	color:#e77c12;
}

.faq  a.faq, .home a.home, .shorts2 a.shorts, .shorts3 a.shorts, .shorts4 a.shorts, .shorts5 a.shorts, .shorts6 a.shorts {
	color: red;
}

/****************************************************************/
/*																*/
/*    Books Pages 												*/
/* 																*/
/****************************************************************/

.review {
	background: #fffbc6;
	margin: 2em 0 0 0;
	padding: 1em;
	border: 1px solid #333;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
}

.prevbooks {
	background:  #fffbc6;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
}
.prevbooks img {float: left; padding: 0 10px; width: 90px; height: 139px;}
.prevbook {font-size: 0.8em; float: left; padding: 0 10px; width: 30%; } 

.showbooks3, .showbooks4  {font-size: .80em; margin: 0 auto; width: 99%;} 
.showbooks3 ul {float: left; margin: 10px 0; width: 33%; }
.showbooks4 ul {float: left; margin: 10px 0; width: 24%; }

.showbooks3 img, .showbooks4 img {
	/*Firefox*/
	-moz-box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 0;
	/*webkit */
	-webkit-box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 0;
	/*Safari*/
	-khtml-box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 0;
	box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 0;
}

p.quotepara:first-letter {font-family: KellyAnnGothic, hancock, algerian, serif;  font-size: 2em; }

blockquote {
display: block;
padding: 0 20px;
}
blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 350%; font-family: "Times New Roman", Times, serif;
width: 50px;
}
blockquote:before {
content: '\201C';
height: 0;
margin-left: -0.55em;
} 
blockquote:after {
content: '\201D';
margin-top: -0.25em;
margin-left: 100%;
}

/****************************************************************/
/*																*/
/*    News, Newsarchive and Interviews Pages					*/
/*																*/
/****************************************************************/

.newsdate  {
	background: blue url(../icons/date2.gif) no-repeat left center;
	color: white;
	font-family: verdana, arial, helvitica, sans-serif;
	font-size: 0.80em;
	font-weight: normal;
	padding: 0 0 0 16px;
	text-align: left;
	text-indent: 1em;
	width: 150px;
}

img.newsimg {float: left; margin: 10px 20px 40px 20px;}

.index {width: 100%; margin: 1em 0 2em 0;}

.index h2 {
	font-size: 1.2em; font-weight: normal;
	margin: 1em 0 1.25em 0;
}

.index ul {margin: 10px 10px;}

.index li {
	background-color: #fffbc6; 
	float:left;
	margin: 2px;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: -3px 3px 0 #999; -moz-box-shadow: -3px 3px 0 #999; 
	box-shadow: -3px 3px 0 #999;

}

.index a {
	background: url("../images/yes_no_bg.gif") no-repeat top left; color: green;
	display: block;
	font-size: 60%;
	font-weight: normal;
	float: left;
	padding: 2px 6px 2px 34px;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: -3px 3px 0 #999; -moz-box-shadow: -3px 3px 0 #999; 
	box-shadow: -3px 3px 0 #999;
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-decoration: none;
}

.index a.active {background:url("../images/yes_no_bg.gif") no-repeat 0px -37px; color: #ff0000;
}

.index a.hide2010, .index a.hide2009, .index a.hide2008, .index a.hide2007, .index a.hide2006, .index a.hide2005 {color: #ff0000; }
.index a.hideivw1, .index a.hideivw2, .index a.hideivw3, .index a.hideivw4 {color: #ff0000; }

/****************************************************************/
/*																*/
/*    Interviews Page											*/
/*																*/
/****************************************************************/

div.iview {
	margin-top: 2em;
	padding:0.5em 4em;
	background: #fffbc6;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
}
div.iview2 {
	padding: 0.5em 2em;
	background: #fff;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; -khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: -3px 3px 0 #999; -moz-box-shadow: -3px 3px 0 #999; 
	box-shadow: -3px 3px 0 #999;
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
}

.iview2 p {
	font-size: 1.0em;
	line-height: 1.54em;
}
p.ip, p.ia {
	font-style: normal;
	margin: 0 .5em 1.5em 1em;
}
p.iq {
	font-style: italic;
	margin: 1em 0 .5em 1em;
}

img#bc_flyer {
	border: 10px;
	float: left;
	height: 210px;
	padding: 10px;
	width: 150px;
}

img#rfe_flyer {
	border: 10px;
	float: left;
	height: 350px;
	padding: 10px;
	width: 250px;
}

img#bomw_2007 {
	border: 10px;
	float: left;
	height: 235px;
	padding: 10px;
	width: 157px;
}

/***************************************************************/
/*																*/
/*    Short Story Pages											*/
/*																*/
/***************************************************************/

p.letterdate, p.letterdate2 {
	margin: 64px 0 20px 0;
	color: #363636;
	font-family: rockwell, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	width: 85%;
}

p.letterdate2 {margin-top: 0; }

.shorts h1, .shorts h2, .shorts h3, .shorts h4, .shorts.h5 {
	font-size: 1.1em; font-family:'Palatino Linotype', 'Times New Roman', serif;
	margin: 2em 0 0.6em 0;
}

.shorts h1 {font-size: 1.2em; }
.shorts h5 {font-weight: normal; }

p.short {
	font-family: "Bookman Old Style", garamond, "Times New Roman", serif;
	font-weight: normal; font-style: normal; text-align: left; text-indent: 4em;
}

hr.endletter {
	width: 50%; height: 2px; background-color: #797979; margin: 2em auto;
}

ul#halpages {
	margin: 0 auto; width: 580px;
}

ul#ttrpages, ul#matpages {
	margin: 0 auto; width: 380px;
}

ul#halpages li, ul#ttrpages li, ul#matpages li {
	float:left;
	margin:0;
}

ul#halpages a, ul#ttrpages a, ul#matpages {
	color:#0000ff;
	display:block;
	font-size: 0.8em;
	padding: 0 0 0 8px;
	text-decoration:none;
}

img#nsimg164z {
	float: right;
	padding: 15px 50px 40px 20px;
}

img#bristol1, img#dorset1, img#elvira1, img#elvira2, img#elvira4, img#elvira5, img#london51, img#tower,
img#abbey, img#house, img#cross, img#priory, img#priory2, img#priory3, img#cloister, img#cottage, img#river, img#plan, img#door, img#gate {
	float: right;
	padding: 10px 50px 40px 20px;
}

/***************************************************************/
/*																*/
/*    Links Page												*/
/*																*/
/***************************************************************/

.authtable {
   background-color: #fffbc6;
	 color: black;
	 text-align: left;
}

.authtable td {
  padding: 10px 10px 0 0;
}

.authtable td.book {
  font-style: italic;
	font-weight: bold;
}

td.hide {visibility: hidden; }

ul.likeaddr {
  font-weight: normal;
	list-style-type: none;
	text-align: left;
}

body.links h2 {font-weight: bold;}
 
/***************************************************************/
/*																*/
/*    Gallery Page												*/
/*																*/
/***************************************************************/




body.gallery h3 {
font: normal 1.1em verdana, arial, sans-serif;
color: blue;
}

body.gallery .photos {
width: 100%;
font-size: 1.1em; font-weight: bold;
color: blue;
}

body.gallery .photos img {height: 150px; padding: 10px 40px 30px 0;}
body.gallery .photos .phototext {
font: normal 0.95em verdana, arial, sans-serif;
color: black;
padding: 20px 40px 0 20px;
}

body.gallery .left {float: left; display:inline; overflow:hidden;}

img#mmwbl1 {height: 100px; width: 360px; }

img#mmwbl21, img#mmwbl22, img#mmwbl23, img#mmwbl24, img#mmwbl25, img#mmwbl26 {width: 225px; }
img#mmwbl3 {width: 540px; }
img#blf2007 {width: 395px; }
img#signing1 {width: 225px; }
img#reading1 {width: 100px; }

body.gallery .art img {height: 200px; padding: 20px 40px 20px 0; }
body.gallery div.art a {font-size:1.10em; font-weight: bold; color: blue; }

img#bsnov2009 {width: 402px; }
img#harecollage {width: 453px;}
img#chili {width: 453px;}
img#poppy {width: 192px;}
img#poppies {width: 160px;}
img#tuscany {width: 255px;}
img#hare {width: 156px;}
img#haresit {width: 152px;}
img#pom1 {width: 278px;}
img#pom2 {width: 255px;}

/***************************************************************/
/*																*/
/*    Terms and Conditions Page									*/
/*																*/
/***************************************************************/

body.tcuse {background-color: #f5deb3; color: black; }

div.terms {
  font-size: 0.80em;
	margin-left: 40px;
	margin-right:40px;
}

/***************************************************************/
/*																										*/
/*    End of Cascading Style Sheet										*/
/*																										*/
/***************************************************************/