/* CSS layout tested on: 
Mac: Safari 1.x; IE 5.2
PC: IE 5.x, 6.x; Firefox 1.x; Opera 8.x
*/

body {
	background-color:#333333;
	background-image:url('image/bg.gif');
	text-align:center; /* For IE */
	}		

#master-wrapper {
	text-align:left; /* reset text alignment */
	width:900px; 
	margin: 0px auto;  /* for the rest */
}

/* Header */
#header-container {
	width:900px; 
	display:inline;
	}

#header-text {
	width:500px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float:right;
	text-align:right;
	padding-top:10px;
	display:inline;
	text-transform: uppercase;
	}
		
#header-logo {
	width:400px;
	text-align:left;
	float:left;
	display:inline;
	}
/* End Header */



/* Footer */
#movable {
	width:900px;
	clear:both;
	text-align:right;
	padding-top: 3px;
	color: #999999;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}	

#footer {
	width:900px;
	clear:both;
	padding:50px 0px 20px 0px;
	text-align:center;
	color: #949393;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}	
/* End Footer */


	
/* 'display: inline' hack fixes IE bug that doubles the margin on floated objects */

/* Template A, B, C */
#container {
	width:900px;
	border:1px solid #FFFFFF;
	background-color:#666666;
	text-align:left;
	float:left;
	display:inline;
	margin: 10px 0px 0px 0px;
	}

/* Template A */
#right-nav-home {
	float:right;
	display: inline;
	width:176px;
	margin: 10px 12px 28px 12px;
	}
		
/* Template A */	 
#wrapper-home {
	float:left;
	display:inline;
	width:698px;
    min-height: 620px;
	/* IE hack. IE ignores min-height. All other browsers ignore _height */
    _height: 620px;
	border-right:1px solid #FFFFFF;
	background-color:#666666;
	}
	
/* Template A */		
#main-content-home {
	float:left;
	display: inline;
	width:650px;
	margin: 10px 24px 20px 23px;
	padding-bottom: 0px;
	}

/* Template A, B, C */	
.right-nav-spacer {
	margin-bottom:3px;
	margin-top:3px;	
	}


/* Navigation */
/* GLOBAL LINKS */
A.nav:link { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
 	text-transform: uppercase;
	}

A.nav:visited { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
	text-transform: uppercase;	
	}

A.nav:hover { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #9999CC;
	text-decoration: underline;
	text-transform: uppercase;
	}
	
A.nav:active { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #9999CC;
	text-decoration: none;	
 	text-transform: uppercase;
	}
	
/* PHOTOGALLERY LINKS */
A:link { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
 	}

A:visited { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
 	}

A:hover { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #9999CC;
	text-decoration: underline;
	}
	
A:active { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #9999CC;
	text-decoration: none;	
 	}

/* FOOTER LINKS */
A.foot:link { 
	font: 9px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
 	}

A.foot:visited { 
	font: 9px Verdana, Arial, Helvetica, sans-serif; 
	color: #CCCCFF;
	text-decoration: none;	
 	}

A.foot:hover { 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #9999CC;
	text-decoration: underline;
	}
	
A.foot:active { 
	font: 9px Verdana, Arial, Helvetica, sans-serif; 
	color: #9999CC;
	text-decoration: none;	
 	}	

/* End Navigation */



/*Main copy styling */
.bodyhead {
	color: #99CCFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	text-transform: uppercase;
	}

.photocopy {
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	margin-bottom: 10px;
	}

.bodycopy {
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	padding-left: 30px;
	margin-bottom: 10px;
	}

.blogcopy {
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	padding: 0px;
	padding-left: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
	}

.bodydate {
	color: #CCCCCC;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

.welcome {
	text-align: center;
	margin: 20px 0px 0px 0px;
	}
/*End Main copy styling */

/*Sidebar Entry */

.sidearchive {
	color: #CCCCFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-bottom: 4px;
	}
	
.sideimage {
	text-align: right;
	margin-bottom: 5px;
	border-bottom: 1px #999999 solid;
	}

.sidehead {
	text-align: right;
	margin-bottom: 5px;
	margin-top: 30px;
	border-bottom: 1px #999999 solid;
	}

.sideabout {
	text-align: center;
	margin-bottom: 5px;
	}

.sideentry {
	text-align: right;
	margin-top: 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
#powered {
	font: 11px Verdana, Arial, sans-serif;
	text-align: right;
	color: #999999;
	margin-top: 60px;
	}

/*End Sidebar Entry */

/* PHOTO NAV */
ul#menu {
	width: 150px;
	list-style-type: none;
	border-top: solid 1px #CCCCCC;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

ul#menu ol {
	display: none;
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 5px 15px;
	}

ul#menu li, ul#menu a {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #CCCCFF;
}

ul#menu li {
	border-bottom: solid 1px #CCCCCC;
	line-height: 18px;
	padding-left: 3px;
}

ul#menu ol li {
	border-bottom: none;
	line-height: 13px;
	text-align: left;
	padding-left: 5px;
	font-color: #FFFFFF;
}

ul#menu a {
	text-decoration: none;
	outline: none;
}

ul#menu a:hover {
	color: #9999CC;
	text-decoration: underline;
}

ul#menu a.active {
	color: #FFFFFF;
}
/* END PHOTO NAV */


/* PHOTO VIEW */
#photo-wrapper {
	text-align:left; /* reset text alignment */
	width:650px; 
	margin: 0px auto;  /* for the rest */
	}

/* PHOTO PAGES */
#photocaption {
	width:500px;
	text-align:left;
	padding-bottom: 5px;
	float:left;
	display:inline;
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #333333;
	text-transform: uppercase;
	}

#photonumber {
	width:150px;
	float:right;
	text-align:right;
	padding-bottom: 5px;
	display:inline;
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #333333;
	}

#photograph {	
	width:650px;
	clear:both;
	padding:20px 0px 20px 0px;
	text-align:center;
	color: #949393;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}
/*TEST*/

#thumbspan {
	text-align: center;
	width: 650px;
	padding: 0px;
	margin: 0px;
	}

.thumbnails #thumbspan {
	text-align: center;
	float: center;
	}

.thumbnails #thumbspan span {
	display: block;
	text-align: center;
	float: left;
	width: 100px;
	height: 100px;
	margin: 15px 25px 10px 0px;
	padding: 0px;
}

/*END TEST*/
/* END PHOTO VIEW */


/* PHOTO COPY */
img.pic { 
	border: 1px solid #FFFFFF ; 
	}