/*
 *colors
 *    red: #990000
 *    blue text: #34608c
 *    blue fill: #2c5885
 *    light blue fill: #adc3d9
 */


html {
	background-color: #e5e5cc;
}

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

em, .italic {
	font-family: Georgia, serif;
	font-style: italic;
}

a {
	color: #990000;
}
a:hover {
	color: #330000;
}
a:visited {
	color: #336699;
}
a:visited:hover {
	color: #003366;
}
a:visited {
	color: #34608c;
}

#container {
	width: 898px;
	background: white url('images/imprint.gif') no-repeat bottom left;
	padding-bottom: 146px;
	border: 1px solid black;
	margin: 11px auto 0 auto;
}

#header {
	position: relative;
	width: 898px;
	height: 144px;
	background: url('images/banner.gif') no-repeat;
	margin-bottom: 10px;
}

#header h1, #header h2 {
	text-indent: -5000px;
}

#wrapper {
	float: left;
	width: 100%;
}
.content {
	/*float: right;*/
	float: left;
	/*margin-right: 88px;*/
	/*margin-left: 220px;*/
	width: 500px;
	padding-left: 89px;
	padding-bottom: 140px;
	border-left: 1px solid #999999;
}

.diary .content {
	padding-left: 30px;
	width: 450px;
}

#leftbar {
	float: left;
	width: 180px;
	padding: 10px 20px 20px 20px;
	/*margin-left: -900px;*/
}

.rightbar {
	float: left;
	width: 150px;
	padding: 10px 0px 20px 30px;
}
.rightbar a {
	text-decoration: none;
}



#mainnav li {
	padding-bottom: .6em;
	/*padding-top: .3em;*/
	/*padding-left: .2em;*/
}

#mainnav li.on {
	/*background-color: #e0e0e0;*/
	/*border-bottom: 1px solid #2c5885;*/
}

#mainnav a {
	display: block;
	color: black;
	text-transform:uppercase;
	text-decoration: none;
	padding-top: .2em;
	padding-left: .2em;
	border-bottom: 1px solid white;
}

#mainnav .on a, #mainnav a:hover {
	background-color: #e0e0e0;
	border-bottom: 1px solid #2c5885;
	color: #34608c;
}


#mailinglist {
	background: url('images/splat.gif') no-repeat top left;
	height: 63px;
	margin-top: -5px;
	margin-bottom: 40px;
}

#mailinglist a {
	display: block;
	padding-top: 15px;
	margin-left: 64px;
	color: black;
	text-decoration: none;
}

#twitter {
	color: #686868;
}

#twitter li {
	margin-bottom: .8em;
}

#twitter h2 {
	font-size: 138.5%;
	margin-bottom: .5em;
}

#twitter h3 {
	font-size: 85%;
	font-weight: bold;
}

#twitter p {
	font-size: 85%;
	line-height: 130%;
}

#twitter .followme {
	color: #990000;
	font-size: 85%;
}


#footer {
	position: relative;
	width: 898px;
	height: 35px;
	margin: auto;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 69%;
}

#footer .copyright {
	position: absolute;
	left: 3px;
}

#footer .design {
	position: absolute;
	right: 3px;
}

/*-----
------------ search box --------------- */
#search {
	position: absolute;
	left: 635px;
	bottom: 22px;
	font-family: Georgia, serif;
	font-size: 93%;
	text-transform:uppercase;
	color: #507ba4;
}
#searchbox {
	float: left;
}
#searchbox h4 {
	text-align: center;	
	letter-spacing: .1em;
	margin-bottom: 3px;
}

#search input.submit {
	border: 1px solid black;
	background: black;
	font-family: Georgia, serif;
	font-size: 93%;
	text-transform:uppercase;
	color: #507ba4;
	position: absolute;
	bottom: 2px;
	margin-left: 2px;
}


/*-----
------------ content --------------- */

.content h2 {
	font-size: 182%;
	font-weight: bold;
	color: #666666;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 22px;
}

.content h3 {
	font-size: 138.5%;
	font-weight: bold;
	color: #666666;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 1em;
	margin-top: 22px;
}

.content h3.small {
	text-transform: none;
	margin-top: 0;
	margin-bottom: 8px;
}

.content h4 {
	font-size: 108%;
	font-weight: bold;
	color: #666666;
}


.content p {
	font-size: 93%;
	line-height: 131%;
	margin-bottom: 1em;
}

.content div.hrule {
	clear: both;
	height: 32px;
	width: 100%;
	border-bottom: 1px solid #999999;
}

div.recent-entries {
	width: 450px;
}
.recent-entries h4 {
	margin-top: 20px;
}
.recent-entries h4.first {
	margin-top: 0;
}
.recent-entries h4 a {
	/*color: #990000;*/
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
}
.recent-entries .entry_info {
	color: #666666;
	font-size: 93%;
}

/*-----
------------ entry type pages --------------- */
.next-prev { padding:5px 0; }
.next-prev a { text-decoration: none; }


/*-----
------------ about page --------------- */
.image-area {
	float: left;
	margin-right: 25px;
	margin-bottom: 5px;
}
.image-area p {
	font-size: 77%;
	margin-top: 5px;
}

/*-----
------------ diary page --------------- */
.entry_info {
	color: #34608c;
	font-size: 108%;
	font-weight: bold;
}

.diary .rightbar h3 {
	font-size: 108%;
	font-weight: bold;
	color: #666666;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.diary .rightbar li {
	margin-top: .2em;
}

.diary .rightpanel {margin-bottom: 20px; }
.diary .rightpanel h4 {margin-top: 5px; }
.diary .mute2 {color: #666666; font-size: 93%;}
/*-----
------------ archive calendar --------------- */
.calendarMonthLinks a { color: #336699; text-decoration: none; }
.calendarMonthLinks a:hover { color: #003366; }
table.calendarBG {width:350px; border-collapse:collapse; }
table.calendarBG p {color: #666666; }
.calendarHeader th {padding-bottom:5px; color: #666666; }
.calendarHeader .right {text-align:right; }
.calendarHeader th.month_name {text-align:center; text-transform:uppercase; font-weight: bold; }
.calendarBlank p {visibility:hidden; }
table.calendarBG td {border:solid 1px black; border-width:1px 0; width:72px; height:24px; }
table.calendarBG p {line-height:100%; margin:0; padding:4px 0 0 8px; }
table.calendarBG td.calendarDayHeading {background-color:#cccccc; }
table.calendarBG td.calendarDayHeading p {line-height:100%; padding:4px 0 0 8px; color:black; }
table.calendarBG td.calendarToday {background-color:#adc3d9; }
table.calendarBG td.calendarToday p {color: black; }

table.calendarBG td.calendarCell a, 
table.calendarBG td.calendarToday a, 
table.calendarBG td.calendarCell a:visited, 
table.calendarBG td.calendarToday a:visited {
	display:block; 
	height:16px; 
	padding:8px 0 0 8px; 
	background-color:#336699; 
	color:#fff; 
	border:none;
}

table.calendarBG td.calendarCell a.on, 
table.calendarBG td.calendarCell a.on:visited {
	background-color:#003366; 
	color:#fff; 
	border:none;
}

table.calendarBG td.calendarCell a:hover, 
table.calendarBG td.calendarToday a:hover, 
table.calendarBG td.calendarCell a:focus, 
table.calendarBG td.calendarToday a:focus {
	background-color:#003366; 
	color:#fff; 
	border:none;
}

table.calendarBG p.entry {padding:0; margin:0;
}

/*-----
------------ books page --------------- */
a.morebooks {
    display: block;
    margin-top: -18px;
	margin-bottom: 32px;
    color: #34608c;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
}
.book-group {
	clear: both;
}

.book-thumb {
	width:110px; 
	float:left; 
	margin:0 10px 15px 0; 
	/*height:175px;*/
	height:190px;
}

.book-thumb h3 {
	margin-top: 5px;
	font-size: 13px;
}

.book-thumb a {
	text-decoration: none;
	color: #34608c;
	text-transform: none;
}

.pager {
    font-size: 12px;
    clear: both;
    color: #bbb;
}

.pager .title {
    margin-right: 12px;
}

.pager .current {
    background: black;
    color: white;
}

.pager a {
    color: #999;
    text-decoration: none;
}

.pager a:hover {
    background: #2c5885;
    color: white;
}

.pager a, .pager .current {
    border: 1px solid #ccc;
    padding: 2px 6px 1px;
    margin: 0 2px;
}

/*-----
------------ trailers page --------------- */
.trailer .content h3 a {text-decoration: none;}

/*-----
------------ events page --------------- */
.events .event-time {
	font-weight: normal;
	font-size: .75em;
}

.event-listing {
	margin-bottom: 20px;
}

.event-listing h3 {
	color: #34608c;
}

.event-listing p {
	margin-bottom: 0;
	line-height: 150%;
}

/*-----
------------ photos page --------------- */
.gallery-nav a {
	display: block;
	text-transform:uppercase;
	text-decoration: none;
	margin-bottom: .6em;
	padding-top: .2em;
	padding-left: .2em;
	color: #34608c;
}

.photo-gallery table td a, 
.photo-gallery table td a:visited, 
.photo-gallery table td a:hover, 
.photo-gallery table td a:focus {
	border-width:0;
}

.photo-gallery table td {padding:0 0 8px 0;
}

.photo-gallery table.thumbs td a img, 
.photo-gallery table.thumbs td a:visited img {
	background-color:#adc3d9; 
	padding:3px;
}

.photo-gallery table.thumbs td a:hover img, 
.photo-gallery table.thumbs td a:focus img {
	background-color:#336699; 
	padding:3px;
}

.photo-gallery table td.categories p {margin:0; font-size:1.3em; line-height:1.3;
}

/*-----
------------ advice page --------------- */
.advice .content b {
	color: #34608c;
}

/*-----
------------ faqs page --------------- */
.faqs dt {
	color: #34608c;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: bold;
}

/*-----
------------ faqs page --------------- */
.contact-info div.narrow {
	margin-left: 180px;
}

.contact-info div {
	margin-bottom: 30px;
}

.contact img {
	float: left;
}

.contact-info p {
	margin-bottom: 5px;
	font-size: 108%;
}

/*-----
------------ .mailing --------------- */

#mailing-signup {margin:20px 0 0 0;
}

#mainnav #mailing-signup h4 {margin:0 0 5px; padding:0;
}

form#mailing {position:relative; margin:0; padding:0 0 150px;
}

div#name-field, div#email-field {position:relative; float:left; margin:0 5px 10px 0; clear:both;
}

input#name, input#l269256-269256 {width:20em;
}

form#mailing label {color:#4f2e00;
}

label.overlabel {
}

label.overlabel-apply {position:absolute; top:-2px; left:3px; z-index:1;
}

form#mailing div#submit {clear:both;
}

a#mailing-list, a#mailing-list:visited {font-weight:bold; font-size:1.2em; color:#ff8193; display:block; position:relative; top:67px; right:30px; text-align:right;
}

a#mailing-list:hover, a#mailing-list:focus {color:#fe3553;
}


/*-----
------------ search results layout --------------- */

.content p.total-results {border-bottom:solid 1px #999999; font-size:1.4em; padding:0 10px 8px; }
.search-results .paginate {border-top:solid 1px #999999; margin:10px 0 0; padding:3px 10px; }
.search-results a { color: #336699; }
.search-results a:hover { color: #003366; }

/*-----
------------ comment form and comments --------------- */

.mailing .content input {
	margin:0 0 5px; 
	padding:2px; 
	/*background-color:#fdece8; */
	border:solid 1px #4f2e00; 
	color:#4f2e00; 
	/*font-size:1.1em;*/
}


.mailing label {
	/*font-size:1.2em; */
	color:#6b3f01; 
	padding:0 0 3px 3px; 
	display:block; 
	margin:5px 0 0;
}
.mailing .content input.submit {
	background-color: #34608c;
	color: white;
	font-weight: bold;
}
/*-----
------------ img alignment and decoration --------------- */
.trailer .video-wrapper {
	/*border: 1px solid black;*/
	/*width: 425px;*/
}

.trailer object {
	display: block;
	border: 1px solid black;
}

.alignleft {
	float: left;
	margin-right: 25px;
}

div.dropshadow {
	background: url('images/drop.gif') no-repeat bottom left;
}
div.dropshadow div {
	background: url('images/drop-br.gif') no-repeat bottom right;
}
div.dropshadow div div {
	background: url('images/drop-tl.gif') no-repeat top left;
	padding-left: 6px;
	padding-bottom: 6px;
}
div.dropshadow img {
	border: 1px solid #717171;
}