/* ============================================================== */
/* Goat Square Cottages Style Sheet                               */
/*                                                                */
/* styles.css: Simple style sheet viewable by all browsers        */
/* ============================================================== */

/*** Accessibility ***************************************************/
.aural {
  position: absolute;
  left: -999px;
  width: -990px;
}

/*** Typography ***************************************************/

/*** Layout ***************************************************/

/*** Colors ***************************************************/
div#branding, div#branding-logo {
  padding: 0;
  margin: 0;
}

/*** Other ***************************************************/

body {
  background: #59453A url(/img/woodgrain.jpg);
  margin: 10px;
  padding: 10px;
  text-align: center;
  font-family: georgia, helvetica, arial, sans-serif;
}
h3 {
  font-size: 120%;
  color: #941150;
  letter-spacing: -1px;
}
p, li {
  color: #444;
  font-size: 80%;
  line-height: 150%;
}
hr {
  display: none;
}
div#container {
  background-color: white;
  width: 690px;
  text-align: left;
  margin: auto;
}
div#nav {
  background: #BFAC68 url(/img/nav.jpg);
  border: 0;
  border-top: #946E63 10px solid;
  margin-top: -5px;
  padding: 0 5px 1px 0;
  height: 40px;
}
div#nav {
  text-align: right;
}
div#nav ul {
  list-style: none;
  padding-right: 10px;
  margin-top: 5px;
}
div#nav ul li {
  display: inline;
  margin: 0;
  padding: 0;
  font-style: italic;
  font-weight: bold;
  font-family: georgia, helvetica, arial, sans-serif;
  font-size: 90%;
}
div#nav ul li {
  padding-bottom: 9px;
}
div#nav ul li a {
  padding: 13px 9px 9px 9px;
}
div#nav a:link, div#nav a:visited {
  text-decoration: none;
  color: #000;
}
div#nav a:hover, div#nav a:active {
  text-decoration: none;
  color: #941150;
  background: transparent url(/img/vignette-hover.gif) bottom center no-repeat;
}a#current {
  background: transparent url(/img/vignette.gif) bottom center no-repeat;
}
div#content-main, div#content-photos {
  background: #FFF url(/img/content-fade.jpg) top left repeat-x;
  margin-top: 0;
  padding: 1px 10px 10px 10px;
}
div#siteinfo {
  background: #BFAC68 url(/img/nav.jpg) left repeat-x;
  border: 0;
  border-top: #946E63 10px solid;
  padding: 10px;
  font-size: 70%;
}
div#siteinfo a:link, div#siteinfo a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid black;
  font-weight: bold;
}
div#siteinfo a:hover, div#siteinfo a:active {
  color: #941150;
  border-bottom: 1px solid #941150;
}
#branding-logo img {
  border: 0;
}
.cottage-images {
  float: right;
  margin: 20px 8px 8px 8px;
}
li {
  list-style: none;
}
div#content a:link, div#content a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid black;
  font-weight: bold;
}
div#content a:hover, div#content a:active {
  color: #941150;
  border-bottom: 1px solid #941150;
}
div#content-photos a img {
  margin: 10px;
  border: 0;
  text-decoration: none;
}
div#content-photos {
  text-align: center;
}

div#content-photos a {
  text-decoration: none;
  border: none;
}

div#current-photo img {
  text-align: center;
  padding: 7px;
  border: 1px solid #666;
  background-color: #EEE;
}

div#current-photo {
  text-align: center;
  padding: 20px;
}
