@import url(typo.css);

/* =LINKS
*******************************/
#content a { font-weight: bold; }
a:link { color: #1867a3; }
a:visited { color: #e57322; }
a:hover {
 color: #4e463b;
 text-decoration: none;
}
a img, img { border: 0 none; }

#gallerynav a:link {color:#ffffff}
#gallerynav a:visited {color:#ffffff;}
#gallerynav a:hover {color:#E8961E;}

/* =ELEMENTS
*******************************/
#photo {
	border: 1px solid #F6E2BF;
	background: #FDF5E8;
	margin: auto;
	text-align: left;
	width: 400px;
}
	table#photo td { padding: 3px; color: #4e463b; }
	#photo img { display: block; border: 1px solid #60625F; }
	#photo h2 {
		color: #4e463b;
		font-size: 1.1em;
		margin: .5em 0 0;
		letter-spacing: 0;
	}
	#photo p {
		margin: 0 0 2em;
		font-style: normal;
	}

/* =PAGE LAYOUT *
*************************/

#quicknav {
	position: absolute;
	left: -999em;
}

#bodywrap { width: auto; float: none; margin: 0; position: relative; left: 230px; zoom: 1; }
.withrelated #cwrap
{
    width: auto;
    margin: 0;
    position: relative;
    right: 230px;
    zoom: 1;
    float: none;
}
.withrelated #iwrap { margin: 0; margin-left: 0 ! important; width: auto; }

.charPic {display:none;}

#content { width: auto; }

#content { margin: 0 auto; }

#masthead { position: relative; }
	#tagline {
		display: block;
		position: absolute;
		top: 0;
		left: 55px; /* width of home button */
	}
	#heading { }
		#heading h1 {
			background: url(/!images/gallery/sc_sp_photogallery_header.jpg) no-repeat;
			height:86px;
			margin: 0;
			width:766px;
		}

#nav {
	background: url(/!images/gallery/sc_sp_photogallery_nav_bg.gif) 0 0;
}


#mainframe { background:url(/!images/gallery/sc_sp_photogallery_fall_sidebar_tile.gif) repeat-y 0 0; }

#gallerynav {
	/*color: #B32;*/
	color:#ffffff;
	background: url(/!images/gallery/sc_sp_photogallery_fall_sidebar_top.gif) no-repeat top;
	float:left;
	font-size: .83em;
	width: 230px;
	min-height: 545px;
}
* html #gallerynav { margin-right: -3px; }

	#gallerynav h2 {
		border-bottom: 1px solid #673B00;
		/*color: #B32;*/
		color:#ffffff;
		font-size: 1.1em;
		margin: 0 18px;
		padding: 1em 0 .2em;
		text-transform: uppercase;
		letter-spacing: 0;
		word-spacing: 0;
		font-size: 1.5em;
	}
	#filters {
		border-top: 1px solid #673B00;
		margin: 0 18px;
		padding: 10px 0;
	}
	#filters div { padding: 10px 0; }
	
	
#vwrap { margin-left: 230px; }
#vwrap h1 { position: relative; left: 1em; }

	#viewer {
		font-size: .9em;
		text-align: left;
		margin: 0 15px;
		padding: 1em 0;
	}

/* =FOOTER *
********************************/
#footer {
	text-align: center;
	font-size: .75em;
	margin: 2px 0;
}
#links { padding: .3em 0; }

#c1 {
	float: left;
	height: 23px;
	width: 7px;
	background: url(/!images/common/sc_sp_footer_bg_left.gif) no-repeat;
}

#c2 {
	float: right;
	height: 23px;
	width: 7px;
	background: url(/!images/common/sc_sp_footer_bg_right.gif) no-repeat;
}


/* =NAVIGATION *
*********************************/
.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav dt {
	position: absolute;
	left: -999em;
}
.nav dd { margin: 0; }

#categories { width: 100%; overflow:hidden; margin-bottom: 1px; } 
	#categories dd {
		background: #2297A1 url(/!images/gallery/sc_sp_photogallery_nav_bg_b.gif) repeat-x 0 0;
		float:left;
	}
	#categories a {
		background: #5C8F16 url(/!images/gallery/sc_sp_photogallery_nav_bg.gif) repeat-x 0 0;
		color: #fff;
		display: block;
		font: bold .83em Verdana,sans-serif;	
		text-transform: uppercase;
		text-decoration: none;
		white-space: nowrap;
	}
	#categories a:focus, #categories a:hover,
	#categories a:active, #categories a.current {
		background: none transparent;
	}
	#categories b {
		background:url(/!images/gallery/sc_sp_photogallery_nav_divider.gif) no-repeat 100% 0;
		cursor: pointer;
		display:block;
		height: 27px;
		line-height: 27px;
		font-size: 10px;
		padding: 0 1em 0 .5em;
		vertical-align: middle;
	}

#thumbnails {
	overflow: hidden;
	margin: 0 auto;
	padding: 3em 0 10px;
	position: relative;
	width: 195px;
}
	#thumbnails li {
		float: left;
		height: 65px;
		margin: 0;
		text-align: center;
		width: 65px;
	}
	img.thumbnail {
		width: 60px;
		height: 60px;
		opacity: .7;
	}
	
	#thumbnails a {
		/*background: #000;
		color: #B32;*/
		background:#b32;
		color:#ffffff;
		border: 1px solid #F7B220;
		display:block;
		height: 60px;
		text-decoration: none;
		width: 60px;
	}
	#thumbnails a.current, #thumbnails a:focus,
	#thumbnails a:hover, #thumbnails a:active { border-color: #fff; }
	#thumbnails a.current img.thumbnail, #thumbnails a:focus img.thumbnail,
	#thumbnails a:hover img.thumbnail, #thumbnails a:active img.thumbnail { opacity: .99; }
	
	#thumbnails a span { font-weight: bold; display: block; left: -999em; position: absolute; top: .1em; text-align: left; width: 202px;  }
	#thumbnails a:focus span,
	#thumbnails a:hover span, #thumbnails a:active span { /*background: #F7B220;*/ left: 0; }
	
#pagenav {
	font-weight: bold;
	margin: 0 auto;
	overflow:hidden;
	width: 215px;
}
	#pagenav #pn_prev { float: left; }
	#pagenav #pn_next { float: right; }
	#pagenav #pn_current { text-align: center; }
		

/* =IMAGE REPLACEMENTS *
********************************/
.ir {
	display: block;
	text-decoration: none;
	text-indent: -999em;
}
a#sc_home {
	background: #255581 url(/!images/common/sc_sp_header_home.gif) no-repeat 0 0;
	color: #fff;
	height: 23px;
	width: 55px;
	position: absolute;
	top: 0; left: 0;
}
a#sc_home b {
	cursor:hand;
	display: block;
	height: 88px;
	left: 0;
	position: absolute;
	top: 1.8em;
	width: 269px;
}

a#sc_home:focus, a#sc_home:hover,
a#sc_home:active { background-position: 0 -23px; }

#instr  {
	margin: .5em auto;
	width: 150px;
}
#instr img {
	height: 21px;
	width: 150px;
}



/* =IE<6 ON WINDOWS STYLES *
********************************/
/* BEGIN HIDE FROM IE MAC \*/
* html body { text-align: center; font-size: 75%; }
* html #canvas { text-align: left; }
* html #categories a { width: 1%; }
* html a.ir { text-indent: 0; line-height: 200px; overflow: hidden; font-size: 1px; }
* html.noImages a.ir { line-height: 1.1!important; overflow: visible; font-size: 1em; }
/* END HIDE FROM IE MAC */