/************ CONTAINERS *************/
html, body{height:100%;width:100%;padding:0;margin:0;position:relative;}
body {
	font:13px/15px georgia;
	color:#79331f;
	text-align:center;
	background:url(graphics/Background_heart.jpg) bottom left no-repeat;
}
/* REMOVE LATER */
#preloadDefaultImages {
	width: 1px;height: 1px;
	position: absolute;
	top:-500px; left:-200px;
}
#sky {float:left;height:50%;margin-bottom:-300px; width:1px;}
#container {position:relative;clear:left;height:600px;width:100%;background:white;overflow:visible;padding-bottom:24px;}
#footer {position:absolute;bottom:0;padding:2px 0;color:#ccc;text-align:center;width:100%;left:0;height:20px;}
#footer a {color:#ccc;}
/***************** NEXT PREV LINKS **********************/
#nextprev {
	width:578px;
	text-align:center;
	margin:0px auto;
	height:38px;
	padding:0;
	font:11px/38px georgia, serif;
	position:relative;
	display:block;
	clear:both;
}
#nextprev a, 
#nextprev span{
	text-decoration:none;
	margin-left:10px;
	text-transform:uppercase;
	padding-top:7px;
	outline:0;
}
#content #nextprev a:hover, /* for specificity */
#nextprev a:focus, 
#nextprev a:active {
	text-decoration:underline;
	color:#79331f;
}
#nextprev a.left, 
#nextprev span.left{
	background:url(graphics/left.gif) left 90% no-repeat;
	padding-left:12px;
	color:#79331f;
}
#nextprev span.left {
	color:#B2B2B2;
	background-image:url(graphics/left-over.gif);
}
#nextprev a.right, 
#nextprev span.right {
	background:url(graphics/right.gif) right 90% no-repeat;
	padding-right:12px;
	color:#79331f;
}
#nextprev span.right {
	color:#B2B2B2;
	background-image:url(graphics/right-over.gif);
}
#nextprev a.up,
#nextprev span.up{
	background:url(graphics/up.gif) 50% top no-repeat;
	color:#79331f;
}
#nextprev span.up {
	background:none;
	font-size:16px;
	
}
/*********** CONTENT *******************/

#content {
	position:relative;
	width:700px;
	height:500px;
	margin:0px auto;
	text-align:left;
	overflow:visible;
	clear:both;
	color:#79331f;
}

#thumbs, #photo, #text, #home{
	width: 700px;
	margin:0px auto; 
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	overflow:visible;
}
#container .with-sub-nav {height:462px;} /*minus 38 pixels of full height for the subnav*/
#about {
	text-align:left;
	font-size:11pt;
	line-height:16pt;
}
#text .img {float:left; margin-right:12px;text-align:right;font-size:0.9em;width:auto;}
#text .banner-img {float:none; text-align:center;display:block;}
#text .banner-img img {display:inline;}
#content a:link, 
#content a:visited {color:#79331f; }

#content a:hover, 
#content a:active {color:#B2B2B2; }

.blurb {
	text-align:center;
	display:block;
	color:#79331f;
	clear:both;
	padding:10px 0;
}
.author, 
.photographer {
	text-align:right;
	font:italic normal 10px georgia, serif;
	margin: 0px;
	padding: 0px;
	display:block;
}
h3.author {font-size:18px;}
#text ul {text-align:left;
	text-indent:200px;
	font-size:12pt;
	line-height:24pt;
	list-style-type:none;
}
#text ul {font-weight:bold;}
#text ul span {font-weight:normal;}
#text {padding-bottom:20px;}
/************ THUMBS ******************/
#thumbs {height:462px;}
#matte {height:462;}
#matte,
#thumbs ul {
	margin:0 auto 0px;
	padding:0;
	list-style-type:none;
}
#thumbs li {
	float:left;
	width:126px;
	margin:0;;
	padding:0;
}
#thumbs .columns-1 {width:126px;}
#thumbs .columns-2 {width:252px;}
#thumbs .columns-3 {width:378px;}
#thumbs .columns-4 {width:504px;}
#thumbs .columns-5 {width:630px;}
        
#thumbs .rows-1 ul {margin-top:167px;}
#thumbs .rows-2 ul {margin-top:104px;}
#thumbs .rows-3 ul {margin-top:51px;}
#thumbs .rows-4 ul {margin-top:0px;margin-left:22px;} /* either 4 or 5. */ 
#thumbs .rows-4 img {margin:3px 3px 0;} /* it's a bit hacky I guess. psst, don't tell anyone. :) */
#thumbs .rows-4 li {width:116px;}
.gallery-home #thumbs .rows-1 ul {margin-top:146px;}
.gallery-home #thumbs .rows-2 ul {margin-top:83px;}
.gallery-home #thumbs .rows-3 ul {margin-top:30px;}
* html .rows-4 {position:relative;top:40px;}
#thumbs img {
	border-width:5px;
	border-style:solid;
	width:100px;
	height:100px;
	margin:8px 8px 0;
	background-color:#79331f;
}
.gallery-home #thumbs li {
	height:170px;
}
#thumbs a {
	border-width:0;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	outline:0;
}

#thumbs a:link img {
	border-color:white;
}
#thumbs a:visited img {
	border-color:#b2b2b2;
}
#thumbs a:hover img, 
#thumbs a:active img,
#thumbs a:focus img{
	border-color:#79331f;
}
#thumbs span.label{
	vertical-align:top;
	text-align:center;
	width:100px;
	color:#79331f;
	margin:0px auto;
	font-size:11pt;
	line-height:13pt;
	width:100px;
	display:block;
	overflow:visible;
	font-weight:normal;
	
}
/************* PHOTOS *****************/
#photo {
	height:auto;
	text-align:center;
}
#photo .matte {
	position:relative;
	margin:0 auto;
	padding:0;
	background:#eee;
	border:#eee solid 5px;
	height:auto;
	width:auto;
}
#photo img {
	padding:0;
	display:block;
}
#photo .description {
	text-align:left;
	margin:0;
	padding:5px 0 0;
}
/************ NAVIGATION ******************/

#nav {
	text-align:center;
	width:578px;
	clear:both;
	position:relative;
	height:91px;
	margin:0 auto;
	z-index:10;
}

#nav #heart {
	background:url(graphics/hearts.gif) no-repeat top left;
	width:85px;
	float:left;
}
#nav a {
	margin:0;
	padding:0;
	border-width:0;
	margin:0 -5px;
	z-index:1;
	float:left;
	width:auto;
	outline:0;
}
#nav img{
	border-width:0;
	position:relative;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:91px;
	display:block;
}
#nav a.home img {
	background-image:url(graphics/home.gif);
	width:98px;
}
#nav a.home:hover img,
#nav a.home:focus img{
	background-image:url(graphics/home-over.gif);
}
#nav a.gallery img{
	background-image:url(graphics/gallery.gif);
	width:169px;
}
#nav a.gallery:hover img,
#nav a.gallery:focus img{
	background-image:url(graphics/gallery-over.gif);
}
#nav a.contact img{
	background-image:url(graphics/contact.gif);
	width:103px;
}
#nav a.contact:hover img,
#nav a.contact:focus img{
	background-image:url(graphics/contact-over.gif);
}
#nav a.about img{
	background-image:url(graphics/about.gif);
	width:123px;
}
#nav a.about:hover img,
#nav a.about:focus img{
	background-image:url(graphics/about-over.gif);
}

/******* SCROLL **********/

#scroll {width:500px;overflow:hidden;height:100px;position:relative;margin:0 auto;}
#scroll div {position:absolute;right:0;width:800px;float:right;height:100px;z-index:1;}
#scroll img {float:right;width:100px;height:100px;display:block;position:relative;}
#scroll a img {border:0;width:100px;height:100px;display:block;}
#scroll .right-edge, 
#scroll .left-edge {position:absolute;right:0;background:url(graphics/edge.png) repeat-y top left ;width:20px;height:100px;top:0;z-index:2;}
#scroll .left-edge {background-position:top right;right:auto;left:0;}