/*
Theme Name: Casa Americo 2011
Theme URI: http://www.ellsworthmedia.com
Description: custom theme designed for CasaAmerico.com. Based on 2010 theme by WordPress.
Author: Shawn Ellsworth, Ellsworth Media.
AUTHOR URI: http://www.twitter.com/sellworth
Version: 1.0
Tags: n/a
*/


/* reset - standardize html tag styles across all browsers */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;}

caption, th, td {text-align: left; font-weight: normal;}

input, textarea, select {font-family: Sans-Serif; font-size: inherit; font-weight: inherit;}

input:focus { outline: none; }


/* function classes ****************************** */

.leftIt {text-align: left;} /* left align */

.rightIt {text-align: right;} /* right align */

.centerIt {text-align: center;} /* center align */

.boldIt {font-weight: bold;}

.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */

.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 */


html {height: 101%;}

body {	
	background: #F6F6F7;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #555;
	width: 100%;
	border-top: solid 5px #7A163F;
}

a {color: #777;}

a:hover {color: #7A163F;}



#container {max-width: 960px; width: 96%; text-align: center; margin: auto;}

	

	#header {margin: auto; height: 129px;}

		#logo {float: left; width: 300px; margin: 10px 0 0 0;}

		#headerRight {text-align: right; float: right; width: 300px; color: #7A163F; letter-spacing: -1px; font-weight: normal; font-size: 20px; margin: 48px 0 0 0;}

			#headerRight a {color: #7A163F; text-decoration: none;}

		

	#nav {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; height: 33px;  margin: auto; }

		#nav ul {list-style: none; text-align: left;}

		#nav ul li {list-style: none; display: inline;}

		#nav ul li a {line-height: 33px; text-decoration: none; margin: 0 30px; text-transform: lowercase; color: #333; font-weight: bold;}

		#nav ul li a:hover {color: #7A163F;}

		#nav ul li.current_page_item a, #nav ul li.current-menu-item a {color: #7A163F;}

		

		

	

	.banner {

		display: none; height: 100px; margin: auto; border-bottom: solid 1px #ccc; overflow: hidden;

		background: url(https://casaamerico.com/test/wp-content/uploads/2011/01/secondary2.jpg) no-repeat 0 middle;

	}

	.page-id-4 .banner {background: url(https://casaamerico.com/test/wp-content/uploads/2011/01/home3.jpg) no-repeat left -130px;}

	#bannerHome {background: none;}

	

	#main {margin: auto; line-height: 1.5; padding: 0; text-align: left;}

	

		#main h3 {margin: 15px 0 0 0; color: #333; font-size: 17px;}

		#main p {padding: 0 0 15px 0; font-size: 15px;}

		#main ul {margin: 10px 0 10px 20px; font-size: 14px;}

		

		#main .photo-home {float: left; margin: 24px 20px 15px 0; border: solid 1px #A3A5A8; padding: 8px; background: #fff;}

		#main .photo {float: left; margin: 10px 20px 15px 0; border: solid 1px #A3A5A8; padding: 8px; background: #fff;}

		#main .photo-right {float: right; margin: 10px 0 15px 20px; border: solid 1px #A3A5A8; padding: 8px; background: #fff;}

		#main .leaf {float: left; margin: 15px 20px 15px 0;}

		

		#main a {color: #7A163F; text-decoration: none; font-weight: bold;}

			#main a:hover {color: #7A163F; text-decoration: underline;}

		

		#content {width: calc(100% - 330px); margin: 0; padding: 25px 0; float: left; text-align: left;}
        .one-column #content {width: 100%; float: none;}

		#sidebar {width: 300px; float: right; text-align: left;}

			#sidebar ul {margin: 20px 0; padding: 5px 0 5px 29px; border-left: solid 1px #ccc;}

			#sidebar ul li.widget-container {list-style: none;}

			#main #sidebar .wp-cpl-widget li {margin-bottom: 12px !important;}

		

	#footer {clear: both; margin: 10px auto; padding: 20px 0; color: #383838; text-transform: lowercase; border-top: solid 1px #ccc;}

		#footer #footerLeft {float: left; width: 66%;}

		#footer #footerRight {float: right; width: 33%; text-align: right;}

		



/* titles */

#main h2 {color: #7A163F; font-size: 28px; text-transform: lowercase; font-weight: 400; line-height: 1;}

h3#hours {color: #7A163F; font-size: 24px; text-transform: lowercase;font-weight: 400;}

#main .widget_wp_category_post_list_itg h3.widget-title {color: #7A163F; font-size: 24px; margin-top: 0; text-transform: lowercase; font-weight: 400;}



h1.entry-title {color: #7A163F; font-size: 32px; text-transform: lowercase; font-weight: 400;}





/* forms */

label {font-weight: bold; width: 300px; clear: both;}

.txt, .txtNoWrap{border: solid 1px #ccc; background: #fff; color: #333; padding: 5px !important;}

.txtNarrow {border: solid 1px #ccc; background: #fff; color: #333; padding: 5px !important; width: 120px;}

.txtArea {border: solid 1px #ccc; background: #fff; color: #333; padding: 5px !important; height: 80px; width: 590px;}

.wpcf7-submit {background: #7A163F; color: #fff; padding: 5px 10px; border: solid 1px #fff;}

.wpcf7-submit:hover {background: #222;}



/* misc */

.hoursTable {width: 100%;}

.hoursTable td {padding-right: 10px;}

.edit-link {clear: both !important; display: block;}





.home #main p {margin-top: -5px;}



#main #sidebar .wp-cpl-widget, #main #sidebar .wp-cpl-widget li {background: none !important; border: none !important; padding: 0 !important;}


/* pdfviewer */
#content div.pdfemb-viewer {margin: 10px 0;}
 

@media only screen and (max-width: 959px) {

	#headerRight {display: none;}
	
	#content {clear: left; width: 100%; float: none;}
	#sidebar {float: none; margin: 20px auto; border: 0;}
		#sidebar ul {border-left: none;}
	
	
	#content .gallery {padding: 20px 0; clear: both;}
	#content .gallery br {display: none;}
	#content #gallery-1 .gallery-item {
		clear: none !important;
		float: left !important; 
		padding: 0; margin: 10px !important;
		width: 150px !important;
	}
	
	
}

@media only screen and (max-width: 768px) {
	#header {height: auto; padding: 0;}
		#logo {width: calc(100% - 100px); max-width: 300px; padding: 0 0 10px 0;}
			#logo img {width: 100%; height: auto;}
}