/* 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: Verdana, Arial, Helvetica, San-serif;
	font-size: .8em;
	background: #1e1206;
}

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


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

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;
}

.hr { 
	width: 100%; 
	border-bottom: 1px solid #dfce9d; 
	line-height: 1px; 
	margin: 30px 0; 
}

/* - CLEAR FIX HACK - */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ////////// 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 {
	height: 94px;
	overflow: visible;
	background: #543311 url('../images/bg-masthead.jpg') top left repeat-x;
}

#logo {
	display: block;
	position: absolute;
	top: 92px;
	left: 20px;
	z-index: 15;
	width: 166px;
	height: 77px;
	overflow: hidden;
	font-size: .001em;
	color: #fff1cc;
	background: #fff1cc url('../images/bg-logo.gif') top left repeat-x;
}



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

#nav {
	display: block;
	min-width: 790px;
	margin: 0;
	padding: .25em 0;
	font-size: 90%;
	font-weight: bold;
	background: #553411;
	white-space: nowrap;
}


#nav ul {
	min-width: 640px;
	list-style: none;
	margin: 0 0 0 190px;
	padding: 0;
	border: none;
	white-space: nowrap;
}


#nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	white-space: nowrap;
}

#nav a {
	display: block;
	width: auto;
	margin: 0;
	padding: .35em .8em;
	text-decoration: none;
	color: #dfcb97;
	background: transparent;
	border-right: 1px solid #72532d;
	white-space: nowrap;
}

#nav a:hover, #nav a:active { color: #fff; }

#nav a.active:link, #nav a.active:visited {
	color: #cc7926;
	font-weight: bold;
	cursor: help;
}

#nav a.intactive:link, #nav a.intactive:visited {
	color: #cc7926;
	font-weight: bold;
}


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



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

#sup {
	position: relative;
	z-index: 5;
	height: 59px;
	background: #543311 url('../images/bg-sup.jpg') top left repeat-x;
}



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

#content {
	position: relative;
	margin: 0;
	padding: 0;
	color: #553411;
	background: transparent url('../images/bg-content.jpg') top left repeat-y;
}

body#home #content {
	min-height: 480px;
	background: #f2e4b7 url('../images/bg-content-home.jpg') top left repeat-x;
}

body.cal #content {
	padding: 1em;
	background: #f2e4b7 url('../images/bg-content-home.jpg') top left repeat-x;
}



#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: 650px;
	margin: 0 0 0 192px;
	padding: 20px 2em 50px 2em;
}

body#home #main {
	margin: 0 0 0 340px;
	max-width: 500px;
}


.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 {
	position: absolute;
	top: 0;
	left: 0;
	width: 156px;
	margin: 1em 0 0 0;
	padding: 0 16px;
}

#side h2 {
	margin: 0;
	padding: .5em .5em;
	border-bottom: 1px solid #dfce9d;
	color: #593515;
}

#side ul {
	margin: 0 0 4em 0;
	padding: 0;
	list-style: none;
}

#side li {
	margin: 0;
	padding: 1em .8em;
	border-bottom: 1px solid #dfce9d;
}

#side li a {
	display: block;
	padding: 0 0 0 20px;
	text-decoration: none;
	background: transparent url('../images/bg-side-li1.gif') center left no-repeat;
	color: #543a17;
}

#side li a:hover {
	display: block;
	padding: 0 0 0 20px;
	text-decoration: none;
	background: transparent url('../images/bg-side-li1.gif') center left no-repeat;
	color: #d07526;
	text-decoration: underline;
}

#side li span#activeItem {
	color:  #d07526;
	padding: 0 0 0 20px;
	background: transparent url('../images/bg-side-li2.gif') center left no-repeat;
	cursor: help;
}

#side li span#padleft {
	padding-left: 20px;
}

#side blockquote {
	margin: 70px 0 0 0;
	line-height: 30px;
	font-size: 90%;
	font-style: italic;
	color: #8c7d5a;
}



table.chart  {
	padding: 5px;
	border: 1px solid #d07526;
	border-collapse: collapse;
}

.chart th {
	font-weight: bold;
	vertical-align: middle;
}

.chart thead th {
	color: #f8eecd;
	text-align: left;
	background: #553411;
	border: 1px solid #7f5529;
}

.chart tbody th {
	background: #f8eecd;
	border: 1px solid #553411;
}

.chart td {
	vertical-align: middle;
	background: #f8eecd;
	border: 1px solid #553411;
}

.chart td.r-rate {
	text-align: center;
}




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

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

label {
  width: 130px;
  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 {
  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: 450px;
	text-align: left;
	left: 20px;
}
#copyright a { color: #c38650; }
#copyright a:hover { color: #fff; }


/* ////////// 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;
}