/*
Main Stylesheet
Lopez Island Historical Society & Museum 
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: February 12, 2007
Last Modified: April 17, 2009
*/

/*COLORS
White: #FBF9F1
Off-white: #F5F1E0
Tan: #F4DAB5 
Buff: #CC9966
Medium brown: #993300
Dark brown: #663300
Very dark brown: #290000
Lavender: #9085A5
Plum: #8D6384
Teal: #476B8C
Dark green: #49492B
Medium green: #7C7C52
Light green: #B4B477
*/

/*-----Global styles-----*/

* {
margin: 0;
padding: 0;
}
body {
background: #F5F1E0;
background-attachment: fixed;
font-family: Candara, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 100%;
text-align: center;
}
p {
color: #000000;
font-family: Candara, "Lucida Grande", "Lucida Sans Unicode",  Arial, sans-serif;
font-size: 90%;
margin: 10px 0;
}
h1.pagetitle {
color: #663300;
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
font-size: 130%;
margin-bottom: 15px;
}
h2 {
color: #49492B;
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
font-size: 110%;
margin-bottom: 12px;
}
h3 {
color: #290000;
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
font-size: 100%;
margin: 15px 0 8px 0;
}
h4 {
color: #663300;
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
font-size: 95%;
margin: 15px 0 8px 0;
}
h1,h4,h5,h6 {
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
}
abbr, acronym {
cursor: pointer;
}
blockquote p {
color: #49492B;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 0 20px;
}
p.caption {
font-style: italic;
}
.center {
text-align: center;
}
ul {
list-style-type: none;
}
span.datetime {
border-bottom: 1px dotted #8D6384;
font-style: italic;
}
.clear {
clear: both;
}

/*-----links, lists-----*/

a:link {
color: #663300;
}
a:visited {
color: #290000;
}
a:hover {
color: #290000;
text-decoration: underline;
}
a:active {
color: #663300;
}
ol {
font-size: 90%;
margin-left: 1em;
margin-bottom: 1em;
}
ul.normal li {
font-size: 85%;
}
ul.special li {
color: #49492B;
list-style-type: disc;
font-style: italic;
margin-left: 15px;
margin-bottom: 5px;
}
ul.marker li {
list-style-type: disc;
font-size: 90%;
margin-left: 1em;
margin-bottom: 1em;
}
ul.marker2 li {
color: #663300;
list-style-type: circle;
font-size: 95%;
margin-left: 1em;
}

/*---main layout---*/

#container {
width: 48em;
background-color: #FBF9F1;
border: 1px solid #cc9966;
line-height: 1.3em;
margin: 10px auto;
}
#branding {
padding-top: 8px; 
}
#branding_logo {
background: url(../images/banner-6.png) no-repeat left top;
width: 750px;
height: 60px;
}
#branding_tagline {
background: url(../images/line3.gif) repeat-x bottom;
}
#branding h1,#branding h2 {
text-indent: -9000px;
}
#content_main {
float: right;
width: 32em;
text-align: left;
padding: 1.2em;
}
#content_main h2 {
background: url(../images/swash-4.gif) no-repeat center left;
border-bottom: 1px dotted #7C7C52;
margin-left: -1.2em;
padding-left: 1.2em;
padding-top: .4em;
padding-bottom: .3em;
}
#content_sidebar {
float: left;
width: 12em;
text-align: left;
}
#content_full {
float: left;
width: 45em;
padding: 1em;
text-align: left;
}
#siteinfo {
clear: both;
padding-bottom: 8px;
}
#siteinfo_legal,#siteinfo_credit {
font-size: 85%;
margin: 6px 0;
}
#siteinfo_legal a,#siteinfo_credit a {
font-weight: bold;
text-decoration: none;
}
#siteinfo_legal a:hover,#siteinfo_credit a:hover {
text-decoration: underline;
}
/*---Navigation---*/

#nav_main {
text-align: left;
padding: 20px 0 0 20px;
}
#nav_main li {
list-style-type: none;
margin: 8px 0;
font-size: 95%;
font-weight: bold;
}
#nav_main a {
color: #290000;
background: url(../images/navbar-2.png) no-repeat left center;
display: block;
line-height: 30px;
text-indent: 20px;
text-decoration: none;
border-right: 2px solid #7c7c52;
border-bottom: 2px solid #7c7c52;
}
body#home #nav_home a,body#events #nav_events a,body#exhibits #nav_exhibits a,body#recent #nav_recent a,body#homes #nav_homes a,body#school #nav_school a,body#about #nav_about a,body#contact #nav_contact a {
color: #f5f1e0;
background: url(../images/navbar-2.png) no-repeat left bottom;
display: block;
line-height: 30px;
text-indent: 20px;
text-decoration: none;
border-right: 2px solid #49492b;
border-bottom: 2px solid #49492b;
}
#nav_main a:hover {
background: url(../images/navbar-2.png) no-repeat left top;
}

#nav_supp {
background: url(../images/line3.gif) repeat-x bottom;
border-top: double #7c7c52;
padding: 10px 20px 15px 20px;
margin-bottom: 5px;
font-weight: bold;
}
#nav_supp li {
background: url(../images/diamond-5.gif) no-repeat center right;
display: inline;
padding: 0 18px 0 8px; 
font-size: 95%;
}
#nav_supp a {
text-decoration: none;
}
#nav_supp a:hover {
text-decoration: underline;
}
/*---Images & Captions---*/

a img {
border: none;
}
.image_normal {
border: 1px solid #7c7c52;
background: #fbfbfb;
padding: 5px;
}
.image_left {
float: left;
border: 1px solid #7c7c52;
margin: 5px 0 5px 0;
}
.image_right {
float: right;
border: 1px solid #7c7c52;
margin: 5px 0 5px 8px;
}
.image_captionR {
float: right;
margin-left: 10px;
}
.image_captionL {
float: left;
}
.image_captionR img,.image_captionL img {
border: 1px solid #7c7c52;
background: #fbfbfb;
padding: 5px;
}
.image_captionR p,.image_captionL p {
font-size: 95%;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
}
.image_caption_small {
width: 365px;
margin: 0 auto;
}
.image_caption_small img {
border: 1px solid #7c7c52;
background: #fbfbfb;
padding: 5px;
}
.image_caption_small p {
font-size: 75%;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
}
img.thumb {
float: right;
border: 1px solid #7c7c52;
background: #fbfbfb;
padding: 5px;
margin-left: 10px;
margin-bottom: 5px;
}

/*---Special ids & classes---*/

#donatebutton {
text-align: center;
margin: 0 auto;
}
#series h3 {
font-style: italic;
border-bottom: 1px solid #5c5c3d;
margin-bottom: 5px;
}
#series .date {
margin-bottom: 8px;
}
#series .presenter {
color: #49492b;
font-weight: bold;
text-align: right;
margin: 0;
}
.sponsors {
color: #49492b;
font-style: italic;
border: double #f4dab5;
padding: 12px;
}
p.hours {
font-family: Constantia, Palatino, Georgia, "Book Antiqua", serif;
font-size: 100%;
font-style: italic;
}
p.introduction:first-letter {
font-family: "Apple Chancery", "Monotype Corsiva";
font-size: 300%;
font-weight: bold;
line-height: 85%;
}
p.moreinfo {
background: url(../images/diamond-5.gif) no-repeat center left;
font-style: italic;
padding-left: 20px;
}
.name_director,.name_staff,.name_board {
font-style: italic;
}
.sponsors {
color: #49492b;
font-style: italic;
border: double #f4dab5;
padding: 12px;
}
.vcard {
font-size: 85%;
}
.adr,.email {
margin-bottom: 10px;
}
.org,.email,.type {
font-weight: bold;
}
.vignette1 {
background: url(../images/vignette-1.gif) no-repeat top center;
width: 220px;
height: 80px;
margin: 0 auto;
}
.vignette2 {
background: url(../images/vignette-2.gif) no-repeat top center;
width: 170px;
height: 30px;
margin: 0 auto;
}

/*--DOM Collapse styles---*/

.trigger {
	line-height: 25px;
	cursor:pointer;
}
.trigger img {
	padding-right: 5px;
}
.trigger a {
color: #49492B;
font-weight: bold;
font-size: 90%;
text-decoration: none;
}
.trigger:hover {
	cursor:pointer;
}

.expanded {
	cursor:pointer;
}

.expanded img {
	padding-right: 5px;
}
.expanded a {
color: #49492B;
font-weight: bold;
font-size: 90%;
text-decoration: none;
}
.expanded:hover {
	cursor:pointer;
}

.show {
	position:static;
	display: table;
}

.hide_list {
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}