/*  
Theme Name: Rosseau
Description: Theme for Rosseau Retreat
Author: James Beardmore
Author URI: http://pointydesign.com/
Version: 1.0

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }
  
  html, body { height: 100%; }
.wpcf7 {float:left; height:470px; width:400px;}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 10px 0; }
#map{}
h1, h2, h3, h4, h5, h6 { font-family: "GoudyOLSt BT", "Times New Roman", Georgia, Times, serif; }
h3 { color: #517799; font-size: 1.7em; font-weight: normal; font-style: italic; padding-bottom: 0; }
h4 { color: #4b85b8; font-size: 1.5em; font-weight: normal; font-style: italic; }
.price { color:#045380; font-size: 1.1em; font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif; font-style:italic; text-align: right; width: 340px !important; padding-top: 6px; padding-bottom: 6px; }
.price2 { color: #045380; font-size: 1.1em; font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif; font-style: italic; text-align: right; padding-top: 6px; padding-bottom: 6px; width: 480px !important; }
.intro { color: #517799; font-size: 1.7em; font-style: italic; padding: 10px; }
.intro2 { color: #517799; font-size: 1.4em; font-style: italic; line-height: 1.4em; width: 390px; float: left; padding: 10px 10px 10px 20px; }
.intro3 { color: #517799; font-size: 1.2em; font-style: italic; line-height: 1.2em; width: 390px; float: left; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; }
hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto; 
  overflow-x:scroll;
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }


p { color: #414141; line-height: 1.4em; }

a { color: #4b85b8; text-decoration: none; }

a:hover { text-decoration: underline; }

a img {
  border: none;  
  }

blockquote {
  background: #070707;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #fff;
  }

code {
  color: #3366cc;
  font-style: italic;
  }

strong {
  
  }

body { color: #414141; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; margin: 0; padding: 0 0 15px; background-image: url(images/back.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; }


/* Header and wrapper */
#wrapper { min-height: 100%; position: relative; width: 906px; text-align: left; margin-right: auto; margin-bottom: -40px; margin-left: auto; padding: 0; }

#header { width: 890px; height: 80px; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 12px; border-bottom: 1px solid #c6c6c6; }
.topright { font-family: "GoudyOLSt BT", "Times New Roman", Georgia, Times, serif; text-align: right; float: right; width: 600px; margin-top: 24px; padding-right: 12px; }
.topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
.topright li { padding-right: 4px; padding-left: 4px; display: inline; }
.topright li a { color: #393939; font-size: 1.16em; font-weight: bold; font-style: italic; letter-spacing: 1px; padding-bottom: 4px; }
.topright li a:hover { color: #4b85b8; text-decoration: none; }
#current { background-image: url(images/line.jpg) !important; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 8px; }
#header #logo {
  float: left;
  width: 350px;
  margin: 25px 0 0 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #fff;
  font-size: 17pt;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #eee;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #111;
  font-size: 11pt;
  }
/* Top Content */
#home { height: 300px; margin-right: 20px; margin-left: 20px; padding-top: 12px; }
#box { background-color: #e0e0e0; height: 300px; border: solid 1px #d4d0c4; }
.line { height: 1px; margin: 8px 20px 6px; border-top: 1px solid #c7c7c7; }
#main {  }
.clearfoot { height: 40px; clear: both; }
#contentwrapper { background-image: url(images/ornament.jpg); background-repeat: no-repeat; background-position: center bottom; float:left; width: 600px; margin: 0 0 24px; padding: 10px 0 24px 22px; }
.text { background-color: #ccc; width: 570px; }
#contentwrapper2 { background-image: url(images/ornament.jpg); background-repeat: no-repeat; background-position: center bottom; float:left; width: 860px; margin: 0 0 64px; padding: 10px 0 24px 26px; }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle { margin: 15px 0 10px; letter-spacing: -1px; font-weight: normal; background-image: url(images/bg-trans.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 5px; }
.topPost {
  margin: 0;
  padding: 0;
  }
.topPost h2.topTitle { color: #045380; font-size: 2em; font-weight: normal; margin-bottom: 0; padding-bottom: 0; display: block; }
.topPost h2.topTitle2 { color: #045380; font-size: 1.6em; font-weight: normal; display: block; margin-bottom: 0; padding-bottom: 0; }
.topPost h2.topTitle a { color: #045380; }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #abd1ea;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0;
  font-size: 9pt;  
  }
.topPost p.topMeta a {
  text-decoration: underline;
  }
.topPost p.topMeta a:hover {
  
  }
.topPost div.topContent {
  margin: 8px 0;
  }
.topPost div.topContent a {
  text-decoration: underline;
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 12px 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li { line-height: 1.3em; list-style-type: none; list-style-image: url(images/orn.jpg); }
#in { list-style-position: inside; }
.topPost div.topContent ul li { padding-bottom: 10px; }
span.amp { color:#045380; font-size: 1.1em; font-family: "GoudyOLSt BT", "Goudy Old Style", Baskerville, Palatino, "Book Antiqua", serif; font-style:italic; }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  font-size: 9pt;
  font-style: italic;
  background: url(images/bg-trans.png) repeat;
  padding: 8px 10px;
  margin-right: 5px;
  line-height: 27pt;
  color: #fff;
  border: 1px solid #111;
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  background: #040404;
  }
.topPost span.topComments a {
  color: #fff;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topMore a {
  color: #fff;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #0a0a0a;
  }
.topPost span.topTags a {
  color: #fff;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #fff;
  text-decoration: underline;
  }

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #83adc8;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color: #fff;
  }


/* Comments */

#comment {
  margin-bottom: 10px;
  background: #040404;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 1px solid #090909;
  padding: 10px 15px;
  color: #fff;
  }
#comment a {
  color: #6598b8;
  }
#comment a:hover {
  color: #fff;
  }
#numberofcomments {
  color: #fff;
  font-size: 12pt;
  margin-top: 10px;
  }
ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
  }
#commentlist li {
  margin: 0 0 15px 0;
  padding: 10px;
  background: #030303;
  border: 1px solid #0a0a0a;
  }
#commentlist li.alt {
  background: #000;
  border: 1px solid #010101;
  border: none;
  }
#commentlist li.cleared {
  background: transparent;
  border: none;
  }
#commentlist a:hover {
  color: #eee;
  }
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;
  width: 69px;
  }
#commentlist .commentbody {
  margin: 0;
  padding: 0 5px 0 0;
  float: right;
  width: 410px;
  }
#commentlist .commentbody p a {
  text-decoration: underline;
  }
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #ddd;
  }
#commentlist small.commentmetadata a {
  color: #666;
  }
#commentlist p {
  color: #dedede;
  }
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  margin: 15px 0 0 0;
  padding: 0;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  }
#comment #submit {
  margin-left: 0px;
  margin-top: -25px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
  color: #fff;
  font-size: 8pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }


/* Sidebars */
#sidebars { background-image: url(images/ornament.jpg); background-repeat: no-repeat; background-position: center bottom; float: right; width: 244px; margin-right: 20px; margin-bottom: 30px; margin-left: 0; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; }
.columnl { width: 400px; float: left; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; border-right: 1px solid #ccc; }
.columnr { width: 390px; float: left; margin-left: 10px; padding: 10px; }
.columncon { margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#sidebars .sidebarbox { padding-bottom: 20px; }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
  width: 160px;
  }

#sidebar_right {
  float: right;
  width: 160px;
  }

#sidebars h2 { color: #045380; font-size: 1.4em; margin: 6px 0 4px; padding: 0 0 8px; font-weight: normal; font-style: italic; border-bottom: 1px solid #d4d0c4; }
#sidebars h3 { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; }
#sidebars table {
  width: 130px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }
#sidebars li { list-style: none; font-size: 11pt; display: block; }
#sidebars ul li ul li a { color: #045380; padding: 6px; border-bottom: 1px dashed #d4d0c4; display: block; }
#sidebars ul li a:hover { background-color: #efeee9; text-decoration: none; }
#sidebars li ul {
  padding: 0 0 10px;
  }

#sidebars ul ul li { margin: 0; padding: 2px; color: #eee; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;
  }
#sidebars a:hover {
  text-decoration: underline;
  }

#sidebars p {
  padding: 2px 0;
  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}



/* Before footer */

#morefoot { width: 594px; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {  }
#morefoot a {
  text-decoration: underline;
  }
#morefoot a:hover {
  text-decoration: underline;
  }
#morefoot h3 { color: #045380; font-size: 18pt; font-weight: normal; border-bottom: 1px solid #d4d0c4; margin: 0; padding: 0 0 6px; }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 280px;
  }
#morefoot .col2 { margin-top: 0; margin-bottom: 0; margin-left: 20px; }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 280px;
  }
#morefoot li { line-height: 17px; list-style-type: disc; list-style-image: inherit; display: block; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
#morefoot ul li a { text-decoration: none; margin-bottom: 0; padding: 4px 4px 8px; border-bottom: 1px solid #d4d0c4; display: block; }
/* footer*/
#footer { color: #5e5e5e; font-size: 8pt; position: relative; width: 860px; height: 40px; margin-right: auto; margin-left: auto; padding: 20px 10px 10px; border-top: 1px solid #e0e0e0; }
#footer p { font-size: 8pt; }
#footer a { font-size: 8pt; text-decoration: none; }
#footer ul li a { color: #6d6d6d; text-decoration: none; }
#footerleft li { float: left; padding-right: 8px; padding-left: 8px; border-right: 1px solid #cdcdcd; list-style-type: none; list-style-image: none; display: inline; }
#footerright li { list-style-type: none; list-style-image: none; display: inline; padding-right: 8px; padding-left: 8px; float: right; }
.last { border-right-style: none !important; border-right-width: 0 !important; }
#footer a:hover { color: #000; cursor: pointer; }
#footerleft {
  float: left;
  width: 600px;
  }
#footerright {
  float: right;
  width: 200px;
  text-align: right;
  }



/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }
.alignleft, .alignright, .aligncenter, .alignnone { padding: 6px; border: solid 1px #bbb; }
.alignleft, {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignnone { margin-top: 5px; }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption { text-align: center; float: left; clear: both; margin-right: 20px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #595959;
  }
.room { width: 397px; height: 289px; float: left; margin-right: 20px; margin-bottom: 20px; display: block; }
.txt { background-color: #ededed; width: 360px; padding: 5px; border: solid 1px #999; }
.btn { color: #fff; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #a9b0c7; padding: 5px; border: solid 2px #7680b2; cursor: pointer; }
.btn:hover { background-color: #6769a8; border-color: #6779a8; }
.btn:focus { background-color: #6770a8; }
input:focus, textarea:focus { background-color: #fff; }
textarea { background-color: #ededed; width: 360px; padding: 5px; border: solid 1px #999; }
form p { margin-top: 0; padding-top: 8px; padding-bottom: 6px; }

#slideshow { position:relative; width: 864px; height:300px; float: left; margin-top: 10px; margin-right: 30px; margin-bottom: 20px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; float: left; border: solid 1px #aeaeae; opacity:0.0; }

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


.wpcf7-form { width:390px; float: left; }