/*-------------------------
Main Stylesheet
Jaina Bee
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: June 30, 2008
Last Updated: February 14, 2010
--------------------------*/
@import "reset.css";

/*-------- TOC --------------
1. Global styles
2. Typography
3. Links, lists
4. Hidden Text
5. Main layout
6. Room photos
7. Contact page
8. Cottage navigation
-----------------------------*/

/*----- 1. Global styles -----*/
body {
font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
font-size: 1em;
line-height: 1.4em;
}
.clear {
clear: both;
}

/*----- 2. Typography -----*/
p {
margin: 12px;
}
h2#pagetitle {
font-size: 3.5em;
font-family: "Edwardian Script ITC", "Apple Chancery", "Monotype Corsiva", cursive;
font-weight: normal;
margin: 15px 0 30px 0;
}
#info h3 {
font-size:1.2em; 
letter-spacing:0.1em; 
padding-bottom:5px; 
border-bottom:5px dotted #49c1c0; 
}
span.toplink-l {
float: left;
display: block;
padding: 10px 0;
text-align: left;
text-indent: -9000px;
}
span.toplink-r {
float: right;
display: block;
padding: 10px 0;
text-align: left;
text-indent: -9000px;
}
span.toplink-l a {
display: block;
background: url(../images/girlhand-l-new.png) top no-repeat;
width: 50px;
height: 100px;
}
span.toplink-r a {
display: block;
background: url(../images/girlhand-r-new.png) top no-repeat;
width: 50px;
height: 100px;
}
span.toplink-l a:hover {
background: url(../images/girlhand-l-new.png) bottom no-repeat;
}
span.toplink-r a:hover {
background: url(../images/girlhand-r-new.png) bottom no-repeat;
}

/*----- 3. Links, lists -----*/
a {
color: #fd73da;
text-decoration: none;
}
a:visited {}
a:hover {}
a:active {}

/*----- 4. Hidden Text -----*/
.hideme{
color: #000;
position: absolute;
top: -9999px;
font-size: 1px;
	/*text-indent: -9000px;*/
}
h1#header_logo {
position: absolute;
top: -9999px;
font-size: 1px;
}
/*----- 5. Main layout -----*/

#wrap {
width: 950px;
padding: 15px;
margin: 15px auto;
}
#content {
color: #fff;
background: #000;
padding: 15px;
}
#content img {
border: 3px solid #fff;
}
#desc {
text-align: center;
padding: 15px;
overflow: hidden;
}
#pagenav {
width: 550px;
margin: 15px auto;
padding: 10px 0;
border: 3px dotted #fff;
}
#footer {
color: #fff;
padding: 5px;
font-size: .8em;
text-align: center;
}
/*----- 6. Room photos -----*/

.picbloc {
float: left;
width: 415px;
padding: 0 10px 15px 10px;
overflow: hidden;
}
/*.picbloc a {
float: left;
width: 415px;
padding: 0 10px 5px 10px;
}*/
.picbloc_sm, .picbloc_sm a {
float: left;
width: 210px;
padding: 5px;
}
p.caption {
clear: both;
margin: 0;
padding: 4px;
font-size: .9em;
font-style: italic;
text-align: center;
}
/*----- 7. Contact page -----*/

body#contact {
background: url(../images/bees_tile.jpg) top left;
background-attachment: fixed;
font-family: "American Typewriter", Rockwell, Teletype, serif;
font-size: 1.1em;
}
body#contact #wrap {
border: 8px dashed #a67fc5;
}
body#contact #content {
background-color: #000;
}
body#contact #desc {
color: #fff;
border: 5px solid #e74a96;
padding: 15px;
text-align: center;
}
body#contact a {
color: #ef5933;
font-weight: bold;
text-decoration: none;
}
body#contact a:hover {
color: #e74a96;
text-decoration: underline;
}
body#contact #pagenav {
width: 320px;
border: none;
}
body#contact #signup {
width: 375px;
border: 3px dotted #fff;
margin: 15px auto;
padding: 10px 0;
}
/*----- 8. Cottage navigation -----*/
#cottage-nav {
/*width: 900px;*/
/*border: 1px solid #fff;*/
margin: 5px auto;
}
#cottage-nav ul {
color: #fff;
overflow: hidden;
}
#cottage-nav li {
display: inline;
list-style: none;
text-align: center;
margin: 6px 0;
}
#cottage-nav li img {
float: left;
display: inline;
border: 2px solid #fff;
}
#cottage-nav li a {
float: left;
display: block;
border-right: 1px solid #2769b0;
margin: 3px 0;
padding: 3px 12px 3px 12px;
font-family: Arial, sans-serif;
font-size: 14px;
letter-spacing: 1px;
white-space: nowrap;
}
#cottage-nav li a:hover, #cottage-nav li a:active, #cottage-nav a:focus {
color: #ef5933;
text-decoration: none;
}