/* 
Theme Name: As You Like It Cottage
Theme URL: http://www.asyoulikeitcottage.com
Author: Aaron Beaudoin
Author URL: http://www.abovethefold.ca
*/

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
	text-align: left;
	margin: 0px 0px 0px 0px;
	background: url(images/dreamstime_1766044.jpg) no-repeat;
	background-attachment: fixed;
	color: #855928;
	font-family: "Lucida grande", verdana, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
h1, h2, h3, h4 {
	font-family: "Lucida grande", verdana, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
}
a {
	text-decoration:underline;
	color:#754725;
}
a:hover {
	color:#666666;
}

#wrapper {
	postion: relative;
	text-align: center;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border-left: 2px solid #754725;
	border-right: 2px solid #754725;
}
	
#hdr {
	height:199px;
	width: 780px;
	background: url('images/hdr_bg.gif') no-repeat;
	behavior: url(iepngfix.htc);
}

#hdr h1 {
	font-size:1px;
	text-indent:-5000em;
	width:780px;
	height:118px;
	margin: 0px;
	padding:0;
}

p.introduction {
	line-height: 26.4px;
	font-size: 17.4px;
	margin-top: 0px;
	margin-bottom: 14px;
	word-spacing: 0px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
}

p.continue	{
	padding-bottom:10px;
	font-style: italic;
}

p.continue a {
	color: #678201;
}

p, ul, ol	{
	line-height:23.4px;
	font-size:13.4px;
	margin-top:0px;
	margin-bottom:0px;
	color:#000000;
}

.breaker {
	clear: both;
	width: 425px;
	height: 1px;
	border-bottom: 1px dotted #DFDFD8;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}

.breaker2 {
	clear: both;
	width: 97%;
	height: 1px;
	border-bottom: 1px dotted #DFDFD8;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-left: 10px;
}

.slideshow {
	margin-top: 10px;
	margin-bottom: 5px;
}

.prop {
    height:50px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#content {
	width: 780px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	background-color: #FFFFFF;
}

/* sidebar */
#sidebar {
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
#sidebar ul.sidemenu {
	margin: 5px 0 15px 0;
	padding: 0;	
	border-top: 1px dotted #DFDFD8;	
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px dotted #DFDFD8;
}
#sidebar ul.sidemenu a {
	display: block;
	color: #4B3C2E;
	text-decoration: none;
	width: 97%;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 10px;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	color: #855928;
	background-color: #FAF7F1;
}

/* main */
#main {
	width: 460px;
	min-height: 500px;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-right: 1px dotted #DFDFD8;
}
#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {
}
#main form p {
	margin: 15px;
}

#main .photoblock {			/* Basic block, inline, w/caption fonts. */
  font-size: 10px;
  color: #888888;
  margin-right: 10px;
  display: inline-block;
}

#main .photoblock-left {		/* A photo block on the left */
  margin: 0 10px 10px -4px;
  font-size: 10px;
  color: #888888;
  float: left;
}
#main .post-body .photoblock-left a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoblock-right {		/* Photo block on the.. gasp.. right */
  margin: 0px 0px 10px 10px;
  font-size: 10px;
  color: #888888;
  float: right;
  text-align: right;
}
#main .post-body .photoblock-right a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoborder {           /* Apply to an image to give it a border */
  border: 1px solid #ccc;
  padding: 1px;
}
#main a:hover .photoborder {
   border: 1px solid #888;
}

#main .photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */
   margin: 0 10px 10px -4px;
   clear: both;
   width: 100%;
   text-align: center;
   font-size: 10px;
   color: #888888;
}
#main .photoblock-many a {		/* (Need clear links in the photo block) */
   background: white;
}

#main .photoborder-right {		/* A photo with a border on the right */
   border: 1px solid #ccc;
   padding: 1px;
   margin: 0px 0px 10px 10px;
   float: right;
}

#main .photo {			/* A normal photo */
  padding: 3px;
  vertical-align: middle;
}

#nav{
	background-color: #1d1917;
}

#nav ul{
	margin: 0;
	padding: 0;
	width: 780px;
	height: 35px;
	text-align: center;
	list-style-type: none;
}

#nav li{
	margin: 0;
	padding: 0;
	display: inline;
	font-family: "Lucida grande", verdana, sans-serif;
	font-size: 14px;
	line-height: 35px;
	color: #FFFFFF;
}

#nav a, #nav a:link, #nav a:visited, #nav a:active{
	margin: 0;
	padding: 10px 7px;
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover{
	margin: 0;
	display: inline;
	color: #855928;
	text-decoration: none;
	border: none;
}
.thumbnail{
	margin-bottom: 10px;
	border: 1px solid #754725;
	float: left;
	margin-right: 5px;
	}
	
#wrap{
	width:402px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
}

#spacer {
	height: 30px;
	width: 734px;
	padding: 0px;
	background-color: #754725;
	margin-top: 0px;
	margin-bottom: 10px;
}

#spacer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
	text-align: center;
	margin: 4px 0px 5px 0px;
}

#banner {
	clear: both;
	display: block;
	line-height: 6px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 0px;
}
#banner img, #banner object {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}
#banner p {
	margin: 0px;
}

#banner2 {
	clear: both;
	display: block;
	line-height: 6px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 0px;
	border-bottom: 5px solid black;
}
#banner2 img, #banner2 object {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}
#banner2 p {
	margin: 0px;
}
	
#FlashCenter {
	margin-top: 5px;
	margin-bottom: 7px;
}

#ftr {
	clear: both;
	height: 65px;
	margin: 0px;
	padding-top: 5px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	background-color: #000000;
}

#ftr p {
	font-family: "Lucida grande", verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#ftr a {
	border: none;
	color: #CCCCCC;
}

#ftr a:hover {
	color:#855928;
}

.listTable {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 0.9em;
}
.listTable tr:hover {
	background: #f9f9f9;
}
.listTable th {
	border-bottom: 1px dashed #DFDFD0;
	text-align: left;
}
.listTable td {
	border-bottom: 1px dashed #DFDFD0;
}

.floatLeft {
	float: left;
}

.feat {
	text-align: center;
	margin-bottom: 5px;
}
.feat acronym {
	letter-spacing: 5px;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 9px;
}
.feat a {
	display: block;
	margin-bottom: 0px;
}
.feat object {
	margin-bottom: 10px;
}
.feat img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}

.FlashCenter {
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
}
.imgLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	border: 1px dotted #DFDFD8;
}
.imgCenter {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 13px;
}

.thumbLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-top: 5px;
}
.thumbCenter {
	margin: 0px 5px 5px 5px;
	border: 1px dotted #0C3165;
}

.logoCenter {
	margin: 0px 5px 5px 5px;
}

ul.toolbar {
	margin: 5px 0px 20px;
	clear: both;
	padding: 4px 0px 5px;
	font-size: 0.9em;
	text-align: right;
	border-bottom: 1px dashed #D9D9D0;
	height: 13px;
}
ul.toolbar li {
	display: inline;
}
ul.toolbar li a {
	float: right;
	border: none;
}

ul.toolbar li a:hover {
	color: #C1C2C4;
	border-color: #C1C2C4;
}


.floatLeft {
	float: left;
}

div.clear {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

.listDiv {
	margin-top: 5px;
	margin-bottom: 15px;
	min-height: 95px;
	height:auto !important;
	height:95px;
}
.list {
	display: block;
	background: url(/images/layout/bullet.gif) no-repeat 0px 1px;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 12px;
}

.guestserve {
	margin-left: 75px;
}

.guestserve2 {
	margin-left: 30px;
}

.pgtitle {
	margin: 5px 0px 5px 0px;
}

.map {
	margin: 5px 0px 5px 0px;
	border: 1px solid #754725;
}