/* basic stylesheet for Ivor MacKay Hebridean Art */
/* update at 2009-06-14 */

body {
	margin: 0;
	padding: 0;
	background-color: #EFF;
	font-family: "Trebuchet MS", sans-serif;
	}

a { outline: none; }

img { border: none; }

/* the TITLEBAR */

#titlebar {
	}

#titlebar h1 {
	font-size: 36px;
	color: #9CC;
	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 {
	font-size: 12px;
	}		

sup {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;
	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; }

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;
	}
#gallerylinks a { display: block; text-align: center; padding: 1px 6px; }
#gallerylinks a:link,
#gallerylinks a:visited { background: #CEF2F2; }
#gallerylinks a:hover,
#gallerylinks a:active  { background: #9BDEDE; }

/* 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;
	}


/* and the PICTURES are ... for the actual content */
#pictures {
	padding: 10px 60px;
	background: #FFF;
	text-align: center;
	}
#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;
	}

/* 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;
	}