/* Base Style Rules for Casa Campana 
================================
- Graphic Design: Anna Bensen
- XML/CSS Dev: Daniel Humann
- Foraker Design - Boulder, Colorado
- http://www.foraker.com
///////////////////////////////////// */


/* ////////// The Basics /////////// */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

h1 { font-size: 130%; }
h2 { font-size: 110%; font-weight: 900; color: #cd7c23; }
h3 { font-size: 100%; font-weight: 900; color: #543a17; }


a:link { color: #2530ae; }
a:hover { color: #ca6c2c; }
a:visited { color: #663399; }

li { padding-bottom: 10px; }

abbr, acronym, dfn {
	border-bottom: 1px dashed #eee;
	cursor: help;
}

address {
	font-style: normal;
}

hr.hrh {
	display: none;
}

hr.hrmw {
	width: 780px;
	visibility: hidden;
}

html>body hr.hrmw {
	display: none;
}


/* ---- CLEARFIX HACK --- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }



/* ////////// Start Named Selectors /////////// */

#wrapper {
	position: relative;
	top: 0;
	min-width: 770px;
	margin: 0;
	padding: 0;
	background: #f2e4b7 url('../images/bg-wrapper.jpg') top left repeat-x;
}


#top { 
	position: absolute;
	top: -999px;
	left: -999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: .0001em;
}


#masthead {
	overflow: visible;
	background: #543311 url('../images/bg-masthead.jpg') top left repeat-x;
}

#logo {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: .001em;
	color: #fff1cc;
	background: #fff1cc url('../images/bg-logo.gif') top left repeat-x;
}



/* ////////// Main Navigation Block /////////// */	

#nav {
	display: none;
}

/* ////////// end nav ////////// */



/* ////////// Mid Fluff Bar ////////// */

#sup {
	display: none;
}



/* ////////// Main Content Region ////////// */

#content {
	position: relative;
	margin: 0;
	padding: 0;
}

body#home #content {
	min-height: 480px;
}

#introimg {
	position: absolute;
	top: 171px;
	left: 0;
	z-index: 10;
	width: 338px;
	height: 400px;
	background: #f2e4b7 url('../images/bg-introimg.jpg') top left repeat-x;
}

#main {
	max-width: 1000px;
	margin: 0 0 0 0px;
	padding: .5em 2em 1em 2em;
}

body#home #main {
	margin: 0 0 0 0px;
}


.floater {
	float: right;
	margin: 1em 0 1em 2em;
}

.olimg {
	margin-bottom: 4px;
	border: 2px solid #d2b972
}

.gallery_thumb { margin: 3px; float:left; text-align:center; }
.gallery_thumb img { background: #f0e0c2; border:1px solid #c1af8d; padding: 3px; margin: 1px; }
.gallery_thumb a img { border-color:#c1af8d; }
.gallery_thumb a:hover img { border-width:2px; border-color:#eaa320; margin:0; }
.gallery_items { margin: 0 auto; clear: both; text-align: center; display: block; }
.clear { clear: both; }


/* ////////// Sidebar /////////// */

#side {
	display: none;	
}

/* ---- FORM Elements ---- */

form {
  height: auto;
  margin: 0;
  padding: 0;
}

label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 0 1em 1em 0;
  padding: 2px;
  clear: both;
  cursor: help;
}

input, select, textarea {
  float: left;
  margin: 0 .25em 1em 0;
  padding: 2px;
  font-size: .9em;
  font-family: "Verdana", Arial, Helvetica, San-serif;
  background: #f8eecd;
  border: 1px solid #333;
}

label span {
  vertical-align: middle;
}

input.checkbox {
  margin: 7px 0 0 0;
  border: 0;
}

form input.formbuttons {
  margin: 4px 0;
  padding: 4px 2px;
  font-weight: bold;
  color: #777;
  cursor: default;
}

html>body form input.formbuttons {
  padding: 4px 10px;
}


/* Specific Contact Form Declarations */


#conform {
  min-height: 300px;
  text-align: left;
}

.error, .red {
  color: #ff0000;
}

.red {
  padding: 0 0 0 4px;
}

.define_required {
   width: 400px;
   text-align: right;
   margin-bottom: 1em;
}

.define_required span {
  color: #ff0000;
}

.form_error { 
	background-color: #f9f590; 
	border-right: 1px solid #D76E49; 
	border-bottom: 1px solid #D76E49; 
	border-left: 1px solid #692007; 
	border-top: 1px solid #692007; 
}

.success { color: green; }


/* ////////// Footer /////////// */

#footer {
	position: relative;
	min-height: 64px;
	margin: 0;
	font-size: 85%;
	color: #a26733;
	vertical-align: middle;
	background: transparent url('../images/bg-footer.jpg') top left repeat-x;
}

#copyright {
	position: absolute;
	top: 18px;
	width: 190px;
	text-align: center;
}


/* ////////// Powered by Foraker Bug ////////// */

#poweredbyforaker {
	position: absolute;
	top: 14px;
	right: 4px;
	width: 120px;
	height: 24px;
	font-size: 9px;
	border: 0px dashed #fff;
}

#poweredbyforaker a {
	color: #a26733;
	text-decoration: none;
}

#poweredbyforaker a:hover {
	color: #fff;
}

#forakerlink {
	display: block;
	width: 120px;
	height: 24px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url('../images/bg-forakerlink.gif') top left no-repeat;
 }
 
a#forakerlink:hover {
	background-position: 0 -24px;
 }
 
#forakerlink span {
	position: relative;
	top: 0;
	left: 40px;
	margin: 0;
	padding: 0;
}