/**************************


Julia Sherman: More is More 


**************************/


/* The body tag has the default fomratting ifnromation for the background and the base font of the site. */

body {
	margin: 0 auto;
	background-color:#fbf2f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}

/* Format the Links here */
a {
	color:#000000;
	text-decoration:none
	}



/* This is a special wrapper for the landing page. It is centered in the middle of the page using a negative value hack to ensure cross-browser compatibility. */

#lander {
	background-image:url(images/logo_large.gif);
	background-repeat:no-repeat;
	position:absolute;
	display:inline;
	width:311px;
	height:276px;
	left:50%;
	margin-left:-155px;
	top:50%;
	margin-top:-137px;
	vertical-align:bottom;
	}
	
	
/* Landing Page navigation box that aligns to the bottom right. */	

#landernav {
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:left;
	}
	
/* This is a special wrapper for the subscription box. It is located on the bottom right of the page using a negative value hack to ensure cross-browser compatibility. */

#subscriptionwrapper {
	text-align: right;
	position:absolute;
	display:inline;
	width:500px;
	height:50px;
	right:10px;
	top:10px;
	vertical-align:top;
	}

	
/* Landing Page subscription box that aligns to the top right. */	

#subscription {
	top: 90%;
	position: absolute;
	right: 10px;
	text-align:left;
	}


/* Spaces the navigation images. */	

#landernav img {
	margin-top:8px;
	}

	
/* Box to keep the gallery pages clean and tidy. */	

#wrapper {
	width:812px;
	margin: 0 auto;
	text-align:left;
	padding-left:12px;
	}
	
	
/* Header */	

#header {
	margin-top:45px;
	margin-bottom:16px;
	width:800px;
	
	text-align:left;
	}
	
/* Spaces the header navigation images. */	

#header img {
	margin-top:4px;
	}
	
	
/* We set up each thumbnail as a list tag with a fixed height and width that goes in a row, which will start a new column when it reaches that  the end of the wrapper */

ul.gallery {
	list-style-type: none;
	padding:0px;
	margin: 0 auto;
	}
	
ul.gallery li {
	display: inline;
	float:left;
	width:150px;
	height:215px;
	margin: 0 auto;
	margin-top:14px;
	margin-right:12px;
	padding:0px;
	border-bottom:1px solid #2d2d2d;
	}
	
/* Add this to make the line at the bottom dssapear */

.linegone { border-bottom: 1px solid #fbf2f1 !important;}	
		
		
/* Gallery title formatting */
ul.gallery p {
	color:#000000;
	font-family: bodoni, "Bodoni BE", didot, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	margin-top:8px;
	}
	
	
/* Below Is the Formatting for the Popup Window Pages */
	
	
#popup {
	margin: 33px 0px 0px 34px;
	background-color:#ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	}

#popupholder {
	width:640px;
	height:441px;
	}
	
#popupholder h1 {
	color:#000000;
	line-height: 18px;
	font-family: Bodoni, "Bodoni BE", Didot, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	}
	
#popupholder a {
	text-decoration:underline;
	}
	
#info {
	float:left;
	width:352px;
	height:441px;
	border-right: 1px solid #464646;
	margin-right:35px;
	}	

#links {
	float:left;
	width:250px;
	height:441px;
	}
	
.popuptext {
	margin-top:21px;
	margin-right:35px;
	}

.galleryholder {
	background-image:url(images/popup_bottom_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #464646;
	}
	
#gallerytext {
	float:left;
	width:200px;
	margin-right:25px;
	margin-top:13px;
	text-align:justify;
	}
	
#gallerytext img {
	margin-bottom:13px;
	}

#gallerypic {
	float:left;
	width:415px;
	height:441px;
	margin-top:13px;
	margin-right:0px;
	overflow:hidden;
	}
	
#gallerycount {
	position:absolute;
	z-index:999;
	right:0%;
	margin-top:420px;
	margin-right:35px;
	text-align:right;
	}
	
#gallerycount a {
	text-decoration:none;
	}