/*
main.css
Main style sheet file for ianmathie.com
Provides general styles used in all pages
See other .css files for styles specific to individual pages

Written by Tellura Information Services Ltd
http://www.tellura.co.uk
Copyright © 2004 - 2006
*/

/* ******************************************
general and utility styles
****************************************** */
* {
	margin: 0;
	padding: 0;
}

body  { 
	color: #000000;
	text-align: center;
}

.clearboth {
	clear: both;
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #8f0000;

}

a, a:visited {
	text-decoration: none;
	color: #8f0000;
}

a:hover{
	text-decoration: underline;
	color: #8f0000;
}

/* ******************************************
Page structure
****************************************** */

#page_wrapper {
	text-align: left;
	background-color: #ffffff;
	width: 990px;
	margin: 0 auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#page_header {
	background-color: #626262;
	width: 990px;
	height: 20px;
	padding: 5px 0;
	margin-top: 5px;
	border-top: 1px solid #000000;
}

#page_header h4 {
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size:  12px;
	font-weight: normal;
	margin-left: 20px;
}

#page_header h4 a,
#page_header h4 a:visited {
	color: #ffffff;
	text-decoration: none;
}

#page_header h4 a:hover {
	color: #8f0000;
	text-decoration: underline;
}

#page_banner {
	background: url(../images/banner_home.gif) no-repeat;
	width: 990px;
	height: 110px;
}

#page_body {
	background-color: #efefef;
	width: 990px;
	float: left;
}

#text_panel {
	background-color: #ffffff;
	border: 1px solid #8f0000;
	width: 540px;
	padding: 15px;
	float: left;
	margin: 20px;
	display: inline; /* to treat the IE double-margin float bug */
}

#text_panel h2, #text_panel_full h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	color: #8f0000;
	margin: 5px 0 10px 0;
}

#text_panel h3, #text_panel_full h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;	
}

#text_panel h4, #text_panel_full h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8f0000;
	text-align: center;
	margin: 10px 35px 5px 35px;
}

#text_panel p, #text_panel_full p {
	/* font-weight: bold; */
	text-align: justify;
	margin-bottom: 20px;
}

/* ***********************************
full width text panel
************************************ */
#text_panel_full {
	background-color: #ffffff;
	border: 1px solid #8f0000;
	width: 920px;
	padding: 15px;
	float: left;
	margin: 20px;
	display: inline; /* to treat the IE double-margin float bug */
}

#book_panel {
	background-color: #ffffff;
	border: 1px solid #8f0000;
	width: 325px;
	float: right;
	margin:  20px;
	display: inline; /* to treat the IE double-margin float bug */
}

#contact_box {
	clear: both;
	margin-top: 20px;
	border: 1px solid #444444;
	padding: 10px;
}

#contact_box p {
	font-size: 12px;
	color: #444444;
	margin: 0;
}

#book_details_box {
	clear: both;
	margin: 20px;
	border: 1px solid #8f0000;
	padding: 10px;
}

#book_details_box p {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #444444;
	margin: 0;
}

#page_footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #626262;
	color: #ffffff;
	width: 990px;
	height: 25px;
	border-top:  1px solid #8f0000;
	border-bottom: 1px solid #000000;
}

#page_footer .left {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	float: left;
	margin: 5px 0 5px 20px;
	display: inline;
}

#page_footer .right {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	float: right;
	margin: 5px 20px 5px 0;
	display: inline;
}

#page_footer .right a,
#page_footer .right a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

#page_footer .right a:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #8f0000;
	text-decoration: underline;
}

/* ******************************************
Images
****************************************** */

#picture_middle {
	margin: 20px 50px 30px 50px;
}

.picture_right {
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin: 3px 0 0 15px;	
}


.thumb_middle {
	margin: 20px 50px 30px 50px;
}

/* ******************************************
Buttons
****************************************** */
 ul#navbuttons {
	margin: 5px 35px 20px 35px;
	padding: 5px 0 10px 0;	
	list-style: none;
	display: inline;
	float: left;
	width: 470px;
}

ul#navbuttons a {
	display: block;
	width: 200px;
	height: 30px;
	padding-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	/* border: 1px solid #666666; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #8f0000;
}

ul#navbuttons a:hover {
	background-color: #626262;
	color: #8f0000;
	/* border-color: #369; */
}

ul#navbuttons li {
	float: left;
}

 ul#smallbuttons {
	margin: 20px 20px 20px 50px;
	padding: 5px 0 10px 0;	
	list-style: none;
	display: inline;
	float: left;
	width: 150px;
}

 ul#smallbuttons_wide_panel {
	margin: 20px 75px 20px 75px;
	padding: 5px 0 10px 0;	
	list-style: none;
	display: inline;
	float: right;
	width: 150px;
}


ul#smallbuttons a {
	display: block;
	width: 125px;
	height: 25px;
	padding-top: 5px;
	margin-right: 20px;
	/*border: 1px solid #666666; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #8f0000;
}

ul#smallbuttons_wide_panel a {
	display: block;
	width: 125px;
	height: 25px;
	padding-top: 5px;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #8f0000;
}

ul#smallbuttons a:hover {
	background-color: #626262;
	color: #8f0000;
	/* border-color: #369; */
}

ul#smallbuttons li {
	float: left;
}

ul#chapters {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	margin-left: 50px;	
}

/* ******************************************
Text variations
****************************************** */

.nav {
	color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size:  9px;
}

.small_text {
	font-size: 9px;
	color: #444444;
}

.small_caption {
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
	background-color: none;
/*	color: #000000;/*
}

.shopping_basket {
	display: block;
	padding-top: 8px;
/*	border: 1px solid blue;*/
}

.bodytext {
	margin-left: 140px;
	margin-top: 10px;

}



/* ******************************************
Reviews
****************************************** */
.review {
	padding: 2px;
	margin: 0;
}

.review_content {
	padding-top: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	margin: 0;
}

p.review_publisher {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	/*float: right;*/
	font-style: italic;
	margin: 0;
}


/*
***************************************************************
Styles used for press cuttings
***************************************************************
*/

.picture_left {
	/*background-color: #F5F7F9;*/
	position: relative;
	display: inline;
	padding: 2px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 25px;
	/*border: 1px solid red;*/
}

p.purchase_details {
	/*border: 1px solid green;*/
	padding-top: 8px;
}

.media_title {
	position: relative;
	display: inline;
	width: 150px;
	padding: 2px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 15px;
	font-family: "Trebuchet MS";	
	font-size: 16px;
	font-weight: bold;
}


.clearboth {
	clear: both;
}


/* ******************************************
Forms
****************************************** */

label {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	color: #8f0000;
	text-align: left;
	float: left;
	width: 250px;
	padding-right: 20px;
}

input {
	display: block;
}


/* ******************************************
End of style sheet
****************************************** */