/*
	CSS file for www.giteinbrittany.com
	(c) Geoffrey Coan, 2006-10
	
	General styles, site formatting and colours inspired by Skidoo Too:
		http://webhost.bridgew.edu/etribou/layouts/skidoo_too/
*/
html, body {
	color:#333366;
	background:white;
	font-family:"Trebuchet MS",verdana,geneva,arial,helvetica,sans-serif;
}
body {
	font-size:100.1%	/* resolve some font size issues in some layouts for
						   some browsers. (In other words, I got no clue) */
}
H1{	font-size:larger;
	margin-bottom:2px;
}
H3{	font-size:medium;
	margin:0px;
}
H4{	font-weight:bold;
	margin-bottom:2px;
}
.caption, .ccaption{	/* caption for images & centred caption styles */
	font-size:smaller
}
.ccaption {
	text-align:center
}
.p1{					/* paragraph style for line and a half spacing */
	padding-bottom:4px
}
.bigbox{				/* big standout box */
	border:1px solid gray;
	margin:10px;
	padding:12px;
}
.bright, .bigbright{	/* bright (standout) text */
	color:red; font-weight:bold;
}
.bigbright{				/* big bright (standout) text */
	font-size:larger
}
.notop {				/* no padding above */
	margin-top:0px
}
.circl {				/* bulletted list using an open circle style */
	list-style-type:circle
}
.ital {					/* italics */
	font-style:italic
}
.und {					/* underline */
	text-decoration:underline
}
a img {border:none }
a.noul img { display: block; }	/* stops Firefox <img> underline within <a> */
a:link {color:#0033cc; text-decoration:underline; }
a:visited {color:#81b; text-decoration:underline; }
a:hover, a:active {color:#000; text-decoration:underline; }

/* DIV positioning based on CSS Zen Garden's 'Blood Lust' theme at:
	http://www.csszengarden.com/?cssfile=005/005.css	*/
#container {
	padding-left:13.5em
}
#maintext {
	clear:left
}
#navbar {
	position:absolute;
	top:0px;
	left:1em;
	margin-top:160px;
	width:12em;
}
#photos, .rightcol {
	float:right;	
	margin-top:0px;
	padding-left:1.5em;
	clear:left;
	position:relative;
}
#photos {
	width:177px;
	top:0px;
}
#masthead {
	padding:0.5em
}
#masthead h1 {
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}

/* Vertical Navigation */
.vnav {
	margin:1em 0
}
.vnav, .vnav li, .vnav li a {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}
.vnav {
	border:solid 1px #565;
	border-bottom-width:0;
}
.vnav li {
	border-bottom:solid 1px #565
}
.vnav li a {
	padding:2px 5px 3px 5px
}
.vnav a:link, .vnav a:visited, .vnav a:active {
	text-decoration:none;
	cursor:pointer;
}
* html .vnav, * html .vnav li, * html .vnav a { /* hide from IE5.0/Win & IE5/Mac */
	height:0.01%
}
* html .vnav {
	position:relative	/* IE needs this to fix a rendering problem */
}
.vnav a:link, .vnav a:visited, .vnav a:active {
	color:#333366
}
.nav1 a:link, .nav1 a:visited, .nav1 a:active {
	background-color:#cdc;
	color:#000;
}
.vnav li a:hover, .nav1s a:link, .nav1s a:visited, .nav1s a:active {
	background-color:#898;
	color:#fff;
}
.nav2 a:link, .nav2 a:visited, .nav2 a:active {
	background-color:white;
	color:#000;
}
.nav2s a:link, .nav2s a:visited, .nav2s a:active {
	background-color:#cccccc;
	color:#000;
}

/* 'Contact us' form */
table.contact td{
	border:1px solid #333366;
	padding:2px 2px 2px 2px;
}
table.contact input, textarea{
	background-color:#ddffdd
}

/* Blog Subscription box */
table.blogsub{
	padding:0;
	border:1px solid gray;
	width:12em;
}

/* Availability calendar */
table.avail,table.pricekey{
	padding:0;
	margin:2px;
}
table.avail,table.pricekey,td.prv,td.wh,td.ye,td.or,td.re,td.day,td.bkd,td.bkdre,td.bkdye,td.bkdwh,td.rebkd,td.yebkd,td.whbkd{
	border:1px solid gray
}
table.avail{
	text-align:center
}
td.prv,td.bkd{
	background-color:#DCDCDC
}
td.bkd,span.bkd{
	text-decoration:line-through
}
td.wh{
	background-color:white
}
td.ye{
	background-color:#FFFF33
}
td.or{
	background-color:#FFAA00
}
td.re{
	background-color:#FF6633
}
td.day{
	background-color:#C0C0C0
}
td.rebkd{
	background:url(/theme/rebkd.gif)
}
td.yebkd{
	background:url(/theme/yebkd.gif)
}
td.whbkd{
	background:url(/theme/whbkd.gif)
}
td.bkdre{
	background:url(/theme/bkdre.gif)
}
td.bkdye{
	background:url(/theme/bkdye.gif)
}
td.bkdwh{
	background:url(/theme/bkdwh.gif)
}

/* Guestbook */
.spiral{	/* spiral ringbinder page edge */
	background:url(/theme/spiral.gif); background-repeat:repeat-y;
	padding-left:48px;
}
.name1, .quote1{
	color:#336633;
}
.name2, .quote2{
	color:#663366;
}
.name1, .name2{
	font-style:italic;
	padding-top:1em;
}

/* Gite features */
ul.feat {
	list-style:none;
	margin:0;
	padding:0 0 1em;
}
ul.feat li {
	display:inline;
	padding:0 1.3em;
	background:url(/theme/tick.gif) no-repeat;
}