﻿html,body{margin:0; padding:0; position:relative; background-color:#fff; color:#000;} 
body{ font-family:helvetica, arial, sans-serif; line-height:1.2;}
h1{}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
h2{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
h3{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
h4{ font-size:90%; font-weight:bold; margin:0.4em 0 0.1em 0;}
p{ margin:0 0 0.3em 0;}
b{ font-weight:bold;}
ul,ol,dl,li{ margin:0; padding:0; list-style-type:none;}
li{ margin-bottom:0.2em;}
a:link{ color:#67f;}
a:visited{ color:#76e;}
a:active{ color:#e33;}
a img{ border:0;}
.copy a[href ^="http://"] {
	background: url(/img/external.png) center right no-repeat;
	padding-right: 13px;
}

address{ font-style:normal;}
th{ text-align:left; font-weight:normal;}
th,td{ vertical-align:top;}
tr.section td
, tr.section th{ padding-top:0.5em;}

#leftCol{ position:fixed; top:118px; bottom:auto; left:0; width:170px;}
#mainContent{ position: absolute; top:118px; left:200px;}
#centerCol{ width:80%; min-width:400px;}

h1#siteName{ position:fixed; z-index:200; top:18px; left:39px;}
#strap{ position:absolute; top:70px; left:200px; font-size:17px; line-height:1.07;}

address#chalet{ position: absolute; background-color:white; z-index:100; width:30%; top:10px; right:23px; font-size:78%; line-height:1.2; text-align:right;}

a.details{ font-size:90%;}
.guestquote{ margin:1em 0 0 0;}
.guestquote blockquote{ margin:0; padding:0; font-weight:bold;}

#mainContent .copy{ clear:both; font-size:90%;}
#mainContent .copy img{ display:block; margin:0.8em 0 0.8em 0;}

#mainContent div.imgWithCaption img{ margin-bottom:0;}
#mainContent div.imgWithCaption p{ margin:0 0 0.8em 0; font-size:90%; width:400px;}

.flickrBlock{ width:420px; font-size:80%; color:#666; margin:0; padding:0;}
.flickrBlock div { float:left; width:100px;}


ul#siteContents{ font-size:1.15em; line-height:1; text-align:right; color:#999; text-transform:lowercase;  margin-top:0.8em;}
ul#siteContents li{ margin-bottom:0.6em;}
ul#siteContents h2#pageName{ font-size:100%; font-weight:normal; color:#000; margin:0;}
ul#siteContents a:link, ul#siteContents a:visited, 
ul#pageContents a:link, ul#pageContents a:visited{color:#999; text-decoration:none;}
ul#siteContents a:hover, ul#pageContents a:hover{ color:#67f;}
ul#pageContents{ margin-top:2em; font-size:0.8em; text-align:right; color:#777; text-transform:lowercase; }
ul.subContents{ margin-top:0.8em; font-size:85%;}

table#price{ background-color:#FE9A33; width:100%; border:1px solid #333; font-size:70%; margin:1em 0 1em 0;}
table#price td,table#price th{ border:1px solid #333; padding:2px 2px 2px 1px;}
table#price .date{ font-size:150%; line-height:2; border-right:1px solid black; margin:0 2px 0 0; padding:0 2px 0 0; width:1em; float:left;}
table#price th .date{ font-size:100%; width:1.5em;}
table#price th .price{ font-size:80%;}
table#price a{ color:#34d}
table#price .spaces{ }

#booking{ }
#booking table{ clear:both; margin:0; width:100%;}
#booking th{ text-align:right; width:30%; font-weight:normal; color:#333; font-size:90%;}
.warn{ font-size:90%; color:#f00;}
.tob{ list-style-type:none; font-size:90%;}
.tob .tob{ margin-left:1em;}
.tob ol.tob li{ list-style:decimal inside none;}
address.booking{ margin:0.5em 0 0.5em 0;}

.quote{ margin-bottom:0.25em; margin-top:0.8em;}
.author{ font-size:90%; margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ccc;}
.top{ font-size:80%; margin:1em 0 1em 0;}

div.cookbook h2{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
div.cookbook h4{ margin-top:0.8em;}
div.cookbook h4+ul.ingredients{ margin-top:0;}
ul.ingredients{ margin:0.8em 0 0.8em;}
ul.ingredients li{ margin:0 0 0.2em 0;}
p.serving{ margin:0.6em 0 0.6em 0;}



