/* ****************************************
Site CSS

Copyright 2010 John Parkinson, all rights reserved
**************************************** */

/* ***** Reset ***** */
header, footer, section, article, aside, nav { display: block; }

* { margin: 0; padding: 0; }

html, body { height: 100%; }

/* ***** Presets ***** */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	color: #000;
}

img { border: 0; vertical-align: top; }

a {}
a:hover {}
:focus { outline: 0; }

/* Headings */
h1 { font-size: 2.4em; font-weight: normal; line-height: 1.3; }
h2 { font-size: 1.8em; font-weight: normal; line-height: 1.34; }
h3 { font-size: 1.2em; font-weight: bold; line-height: 1.375; }
h4 { font-size: 1.0em; font-weight: bold; }
h5 { font-size: 1.0em; font-weight: bold; }
h6 { font-size: 1.0em; font-weight: bold; }

/* Forms */
form { display: inline; }
fieldset { border: 0; }
legend { display: none; }

/* Table */
table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; }
caption,th,td { vertical-align: top; text-align: left; font-weight: normal; }

/* Content */
address { font-style: normal; }
cite { font-style: normal; }
q,
blockquote { quotes: none; }
q:before, 
q:after { content: ''; }
small { font-size: .9em; }
big { font-size:1.2em; }
sup { font-size: 1em; vertical-align: top; }
p { margin:0 0 1.5em 0; }

/* Lists */
ul,ol { list-style: none; }

/* Tools */
.nobr { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-right { text-align: right !important; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.f-left { float: left !important; }
.f-center { display: block; margin: 0 auto !important; }
.f-right { float: right !important; }
.f-none { float: none !important; }
.f-fix { float: left; width: 100%; }
.no-display { display: none; }
.off-screen { position: absolute; left: -999em; }
.clear { clear: both; }

.sub-title {
	font-size:85%;
}

/* ***** Basic Site Elements ***** */
body {
	font-size:100%;
	color: #fff;
}

h1 {
	margin-bottom:.5em;
	text-align:center;
	color:#fc6;
}
h1 { font-family:Dau  phin, Georgia, Times New Roman, times, serif; font-size:2.0em;}
h2 { font-family:Dau  phin, Georgia, Times New Roman, times, serif; font-size:1.6em;}
h3 { font-family:Dau  phin, Georgia, Times New Roman, times, serif; font-size:1.3em;}
h4 {  }
h5 {  }
h6 {  }

a:link {
	text-decoration:underline;
	color:#6cf;
}
a:visited {
	text-decoration:underline;
	color:#fff;
}
a:hover, a:active {
	text-decoration:none;
	color:#6cf;
}

a.fancy-link {
	font-family:Dau  phin, Georgia, Times New Roman, times, serif;
	text-decoration:none;
	color:#fc6 !important;
	background:#000;
}
a.fancy-link:hover {
	text-decoration:none;
	border-bottom:1px solid #fc6;
}

a.button {
	display:inline-block;
	margin:1px 0;
	padding-top:10px;
	width:192px;
	height:38px;
	
	font-family:Dau  phin, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #930 url('../images/layout/button-bg.gif') left top repeat-x; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #930, #f80);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f80), to(#930));
}
a.button:hover {
	margin:0;
	
	text-decoration:none;
	color:#fff;
	
	border:1px solid #fff;
}

a.image-button {
	display:inline-block;
	margin:1px;
	padding-top:0;
	width:120px;
	height:28px;
	
	font-family:Dau  phin, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	background: #930 url('../images/layout/button-bg.gif') left top repeat-x; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #930, #f80);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f80), to(#930));
}
a.image-button:hover {
	margin:0;
	
	text-decoration:none;
	color:#fff;
	
	border:1px solid #fff;
}


p.highlight, span.highlight {
	font-style:italic;
	color:#fc6;
}

ul {
	list-style:disc inside;
	margin-bottom:1.5em;
}
	ul ul {
		margin:6px 0 6px 18px;
	}

blockquote.testimonial {
	font-style:italic;
	font-size:.9em;
}
	blockquote .testimonial-author {
		font-style:normal;
	}

div.hr {
	margin:25px 0;
	height:3px;
	font-size:0;
	background:#fc6;
}

img.thumbnail-left {
	float:left;
	margin:0 40px 40px 0;
}
img.piece {
	border:1px solid #fc6;
}


/* ***** Basic Site Layout ***** */
html {
	background:#000;
}

body {
	min-width:966px;
	padding:20px 0 0 0;
}

#site-container {
	position:relative;
	top:0;
	left:0;
	margin:0 auto 0 auto;
	width:960px;
	border:3px solid #fc6;
}
	#page-content {
		padding:70px 80px 20px 80px;
	}
		#page-content div.hr {
			margin-left:-80px;
			margin-right:-80px;
		}



/* ***** Header ***** */
#site-header {
	position:relative;
	top:0;
	left:0;
	height:165px;
	border-bottom:3px solid #fc6;
}
	#site-logo {
		position:absolute;
		top:33px;
		left:11px;
	}
	#celestial-light {
		position:absolute;
		left:70px;
		bottom:-56px;
	}
	
	#header-images {
		position:absolute;
		top:13px;
		left:335px;
		height:106px;
	}
		#header-images img {
			float:left;
			margin-right:10px;
			border:1px solid #fc6;
		}
	
	#header-image-gallery-link, #header-art-gallery-link {
		position:absolute;
		top:30px;
		left:810px;
		font-size:1.2em;
	}
	#header-art-gallery-link {
		top:72px;
	}



/* ***** Site Navigation ***** */	
#site-navigation {
	position:absolute;
	left:284px;
	top:131px;
	width:560px;
	height:24px;
	background:#06c url('../images/layout/site-nav-bg-left.gif') 0 50% no-repeat;
}
	#site-navigation ul {
		margin:0;
		padding:0 12px;
		width:536px;
		height:24px;
		list-style:none;
		text-align:center;
		background:url('../images/layout/site-nav-bg-right.gif') 100% 50% no-repeat;
	}
		#site-navigation ul li {
			display:inline-block;
			font-size:.8em;
		}
			#site-navigation ul li a {
				display:block;
				padding:0 12px 0 12px;
				height:24px;
				font-weight:bold;
				color:#fff;
			}



/* ***** Footer ***** */
#site-footer {
	padding:20px;
}
	#footer-tagline {
		display:none;
		font-family:Dau  phin, Georgia, Times New Roman, times, serif;
		font-size:1.8em;
		text-align:center;
	}
	
	#copyright {
		margin-bottom:.5em;
		text-align:center;
	}
	
	#footer-links {
		margin:0 0 1.5em 0;
		padding:0;
		list-style:none;
		text-align:center;
	}
		#footer-links li {
			display:inline;
			padding:0 12px;
		}
			#footer-links li a {
				color:#fff;
			}

#footer-shim {
	height:20px;
	font-size:0;
}



/* ***** Specific Site Elements ***** */
.signature {
	text-align:right;
	font-family:Art Brush, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
}

.image-selections {
	margin:1.5em 0;
	padding:0;
	width:800px;
	list-style:none;
	text-align:center;
}
	.image-selections li {
		display:inline-block;
		vertical-align:middle;
		padding:0 10px;
		font-size:1.2em;
	}
		.image-selections li img {
			margin-bottom:5px;
		}

.review-list {
	margin:0 0 1.5em 0;
	list-style:none;
	font-size:.9em;
}
	.review-list li {
		display:inline;
	}
	.review-list li:before {
		content:" — ";
	}
	.review-list li:first-child:before {
		content:"";
	}