@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/grid.gif);
}

p {
	font-family:Arial, Helvetica, sans-serif;
}

div.layout {
	position:relative;
	background:#d4dce1;
	width:700px;
	min-height:600px;
	margin-left:auto;
	margin-right:auto;
	min-height:600px;
}

.layout p {
	padding-left: 55px;
	padding-right:5px;
}
#header {
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	width:100%;
	height:125px;
}

#header h1 {
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:35px;
	padding-bottom:0;
	margin-bottom:0;
}

#header h2 {
	text-align:center;
	color:#006;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	margin-top:5px;
	padding:0;
	
}

#nav-box {
	position:absolute;
	left:-130px;
	top:150px;
	background-image:url(images/nav.png);
	background-repeat:no-repeat;
	width:175px;
	height:305px;
	text-align:center;
	padding:10px 6px 10px 3px;
	font:14px Helvetica, sans-serif;
	font-weight:bold;
}

#nav-box a, #nav-box a:active, #nav-box a:visited {
	color:#006; 
	padding:20px;
}
	
#nav-box a:hover {
	color:#00c;
}

#quote {
	color:#fff;
	font-style:italic;
	padding:5px;
	margin:0;
	text-align:center;
}	
#Brian {
	padding:3px;
}

#info {
	font-family:Arial, Helvetica, sans-serif;
	color:#D7D7FF;
	font-style:italic;
	font-size:x-small;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

iframe {
	margin-left:auto;
	margin-right:auto;
}

#photoContainer {
	padding-left:55px;
	padding-right:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#photos td {
	padding:10px;
}
#photos img {
	max-width:275px;
	border:none;
}

#storyContainer {
	padding-left:55px;
	padding-right:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#storyContainer table {
	padding-left:55px;
}

.storyLabel {
	text-align:right;
}

.storyElement {
	text-align:left;
}

hr {
	color:#5d75a2;
	border: thin dotted #5d75a2;
}

textarea {
	padding:0;
	margin:0;
}

/* Story entries */
.BrianStories {
	padding:0 5px;
}

.story {

}

.name {
	font-style:italic;
}

.relationship {
	font-size:small;
	color:#5d75a2;
}

.webmaster {
	font-size:x-small;
	color:#5d75a2;
	text-align:right;
}

.webmaster a {
	font-size:x-small;
	color:#5d75a2;
	text-align:right;
}
	
/*The Fullsize Image on viewer.php */
#fullsize {
	margin-left:auto;
	margin-right:auto;
	max-width:550px;
	width:expression(document.body.clientWidth > 550? "550px": "auto" );

}