/*------------------------------------------------------------------------------
Stylesheet for left sided navigation, 800px wide
------------------------------------------------------------------------------*/

html {
	background: #bbbbaa;
}

body {
	width: 814px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #eeeedd url(images/body-bg.gif) repeat-y; /* shows through sidebar */
	font-family: georgia, geneva, tahoma, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #323333;
	line-height: 1.5em;
}

#headerContainer {
	width: 814px;
	height: 140px;
	background: #224980 url(images/header-shadow.gif) no-repeat;
}
#headerContent {
	padding-top: 98px;
}

#mainBody { 
	width: 800px;
	margin-left: 7px; 
}

/* used to clear floats */
hr {
	display: block; 
	clear: both; 
	margin: -0.66em 0;
	visibility: hidden;
}


#bodyContainer {
	width: 800px;
	background: white;
}
#bodyContent {
	padding: 20px;
}

#sidebar {
	width: 150px;
	float: left;
	background: #eeeedd url(images/sidebar-bg.jpg) repeat-x;
}
#sidebarContent {
	padding-top: 1em;
}

#mainContainer {
	width: 648px;
	float: right;
	background: white;
	border-left: 1px solid #c5cbd4;
	border-top: 2px solid #c5cbd4;
	border-top: 2px solid #c5cbd4;
	border-bottom: 2px solid #c5cbd4;
}
#mainContent {
	padding-left: 2em;
	padding-right: 4em;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: justify;
}

#footerContainer {
	width: 814px;
	height: 57px;
	clear: both;

	font-family: arial, helvetica;
	font-size: 80%;
	text-align: center;

	background: #193d6d url(images/footer-shadow.gif);
	color: white;
	text-align: center;

}
#footerContent {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*------------------------------------------------------------------------------
Some default styles for links, headers, paragraphs
------------------------------------------------------------------------------*/

/* main content paragraphs and headers */
#mainContainer h1, #mainContainer h2, #bodyContent h1, #bodyContent h2 {
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1em;
	color: #1f467d;
	margin-top: 1em;
	font-size: 1.4em;
}
#mainContainer p, #bodyContent p {
	margin-bottom: 1em;
}

/* link styles for main content area */
#mainContainer a:link, 
#mainContainer a:visited, 
#mainContainer a:hover, 
#mainContainer a:active {
	text-decoration: none;
	color: #5989d0;
}
#mainContent a:hover {
	text-decoration: underline;
}
#bodyContainer a:link, 
#bodyContainer a:visited, 
#bodyContainer a:hover, 
#bodyContainer a:active {
	text-decoration: none;
	color: #5989d0;
}
#bodyContent a:hover {
	text-decoration: underline;
}

#footerContainer a:link, #footerContainer a:visited, #footerContainer a:hover, 
	#footerContainer a:active {
	text-decoration: none;
	color: white;
}
#footerContainer a:hover {
	text-decoration: underline;
}
#footerContainer span {
	font-size: 90%;
}

/*------------------------------------------------------------------------------
	Navigation menu
------------------------------------------------------------------------------*/

*.navcontainer ul {
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	/* background-color: #036; */
	background: transparent;
	color: #FFF;
	width: 100%;
	font: normal 90% verdana, arial, helvetica, sans-serif;
	text-align: center;
}

*.navcontainer li { 
	display: inline;
}

*.navcontainer li a {
	text-decoration: none;
	width: 100%;
	/*background-color: #036; */
	background: transparent;
	padding: .2em 1em;
	color: #fff;
}

*.navcontainer li a:hover {
	/*
	background-color: #4c7cbd;
	border-left: white 1px solid;
	border-right: white 1px solid;
	font-style: italic;
	*/
	text-decoration: underline;
}

/* To highlight selected main menu item */

#bioPage li#bioItem a,
#giftsPage li#giftsItem a,
#messagePage li#messageItem a,
#espPage li#espItem a,
#bookPage li#bookItem a,
#eventsPage li#eventsItem a,
#videoPage li#videoItem a,
#recommendedPage li#recommendedItem a,
#friendsPage li#friendsItem a,
#contactPage li#contactItem a,
#photosPage li#photosItem a {
	font-weight: bold;
	color: #edd96a;
}

p.intro {
	font-style: italic;
}

#mainContent blockquote {
	width: 460px;
	padding-left: 2em;
	padding-right: 2em;
	font-style: italic;
}

div.booknote blockquote {
	font-style: italic;
}

/*------------------------------------------------------------------------------
	Sidebar items
------------------------------------------------------------------------------*/
#sidebar div.sidebarItem {
	margin-top: 20px;
	margin-bottom: 20px;
}

#sidebar div.sidebarItem img {
	display: block;
	margin: 0 auto;
}

#sidebar div.sidebarItem a:link,#sidebar div.sidebarItem a:visited,
	#sidebar div.sidebarItem a:hover, #sidebar div.sidebarItem a:active {
	color: #0064a2;
	text-decoration: none;
}

#sidebar div.sidebarItem a:hover {
	text-decoration: underline;
}
#sidebar div.sidebarItem p {
	margin-bottom: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}
#sidebar div.sidebarItem span {
	display: block;
	font-style: italic;
}


/*------------------------------------------------------------------------------
	Image replacement for headers
------------------------------------------------------------------------------*/
h1.swap {
	height: 47px;
	background-repeat:no-repeat;
}
h1.swap span {
	display:none;
} 
h1#h-bio {background-image:url("images/bio-heading.jpg");}
h1#h-gifts {background-image:url("images/gifts-heading.jpg");}
h1#h-message {background-image:url("images/message-heading.jpg");}
h1#h-esp {background-image:url("images/practical-esp-heading.jpg");}
h1#h-book {background-image:url("images/book-heading.jpg");}
h1#h-events {background-image:url("images/events-heading.jpg");}
h1#h-video {background-image:url("images/video-heading.jpg");}
h1#h-recommended {background-image:url("images/recommended-heading.jpg");}
h1#h-friends {background-image:url("images/friends-heading.jpg");}
h1#h-contact {background-image:url("images/contact-heading.jpg");}
h1#h-photos {background-image:url("images/photos-heading.jpg");}

h1#h-brandon {background-image:url("images/brandon-heading.jpg");}
h1#h-robin {background-image:url("images/robin-heading.jpg");}


/*------------------------------------------------------------------------------
	book list style
------------------------------------------------------------------------------*/

div.booklist div.book {
	position: relative;
	width: 540px;
	height: 125px;
	margin-bottom: 1em;
	margin-top: 1em;
}

div.booklist div.book img  {
	position: absolute;
	top: 5px;
	left: 10px;
}

*.book *.bookdesc {
	position: absolute;
	top: 0px;
	left: 100px;
}

*.bookdesc {
	border: #784c07 solid 0px;
	width: 420px;
	height: 90px;
	padding: 10px 10px 10px 20px;
}

*.book *.booktitle {
	font-weight: bold;
	font-size: 110%;
}	
*.book *.author {
	font-style: italic;
}

*.book {
	color: #3250b0;
	margin-top: 1em;
}

*.booklist {
	margin-bottom: 1em;
}


/*------------------------------------------------------------------------------
	style for photos with captions
------------------------------------------------------------------------------*/

div.sitelinks p span {
	font-style: italic;
}

div.photoLeft {
	float: left; 
	margin-right: 1.5em; 
	margin-bottom: 0.5em; 
}
div.photoRight {
	float: right; 
	margin-left: 1.5em; 
	margin-bottom: 0.5em; 
}
div.photoCaption {
	border: 1px #c5cbd4 solid; 
	background-color: #eeeedd;
}
div.photoCaption span {
	text-align: center;
	display: block; 
	font-size: 80%; 
	font-family: arial, sans-serif; 
	text-align: center;
}

div.booknote {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 240px;
	float: right;
	clear: right;
	padding: 10px;
	background: #eeeedd;
	background: #ccf7f8;
	background: white url(images/booknote-faded.jpg) top right repeat-y;
	border: 1px solid #c14e2f; 
	color: #1d1e1e !important;
}
div.booknote em {
	font-weight: bold;
}

div.photoSection {
	/*
	background: #eeeedd;
	border: 2px solid #c5cbd4;
	*/ 
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
div.photoSection img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#bodyContainer div.booknote a:link, 
#bodyContainer div.booknote a:visited, 
#bodyContainer div.booknote a:hover, 
#bodyContainer div.booknote a:active {
	text-decoration: none;
	color: #2a5698 !important;
}

ul#eventlist { list-style-type: disc; }
ul#eventlist li { margin-bottom: 25px; }
ul#eventlist li span.location { font-weight: bold; }
ul#eventlist li span.date { font-style: italic; }
ul#eventlist li span.date { color: #bf4d32; }