/* basic stylesheet for Ivor MacKay Hebridean Art */
/* update at 2011-12-07 */

body {
	margin: 0;
	padding: 0;
	background: #EFF url('graphics/msthd.jpeg') top left repeat-x;
	font-family: "Trebuchet MS", sans-serif;
	}

a { outline: none; }

img { border: none; }

.error { color: #000; background: #FF9500; }


/* the TITLEBAR */

/*#titlebar {
	}*/

#titlebar h1 {
	font-size: 36px;
	color: #73B2BF;
	padding: 1px 0 1px 6px;
	margin: 0;
	}

#titlebar p {
	background: #9CC url('graphics/tbar2_back.gif') top left repeat-x;
	color: #FFF;
	font-style: italic;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 2px 10px;
	margin: 0 0 12px 0;
	}


/* the CONTENT area ... including the menubar */
#content {
	color: #466;
	}

p {
	font-size: 14px;
	line-height: 20px;
	}
p>small,
p.small {
	font-size: 12px;
	line-height: 20px;
	}

sub { font-size: 9px; vertical-align: -2px; }
sup { font-size: 9px; vertical-align: 3px; }

.strike { text-decoration: line-through; }

/* col1 is the menu bar - copyrt is the copyright statement cell */
#col1, #controls, #copyrt {
	width: 120px;
	background: #B8E6E6 /*url('graphics/mbarbg.jpeg') top left repeat-y*/;
	color: #466;
	padding: 6px;
	}

#col1 p {
	padding: 0;
	margin: 0 0 3px 0;
	}

#copyrt p {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 10px;
	line-height: 12px;
	}

/* slists are the sublists with bullets... */
.slist {
	padding: 0;
	margin: 0 0 3px 0;
	}

.slist p {
	font-size: 12px;
	padding: 0;
	margin: 3px 0;
	}

/* thispage is the present page which is highlighted */
.thispage {
	background: #9CC;
	}

/* link definitions... */
#col1 a {
	display: block;
	color: inherit;
/*	text-align: left;*/
	text-decoration: none;
	padding: 2px 6px;
	margin: 0;
	}
#col1 a:hover  { background: #9BDEDE; }
#col1 a:active { color: #16DEDE; }


/* CONTROLS - for moving between pages etc. */
#controls {
	text-align: center;
	}

#controls table { width: 120px; }
#controls th { text-align: center; font-size: 10px; font-style: italic; padding-top: 3px; }
#controls td { text-align: center; font-size: 12px; line-height: 14px; background-color: #CEF2F2; }

#controls a {
	display: inline;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 1px 6px;
	}
#controls a:link,
#controls a:visited {
	color: #466;
	background-color: #CEF2F2;
	}
#controls a:hover {
	color: #000;
	background-color: #9BDEDE;
	}
#controls a:active {
	color: #9BDEDE;
	background-color: #9FF;
	}


/* #gallerylinks is in #controls sometimes */

table#gallerylinks { margin: 0 0 14px 14px; width: 106px; }
#gallerylinks th {
	text-align: center;
	font-style: italic; font-weight: bold;
	font-size: 10px; line-height: 14px;
	padding-top: 3px;
	}
#gallerylinks td {
	text-align: center;
	font-size: 12px; line-height: 14px;
	padding: 1px;
	}
#gallerylinks td#thisg { background: #F0FCFC; }

#gallerylinks>tr>td>a { display: block; text-align: center; padding: 0; margin: 0; }
#gallerylinks>tr>td>a:link,
#gallerylinks>tr>td>a:visited { background: #CEF2F2; }
#gallerylinks>tr>td>a:hover,
#gallerylinks>tr>td>a:active  { background: #9BDEDE; }



/* and the PICTURES are ... for the actual content */
#pictures {
	padding: 10px 60px;
	background: #FFF;
	text-align: center;
	}
#pictures p {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	}
#pictures a {
	color: #349999;
	text-decoration: none;
	}
#pictures a:link,
#pictures a:visited {
	}
#pictures a:hover {
	background: #CAEEEE;
	}
#pictures a:active {
	color: #16DEDE;
	background: #CAEEEE;
	}
#pictures span[title~="cm"] { cursor: help; border-bottom: 1px dotted #89CCCC; }
	/* for the cm measurements */

/* narrower left-aligned text blocks */
.leftblock {
	margin-left: 36px; margin-right: 36px;
	text-align: left;
	}


/* styles for the GALLERY pages - this only applies to the gallery tables */

/* the GALLERY table is a row of images; there should be three images per gallery,
	but there will occasionally be fewer  */

table.gallery {
	background: #E5F9F9;
	border-bottom: 1px solid #CDE4E4;
	}

table.gallery caption {
	font-size: 18px;
	line-height: 20px;
	color: #6CC;
	margin-bottom: 10px;
	}

table.gallery td {
	text-align: center;
	padding: 10px;
	border-width: 5px;
	border-color: transparent;
	}

table.gallery tr.titles td {
	font-size: 12px;
	color: #366;
	padding-top: 0;
	border-top: 0;
	}

table.gallery img {
	border-top: 2px solid #BDD;
	border-right: 2px solid #DFF;
	border-bottom: 2px solid #DFF;
	border-left: 2px solid #BDD;
	}

/*table.gallery a:visited {
	border: 1px solid #FFF;
	}
table.gallery a:hover {
	border: 1px solid #000;
	}
table.gallery a:active {
	border: 1px solid #9BDEDE;
	}*/


/* styles for the post and print price tables */
#ptable {
	margin-left: 36px;
	margin-right: 36px;
	}
#ptable th, #ptable td {
	text-align: center;
	background-color: #E5F9F9;
	font-size: 12px;
	line-height: 21px;
	}