/*  
Theme Name: Chiaroscurosantafe.com
Theme URI: http://chiaroscurosantafe.com
Description: Chiaroscurosantafe.com theme
Version: 1.0
Author: Josh Bauguss
Author URI: http://santafewebdesign.com/

  Chiaroscuro Santa Fe theme

*/


body {
  background-image : url(/images/bg.jpg);
  background-repeat : repeat-x;
  background-color : #BBBBBB;
  font-family : arial, verdana, helvetica, sans-serif;
  margin : 0px;
  padding : 0px;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


#layout {
  width : 928px;
  margin : 0px auto;
}

#header {
}

#logo {
  float : left;
  width : 241px;
}

#header_right {
  float : left;
  width : 685px;
  text-align : right;
  position: relative;
  padding: 89px 0px 0px 0px;
}

#header_right a {
  color : #8C8888;
  text-decoration : none;
  padding-left : 20px;
  font-weight : bold;
}

#exhibitions_sub, #gallery_sub {
  position: absolute;
  text-align : right;
  font-size : 11px;
  top: 70px;
  right: 187px;
}

#gallery_sub {
  line-height: 15px;
  right: 81px;
  top: 57px;
}

#header_right div a {
  font-weight : normal;
  color : #154861;
}

#lower_layout {
  clear : both;
  border : 1px solid #615656;
  padding : 10px;
  display : inline-block;
  background-color : white;
  width : 928px;

	-moz-border-radius: 0px 15px;
	-khtml-border-radius: 0px 15px;
	-webkit-border-radius: 0px 15px;
	border-radius: 0px 15px;
}

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

.gallery {
  background-image : url(/images/exhibitions_bg.jpg) !important;
  height : 529px;
}

.index {
  padding: 0px 10px 0px 0px !important;
  margin: 0px !important;
}

.index .post img {
  width: 939px;
}

.index .post p {
  margin: 0px;
  padding: 0px;
}

.contact {
  height : 347px;
}

#content_top {
  text-align : left;
  display : inline-block;
}

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

#content_top a {
  padding-right: 5px;
}

#content_top h1 {
  color : #D3CFCF;
  margin : 0px;
  padding : 0px;
  text-transform : lowercase;
  font-size : 48px;
  width : 906px;
  text-align : right;
}
  
#content_left {
  float : left;
  width : 355px;

}

#content_left.fixed {
  height : 375px;
}

#content_left a {
  color : white;
}

#content_left.blog {
  width : 900px !important;
  font-size : 14px;
  letter-spacing : .2em;
  padding: 10px;
  color : #4f4746;

  
}

#content_left.blog a {
  color : #5d75a5;
  text-decoration : none;
  line-height : 20px;
}

#content_left.blog a:hover {
  color : #ea9b33;
  text-decoration : underline;
  
}

.page-id-5 .post {
  width:500px; 
  padding : 10px; 
  margin-top:70px; 
  color:black; 
  background-image:url(/images/bg.png); 
  font-size:12px;
}


#content_right {
  float : left;
  width : 545px;
  padding : 10px 0px 10px 10px;
  font-size : 13px;
}

#content_right h1 {
  color : #12495E;
  font-size : 20px;
  margin : 0px;
  padding : 0px;
}


#index_content {
  background-color : #e8e0dc;
  width : 450px;
  font-size : 12px;
  border : 1px solid #897c78;
  padding : 10px 0px 10px 10px;
  margin : 219px 0px 5px 5px;
}

#index_content h1 {
  color : #5a4f4f;
  font-size : 14px;
}


#footer {
  font-size : 11px;
  color : #6f7075;
  padding : 10px 0px 0px 0px;
  text-align: center;
}

#footer a {
  color : #426b92;
text-decoration: none;
  font-weight : bold;
}

#contactform {
  font-size : 12px;
  padding : 25px 25px;
}

label.lbl-left {
  float : left;
  width : 60px;
}

.reqhdr {
  color : red;
}

#index_feed {
  background-color : #e8e8e8;
  font-size : 13px;
  padding : 10px;
  margin : 0px;
  color : #49433e;
  width : 918px;
  border-top: 1px solid black;

	-moz-border-radius: 0px 0px 0px 15px;
	-khtml-border-radius: 0px 0px 0px 15px;
	-webkit-border-radius: 0px 0px 0px 15px;
	border-radius: 0px 0px 0px 15px;
}

#index_feed a {
  color : #4c5359;
  font-size : 12px;
  text-decoration : none;
}

#index_feed a:hover {
  color : #426b92;
  text-decoration : none;
}


/* fix home page image breaking the rounded border */
.index {
  -moz-border-radius: 0px 0px 0px 15px !important;
  -khtml-border-radius: 0px 0px 0px 15px !important;
  -webkit-border-radius: 0px 0px 0px 15px !important;
  border-radius: 0px 0px 0px 15px !important;
}


.page-id-25 .post iframe {
  float: left;
  margin-right: 25px;
  border: 1px solid #ccc;
}

.page-id-25 .post p {
  font-size: 12px;
}




/* cforms */
/* Contact form */

form.cform {
 margin: 0px 20px;
  background: #fff;
  padding: 0px 10px 10px 10px;
}

form.cform fieldset {
	border: 0px solid #e5e5e5;
	padding:5px;
	clear:both;

}
form.cform legend {
  font-size: 1px;
  display: none;
}
form.cform ol.cf-ol {
	margin:0;
	padding:0;
}
form.cform ol.cf-ol li {
	clear:both;
	display:block;
	padding:.5em 0;
	list-style:none;
}
form.cform label {
	float:left;
	display:block;
	width:150px;
}
form.cform ol.cf-ol li input,
form.cform ol.cf-ol li textarea,
form.cform ol.cf-ol li select {
	float:left;
}
form.cform .cf-box-title {
	font-weight:bold;
}
form.cform li.cf-box-group label {
	width:150px;
	float:left;
}
form.cform li.cf-box-group input.cf-box-b {
	margin:0 0.3em 0 0;
}
form.cform li.cf-box-group br {
	clear:both;
	margin:0 0 0.4em 0;
}
form.cform span.reqtxt,
form.cform span.emailreqtxt {
  float:left;
  margin:5px 0 0 .5em;
  font-size:11px;
  color: red;
}
form.cform p.cf-sb {
	clear:both;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 8px;
}
form.cform .cf_hidden {
	display:none;
}

form.cform .required {
	color:#ff0000;
}

form.cform label {
	font-size:12px;
	color:#666;
}
.inputbox,
input.single,
select.cformselect,
textarea.area {
	padding:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#fff;
	border:1px solid #d5d5d5;
	color:#666;
}
select.cformselect {
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
input.inputbox,
input.single {
	height:14px;	
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
textarea.inputbox,
textarea.area {
	width:98%;
	font:12px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}


textarea.area {
  height: 75px;
}

.cf_hidden {
  display: none !important;
}

form.cform .button,
form.cform .sendbutton {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:10px;
	cursor:pointer;
	height:25px;
	padding:0 4px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;	
	-webkit-border-radius:7px;
	border-radius:7px;
	border-width:1px !important;
	border-style:solid !important;
	text-decoration:none;
	color:#fff;
	background:#8CA8CF;
	border-color:#8CA8CF;
	width:auto;
}
form.cform .button:hover,
form.cform .sendbutton:hover {
	background-color:#DFEDFF;
	color:#333;
}


.entry .waiting {
  	color: black;
	border:1px solid #555;
	background-color:#fff !important;
	padding:5px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

.entry .success {
	color: blue;
	border:1px solid #555;
	background-color:#fff !important;
	padding:15px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

.entry .failure, .widget .failure {
	color:#e93d08;
	border:1px solid #bc391d;
	background-color:#EFE0E0 !important;
	padding:5px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Uncomment this and you're pretty much declaring war on Delicious Days... donate then do it ;) */
p.linklove {
	display:none;
}


/* inquire about work form popup */
#wpa_inquiry {
  margin-top: 20px;
}

#wpa_inquiry form.cform {
 margin: 0px 20px;
  background: #fff;
  border: 1px solid #555;
  padding: 0px 10px 10px 10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}


.thumb
{
	float : left;
	width : 150px;
	padding : 17px;
}

.thumb a
{
	text-decoration : none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */