/* general styles - journals */


body {
	background: #f0f0f0 url("images/background.gif") repeat-x fixed top;
	text-align:center;
}
h1, h2, h3, h4 {
	font-family:palatino,  georgia, times new roman, serif;
}
h1, h2 {
	 color:#167891
}
h1.pagetitle {
	color:#ccc;
}
/* main structure styles */
#main {
	background-color: #fff;
	border: #000 1px solid;
	margin:0px auto;
	position: relative;
	text-align:left;
	width:800px;
	/* keeps width consistent in IE */
	*width:798px;	
}
#header {
	background: url(images/header.jpg) top left no-repeat;
	height:312px;
	width:800px;
}
#home-content {
	margin:20px 20px 20px 200px;
}
#home-content div {
	margin-top:25px;
	position:relative;
}
#home-content img {
	left:-175px;
	position:absolute;
	top:0px;
}
#intro {
	color:#fff;
	font-size:110%;
	height:150px;
	position:absolute;
	right:23px;
	top:91px;
	width:400px;
}
#thumbnailbox {
	left:72px;
	position:absolute;
	top:30px;
	width:130px;
}
#thumbnailbox a {
	background: transparent url(images/thumbnails.jpg) no-repeat;
	border: 2px solid #fff;
	float:left;
	height:50px;
	margin:0 4px 4px 0;
	width:50px;
}
#thumbnailbox a:hover {
	background-position: 0px -50px;
	backgrou
}
#thumbnailbox a.webster {
	background-position: -50px 0px;
}
#thumbnailbox a.webster:hover {
	background-position: -50px -50px;
}
#thumbnailbox a.anita {
	background-position: -100px 0px;
}
#thumbnailbox a.anita:hover {
	background-position: -100px -50px;
}
#thumbnailbox a.chris {
	background-position: -150px 0px;
}
#thumbnailbox a.chris:hover {
	background-position: -150px -50px;
}
#thumbnailbox a.shannon {
	background-position: -200px 0px;
}
#thumbnailbox a.shannon:hover {
	background-position: -200px -50px;
}
#thumbnailbox a.past {
	background-position: -250px 0px;
}
#thumbnailbox a.past:hover {
	background-position: -250px -50px;
}
#name {
	left:0px;
	position:absolute;
	text-align:center;
	top:265px;
	width:400px;
}
#name a {
	background: url(images/name.gif) top center no-repeat;
	border:none;
	display:block;
	height:45px;
	width:300px;
}
#name a:hover {
	border:none;
}

/* content styles */

#content {
	float:right;
	padding:30px 20px 20px 0;
	width: 550px;
	/* keeps width consistent in IE */
	*width: 530px;
}
#content a {
	border-bottom:#fff 1px solid;
	color: #167891;
	display:inline;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#content a:hover {
	border-color:#e16c02;
}
#content a img {
	border:1px #000 solid;
	margin: 0px 0px 0px 2px;
}
#content table {
	 border-collapse:collapse;
	 width: 100%;
}
#content table td {
	border: #ccc solid 1px;
	padding: 3px;
	vertical-align:top;
}
#content table td.left {
	color:#4d647c;
	font-weight:bold;
	text-align:right;
	width: 40%;
}
#content table td.right {
	width: 60%;
}

/* override WP styles */

.nocomments {
	color:#999999;
}

/* side styles */

#side {
	background: #fff url(images/side-background.gif) top left repeat-y;
	color:#999;
	float:left;
	margin: 40px 0 20px 10px;
	padding:0;
	text-align:left;
	width: 200px;
}
#side #top {
	background-image: url(images/side-top.gif);
}
#side #bottom {
	background-image: url(images/side-bottom.gif);
}
#side ul {
	margin:3px 0px 5px 20px;
	padding:0px;
}

#side li{
	list-style-image:url(images/square.gif);
	margin:0px;
	padding:3px 0px;
	text-align:left;
	text-indent:0px;
}
#side li.label {
	background: url(images/side-label.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	list-style-type:none;
	list-style:none;
	list-style-image:none;
	line-height:30px;
	padding: 0;
	text-align:center;
}
#side li.top {
	background-image: url(images/side-top.gif)
}
#side a {
	border:none;
	color:#999;
	margin: 0 1px;
}
#side a:hover {
	color:#666;
}

/* footer styles */

#footer {
	background: #fff url(images/footer.gif) top left no-repeat;
	height: 150px;
	position:relative;
}
#footer a {
	border:none;
	color:#fff;
	font-size: 110%;
	font-weight:bold;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #links {
	position:absolute;
	right:20px;
	top:106px;
}
#footer #logo {
	background: url(images/logo.gif) top left no-repeat;
	display:block;
	left:37px;
	height: 72px;
	position:absolute;
	top: 56px;
	width:193px;
}
	
/*************** photo galleries ****************/
div.thumbs {
    margin-top: 5px;
    padding: 5px 0px 5px 5px;
}
div.thumbs a,
div.thumbs a:visited {
    background-color: #fff;
    border: 1px solid #999;
    color: #666;
    float: left;
    font-size: 11px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    width: 100px;
}
div.thumbs a:hover {
    background-color: #4d647c;
    color: #fff;
    text-decoration: none;
}
div.photobox {
    border: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    width: 454px;
}
div.photobox img {
    border: solid 1px #000
}
div.photobox div.gray {
    background-color: #e8e8e8;
    width: 100%;
}
div.photobox h2 {
    color: #666;
    margin-bottom: 0px;
}
div.photobox div.caption {
    background-color: #333;
    color: #fff;
    margin: 0px 1px;
    padding: 3px;
    text-align: left;
}
div.photobox div.count {
    color: #666;
    text-align: right;
}
a.previous {
    float: left;
    margin-left: 1px;
}
a.next {
    float: right;
    margin-right: 1px;
}
a.previous,
a.previous:visited,
a.next,
a.next:visited,
a.close,
a.close:visited {
    background-color: #333;
    border:none;
    color: #fff;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 1px 4px;
    text-decoration: none;
}
a.previous:hover,
a.next:hover,
a.close:hover {
    border:none;
    color: #fc0;
    text-decoration: none;
}
div.clear {
	clear:both;
}

.previouslink {
	display:inline;
	float:left;
	padding: 0px 0px 30px 30px;
}
.nextlink {
	display:inline;
	float:right;
	padding:0px 30px 30px 0px;
}