/* ************************************************************** */
/* A. Treshansky, Spring 2007, CSS for Robin Brooks          */
/* Basic CSS file for use by older browsers with the link method  */
/* Called first in the html file                                  */
/* Newer browsers will also import more advanced CSS              */
/* ************************************************************** */


html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 0; 
	margin: 0;
/*	height: 100%; */
	background-color: white;
	color: black;
	width: 70em; 
	max-width: 100%;
}

* html body {
	font-size: x-small; /* font size bug fix for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

td#topleft, td#header {
	padding-bottom: 15px;
}

.screenreader {
	display: none;
}
.screen_only {
	display: block;
}
td {
	vertical-align: top;
}

/* Lettering styles for the page headers */
#header {
	padding-left: 0; 
	text-align: center; 
	width: 57em; 
	max-width: 100%;
	padding-top: 0.7em;
}

#header h1, #header h2, #header h3, #header strong {
	padding: 0;
	margin: 0;
	font-family:   Trebuchet, Arial, Helvetica, sans-serif;
}

#header h2 {
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	padding-top: 0.2em;
 font-size: 125%; 
}

#header h1, #header h2.topheader {
	font-weight: normal;
	letter-spacing: 0.4em; 
	line-height: 1.7em;
	display: block;
font-size: 200%;
}



#header h3 {
	font-weight: lighter;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	padding-top: 0.2em;
 font-size: 125%; 
}

#header em, #content em, #content-wide em {
	font-size: 123%;
	font-style: italic;
	letter-spacing: 0.1em;
	font-weight: lighter;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Trebuchet, Verdana, sans-serif;
}

/* ---- end of page header styles --- */

.grey {
	background-color: #ccc;
	color: black;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}


/* Text styles */


.center {
	text-align: center;
}

.right {
	width: auto;
	text-align: right;
}

#maintext strong, #maintext .strong_first, #maintext p.strong {
	line-height: 1.3em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#maintext  {
	line-height: 1.3em;
}

#content h2, #content-wide h2, h2.text_heading, #content h1, #content-wide h1, h1.text_heading  {
	font-weight: normal;
	background-color: white;
	color: #a50021;
	font-size: 240%;
	margin-top: -0.5em;
	line-height: 1.5em;
	margin-bottom: 0;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
}

#content h3, #content-wide h3, #content h2.sub, #content-wide h2.sub {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: normal;
	background-color: white;
	color: #a50021;
	font-size: 150%;
}

#content h2.plain, #content h3.plain {
	font-family:  Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

#content h3.plain a:link, #content h3.plain a:visited, #content h3.plain a:hover, #content h3.plain a:active, #content h2.plain a:link, #content h2.plain a:visited, #content h2.plain a:hover, #content h2.plain a:active, #content h2.sub a:link, #content h2.sub a:visited, #content h2.sub a:hover, #content h2.sub a:active {
	font-family:  Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #a50021;
}

#content em, #content-wide em {
	font-size: 100%;
	font-style: italic;
}

#menu {
	text-align: right;
}

#menu #search_site h3, #menu #search_site h2 {
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
	background-color: white;
	color: #a50021;
	display: inline;
	padding: 0;
	margin-top: 0;
	font-size: 140%;
	margin-bottom: 0;
}

#menu #search_site h3 a:link, #menu #search_site h3 a:visited, #menu #search_site h3 a:hover, #menu #search_site h3 a:active, #menu #search_site h2 a:link, #menu #search_site h2 a:visited, #menu #search_site h2 a:hover, #menu #search_site h2 a:active { 
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
	background-color: white;
	color: #a50021;
	display: inline;
} 

div#search_site {
	text-align: right;
}

#search_site form, #search_site input {
	padding-bottom: 0;
	margin-bottom: 0;
	display: inline;
}

#menu p#skip a:link, #menu p#skip a:visited, #menu p#skip a:hover, #menu p#skip a:active {
	background-color: white;
	color: #a50021;
	font-weight: lighter;
	font-size: 95%;
	padding-top: 0;
	margin-top: 0;
	font-style: normal;
	margin-bottom: 1em;
	line-height: 1em;
	display: inline;
	text-align: right;
} 

p.small_caption {
	font-size: 85%;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 1em;
}

div#menu #tellafriend h3 {
	display: block;
	color: black;
	font-weight: bold;
}

/* ---- end of text styles --- */


/* Image styles */

img.payment, #grid img.payment {
	width: 17em;
	height: 3.5em;
max-width: 300px;
max-height: 50px;
}

#biopics img {
	width: 17em;
	height: 12em;
max-width: 300px;
max-height: 250px;
	margin-bottom: 0; 
	padding-bottom: 0;
}

img.padded {
	margin: 10px;
}

/* ---- end of image styles --- */

/* Styles for text and links  */

blockquote {
	font-style: italic;
	font-family:  Geneva, Trebuchet, Verdana, sans-serif;
	padding: 0;
	margin: 1em;
}

span.first_indented {
	padding-left: 5em;
}

/* (blue for links outside the main page contents) */
a:link, a:visited, a:hover, a:active, #maintext p.bluetext a:link, #maintext p.bluetext a:visited, #maintext p.bluetext a:hover, #maintext p.bluetext a:active, #content div.bluetext a:link, #content div.bluetext a:visited, #content div.bluetext a:hover, #content div.bluetext a:active {
	text-decoration: none;
	font-weight: bold;
	color: #0077cc;  
	background-color: transparent;
	line-height: 1em;
}

.bluetext {
	color: #0077cc;  
	background-color: transparent;
	font-weight: normal;
}

hr.blue {
	background-color: #0077cc; 
	color: #0077cc;
	height: 2px;
}

.greytext, .greytext a:link, .greytext a:visited, .greytext a:hover, .greytext a:active {
 	color: #777;
	background-color: white;
 	text-decoration: none;
	font-weight: bold;
}

/* (black for links within the maintext div) */
#maintext a:link, #maintext a:visited, #maintext a:hover, #maintext a:active, #content-wide .black a:link, #content-wide .black a:visited, #content-wide .black a:hover, #content-wide .black a:active {  
	background-color: white;
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

#commission a:link, #commission a:visited, #commission a:hover, #commission a:active { 
  	text-decoration: none;
	font-weight: bold;
	display: inline;
}

#mail a:link, #mail a:visited, #mail a:hover, #mail a:active { 
	background-color: white; 
 	color: black; 
}


.red,  .red a:link, .red a:visited, .red a:hover, .red a:active {
	color: #a50021 !important;
}

.light,  .light a:link, .light a:visited, .light a:hover, .light a:active {
	font-weight: lighter;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.colournormal {
	color: black;
	background-color: white;
}

.greyback {
	color: black;
	background-color: #eeeeee;
}

.fullwidth {
	width: 100%;
}
.nofloats {
	float: none;
}
.bordercollapse {
	border-collapse: collapse;
}
ul#researchtopics {
	list-style: outside;
}
ul#researchtopics li {
	padding-left: 2em;
}

dt {
	font-size: 135%;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
}

dd {
	margin-bottom: 1em;
}

/* end of text and link colours */
/* bottom of page */

div#footer  {
	padding-top: 2em;
/*	padding-left: 1em; */
padding-left: 10px;
	text-align: center;
}



div#copyright_text, div.small_links, div#bds_copyright_text {
	font-size: 75%;
	font-weight: normal;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0;
	display: block;
}

div.small_links {
	padding-top: 0;
}

div#copyright_text a:link, div#copyright_text a:visited, div#copyright_text a:hover, div#copyright_text a:active, div.small_links a:link, div.small_links a:visited, div.small_links a:hover, div.small_links a:active {
	font-size: 120%;
}

.copyright {
	padding-top: 0;
	padding-bottom: 0;
}
.linkback, .linkback a:link,  .linkback a:visited, .linkback a:hover, .linkback a:active {
	font-size: 130%;
	font-style: italic;
	font-weight: lighter;
	text-align: left;
}
div#enlargement_copyright {
	text-align: right;
	font-size: 100%;
	color: #777;
	background-color: white;
	font-weight: normal;
	clear: both;
	padding-right: 0.5em;
}
.pic_copyright {
	text-align: left; 
}
 .pic_copyright_right {
	text-align: right;
}
.pic_copyright, .pic_copyright_right {
	font-size: 80%;
	color: #777;
	background-color: white;
	font-weight: normal;
	clear: both;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
p.caption, p.caption_left {
	text-align: center;
	padding-top: 0em;
	padding-bottom: 1.5em;
}
p.caption_left {
	text-align: left;
}

ol#accessibility_info li {
	padding-top: 1em;
	padding-bottom: 0.2em;
}


div#bookmark_rupert_text_link, div#bookmark_kirsty_text_link {
	font-style: italic; 
	font-weight: normal; 
	font-size: 110%; 
	clear: both;
	padding-left: 1.5em;
}


h1.kirsty_info {
	background-color: white;
	color: #a50021;
	font-weight: lighter;
	font-size: 250%;
	padding-top: 0;
	margin-top: 0.2em;
}
#black_dog_legend h2.kirsty_info, #content h2.kirsty_info, #black_dog_legend h3.kirsty_info, #content h3.kirsty_info {
	background-color: transparent;
	color: #a50021;
	font-weight: lighter;
	padding-top: 0;
	margin-top: 0.2em;
}

.kirsty_info {
	color: #a50021;
}

#black_dog_legend blockquote {
	font-style: normal;
	font-weight: normal;
	
}
#black_dog_legend .kirsty_info a:link, #black_dog_legend .kirsty_info a:visited, #black_dog_legend .kirsty_info a:hover, #black_dog_legend .kirsty_info a:active, #content .kirsty_info a:link, #content .kirsty_info a:visited, #content .kirsty_info a:hover, #content .kirsty_info a:active, #content-wide .kirsty_info a:link, #content-wide .kirsty_info a:visited, #content-wide .kirsty_info a:hover, #content-wide .kirsty_info a:active {
background-color: white;
	color: #a50021;
	font-weight: lighter;
	line-height: 1.2em;
}
/* -------------- Robin's new styles---------------------------- */

span.shipname {
	font-style: italic;
}

fieldset {
/*	padding-left: 2em; */
	padding-left: 20px;
}

legend {
	font-size: 130%; 
	font-style: normal; 
	color: black;
	background-color: white;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
}

address {
	font-style: normal;
}

table.licensed {
	border: none;
	margin: 0 10px 0 10px;
	padding: 10px;
	text-align: center;
	width: auto;
	clear: both;
}

table.bridgeman {
	text-align: left;
	border: none;
	margin: 0 10px 0 10px;
	padding: 10px;
	text-align: center;
	width: auto;
	clear: both;
}

table.bridgeman img {
	margin-right: 1em;
}

table.licensed td {
	border: 1px solid black;
	margin: 0 10px 0 10px;
	padding: 10px;
	text-align: center;
	width: 200px; 
}

table.licensed img {
	width: 175px;
	height: 125px;
}

cite {
	font-size: 90%;
	font-style: italic;
}

table.page-width {
	width: 720px;
}


h2#cook_series_header {
	line-height: 2em; 
	margin-top: 0;
}

h1#picture_title, h1#picture_title2 {
	font-size: 165%;
	padding: 0;
	margin: 0;
	font-weight: lighter;
}

table#storyline a:link, table#storyline a:visited, table#storyline a:hover, table#storyline a:active {
	font-size: 130%;
	font-weight: lighter; 
	font-style: italic;
	text-decoration: none;
	color: #a50021;
}

table#cook_painting {
	margin-left: 2em;
}

table#cook_painting td#description {
	padding-left: 3em;
}

.newpage {
	page-break-before: always;
}

#closebutton input {
	border: 1px solid #191970;
	background-color: #fffaf0; /* floralwhite; */ 
	color: #191970;
	padding: 2px;
	width: 8em;
}

h1#detailheader {
	font-size: x-large;
}


small {
	line-height: 1.5em;
}
img.bigger {
	width: 25em;
}
td.thumb img{
	margin-bottom: 5px;
	height: 125px;
	width: 125px;
}

#film td {
	width: 33%;
}
#film blockquote {
	margin: 0;
	padding: 0;
}
ul {
	list-style: outside;
}
ol#commission-painting li {
	padding-left: 2em;
	padding-bottom: 1em;
}
table#prices {
	clear: none;
	width: 425px;
}
table#prices td, table#prices th {
 	border: 1px solid black;
}
#commission-page h4 {
	font-weight: normal;
	font-style: italic;
	color: #940010;
	display: inline;
	padding: 0;
	margin: 0;
}

.italic {
	font-style: italic;
}

table.linkstable {
	border: none; 
	margin-top: 0; 
	text-align: left;
}
/*
table.linkstable th {
	background-color: #cccccc;
}
*/
table.linkstable ul {
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 1em;
}
table.linkstable li {
	padding-top: 1em;
}
/* ------------------------------------------ */