/*
Theme Name: Historic San Juans
Description: A custom theme for Historic San Juans
Version: 1.0
Author: Adrienne Rice Adams
Author URI: http://cloudislands.com
Date created: October 14, 2009
Last updated: November 23, 2009
*
Theme CSS and Images copyright ©2009 Cloud Islands.
All Rights Reserved. This Theme is not availble for public use, either personal or commercial.
*
WordPress code is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*
*
*/

/*********************Site colors*********************
*
Dark slate blue: 3B5D6A
Medium slate blue: 587885
Dark brown: 403B32
Medium brown: 524B40
Tan: EADAC9
Light tan: F4EFE9
Light brown: 8B7F6B
Dark green: 3C5425
Light green: 7B9F73
Dark red: 630C0F
*
*****************************************************/

/*******************Table of Contents******************
1. Global elements
	1.1 Typography
	1.2 Lists
	1.3 Links 
	1.4 Pages & captions
2. Layout
3. Header
4. Navigation
	4.1 Home page menu
		4.1.1 Lopez link
		4.1.2 Orcas link
		4.1.3 San Juan link
	4.2 Museum pages menu
5. Main content
	5.1 Homepage content
	5.2 Museum page content
	5.3 Museum maps
	5.4 Events list
	5.5 Gallery & effects
	5.5 Bookmarks (links)
6. Footer
7. Other Elements
	7.1 Tables
	7.2 Forms & Search
	7.3 Microformats
	
****************************************************/
@import url("css/reset.css");

/********** 1. Global Elements **********/	
body {
color: #000;
background: url(images/ui/bg-1.jpg);
font-family: Georgia, "Palatino Linotype", Times, "Times New Roman", serif;
font-size: 14px;
border: 0;
}
.clear {
clear: both;
}
.hide {
display: none;
}
hr {
}

/*---------- 1.1 Typography ----------*/

abbr {}
blockquote {}
blockquote p {}
cite {}
code {}
h1,h2,h3,h4,h5,h6 {}
h1 {
font-size: 30px;
}
h2 {
color: #403B32;
font-size: 24px;
font-weight: normal;
margin-bottom: 12px;
}
h3 {
color: #630C0F;
font-size: 18px;
font-weight: normal;
margin: 12px 0 10px 0;
}
h4 {
font-size: 16px;
margin-bottom: 10px;
}
h5 {}
h6 {}
p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
pre {}
small {}

/*---------- 1.2 Lists ----------*/

ul {
list-style: none;
line-height: 19px;
}
ol {
list-style: none;
padding: 10px 0;
}
dl {}
dt {}
dd {}

/*---------- 1.3 Links ----------*/

a, a:link {
color: #3B5D6A;
border-bottom: 1px dotted #3B5D6A;
text-decoration: none;
}
a:visited {
color: #3C5425;
}
a:hover {
border-bottom: 1px solid #3B5D6A;
text-decoration: none;
}
a:active {
color: #3C5425;
}
a:focus {
outline: 1px solid #3B5D6A;
border: none;
}

/*---------- 1.4 Images --------*/

a img {
border: none;
}
img.alignleft {
float: left;
}
img.alignright {
float: right;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.caption {
}
img.alignleft {
border: 2px solid #587885;
background: #EADAC9;
padding: 4px;
margin: 0px 25px 15px 0;
}
img.alignright {
border: 2px solid #587885;
background: #EADAC9;
padding: 4px;
margin: 0px 0px 25px 15px;
}
/************ 2. Layout ************
*
Styles here are for main content blocks: 
their position, alignment, background, margin & padding.
Subsidiary elements, typography, and more granular styles go in specific sections:
* Branding styles go in Header section
* Menu styles go in Navigation section
* Content-specific styles go in Main Content section
* Footer styles go in Footer section
Width is needed for IE and Opera.
Overflow clears floats.
*
************************************/

#global-wrap {
position: relative;
top: 0px;
left: 0px;
width: 960px;
margin: 0 auto;
}

/**********3. Header *********/

#header a img {
border: none;
text-decoration: none;
}

#header a:hover {
border: none;
text-decoration: none;
}

#site-title {
position: absolute;
top: -9999px;
font-size: 1px;
}

/********** 4. Navigation **********/

/*--------- 4.1 Home page menu ----------*/

.hideme {
color: #000;
position: absolute;
top: -9999px;
font-size: 1px;
}
#imagemap {
position: relative;
display: block;
}
#imagemap li {
position:absolute;
padding:0;
margin:0;
}
#imagemap a, #imagemap a:visited {
display:none;
}
#imagemap a:hover {
position: absolute;
display: block;
}
#imagemap a img {
border: none;
}
/*----- 4.1.1 Lopez link ----*/

#imagemap #lihs {
left: 507px;
top: 539px;
z-index: 20;
}
#imagemap a#lopez_link {
display: block;
width: 238px;
height: 56px;
text-decoration: none;
border: none;
z-index: 20;
}
#imagemap a#lopez_link:hover {
background: url(images/lopez-ferry-thumb.jpg) no-repeat;
height: 250px;
width: 250px;
left: 0px; 
top: -120px;
border: 2px solid #524B40;
}
#imagemap a#lopez_link:active, #imagemap a#lopez_link:focus {
border: 2px solid #fff;
outline: none;
}
/*----- 4.1.2 Orcas link ----*/

#imagemap #oihs {
left: 518px;
top: 265px;
z-index: 20;
}
#imagemap a#orcas_link {
display: block;
width: 238px;
height: 56px;
text-decoration: none;
border: none;
z-index: 20;
}
#imagemap a#orcas_link:hover {
background: url(images/orcas-moran-thumb.jpg) no-repeat;
height: 250px;
width: 250px;
left: 0px; 
top: -120px;
border: 2px solid #524B40;
}
#imagemap a#orcas_link:active, #imagemap a#orcas_link:focus {
border: 2px solid #fff;
outline: none;
}
/*----- 4.1.3 San Juan link ----*/

#imagemap #sjm {
left: 219px;
top: 450px;
z-index: 20;
}
#imagemap a#sanjuan_link {
display: block;
width: 264px;
height: 56px;
text-decoration: none;
border: none;
z-index: 20;
}
#imagemap a#sanjuan_link:hover {
background: url(images/sanjuan-kinghill-thumb.jpg) no-repeat;
height: 250px;
width: 250px;
left: 10px; 
top: -60px;
border: 2px solid #524B40;
}
#imagemap a#sanjuan_link:active, #imagemap a#sanjuan_link:focus {
border: 2px solid #fff;
outline: none;
}

/*----- 4.2 Main menu -----*/

.menu {
color: #fff;
width: 950px;
margin: 30px auto;
overflow: hidden;
}

.menu li {
display: inline;
list-style: none;
}

.menu li a {
float: left;
display: block;
background: url(images/ui/bullet-1.png) no-repeat 0 5px;
border: none;
color: #630C0F;
margin: 0 20px;
padding: 6px 6px 6px 45px;
font-family: Geogia, serif;
font-size: 24px;
letter-spacing: 1px;
}

.menu li a:hover {
color: #fff;
text-decoration: none;
border-bottom: none;
}
.menu li a:active, .menu a:focus {
color: #fff;
text-decoration: none;
border: none;
outline: none;
}
.menu li.current_page_item a {
color: #F4BE05;
}
.menu li.current_page_item a:focus {
color: #fff;
}

/********** 5. Main Content ********/

.entry {

}
.search {
border: 1px solid #587885;
width: 90%;
margin: 10px auto;
padding: 30px;
}

/*----- 5.1 Homepage content -----*/

#inner-wrap-home {
position: relative;
top: 50px;
left: 100px;
background: url(images/map-county-titles.jpg) no-repeat;
width: 820px;
height: 780px;
}
.content-wrap-home-1 {
position: relative;
top: -40px;
left: -90px;
width: 410px;
background: url(images/ui/home-panel-bottom.png);
background-position: bottom;
background-repeat: no-repeat;
padding: 0px 0px 40px 0px;
margin: 0px;
}

.content-wrap-home-2 {
position: relative;
width: 410px;
background: url(images/ui/home-panel-top.png);
background-position: top;
background-repeat: no-repeat;
padding: 40px 0px 0px 0px;
}

.content-wrap-home-3 {
position: relative;
width: 410px;
background: url(images/ui/home-panel-bg.png);
background-position: top;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
}
.content-home {
padding: 10px 20px;
text-align: center;
}


/*----- 5.2 Default content -----*/

.content-wrap1 {
width: 960px;
background: url(images/ui/page-panel-wide-bottom.png);
background-position: bottom;
background-repeat: no-repeat;
padding: 0px 0px 5px 0px;
margin: 0px 0px 3px 0px;
}
.content-wrap2 {
width: 960px;
background: url(images/ui/page-panel-wide-top.png);
background-position: top;
background-repeat: no-repeat;
padding: 20px 0px 0px 0px;
}
.content-wrap3 {
width: 960px;
background: url(images/ui/page-panel-wide-bg.png);
background-position: top;
background-repeat: repeat-y;
margin:0px 0px 20px 0px;
padding: 0px;
}
.content {
padding: 30px 40px;
text-align: left;
}


/*-----	5.3 Events list -----*/
/*----- Accordion styles for Widget -----*/
.acc {
font-size: 12px;
padding: 0 10px 3px 10px;
}
.acc h3 {
margin-bottom: 5px;
text-align: center;
}
.acc h3:hover {
color: #587885;
}
.acc li {
cursor: pointer;
padding: 0px;
text-align: left;
}
.acc ul ul li {
border-top: 1px dotted #ccc;
padding: 3px 0;
}
.acc li a {
color: #000;
border: none;
text-decoration: none;
}
.acc li a:hover, .acc li a:active, .acc li a:focus {
color: #000;
border: none;
text-decoration: none;
}

/*-----	5.4 Gallery & effects -----*/

/*---- Thickbox (wp core version: wp-includes\js\thickbox\thickbox.css) -----*/
/*#TB_window {
font: 14px Georgia, serif !important;
color: #403B32!important;
line-height: 18px!important;
}

#TB_secondLine {
font: 12px Georgia, serif!important;
color: #524B40!important;
padding-top: 10px!important;
}
#TB_secondLine a {
color: #3B5D6A!important;
}
#TB_window img#TB_Image {
margin: 15px 0 0 15px!important;
border: 1px solid #524B40!important;
}
#TB_window img#TB_Image a {
border: none !important;
}

#TB_caption{
padding:7px 30px 10px 25px!important;
height: auto !important;
}
#TB_closeWindow{
display: block !important;
height: auto !important;
padding: 5px 15px 10px 10px !important;
border: none !important;
}
#TB_closeWindow a{
border: none !important;
}*/

/*--- jQuery Lightbox (Balupton Edition): plugins\jquery-lightbox-balupton-edition\css\jquery-lightbox.css ---*/

#lightbox-infoContainer {
color:#403B32 !important;
line-height: 18px !important;
}
#lightbox-infoBox {
font: 12px Georgia, serif !important;
background-color:#FFFFFF;
margin:0 auto;
padding: 0; 
}
#lightbox-infoFooter {
color: #587885 !important;
}
	
/*----- 5.5 Bookmarks (links) -----*/

.bookmarks li {
margin-bottom: 8px;
}
.bookmarks li a {
background: url(images/ui/bullet-3.gif) no-repeat 0 2px;
border: none;
padding-left: 15px;
margin-right: 50px;
margin-bottom: 5px;
}
.bookmarks li a:hover {
border-bottom: 1px dotted #3B5D6A;
}

	
/********** 6. Footer ************/
#footer {
position: relative;
clear: both;
padding: 10px 25px;
}
#footer {
color: #fff;
font-size: 12px;
}

#footer a {
color: #EADAC9;
border-bottom: 1px dotted #EADAC9;
}

#footer a:hover {
border-bottom: 1px solid #EADAC9;
text-decoration: none;
}

#siteinfo p {
margin: 5px 0;
padding: 0;
text-align: left;
}
/********** 7. Other Elements **********/

/*---------- 7.1 Tables ----------*/

table {}
thead {}
tbody {}
tfoot {}
caption {}
th {}
tr {}
td {}

/*---------- 7.2 Forms & Search ----------*/

form {}
fieldset {}
legend {}
button {}
input {}
label {}
optgroup {}
option {}
textarea {}
.search {}
.search input.field {}
.search input.submit {}

/*---------- 7.3 Microformats ----------*/

.vcard {
font-size: 85%;
}

.adr,.email {
}

.org,.email,.type {
font-weight: bold;
}