/* Kaleidoscope Colours

Pink:		#CF84FA - RGB(207,132,250)
Maroon:		#840444
Blue:		#0033FF
Background:	#ECE1DD

*/

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { color : #840444; font-family : Helvetica, Arial, Verdana, sans-serif; font-weight : bold; /*text-transform : uppercase;*/ }
h1 { font-size : 3.00em; line-height: 1; margin-bottom : 0.5em; }
h2 { font-size : 2.00em; margin-bottom : .75em; }
h3 { font-size : 1.50em; line-height: 1.40; }
h4 { font-size : 1.25em; line-height: 1.25; }
h5 { font-size : 1.00em; font-weight: bold; }
h6 { font-size : 1.00em; font-weight: bold; }
p { margin : 0.3em 0 1.2em 0; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom : 1px dotted #666; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
/* 
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #ccc; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
*/
caption { background : #ffc; }

/* Some generic stuff */

body { 
	background-color: #ECE1DD;
}
h1, h2, h3, h4, h5 {
	color: #840444;
	text-align: center;
}
p { 
	text-align: justify;
	padding-left: 0px;
	padding-right: 0px;
}
p.tiny {
	font-size: 0.8em;
	padding-left: 10px;
	padding-right: 10px;
}
input.image {
	width: 87px;
	height: 23px;
}
/*
td p {
	padding-left: 0;
}

table {
	border-style: none;
	border-width: 0;
}
th, td {
	border-style: none;
	border-width: 0;
}
*/
a { 
	background: none;
	color: #0033FF;
}
a:hover { 
	color: #840444;
}
hr {
	color: blue;
	height: 1px;
	background-color:#ECE1DD;
}

/* Standard SPANs */

span.highlight {
	font-weight: bold;
}
span.author, span.tvprogramme {
	font-weight: bold;
}
span.programme, span.kaleidoscopepublishing {
	font-style: italic;
}
span.price {
	color: #840444;
	font-weight: bold;
}
span.alanplater {
	color: #840444;
	font-weight: bold;
	text-align: right;
}
p.quotedtext {
	margin-left: 65px;
	margin-right: 65px;
	background-color:#ECE1DD;
}
span.priceHighlight {
	color: green;
}
span.warning {
	color: white;
	background-color: #840444;
	font-weight: bold;
	width: 100%;
	padding: 3px 30px 3px 30px;
}
span.crossout {
	text-decoration:line-through;
}
p.warning {
	color: white;
	background-color: #840444;
	font-weight: bold;
	text-align: center;
}

p.warning a {
	color: #ECE1DD;
}
p.warning a:hover { 
	color: #CCCC00;
}
li.warning {
	color: #840444;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* SITE BRANDING - fairly minimalist in this version */

#branding {
	position: fixed;
	top: 0px;
	margin: 6px 0 0 15px;
	width: 200px;
	height: 40px;
	background: transparent url(images/furniture/kaleidoscope-logo-tiny.png) no-repeat 0 0;
	text-indent: -9999px;
	opacity: 1;
	z-index: 4;
}

/* MAIN MENU - across the top of the page*/

#mainMenu {
	position: fixed;
	top: 0px;
	left: 5px;
	width: 100%;
	height: 3.3em;
	margin: 0;
	padding: 0;
	background-color: #840444;
	opacity: 1;
	z-index: 2;
	box-shadow : #000 1px 1px 2px; 
	-moz-box-shadow : #000 1px 1px 2px; 
	-webkit-box-shadow : #000 1px 1px 2px; 
	border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
}
/* Hide some captions in the menu*/
#mainMenu h3.mainmenu, #mainMenu h3.contactus, #mainMenu h3.blank { 
	display: none;
}
#mainMenu li {
	list-style-type: none; 
	float: left;
	margin-top: 1px;
	display: inline-block;
}
#mainMenu li a {
	font-size: 10px;
	text-transform: uppercase;
	padding: 9px 10px 15px 9px;
	color: #f3f1ec;
	text-decoration: none;
}
#mainMenu li a:hover { 
	text-decoration: underline;
}
#mainMenu ul {
	margin-left: 230px;
}

/* SUB-MENU - new version rendered entirely in text, no images */

#subMenu {
	position: absolute;
	float: left;
	top: 4em;
	left: 5px;
	width: 17em;
	padding: 8px 0 7px 0;
	margin: 0;
	text-align: center;
	background-color: #840444;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow : #000 1px 1px 2px; 
	-moz-box-shadow : #000 1px 1px 2px; 
	-webkit-box-shadow : #000 1px 1px 2px; 
}
#subMenubg {
	display: none;
}
#subMenu h4 { 
	padding: 4px 4px 4px 4px;
	margin: 0;
	border: none;
	background-color: #f3f1ec;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow : #000 -1px -1px 2px; 
	-moz-box-shadow : #000 -1px -1px 2px; 
	-webkit-box-shadow : #000 -1px -1px 2px; 
}
#subMenu ul {
	padding: 2px 2px 2px 2px;
	margin: 0px;
}
#subMenu li {
	padding: 5px 5px 5px 5px;
	list-style-type: none; 
	display: block;
}
#subMenu li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #f3f1ec;
	text-decoration: none;
	text-shadow: #000 1px 1px 2px;
}
#subMenu li a:hover { 
	text-decoration: underline;
}
#subMenu h4.latest span, h4.downloads span, h4.guides span, #subMenu h4.books span, #subMenu h4.other span, #subMenu h4.forthcoming span, #subMenu h4.previous span {
	display:none
}
#subMenu h4 {
	background-color: #F5E6FE; /* alt = #E2B5FC #ECCEFD #F5E6FE */
}
/* BOOK INFO - this section holds the information about the book on the book pages */

#bookInfo {
	float: right;
	top: 20px;
	right: 20px;
	text-align: right;
	padding: 13px 15px 0 0;
}
#bookInfo h3, #bookInfo h4, #bookInfo h5 {
	text-align: right;
	margin: 0;
	padding: 0;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}
#bookInfo p.Author {
	text-align: right;
	font-weight:bold;
	color: #840444;
	padding: 0;
}
.bookTechDetails {
	float: right;
	width: 420px;
}
#bookInfo .bookTechDetails p, #bookBlurb .bookTechDetails p  {
	text-align: right;
	margin: 0;
	padding: 0;
	letter-spacing: 0.25px;
}
#bookInfo .bookTechDetails .bookPrices, #bookBlurb .bookTechDetails .bookPrices {
	float: right;
	border: 1px solid #840444;
	padding: 2px 12px 2px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
}
#bookInfo .bookTechDetails table td, #bookBlurb .bookTechDetails table td {
	padding: 2px 2px 2px 2px;
}
#bookInfo .bookTechDetails tr.overline, #bookBlurb .bookTechDetails tr.overline {
	border-top: 1px solid black;
}
#bookInfo .bookTechDetails p.Details, #bookBlurb .bookTechDetails p.Details {
	line-height: 3.0;
}
#bookInfo .bookTechDetails a img, #bookBlurb .bookTechDetails a img {
	margin-top: 10px;
	border: 0;
}

td.left { text-align: left; }
td.right { text-align: right; }

/* BOOK IMAGE - this section holds the image of a book in the book pages */

#bookImage {
	float: left;
	top: 20px;
	text-align: left;
	padding: 20px 0 0 15px;
}
#bookImage img {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
#bookImageCentre {
	text-align: center;
	top: 20px;
	text-align: left;
	padding: 20px 0 0 15px;
}

/* Main content of each page text */

#mainContent {
	float:none;
	position: relative;
	/* width: 770px; */
	margin: 4em 10px 0px 18em;
	min-width: 120px;
	max-width: 960px;
	border: 1px solid #840444;
	background: transparent;
	background-color: #F3F1EC;
	padding: 0px 2px 0px 3px;
	z-index:1;
	border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow : #000 1px 1px 2px; 
	-moz-box-shadow : #000 1px 1px 2px; 
	-webkit-box-shadow : #000 1px 1px 2px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#mainContent.infoBox p {
	padding-top: 10px;
}
#mainContent p {
	padding-left: 30px;
	padding-right: 30px;
}
#mainContent #bookList p {
	padding-top: 0px;
}

/* BOOK BLURB - this section is where the blurb goes - surprise surprise */

#bookBlurb {
	padding: 10px 0 0 0;
	clear: both;
}
#bookBlurb ul {
	padding-left: 25px;
}
#bookBlurb li {
	list-style-type: disc;
	list-style-position: outside;
}
#bookBlurb p {
	padding-left: 15px;
	padding-right: 15px;
}

/* This section provides a short summary of a book. */

#bookSummary p {
	color: black;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

/* NEWS page */

#newsDetail h4.date {
	float: left;
	padding: 10px 0 5px 0px;
}
#newsDetail h4.title {
	float: right;
	padding: 10px 0px 5px 0px;
	text-transform: uppercase;
}
#newsDetail h5, #newsDetail p {
	clear: both;
}
#newsDetail ul {
	padding: 0 0 0 3px;
}
#newsDetail ol li {
	list-style-type: none;
	border-bottom: 2px solid #840444;
	margin-bottom: 1em;
}
#newsDetail ol li:first-child {
	list-style-type: none;
}
#newsDetail ul li, #newsDetail ul li:first-child {
	list-style-type: disc;
	border-bottom: none;
	margin-bottom: 0;
}
#newsDetail ol li.noborder {
	border-bottom: none;
	margin-bottom: none;
}
#newsDetail p {
	padding-left: 0px;
	padding-right: 0px;
}
/* Books List page */

/*
#pageDetail p {
	padding-left: 20px;
}
#pageDetail p:first-child {
	padding-top: 10px;
}

#pageDetail h2.reverse {
	background-color: #840444;
	color: #F3F1EC;
}
#pageDetail h3, #pageDetail h4
{
	padding-left: 20px;
	text-align: left;
	text-transform: uppercase;
}
#pageDetail td {
	padding: 0 10px 0 10px;
	vertical-align: top;
}

#pageDetail td img {
	margin: 10px 10px 0 10px;
	vertical-align: top;
}

#pageDetail td.para {
	padding-left: 30px;
	font-family: sans-serif;
	color: black;
	font-size: 0.75em; 
	text-align: justify;
	padding-left: 30px;
	padding-right: 10px;
}
*/

/* EVENTS page */

#eventDetail ul {
	padding: 0 0 0 23px;
}
/* Standard formatting for lists in the body of various pages */

#bookList li, #pageDetail li, #listingPage li, #mainContent li {
	font-size: 1.0em;
	margin-left: 20px;
	padding-left: 10px;
	list-style-type: disc;
	text-align: left;
}

#mainContent li {
	padding-right: 10px;
	text-align: justify;
}

/* BOOKS LIST page */

#bookList ol {
	padding: 0 20px 0 20px;
	margin: 0;
}
#bookList ol ol {
	padding: 0;
	margin: 0;
}
#bookList li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bookList li li {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #840444;
	margin-bottom: 1em;
}

#bookList li h2.reverse {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #840444;
	color: #F3F1EC;
}
#bookList p {
	margin: 0;
	padding: 0 180px 1em 0;
}
#bookList .bookSummary p.author {
	color: #840444;
	font-weight: bold;
}
#bookList p:first-child {
	padding-top: 10px;
	padding-left: 20px;
}
#bookList h3, #bookList h4
{
	text-align: left;
	text-transform: uppercase;
}
#bookList h4
{
	padding: 0 0 5px 0;
}
#bookList .bookThumb {
	float: right;
	margin: 5px 0 0 20px;
}
#bookList .bookThumb a img {
	margin-bottom: 15px;
}

#bookListTS td {
	padding: 0 10px 0 10px;
	vertical-align: top;
}

/*
#pageDetail td img {
	margin: 10px 10px 0 10px;
	vertical-align: top;
}
#bookList td.para {
	padding-left: 30px;
	font-family: sans-serif;
	color: black;
	font-size: 0.75em; 
	text-align: justify;
	padding-left: 30px;
	padding-right: 10px;
}
*/
/* Order Online page */

#orderForms {
	text-align: center;
}
#orderForms h3 {
	font-size: 1em;
	}
#orderForms table, #listingPage table {
	border-width: 2px;
	border-style: solid;
	border-color: #840444;
	border-collapse: collapse;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
}
#orderForms table {
	text-align:center;
}
#orderForms.print td, #orderForms.print th {
	font-size: 1.1em;
	text-align: left;
	margin-left: 20px;
}
#orderForms.print td.center, #orderForms.print th.center {
	font-size: 1.1em;
	text-align: center;
}
#orderOnline form {
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
	}
#orderForms th, #orderForms td, #listingPage th {
	border-width: 1px;
	border-style: solid;
	border-color: #840444;
	border-collapse:collapse;
}
#orderForms th {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #840444;
	border-collapse:collapse;
}
#orderForms td.title {
	font-weight: bold;
}
#orderForms td.even {
	background-color:#ECE1DD;
	}
/*
#news p, #news h3 {
	text-align:center;
	}
#news p.justify {
	text-align: justify;
	}
*/
p.centre, p.center {
	text-align: center;
}
a img {
	border: 2px solid blue;
}
a:hover img {
	border-color: #840444;
}

a#kaleidoscope img {
	border-width: 0;
}
/* Stuff for the LINKS page */

#linksDetail td {
	vertical-align: top;
}
#linksDetail a img {
	padding: 2px 2px 2px 2px;
	border: 2px solid #0033FF;
}


#listingPage table {
	border-style: none;
	}
#listingPage td {
	padding: 0 0 0 0;
	border-width: 0px;
	border-style: none;
	border-collapse:collapse;
	}
#listingPage li {
	list-style-type: none;
	text-align: left;
	text-indent: -10px;
	margin-left: 30px;
}
#listingPage li.warning {
	text-indent: 0px;
	margin-left: 20px;
}

#listingPage ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
td.top {
	vertical-align:top;
	}
td.center, td.price, p.price, p.center {
	text-align:center;
	}
div.redborder
{
	margin-left: 20px;
	margin-right: 20px;
	border: 2pt solid red;
}
img.float-right {
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid black;
}
img.float-left {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid black;
}


/* SPECIALS */

.gold {
	color: #FF9900;
}