/*
== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==

STYLES TITLE: 
	Chapter Two - SPA Skin
		
STYLES AUTHOR: 
	Oitentaecinco (http://www.oitentaecinco.com)

STYLES INDEX:

	@@ Backgrounds
	@@ Typography
	@@ Menu
	@@ Theme Textbox
	@@ Theme Lists
	@@ Theme Buttons
	@@ Tags
	@@ Calendar
	@@ Theme Nav Arrows
	@@ Services
	@@ Divider
	@@ Twitter
	@@ Testimonials
	@@ Toggles
	@@ Portfolio Entry
	@@ Staff Entry
	@@ Other
	@@ Responsive

== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==
== ------------------------------------------------------------------- ==
*/

@import url(http://fonts.googleapis.com/css?family=Bad+Script);


/*
== ------------------------------------------------------------------- ==
== @@ Backgrounds
== ------------------------------------------------------------------- ==
*/

/* general */
body { 
	background-color: #f3efe1;
	}

/* header */
header#head { 
	background:#46372b url(images/patterns/header.png) repeat-x center bottom; 
	border-top:5px solid #99cb25;
	}

/* header logo */	
header#head .logo {
	height:155px;
	line-height:155px;
	}
	
/* home slideshow */
#homepage_slideshow {
	background:url(images/patterns/slideshow.png);
	border-bottom:7px solid #3f3023;
}

/* body */
#body { 
	background:url(images/patterns/body.png) repeat-x center top,
			   url(images/patterns/background.png) repeat center center;
	}
html.html_IE #body {
	background:url(images/patterns/background.png) repeat center top;
}	
.home #body { 
	border-top:7px solid rgba(255,255,255,0.10); 
	}

/* footer */
footer#foot { 
	background:url(images/patterns/footer.png);
	border-top:5px solid #94bc42;
	-moz-box-shadow:0px 1px 0px 2px rgba(126,96,73,0.74);
	-webkit-box-shadow:0px 1px 0px 2px rgba(126,96,73,0.74);
	-o-box-shadow:0px 1px 0px 2px rgba(126,96,73,0.74);
	box-shadow:0px 1px 0px 2px rgba(126,96,73,0.74);
	}

/* copyrights bar */
#copyrights_bar {
    background-color:#2c2118;
    border-top:1px solid #67513f;
    color:#a59e85;
    text-shadow:0 1px 0 rgba(0,0,0,0.70);
    }
    #copyrights_bar a { color:#e4dab4; }
    #copyrights_bar a:hover { color:#A8D253; }


/*
== ------------------------------------------------------------------- ==
== @@ Typography
== ------------------------------------------------------------------- ==
*/    
    
body {
	color:#5d4938;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bad Script', cursive;
}

a,
a:hover {
	color:#6fa311;
	}
	
#head h1, #head h2, #head h3, #head h4, #head h5, #head h6,
#foot h1, #foot h2, #foot h3, #foot h4, #foot h5, #foot h6 { 
	color:#a8d253; 
	}
	
/* footer hyperlinks */
#foot a {
	color:#FFF;
	}
	#foot a:hover {
		color:#A8D253;
		}
		
		
/* header */
#head {
	color:#FFF;
	text-shadow:0 1px 0 rgba(0,0,0,0.67);
	}
	
#head .widget_contacts a:hover {
	color:#A8D253;
	}
	
/* footer */
#foot {
	color:#f3eee5;
}
	
#foot .secondary_color,
#foot .secondary_color a { 
	color:#CCC2AE; 
	}
	#foot .secondary_color a:hover {
		color:#A8D253;
		}


/*
== ------------------------------------------------------------------- ==
== @@ Menu
== ------------------------------------------------------------------- ==
*/ 

.sf-menu ul li {
	background:#f9f7e8;
	border-bottom:1px solid #e0dbb7;
}

.sf-menu .current_page_item > a,
.sf-menu .current_page_parent > a,
.sf-menu .current_page_ancestor > a,
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a {
	color:#A8D253;
	}
.sf-menu ul { border-color:#A8D253; }
	
	
/*
== ------------------------------------------------------------------- ==
== @@ Theme Textbox
== ------------------------------------------------------------------- ==
*/

.theme_txt,
.wpcf7-form input[type="text"],
.wpcf7-form .wpcf7-text,
.wpcf7-form textarea,
#searchform input#s { 
	background-color:#f8f5e0; 
	border:solid 1px #d7c5b3; 
	color:#5d4938; 
	}
.theme_txt_active,
.wpcf7-form .txt_active,
#searchform .searchbox_active { 
	background-color:#fef9d3 !important;
	border:solid 1px #d7c5b3 !important; 
	color:#5d4938 !important;
	}
	
/* footer & header */	
#foot .theme_txt,
#foot .wpcf7-form input[type="text"],
#foot .wpcf7-form .wpcf7-text,
#foot .wpcf7-form textarea,
#foot #searchform input#s,
#head .theme_txt,
#head .wpcf7-form input[type="text"],
#head .wpcf7-form .wpcf7-text,
#head .wpcf7-form textarea,
#head #searchform input#s { 
	background-color:rgba(0,0,0,0.3); 
	border:solid 1px #696452; 
	color:#c9bfab; 
	}
#foot .theme_txt_active,
#foot .wpcf7-form .txt_active,
#foot #searchform .searchbox_active,
#head .theme_txt_active,
#head .wpcf7-form .txt_active,
#head #searchform .searchbox_active { 
	background-color:rgba(0,0,0,0.4) !important;
	border:solid 1px #696452 !important; 
	color:#f4e8d1 !important;
	}
#foot #searchform #searchsubmit,
#head #searchform #searchsubmit { background-position:left bottom; }
	
/*
== ------------------------------------------------------------------- ==
== @@ Theme Lists
== ------------------------------------------------------------------- ==
*/

/* text color (idle) */
.widget_archive ul, 
.widget_recent_entries ul, 
.widget_meta ul, 
.widget_categories ul, 
.widget_pages ul, 
.widget_login ul, 
.widget_subPages ul,
.widget_nav_menu ul,
.theme_ul {
	color:#ba9c81;
	}
/* anchor color (idle) */
.widget_archive ul a, 
.widget_recent_entries ul a, 
.widget_meta ul a, 
.widget_categories ul a, 
.widget_pages ul a, 
.widget_login ul a, 
.widget_subPages ul a,
.widget_nav_menu ul a,
.theme_ul a {
	color:#8e7158;
	}
/* text color (hover) */
.widget_archive li a:hover, 
.widget_recent_entries li a:hover, 
.widget_meta li a:hover, 
.widget_categories li a:hover, 
.widget_pages li a:hover, 
.widget_login li a:hover, 
.widget_subPages li a:hover,
.widget_nav_menu li a:hover,
.widget_sidebar .service_entry a:hover,
.theme_ul li a:hover,
.widget_archive .current_page_item > a, 
.widget_recent_entries .current_page_item > a, 
.widget_meta .current_page_item > a, 
.widget_categories .current_page_item > a, 
.widget_pages .current_page_item > a, 
.widget_login .current_page_item > a, 
.widget_subPages .current_page_item > a,
.widget_nav_menu .current_page_item > a,
.widget_nav_menu li.current-menu-item > a,
.widget_sidebar .service_entry.active,
.widget_sidebar .service_entry.active a,
.theme_ul .current_page_item > a { 
	color:#6fa311; 
	}
/* border-top */
.widget_archive ul.children, 
.widget_recent_entries ul.children, 
.widget_meta ul.children, 
.widget_categories ul.children, 
.widget_pages ul.children, 
.widget_login ul.children, 
.widget_subPages ul.children,
.widget_nav_menu ul.sub-menu,
.theme_ul ul.children {
	border-top-color:#ccc2ae;
	}
/* border-bottom */
.widget_archive li, 
.widget_recent_entries li, 
.widget_meta li, 
.widget_categories li, 
.widget_pages li, 
.widget_login li, 
.widget_subPages li,
.widget_nav_menu li,
.widget_sidebar .service_entry,
.staff_list li { 
	border-bottom-color:#ccc2ae;
	}

/* FOOTER EXCEPTIONS */

/* text color (idle) */
#foot .widget_archive ul, 
#foot .widget_recent_entries ul, 
#foot .widget_meta ul, 
#foot .widget_categories ul, 
#foot .widget_pages ul, 
#foot .widget_login ul, 
#foot .widget_nav_menu ul,
#foot .widget_subPages ul,
#foot .theme_ul {
	color:#968e7e;
	}
/* anchor color (idle) */
#foot .widget_archive a, 
#foot .widget_recent_entries a, 
#foot .widget_meta a, 
#foot .widget_categories a, 
#foot .widget_pages a, 
#foot .widget_login a, 
#foot .widget_nav_menu a,
#foot .widget_subPages a,
#foot .theme_ul a {
	color:#ccc2ae;
	}
/* text color (hover) */
#foot .widget_archive li a:hover, 
#foot .widget_recent_entries li a:hover, 
#foot .widget_meta li a:hover, 
#foot .widget_categories li a:hover, 
#foot .widget_pages li a:hover, 
#foot .widget_login li a:hover, 
#foot .widget_subPages li a:hover,
#foot .widget_nav_menu li a:hover,
#foot .theme_ul li a:hover,
#foot .widget_archive .current_page_item > a, 
#foot .widget_recent_entries .current_page_item > a, 
#foot .widget_meta .current_page_item > a, 
#foot .widget_categories .current_page_item > a, 
#foot .widget_pages .current_page_item > a, 
#foot .widget_login .current_page_item > a, 
#foot .widget_subPages .current_page_item > a,
#foot .widget_nav_menu .current_page_item > a,
#foot .widget_nav_menu .current-menu-item > a,
#foot .theme_ul .current_page_item > a { 
	color:#a8d253; 
	}
/* border-top */
#foot .widget_archive ul.children, 
#foot .widget_recent_entries ul.children, 
#foot .widget_meta ul.children, 
#foot .widget_categories ul.children, 
#foot .widget_pages ul.children, 
#foot .widget_login ul.children, 
#foot .widget_subPages ul.children,
#foot .widget_nav_menu ul.sub-menu,
#foot .theme_ul ul.children {
	border-top-color:#9c9079;
	}
/* border-bottom */
#foot .widget_archive li, 
#foot .widget_recent_entries li, 
#foot .widget_meta li, 
#foot .widget_categories li, 
#foot .widget_pages li, 
#foot .widget_login li, 
#foot .widget_subPages li,
#foot .widget_nav_menu li,
#foot .theme_ul li { 
	border-bottom-color:#9c9079;
	}
		
/*
== ------------------------------------------------------------------- ==
== @@ Theme Buttons
== ------------------------------------------------------------------- ==
*/

.theme_btn,
.wpcf7-form .wpcf7-submit,
.commentForm #submit,
.blog_pager_numbers .numbers a,
.blog_pager_numbers .navigation a {
	background-color:#664f38;
}

.theme_btn:hover,
.wpcf7-form .wpcf7-submit:hover,
.commentForm #submit:hover,
.blog_pager_numbers .numbers a.current,
.blog_pager_numbers .numbers a.current:hover,
.blog_pager_numbers .numbers a:hover,
.blog_pager_numbers .navigation a.current,
.blog_pager_numbers .navigation a.current:hover,
.blog_pager_numbers .navigation a:hover { 
	background-color:#6FA311; 
	}
		
/*
== ------------------------------------------------------------------- ==
== @@ Tags
== ------------------------------------------------------------------- ==
*/

.widget_tag_cloud a,
.posttype_filters a {
    background-color:#faf1dc;
    border-color:#D7C5B3;
    color:rgba(143,114,89,0.84);
    text-shadow: 0 1px 0 #FFFFFF;
    }
.widget_tag_cloud a:hover,
.posttype_filters a:hover,
.posttype_filters a.active {
	background-color:#FEF9D3;
	border-color:#D7C5B3;
    color:rgba(143,114,89,1.00);
    }
    

/* header & footer */
#head .widget_tag_cloud a,
#head .posttype_filters a,
#foot .widget_tag_cloud a,
#foot .posttype_filters a {
    background-color:#2e241b;
    border-color:#5a5648;
    color:#a9a291;
    text-shadow: 0 1px 0 rgba(0,0,0,0.75);
    }
#head .widget_tag_cloud a:hover,
#head.posttype_filters a:hover,
#head .posttype_filters a.active,
#foot .widget_tag_cloud a:hover,
#foot .posttype_filters a:hover,
#foot .posttype_filters a.active {
	background-color:#1f1812;
	border-color:#5a5648;
    color:#CCC2AE;
    }
    
    
    
/*
== ------------------------------------------------------------------- ==
== @@ Calendar
== ------------------------------------------------------------------- ==
*/

.widget_calendar table#wp-calendar { color:inherit; }
.widget_calendar thead>tr>th { background-color:#433427; color:#FFF; border-color:#433427; }
.widget_calendar tbody .pad { background-color:rgba(0, 0, 0, 0.2); }
.widget_calendar table#wp-calendar,
.widget_calendar thead>tr>th,
.widget_calendar tbody>tr>td {
	border-color:#9C9079;
	}
	
#foot .widget_calendar table#wp-calendar { color:#B6B6B6; }
#foot .widget_calendar thead>tr>th { background-color:rgba(0,0,0,0.30); color:#FFF; }
#foot .widget_calendar tbody .pad { background-color:rgba(0,0,0,0.20); }
#foot .widget_calendar table#wp-calendar,
#foot .widget_calendar thead>tr>th,
#foot .widget_calendar tbody>tr>td {
	border-color:#9C9079;
	}
    
    	
/*
== ------------------------------------------------------------------- ==
== @@ Theme Nav Arrows
== ------------------------------------------------------------------- ==
*/

.theme_nav_arr { background-color:#664F38; }		
.theme_nav_arr:hover { background-color:#6FA311; }

	
/*
== ------------------------------------------------------------------- ==
== @@ Services
== ------------------------------------------------------------------- ==
*/

.services_loop .service_entry .service_icon { background-color:#eae3c8; }
#foot .services_loop .service_entry .service_icon,
#head .services_loop .service_entry .service_icon { background-color: #766049; }
#foot .services_loop .service_entry .service_icon:hover,
#head .services_loop .service_entry .service_icon:hover { color:inherit !important; }
		


/*
== ------------------------------------------------------------------- ==
== @@ Headings
== ------------------------------------------------------------------- ==
*/

.widget_title { border-color:#eae3c8; }
.widget_title .wrapper { border-color:#99cb25; }

#foot .widget_title, #head .widget_title { border-color:#766049; }
#foot .widget_title .wrapper, #head .widget_title .wrapper { border-color:#99cb25; }
	

/*
== ------------------------------------------------------------------- ==
== @@ Divider
== ------------------------------------------------------------------- ==
*/

.divider { 
	background:url(images/dividers/divider.png) no-repeat center center;
	height:15px;
	margin:30px 0;
	}
	.divider .scroll_top:hover {
		color:#6fa311;
		}
		
		
/*
== ------------------------------------------------------------------- ==
== @@ Twitter
== ------------------------------------------------------------------- ==
*/

.widget_twitter .tweetDate a { color:#9e8f71 !important; }

#foot .widget_twitter,
#head .widget_twitter { color:#CCC2AE; }

#foot .widget_twitter .hash,
#head .widget_twitter .hash { color:#8c8c8c !important; }

#foot .widget_twitter .tweetDate a,
#head .widget_twitter .tweetDate a { color:#968E7E !important; }


/*
== ------------------------------------------------------------------- ==
== @@ Testimonials
== ------------------------------------------------------------------- ==
*/

.testimonials_loop .testimonial_entry .quote { background-color:#f3eedb; }
.testimonials_loop .testimonial_entry .footer { background-image:url(images/icons/testimonial.png); }

#foot .testimonials_loop .testimonial_entry .quote { background-color:#5d4b3b; }
#foot .testimonials_loop .testimonial_entry .footer { background-image:url(images/icons/testimonial.png); }

#foot .testimonials_carousel .author { 
	color:#CCC2AE; 
	}
.testimonials_carousel .author { 
	color:#9f9583; 
	}


/*
== ------------------------------------------------------------------- ==
== @@ Accordions
== ------------------------------------------------------------------- ==
*/
	
.accordion_item .accordion_title {
	background-color:#F8F5E0;	
	}

.accordion_item .accordion_title,
.accordion_item .accordion_content {
	border-color:#b4a991;
}

.accordion_item.visible .accordion_title, 
.accordion_item .accordion_title:hover {
	background-color:#fff8da;
	}
	
/*
== ------------------------------------------------------------------- ==
== @@ Tabs
== ------------------------------------------------------------------- ==
*/

.tabs .tab_index li a {
	background:#f5f0e2;
	}

.tabs .tab,
.tabs .tab_index li.active a {
	background:#fffbef;
	}
	
.tabs .tab_index li a:hover {
	background:#fffbef;
	}	

.tabs .tab,	
.tabs .tab_index li,
.tabs .tab_index li a {
	border-color:#b4a991;
	}

/*
== ------------------------------------------------------------------- ==
== @@ Toggles
== ------------------------------------------------------------------- ==
*/

.toggle {
	border-color:#b4a991;
	}
	
.toggle .toggle_title a.toggler { background-color:#664F38; }
.toggle .toggle_title a.toggler:hover { background-color:#6FA311; }


/*
== ------------------------------------------------------------------- ==
== @@ Portfolio Entry
== ------------------------------------------------------------------- ==
*/

.portfolio_loop .portfolio_entry { 
	background-color:#f3eedb; 
	border-color:#c2afa0;
	}	
	.portfolio_loop .portfolio_entry:hover { 
		border-color:#A8D253; 
		}
	.portfolio_loop .portfolio_entry .thumbnail {
		border-color:#d7ceae;
		}
	.portfolio_loop .portfolio_entry .info .description {
		color:#8f867f;
		}
		
#foot .portfolio_loop .portfolio_entry,
#head .portfolio_loop .portfolio_entry { 
	background-color:#5d4b3b; 
	border-color:#847567;
	}	
	#foot .portfolio_loop .portfolio_entry:hover,
	#head .portfolio_loop .portfolio_entry:hover { 
		border-color:#A8D253; 
		}
	#foot .portfolio_loop .portfolio_entry .thumbnail,
	#head .portfolio_loop .portfolio_entry .thumbnail {
		border-color:#95887c;
		}
	#foot .portfolio_loop .portfolio_entry .info .description,
	#head .portfolio_loop .portfolio_entry .info .description {
		color:#bfab9c;
		}

	
/*
== ------------------------------------------------------------------- ==
== @@ Staff Entry
== ------------------------------------------------------------------- ==
*/

.staff_loop .staff_entry { 
	background-color:#f3eedb; 
	border-color:#c2afa0;
	}	
	.staff_loop .staff_entry:hover { 
		border-color:#A8D253; 
		}
	.staff_loop .staff_entry .thumbnail {
		border-color:#d7ceae;
		}
	.staff_loop .staff_entry .info .description {
		color:#8f867f;
		}
	.staff_entry .social_networks { 
		border-color:#e1d9bd;
		}
		
#foot .staff_loop .staff_entry,
#head .staff_loop .staff_entry { 
	background-color:#5d4b3b; 
	border-color:#847567;
	}	
	#foot .staff_loop .staff_entry:hover,
	#head .staff_loop .staff_entry:hover { 
		border-color:#A8D253; 
		}
	#foot .staff_loop .staff_entry .thumbnail,
	#head .staff_loop .staff_entry .thumbnail {
		border-color:#95887c;
		}
	#foot .staff_loop .staff_entry .info .description,
	#head .staff_loop .staff_entry .info .description {
		color:#bfab9c;
		}

#foot .staff_entry .social_networks,
#head .staff_entry .social_networks {
	border-color:#77695a;
	}
	
#foot .staff_entry .social_networks a,
#head .staff_entry .social_networks a { 
	background-image: url(images/icons/staff_social_networks.png); 
	font-family:Arial; 
	} 
	
	
/*
== ------------------------------------------------------------------- ==
== @@ FAQ
== ------------------------------------------------------------------- ==
*/

.faq_entry .question a { 
	background:#f8efc8;
	background:rgba(108,87,5,0.05);
	}
.faq_entry .question a:hover,
.faq_entry .question a.active { 
	background:#f0eabe;
	background:rgba(108,87,5,0.10);
	}
.faq_entry .question .index { 
	background:#e6dfb4;
	background:rgba(108,87,5,0.08);
	}
.faq_entry .answer { 
	background:#faf4cf;
	background:rgba(108,87,5,0.03);
	}
	
	
/*
== ------------------------------------------------------------------- ==
== @@ Other
== ------------------------------------------------------------------- ==
*/
				
/* search form submit button */
#searchform #searchsubmit { background-position:left top; }

/* search form empty submit warning */
.search_warning { color:#F00; }

/* post type filters */	
.posttype_filters { border-color:#a59281; }

/* homepage posts */
.homepage_posts .other_posts .loop_entry { background-image:url(images/dividers/divider.png); }

/* comments */
.commentEntry { 
	background-color:#fffbe8; 
	background-color:rgba(177, 177, 177, 0.08); 
	}

.warning_404 {
	background-color:#f5f1d5;
	background-color:rgba(178, 176, 176, 0.1)
}

/* author */
.author_info { 
	background-color:#fffbe8; 
	background-color:rgba(177, 177, 177, 0.08); 
	}

/* blog meta date */
.meta .date {
	background-color:#f7f3d9;
	border-color:#99cb25;
}

/* blog post border */
.loop_entry { border-color:#eae3c8; }

a.frame_link {
	color:inherit;
	-moz-transition:color 0.2s ease 0s;
	-webkit-transition:color 0.2s ease 0s;
	-o-transition:color 0.2s ease 0s;
	transition:color 0.2s ease 0s;
	}
a.frame_link:hover {
	color:#6fa311;
	text-decoration:none;
	}
	
/* blog calendar */
.blog_loop .calendar { border-color:#6fa311;  }
.blog_loop .calendar { background-color:#efead8; }
.blog_loop .calendar .month { background-color:#f7f5e9; }

/*
== ------------------------------------------------------------------- ==
== @@ Responsive
== ------------------------------------------------------------------- ==
*/
	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
	#foot .bottom_column { background-image:url("images/dividers/divider_footer.png"); }
}