/*---------------------------------  Styles.css  ---*/ 

/* reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img
	{
	border: 0;
	}
table
	{
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul
	{
	list-style: none;
	}
q:before, q:after,
blockquote:before, blockquote:after
	{
	content: "";
	}


/*================================================
General Styles
================================================*/

.mod:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}

body {
	font:normal 62.5% helvetica, arial, sans-serif;
	background: rgb(58,88,120) url(images/bg-noise.png);
	background: rgba(58,88,120,1) url(images/bg-noise.png);
	color: rgb(0,0,0);
	color: rgba(0,0,0,.8);
	}

.container {
	width: 96em;
	margin: 0 auto;
	}

.hidden {
	display: none;
	}

h1, h2, h3, h4 {
	font-family: Georgia;
	}

h1 {
	font-size: 6em;
	}

h2 {
	padding-top: 0.6em;
	font-size: 2.4em;
	margin-bottom: .75em;
	text-shadow: 0 1px 1px rgb(255,255,255,1);
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	color: rgb(0,0,0);
	color: rgba(0,0,0,.55);
	}

h3 {
	margin-bottom: .5em;
	line-height: 1.333em;
	font: normal 2.8em helvetica;
	letter-spacing: -.05em;
	text-shadow: 0 1px 1px rgb(255,255,255,1);
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	}
	
h4 {
	font-size: 1.8em;
	margin-bottom: .75em;
	text-shadow: 0 1px 1px rgb(255,255,255,1);
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	color: rgb(0,0,0);
	color: rgba(0,0,0,.75);
	
	}
	
dt {
   margin-bottom: .5em;
   line-height: 1.333em;
   font: normal 2.8em helvetica;
   letter-spacing: -.05em;
   text-shadow: 0 1px 1px rgb(255,255,255);
   text-shadow: 0 1px 1px rgba(255,255,255,1);
   }

p, li, dd {
	font-size: 1.4em;
	line-height: 1.285em;
	margin: 0 0 .714em 0;
	text-shadow: 0 1px 1px rgb(255,255,255);
	text-shadow: 0 1px 1px rgba(255,255,255,.7);
	}

a {
	color: rgb(58,88,120);
	color: rgba(58,88,120,1);
	text-decoration: none;
	}

a:hover {
	color: rgb(58,88,120);
	color: rgba(58,88,120,.7);
	}

	/******************************** Header Styles */

	#background {
		background: url(images/bg-header.png) 140px 170px no-repeat;
		}

	#background-inner {
		background: url(images/rings.png) 160px 300px no-repeat;
		}

	#header .container {
		padding-top: 4em;
		background: url(images/bg-header.png) no-repeat;
		}
		
	#header-inner {
		background: url(images/banner.png) no-repeat;
		height: 128px;
		border: 1px solid rgb(0,0,0);
		border: 1px solid rgba(0,0,0,0.9);
		margin-bottom: 2em;
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		box-shadow: 0 1px 5px rgb(0,0,0);
		box-shadow: 0 1px 5px rgba(0,0,0,.3);
	}

	#header h1 {
		_color: #fff;
		color: rgb(255,255,255);
		color: rgba(255,255,255,.8);
		float: left;
		font-family: Impact;
		margin-right: .33em;
		margin-top: 1em;
		text-shadow: 0 2px 0 rgb(0,0,0);
		text-shadow: 0 2px 0 rgba(0,0,0,.8);
		}

	.aud {
		font-family: Impact;
		color: rgb(153,24,71);
		color: rgba(153,24,71,.8);
		}

	#header .tagline {
		margin: .9em 0 0 2em;
		font: normal 2.8em helvetica;
		letter-spacing: -.05em;
		color: rgb(255,255,255);
		text-shadow: 0 2px 0 rgb(0,0,0);
		color: rgba(255,255,255,.45);
		text-shadow: 0 2px 0 rgba(0,0,0,.8);
		}

	#header ul {
		margin: 5em 0 .8em 0;
		}

	#header li,
	#footer li {
		float: left;
		font-size: 160%;
		margin: 0 .714em 0 0;
		text-shadow: 0 1px 0 rgba(0,0,0);
		text-shadow: 0 1px 0 rgba(0,0,0,1);
		}

	#header a,
	#footer a {
		color: rgb(255,255,255);
		color: rgba(255,255,255,.45);
		padding: .66em .5em;
		}	

	#footer a {
		padding: .66em 1em .66em 0;
		}

	#header li.current a {
		background: rgb(255,255,255) url(images/bg-gradient-large-light.png) repeat-x;
		background: rgba(255,255,255,.4) url(images/bg-gradient-large-light.png) repeat-x;
		color: rgb(58,88,120);
		color: rgba(58,88,120,1);
		border: 1px solid rgb(0,0,0);
		border: 1px solid rgba(0,0,0,0.9);
		padding: .66em 1.429em;
		font-weight: normal;
		text-shadow: 0 1px 1px rgba(255,255,255,.7);
		text-shadow: 0 1px 1px rgb(255,255,255);
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		box-shadow: 0 1px 5px rgb(0,0,0);
		box-shadow: 0 1px 5px rgba(0,0,0,.3);
		}	

	#header a:hover,
	#footer a:hover {
		color: rgb(255,255,255);
		color: rgba(255,255,255,.9);
		}


		/******************************** Sidebar Styles */	

		#sidebar {
			width: 27.8em;
			float: right;
			background: rgb(255,255,255) url(images/bg-gradient-large-light.png) repeat-x;
			background: rgba(255,255,255,0.5) url(images/bg-gradient-large-light.png) repeat-x;
			border: 1px solid rgb(0,0,0);
			border: 1px solid rgba(0,0,0,0.9);
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			box-shadow: 0 1px 5px rgb(0,0,0);
			box-shadow: 0 1px 5px rgba(0,0,0,.3);
			}

		#sidebar img {
			margin: 0 1.7em 2em 0;
			/*border: 1px solid rgba(255,255,255,.9);
						-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
						-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
						box-shadow: 0 1px 2px rgba(0,0,0,.4);*/
			}
		
		#sidebar .boxed img {
			margin: 0 1.7em 2em 0;
			border: 1px solid rgb(255,255,255);
			border: 1px solid rgba(255,255,255,.9);
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
			box-shadow: 0 1px 2px rgb(0,0,0);
			box-shadow: 0 1px 2px rgba(0,0,0,.4);
			}

		#main {
			width: 66em;
			float: left;
			}

		.page-element, #collection, #search {
			background: rgb(255,255,255) url(images/bg-gradient-large.png) repeat-x;
			background: rgba(255,255,255,0.7) url(images/bg-gradient-large.png) repeat-x;
			border: 1px solid rgb(0,0,0);
			border: 1px solid rgba(0,0,0,0.9);
			margin-bottom: 2em;
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			box-shadow: 0 1px 5px rgb(0,0,0);
			box-shadow: 0 1px 5px rgba(0,0,0,.3);
			}	

		.mod-inner {
			background: url(images/bg-mod-inner.png) bottom repeat-x;
			padding: 2em;
			}

		.meta {
			margin-top: 2em;
			}

		.meta a {
			background: rgb(255,255,255) url(images/bg-gradient-large.png) repeat-x;
			background: rgba(255,255,255,0.1) url(images/bg-gradient-large.png) repeat-x;
			padding: .714em;
			border: 1px solid rgb(58,88,120);
			border: 1px solid rgba(58,88,120,.4);
			margin-right: .714em;
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
			-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			box-shadow: 0 0 1px 0 rgb(255,255,255);
			box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			}

		#search form {
			margin: 1.8em 0;
			background: rgb(255,255,255) url(images/bg-gradient-large.png) repeat-x;
			background: rgba(255,255,255,0.7) url(images/bg-gradient-large.png) repeat-x;
			padding: 2em;
			border: 1px solid rgba(58,88,120,.5);
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
			-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			box-shadow: 0 0 1px 0 rgb(255,255,255);
			box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			}

		#search label {
			font-size: 1.4em;
			}

		#search .search-field {
			background: rgb(58,88,120);
			background: rgba(58,88,120,.1);
			border: 1px solid rgb(58,88,120);
			border: 1px solid rgba(58,88,120,.2);
			font: normal 1.2em georgia;
			color: rgb(58,88,120);
			color: rgba(58,88,120,1);
			padding: .357em .277em;
			width: 24.7em;
			margin: 0 .714em;
			text-shadow: 0 1px 1px rgb(255,255,255);
			text-shadow: 0 1px 1px rgba(255,255,255,.7);
			}

		#search .search-submit {
			background: rgb(58,88,120);
			background: rgba(58,88,120,1);
			border: none;
			font: normal 1em helvetica;
			color: rgb(255,255,255);
			color: rgba(255,255,255,.9);
			border: 1px solid rgb(0,0,0);
			border: 1px solid rgba(0,0,0,0.9);
			text-shadow: 0 1px 0 rgb(0,0,0);
			text-shadow: 0 1px 0 rgba(0,0,0,.8);
			padding: .6em .714em;
			}

		/******************************** Collection Styles */		

		.items {
			margin-bottom: 2em;
			}

		.item {
			width: 15em;
			float: left;
			background: rgb(255,255,255) url(images/bg-gradient-large.png) repeat-x;
			background: rgba(255,255,255,0.7) url(images/bg-gradient-large.png) repeat-x;
			border: 1px solid rgba(58,88,120,.4);
			padding: 2em;
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
			-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			box-shadow: 0 0 1px 0 rgb(255,255,255);
			box-shadow: 0 0 1px 0 rgba(255,255,255,.4);
			min-height: 25em;
			}	

		.item h3 {
			font-size: 1.555em;
			}

		.item.middle {
			margin: 0 2.1em;
			}	

		.item img {
			border: 1px solid rgb(255,255,255);
			border: 1px solid rgba(255,255,255,.9);
			margin-bottom: 1em;
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgb(0,0,0);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			}

		#footer .container {
			background: url(images/bg-footer.png) bottom no-repeat;
			margin: 0 auto;
			padding: 2em 0;
			}	




/*---SITEMAP---*/ 

#sitemap ul {
  list-style-type: disc;
  margin: 5px 0px 10px 35px;
  line-height: 2em; }

#sitemap li a {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 180%;
  font-weight: bold;
  margin: 0px; 
  color: #451811;
  text-decoration: none;
  border-bottom: none; }

#sitemap li a:hover {
  color: #902f1c;
  border-bottom: none; }

#sitemap ul.second {
  font-size: 80%; }



/*---------------------------------  Lightbox.css  ---*/ 

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; border-bottom: none; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; border-bottom: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;} 
#prevLink:hover, #prevLink:visited:hover { background: url(http://spurrd.com/assets/192/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.spurrd.com/assets/189/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }