/*

		Backdrop Showcase
		design - Stacy Bias
		html/css - Andy Lee
		andy@cdbaby.com
		6-27-2012
		
*/


/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { 
	background-color: transparent;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	font-size: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	vertical-align: baseline;
}

q { 
	quotes: none;
}

q:before, 
q:after { 
	content: none;
}

a, ins, del { 
	text-decoration: none;
}

li {
	list-style-type: none;
}

img {
	max-width: 100% !important;
	height: inherit !important;
}

#content a.image-link,
#content a.image-link:hover,
#sidebar a.image-link,
#sidebar a.image-link:hover,
#content a.image-link img,
#content a.image-link:hover img,
#sidebar a.image-link img,
#sidebar a.image-link:hover img {
	background-color:transparent;
	border:none;
}



/* Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility_nav, 
.hide { 
	height: 1px;
	left: -999em;
	position: absolute;
	top: -999em;
	width: 1px;
}


/* Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
.title:after,
.container_page:after,
#navigation ul ul:after,
.widget_calendar li:after,
.container_12:after,
#social:after { 
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Body Styling
------------------------------------------------------------------------------*/

html,
body {
	height:100%;
	display:block;
	min-width:450px;
}
body {
	background-color:#FFFFFF;
	background-image: url('../../../img/IMG_0047.JPG');
	background-repeat:no-repeat;
	background-position: top left;
	background-attachment: fixed;
	background-size:cover;
}


#bg {
	background:	url(../images/grid9.png) top left repeat;
	top:0;
	left:0;
	width:100%;
	display:block;
	min-height: 100%;
}



/* Site Title
------------------------------------------------------------------------------*/

.site_title {
	position:relative;
	z-index:2;
}

.site_title h2 {
	font-family:'Allerta Stencil',serif;	
	font-size: 4em;	
	margin-bottom:25px;
}

h2 span{
	visibility: visible;
	text-transform:uppercase;
}

.site_title h2 span a {
	background-color:#4a2932;
	color:#ada89a;
	padding-right: 15px;
	padding-left:15px;
}

/* Navigation
------------------------------------------------------------------------------*/
#navigation {
	max-width:250px;
	position:relative;
	display:block;
	z-index: 2;
	float:left;
	margin-bottom:35px;
}

#navigation ul li {
	font-size:2em;
	font-family:'Allerta Stencil',serif;
	font-weight: bold;
	margin-bottom:.5em;
	text-transform:uppercase;
}

#navigation ul li a {
	background-color:#ada89a;
	color:#4a2932;
	padding:1px;
}

#navigation ul li.current a,
#navigation ul li a:hover,
#navigation ul li:hover a,
#navigation ul li:hover ul li a:hover {
	color: #ada89a;
	background-color:#4a2932;
}

#navigation ul li ul li {
	font-size:.75em;
	margin-bottom:0px;
}

#navigation ul ul li a,
#navigation ul li.current ul li a 
#navigation ul li a:hover ul li a,
#navigation ul li:hover ul li a{
	color:#FFFFFF;
	background-color:#a0a090;
	cursor: pointer;
}

#navigation ul li:hover ul {
	display: block;
}

#navigation ul ul {
	display: none;
	margin: 0;
	position: absolute;
	z-index: 2;
	margin-left:35px;
	background-color:#a0a090;
}

#navigation ul ul li a {
	display:block;
}

/* Content
------------------------------------------------------------------------------*/
.container ul,
.container ol {
	margin-left:15px;
	padding-left:15px;
	padding-bottom:15px;
}

.container ul ul,
.container ol ol {
	padding-bottom:0px;
}

.container ul li {
	list-style-type:disc;
}

.container ol li {
	list-style-type:decimal;
}

.container {
	position:relative;
	max-width:45%;
	min-width:35%;
	font-family: 'Allerta Stencil',serif;
	z-index: 1;
	display:block;
	float:left;
	margin-bottom:50px;
}

#content {
	text-align:left;
	overflow-x:hidden;
}


#content p,
#content .entry {
	padding:10px;
	color:#ffffff;
	font-size:1em;
}

#content .entry {
	background-color:rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');	
	display:block;
}

#content a {
	background-color:#A29094;
	color:#FFFFFF;
}

#content a:hover {
	background-color:#FFFFFF;
	color:#4a2932;
}

#content h3 {
	text-transform:uppercase;
}

h3.entry_title,
h3.future_header,
h3.past_header,
.audio #content h3,
.guestbook #content h3,
.press #content h3 {
	color:#FFFFFF;
	background-color:rgba(110, 57, 70, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f6e3946', endColorstr='#7f6e3946');	
	font-size:2em;
	padding-left:1.5%;
	padding-right:1.5%;
	overflow:auto;
}

#share-tool {
	color: #ffffff;
	background-color:rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');	
	margin:0px !important;
	padding:6px;
}

/* Audio Page
------------------------------------------------------------------------------*/

ul.audio_tracks{
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}	

ul.audio_tracks li {
	line-height: 2em;
	list-style-type:none;
}

.audio_tracks li a {
	padding: 3px;
}
article.audio_post .entry_content {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #A29094;
	padding-bottom:20px;
}

.audio_post .entry_meta {
	color:white;
}


/* Bio Page

------------------------------------------------------------------------------*/
h2.entry_title,
h2.entry_title a {
	background-color:transparent;
}

.bio h3.entry_title span {
	color:#FFFFFF;
}

.bio h3.entry_title span.title_role {
	font-size:.75em;
}

.title_wrapper {
	width:95%;
	margin:auto;
}

/* Blog page
------------------------------------------------------------------------------*/

.blog h3.entry_title,
.blog .be_the_first h3 {
	background-color:rgba(110, 57, 70, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f6e3946', endColorstr='#7f6e3946');
	font-size:2em;
	padding-left:15px;
	color:#FFFFFF;
}

.blog .entry_comments h3,
.blog .content_form h3 {
	font-size:2em;
}

.blog .entry_author,
.blog .entry_date,
.blog .comment_name,
.blog .comment_date {
	color:#ffffff;
	font-style: italic;
}

.read_more_link {
	font-size: 1.75em;
	font-weight: bold;
}

.blog #content h3.entry_title a {
	background-color:transparent;
}

h2 a.blog_rss_feed {
	margin-left:15px;
}

.rss,
#pagination {
	background-color:rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
	padding-bottom:15px;
}
.pagination {
	margin-bottom:15px;
}

.blog .comment_body {
	padding:2.5%;
}

/* Calendar page
------------------------------------------------------------------------------*/

h3.future_header,
h3.past_header {
	text-align: left;
	padding-top:5px;
	padding-right:5px;
}

article.calendar_post {
	padding-bottom: 25px;
}

.calendar_post h2 {
	background-color:transparent;
	font-size:1.75em;
	font-weight: bold;
	padding:0px;
	color:#ffffff;
}

.calendar_post .entry_content {
	padding-top:20px;
	padding-bottom:20px;
}

.calendar_post h4 {
	font-weight:normal;
}
.details, 
.blog_post {
	line-height: 1.5em;
	padding-top:5px;
	margin:auto;
}

article.calendar_post {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #A29094;
}

/* Contact page
------------------------------------------------------------------------------*/

.contact #content h3 {
	background-color:rgba(110, 57, 70, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f6e3946', endColorstr='#7f6e3946');
	font-size:2em;
	padding-left:15px;
	color:#FFFFFF;
}

#content .contact input, #content .contact textarea, .contact_form_textbox, .contact_form_textbox input, .contact_form_dropdown, .contact_form_dropdown select, .contact_form_textarea, .contact_form_textarea textarea, .contact_form_multi, .contact_form_multi input {
    display: inline-block !important;
    margin: 0 !important;
    text-align: left;
}

.contact #content li {
	padding:5px;
}

.container .contact_form_instructions {
	width:100%;
}

.contact_form_container {
	min-width: 85%;
}

article.contact_post li {
	list-style-type:none;
}

#comment_form {
	margin: 0 auto;
}

#comment_form li {
	margin-bottom: 7px;
	list-style-type:none;
}

#comment_form label {
	display: block;
	color:#ffffff;
}

#comment_form .required {
	font-weight: bold;
}

#comment_form input[type="text"],
#comment_form textarea {
	max-width: 95%;
	min-width:85%;
}

#comment_form textarea {
	resize: none;
}

#comment_errors p,
.be_the_first {
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

#recaptcha_widget_div input {
	color: #000;
}


/* Guestbook page
------------------------------------------------------------------------------*/
.guestbook #comment_form {
	padding-bottom:35px;
	padding-top:35px;
	margin:auto;
}

.guestbook #comment_form input,
.guestbook #comment_form textarea {
	min-width:85%;
}

article.guestbook_post {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #A29094;
	padding-bottom: 15px;
}

article.guestbook_post .entry_content {
	padding-left: 25px;
}

#guestbook_button {
	background-color:#A29094;
	color:#ffffff;
	margin-top:20px;
	font-size:1.5em;
}

/* Photo page
------------------------------------------------------------------------------*/

#content li.photo_post {
	float:left;
	list-style-type:none;
	margin:10px;
}

#content li.photo_post a {
	background-color:transparent;
}

.photo #content img {
	width: 115px !important;
	height: 115px !important;
}

#photo #content ul {
	padding-bottom:5px;
}

/* Press page
------------------------------------------------------------------------------*/
.press #content h3 a {
	background-color:transparent;
}

.press #content .entry_meta {
	font-style:italic;
}

/* Products page
------------------------------------------------------------------------------*/

.products #content h3.entry_title a {
	background-color:transparent;
}


/* Widget section
------------------------------------------------------------------------------*/
#right_sidebar {
	position:relative;
	color:#ffffff;
	width:271px;
	font-family:'Allerta Stencil',serif;
	float:right;
	margin-right:2%;
	margin-top:100px;
	margin-bottom:35px;
}

.widget_container {
	padding:10px;
	margin-bottom:15px;
	background-color: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000');
	overflow:hidden;
}

.widget_content p {
	font-size:.7em;
}
.widget_content a {
	color:#FFFFFF;
}

.widget_content a img {
	border:none;
}

.widget_content a:hover {
	color:#4a2932;
}

.widget_content h4,
#right_sidebar .widget_container h3 {
	font-size: 0.85em;
	font-family:'Allerta Stencil',serif;
	color:#ffffff;
	padding-bottom:5px;
	text-transform:uppercase;
}

.widget_listbaby h3 {
	display:none;
}

.widget_container input.submit {
	background-color:	#A29094;
	color:#ffffff;
	border:0px;
	height:25px;
	margin-top: 5px;
}

.widget_container input#email {
	border-width:1px;
	border-color:#000;
	height:25px;
	font-size: 1em;
	width:100%;
}

.widget_content{
	width:230px;
	margin:auto;
}

.widget_calendar .widget_content{
	font-size: .7em;
	font-weight: bold;
}

.widget_calendar .tour_date{
	width:30%;
	float:left;
}

.widget_calendar .tour_location {
	width:60%;
	float:right;
}

.widget_calendar li {
	border-bottom-color: #A29094;
	border-bottom-width:1px;
  border-bottom-style: dashed;
  padding-top:4px;
  padding-bottom:4px;
  display:block;
  cursor: pointer;
}



/* Footer
------------------------------------------------------------------------------*/
.footer {
	position: relative;
	bottom: 0;
	left:0;
	color:#FFFFFF;
	font-size:.75em;
	font-weight: bold;
	font-family: arial;	
	display:block;
	text-align:right;
	width:100%;
	margin-top:-35px;
}

.footer p {
	padding:10px;
	background-color: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000');
}

.footer a {
	color: #FFFFFF;
}


/* Pagination 
-----------------------------------------------------------------------------*/

#pagination {
	margin:0px;
	padding:10px 20px;
}

#pagination a.pagination_element.pagination_digit,
#pagination a.pagination_element.pagination_next,
#pagination a.pagination_element.pagination_prev,
#pagination a.pagination_element.pagination_first,
#pagination a.pagination_element.pagination_last {
	border-color: #FFFFFF;
	color: #FFFFFF;
}

#pagination .pagination_element.pagination_current {
	color: #ffffff;
}

/* Media queries
--------------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
	.padding {
		display:none;
	}
	.site_title h2 {
		font-size: 2em;
		margin-bottom: 10px;
	}
	.site_title h2 span{
		padding:0px;
	}
	.site_title,
	#navigation {
		position:relative;
	}

	.container {
		max-width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-top:0px;
		padding-top:0px;
		left:0;
		top:0;
	}
	#right_sidebar {
		margin-left:5%;
		top:0;
		max-width:90%;
		margin-top:15px;
		margin-right:5%;
		float:left;
	}
	#navigation {
		display:inline-block;
		width:95%;
		margin-left:5%;
		margin-top:0px;
		padding-top:0px;
		margin-bottom:1.5%;
		padding-bottom:0px;
		margin-bottom:0px;
		max-width:100%;
	}
	#navigation ul li {
		float:left;
		margin-right:.25em;
		margin-bottom:.25em;
		word-wrap:normal;
		font-size: 1.5em;
	}
	#navigation ul li ul li {
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	float:none;
	}
	#navigation ul ul {
		margin-left:0px;
	}
	.container {
		margin-bottom:0px;
		width: 95%;
		margin-left: 5%;
	}

}

@media screen and (max-width: 550px) {
	body {
		background-image:none;	
	}
	.site_title h2 {
		font-size: 1.75em;
		margin-bottom: 5px;
	}
	.site_title h2 span a {
		padding-left:0px;
		padding-right:0px;
	}
	#navigation ul li {
		font-size: 1.25em;
		margin: 3px;
	}
	.recaptchatable .recaptcha_r1_c1,
  .recaptchatable .recaptcha_r2_c1,
  .recaptchatable .recaptcha_r7_c1,
  .recaptchatable .recaptcha_r8_c1,
  .recaptchatable .recaptcha_r3_c1,
  .recaptchatable .recaptcha_r3_c2,
  .recaptchatable .recaptcha_r3_c3,
  .recaptchatable .recaptcha_r4_c4,
  .recaptchatable .recaptcha_r4_c2  {
  	display:none;
  	background:none;
  }
  #recaptcha_area .recaptchatable .recaptcha_r4_c1,
  .recaptchatable .recaptcha_r4_c2,
  .recaptchatable .recaptcha_r4_c4
   {
	  background-image:none;
  }
  #recaptcha_area .recaptcha_input_area {
	  margin-left:5px !important;
  }
	#recaptcha_table,
	#recaptcha_area { width:216px!important;}
  #recaptcha_widget_div { 
	  width: 216px; 
	  overflow:hidden; 
	  background:white;
	  padding:5px; 
	 } 
  .recaptchatable #recaptcha_image,
  .recaptchatable #recaptcha_image img  { width: 200px; } 
  .recaptchatable .recaptcha_image_cell {
	  width:200px;
  }  
  #guestbook_button {
  	font-size:1em;
  }
}
/* Contact Form */

.float_left
{
	float: left;
}

/* Only in Builder */
.add_field_div
{
	margin-top: 2px;
}

.add_field
{
	cursor: pointer;
	color: #317598;
	font-size: 14px;
}

.add_field_desc
{
	color: #666666;
	font-size: 11px;
	margin-left: 12px;
}

.builder_td
{
	padding: 0px;
	width: 250px;
}

.builder_fieldset {
	background-color: #FFFFFF;
	border: 2px solid #68B0B9;
	height: 100%;
	padding: 10px;
	text-align: left;
	width: 220px;
}

#recipient_email_address,
#instructions,
#text_label,
#textarea_label,
#textarea_default_text,
#dropdown_label,
#dropdown_choices,
#checkbox_label,
#checkbox_choices,
#radiobutton_label,
#radiobutton_choices
{
	width: 210px;
}

#instructions,
#textarea_default_text,
#dropdown_choices,
#checkbox_choices,
#radiobutton_choices
{
	height: 70px;
}

#contact_form_builder_target
{
	width: 430px;
	text-align: left;
}

#contact_form_builder_modal
{
	background-color: #ffffff;
}

.contact_form_container
{
	width: 375px;
	margin-bottom: 20px;
}


#content #contacts input,	#content #contacts	textarea,
.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea,
.contact_form_multi,	.contact_form_multi		input		/* for checkboxes and radiobuttons */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
	margin: 0 !important;
	text-align: left;
}

/*
#content #contacts input, #content #contacts textarea
{
	width: 300px !important;
}
*/

.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea
{
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	width: 100% !important;
}

.contact_form_textarea, .contact_form_textarea	textarea
{
	height: 100px !important;
}

#content #contacts input:focus, #content #contacts textarea:focus, #content #contacts select:focus
{
/*	background-color:#ffffe3; */
	border:1px solid #5D88D5;
}

/* Blarm */

.contact_form_row						/* used only in builder */
{
	margin-bottom: 6px;
}

.contact_form_builder_instructions		/* used only in builder */
{
	margin: 10px 7px 0px 40px;
}

.contact_form_instructions				/* used only in published page */
{
	width: 375px;
	margin: 10px 0px 10px 0px;
}

.contact-form-builder-warning
{
	color: red;
	background-color: #fff;
	border: 0px solid red;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.x_delete,				/* used only in builder */
.spacer_20px,			/* used in both builder and published page */
.contact_form_label,	/* used in both builder and published page */
.contact_form_element,	/* used in both builder and published page */
.target_fieldset,		/* used only in builder */
.contact_form_submit	/* used only in published page */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
}

.contact_form_submit	/* used only in published page */
{
	text-align: center !important;
	width: 85px !important;
}

.x_delete				/* used only in builder */
{
	width: 20px;
	vertical-align: top;
	cursor: pointer;
}

.spacer_20px			/* used in both builder and published page */
{
	width: 20px;
}

.contact_form_label		/* used in both builder and published page */
{
	text-align: left;
	width: 100px;
	vertical-align: top;
	margin: 0px 0px 6px 0px;
}

.contact_form_element	/* used in both builder and published page */
{
	text-align: left;
	width: 225px;
	margin: 0px 0px 6px 0px;
}

.target_fieldset		/* used only in builder */
{
	width: 425px;
	min-height: 375px;
	background: #fff;
	border:2px solid #68B0B9;
}

#contacts #gbimage		/* used only in published page */
{
	border: none;
	background: #000000;
	padding: 0px;
}

table.borderless form 
{
margin-top: 0px;
}

label.contact_form_instruction
{
background-color: #FFFFFF;
}