/*    
Theme Name: Casa Brasil Coffees Site
Theme URI: 
Description: A Thematic Child Theme 
Author: Joe Fletcher
Author URI: http://www.merchantguru.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/ 
.
Colors: 
Hover Link (Green):  0D9347
Links (Blue): 127EBF */

@import url('../thematic/library/styles/reset.css'); /* Reset browser defaults */ 
@import url('typography.css'); /* Apply basic typography styles */
@import url('styleLayout.css'); /* Apply a basic layout */ 
@import url('styleRandom.css'); 

/* Global Elements*/
body, input, textarea { font-size: 62.5%; /* (10px) */ font-family: Calibri, "Segoe UI", Helvetica, "Lucida Sans", Arial, sans-serif; line-height:16px; }
blockquote { 	color:#666;  font-style:italic; }
table {border: none; font-size:13px; line-height:16px; margin:0 0 22px 0; text-align:left; }
caption { 	text-align:left; }
td { padding: .3em .3em 0 0; vertical-align: top;}
a:link, a:visited { 	color:#127EBF; text-decoration: none; }
a:active, a:hover { 	color: #0D9347; }
.clearBoth {clear:both;}
.clearLeft {clear:left;}
.centered {text-align:center;}
input, textarea {font-size:100%; 	border-color: #999; border-style: solid; border-width: thin; }
textarea {overflow:auto;}
input {background: white url(images/search-input.gif) repeat-x scroll 0 0;}

/* Contact Form 7 */
.wpcf7-form {margin-bottom: 60px;}
.wpcf7-form p input {background: #127EBF; border: 1px dashed #0D9347; color: #fff;}
.wpcf7-form p input:hover {background:#0D9347;}
div.wpcf7-response-output { margin:0;}

/* Store Locator */
a.supportButton, a.storeButton, a.marketingButton, a.operationsButton { width: 143; height: 24px; display: block; margin: 10px 0; text-indent: -5000em; }
a.supportButton:hover, a.storeButton:hover, a.marketingButton:hover, a.operationsButton:hover {background-position: 0 -24px; }
a.supportButton {background: url(/wp-content/uploads/supportButton.png) no-repeat 0 0; }
a.storeButton {background: url(/wp-content/uploads/storeButton.png) no-repeat 0 0; }
a.marketingButton {background: url(/wp-content/uploads/marketingButton.png) no-repeat 0 0;}
a.operationsButton {background: url(/wp-content/uploads/operationsButton.png) no-repeat 0 0;}
.vSpacerMed {	height: 25px;}
.vSpacerMed2 {	height: 45px;}

/* Header  */
#header {z-index:2;}
#blog-title {font-size:4em; font-weight:bold; line-height:40px;}
#blog-title a {	color:#000;	text-decoration:none;}
#blog-title a:active, #blog-title a:hover {	color: #0D9347;}
#blog-description {	color:#666;	font-size:13px;	font-style:italic;}

/*  Footer */
#subsidiary { 	padding:33px 0 0 0; }
#footer {background: url(images/footer.png) no-repeat top;height: 375px;}
#siteinfo {color:#666;font-size:11px;line-height:16px;padding:22px 0 44px 0;}
#siteinfo a {color:#666;}
#siteinfo a:active, #siteinfo a:hover {color: #0D9347;}

/* =Menu */
.skip-link {	display:none;}
#access {    height:90px;	margin-top: 60px;	overflow:visible;	z-index:100;	background: url(images/nav-backer.png) no-repeat top;}

/*** ESSENTIAL MENU STYLES ***/
.sf-menu, .sf-menu * {	margin: 0; padding: 0; list-style:none;}
.sf-menu {width: 592px;  margin:0 auto;  display:block; text-transform: uppercase; font-weight:400; font-size:11px; line-height: 16px; font-family:Arial;}
.sf-menu ul {position: absolute; top:	-999em; width:	12em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left; position:	relative;}
.sf-menu a, .sf-menu a:visited {display:block; position:relative; padding:3px 24px 5px 25px; text-decoration:none; color: #777;} /* Normal padding is padding:3px 11px;  */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */	z-index:99;  padding-top:4px;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:12em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:12em; /* match ul width */	top:0;}

.sf-menu li {}
.sf-menu li li {}
.sf-menu li li li {}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a,
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color: #000; }
.sf-menu a:hover {font-style:normal; font-weight:normal;}
li.current_page_item a:hover {color: #333; } /* this is the hover for the link for the active page */
.sf-menu ul {}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:18px; line-height:12px; }
.sf-menu ul ul {}
.sf-menu ul a {}
.sf-menu ul a:hover {}

/* Container (in styleLayout.css) */
/* Content */
.page-title {font-size:1.6em; padding:0 0 20px 0; color: #0D9347; }
.attachment .page-title {	font-style:italic;}
.page-title a {	color:#666;	text-decoration:none;}
.page-title a:active, .page-title a:hover {color: #0D9347;}
.page-title span {	font-style:italic;}
.page-title .meta-nav {	font-style:normal;}

.entry-title, .topTitle {	font-size:26px;	font-weight:bold;	line-height:26px;	padding:0 0 7px 0;}
.entry-title a {text-decoration:none;}
.entry-title a:active, .entry-title a:hover {	color: #0D9347;}
.entry-meta {	color:#666;	font-size:13px;	font-style:italic;	line-height:16px;}
.entry-meta .author {}
.entry-meta .n {	font-size:11px;	font-style:normal;	letter-spacing:0.05em;	text-transform:uppercase;}
.entry-meta a {	color:#666;	text-decoration:none;}
.entry-meta a:active, .entry-meta a:hover {	color: #0D9347;}
.entry-meta abbr {	border:none;	cursor:text;	font-size:11px;	font-style:normal;	letter-spacing:0.05em;	text-transform:uppercase;}

.entry-content {font-size:13px; color: #333; width: 700px; margin: 0 auto;}
.entry-content h1 {	font-size:36px;	font-weight:bold;	margin: 20px 0 0 28px;	color: 333;	line-height:40px;	width: 700px;}
.entry-content h2, .entry-content h3, tr.row-header {font-size:1.9em; line-height:1.3em; font-weight:bold;	margin: 15px 0 0 0;}
tr.row-header {	margin: 1.5em 0 .3em 0;}
.entry-content h4, .mainContent h4 {	font-size:11px;	font-weight:bold;	text-transform:uppercase;	letter-spacing:0.05em;}
.entry-content table {	margin-left:1px;}
.entry-content embed {	margin:0 0 22px 0;}
.entry-utility {	color:#666;	font-size:13px;	line-height:16px;	margin:0 0 44px 0;}
.entry-utility a {	color:#666;	font-style:italic;	text-decoration:none;}
.entry-utility a:active, .entry-utility a:hover {	color: #0D9347;}
.page-link {	font-size:13px;	font-weight:bold;	line-height:16px;	margin:0 0 22px 0;	padding:22px 0 0 0;	word-spacing:0.5em;}
.page-link a {	border:1px solid #ccc;	color:#666;	font-weight:normal;	padding:0.5em 0.75em;	text-decoration:none;}
.page-link a:active, .page-link a:hover {	color: #0D9347;}
ul#links-page, ul#archives-page {	list-style:none;	margin-left:0;	overflow:hidden;}
li.content-column {	float:left;	margin-right:20px;	width:45%;}
.gallery {	padding:0 0 22px 0;}
.wp-caption-text, .gallery-caption {	color:#666;	font-size:13px;	line-height:16px;}
#icons {	margin:25px 0 0 0 ;}
#bullet-points {	margin: 0 0 0 25px;}
#bullet-points h2 {	margin: 20px 0 0 0;	}#author-info {	margin:0 0 44px 0;	overflow:hidden;}
#author-info .avatar {	float:left;	margin:.3em 1em 0 0;}

/*   Default styles for Images & captions */   
.entry-content img {    margin: 0px;}
.alignleft, img.alignleft {	float: left;	margin: 10px 0;}
.alignright, img.alignright {	display: block;	float: right;    margin-left:20px;}
.textright {	text-align:right;	margin:40px 20px;	}
.textCenter {	text-align:center;	margin:40px 20px;}
.aligncenter, img.aligncenter {	margin-left:auto;	margin-right:auto;	display: block;	clear: both;}
.wp-caption {	text-align: center;	margin-bottom:16px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	margin: 0;	padding:5px;}
.gallery img {    margin:0;}
.wp-smiley { max-height:12px;	margin:0 !important;} /* Prevent the smileys from breaking line-height */ 	

/* Asides, Sidebars & Widget-Ready Areas */
.aside, .aside input {font-size:14px;line-height:16px;margin-bottom:6px}
.aside input {margin-left: 20px;}
.aside p, .aside ul, .aside ol, .aside dd, .aside pre {margin:0 0 16px 20px;  }
.aside pre, .aside code {font-size:12px;line-height:16px}
.aside .current_page_item a {color: #0D9347;text-decoration:none;}
.aside .current_page_item .page_item a {color:#127EBF;text-decoration:none}
.aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active {color: #0D9347}
.aside {color:#232323}
.aside a {color:#127EBF;text-decoration:none}
#recent-posts li {font-weight:none;font-size:14px}
.aside a:active, .aside a:hover {color: #0D9347}
.aside h3 {font-size:15px;font-style:italic;font-weight:bold;line-height:22px;margin-left:20px}
.aside h3 a {text-decoration:none}
.aside caption {font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:0.05em}
.aside ul {list-style:none;margin-left:0}
.aside ul ul {list-style:none;margin:0 0 22px 20px}
.aside ul ul li {padding:1px 0}
.aside ul ul ul {margin-bottom:0}
.aside form, .aside table {margin-bottom:22px}
.aside table {border:none}
.aside thead {border:1px solid #ccc}
.aside tbody {border:1px solid #ccc}
.aside th, .aside td {border-right:1px solid #ccc;padding:.25em .8em}
.aside tfoot tr {border:none}
.aside tfoot td {border-color:transparent}
.widget_tag_cloud {margin:0 0 22px 0}

/* MailChimp Plugin */
.mc_custom_border {margin:0 0 0 .5em; font-weight: 600; font-style: italic;}
.mc_merge_var {font-style: normal; font-weight:normal;}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input {margin-left:.5em;}
#mc_signup_submit {float: left; margin-left:5px;}

/* Main Asides */
.main-aside {width:250px}
.main-aside ul {margin-top:20px* margin-top: 0px;  /*  ie hack */
}
.main-aside ul ul {padding:0}

/* Content Asides */
#content .aside {border:1px solid #ccc;margin:0 0 22px 0;padding:16px 0 0 0}
#content .aside ul {padding:0 20px}
#content .aside h3 {font-weight:normal;font-size:17px;font-style:italic;padding:0 0 7px 0;text-transform:none}
#content .aside ul ul {padding:0}

/* Progresso Page */
.progresso-image {width: 365px; height: 200px; float: left;  margin: 127px 0 0 0; background: url(images/clowns.png) no-repeat;} /* temp progresso page*/
.progresso-front {width: 340px; height: 250px; float: left;  top: 25px; position: relative; background: url(/wp-content/uploads/main-1-clowns.jpg) no-repeat;} /* left column image */
.progresso-right-column {position:absolute; bottom:230px; left:540px; width: 350px; height:250px; font-size:13px;}  
.progresso-text {position:absolute; bottom:15px;}
.progresso-text ul {margin:0;}
.progresso-text li {/*display: inline; margin: 0 10px 0 0;*/ list-style:none;}
.pBreak {margin-bottom:10px;}
#progressoContainer {margin:5px 0 0 0;} 
#progessoBox {width:700px; height: 300px;} 
#progressoNav {margin:170px 0 0 105px;}
#progressoNav ul li {display: inline; margin: 0 25px;}
#progressoNav ul li a.selected {color: #0D9347;}
.description {position: absolute; bottom: 0;}
.tmi {overflow-y:scroll; height:100%;}
.thumb-title {text-align:center; font-weight:bold; margin: 0 auto 2px auto;}
.panel {margin: 20px 0 0 0;}
.strip_wrapper {top:290px;}
.nav-next, .nav-prev {top: 355px;}
#pointer, #pointer {margin:32px 0 0 2px;}
#footerProgressoContainer {width:1080px; margin:0 auto;}
#footerProgresso {background: url(images/footerProgresso.png) no-repeat;height: 405px; position: relative; bottom: 284px; z-index:-1; margin:0 auto;}

/* Standard Pages - selectors are in the WordPress Admin Pages so user can set widths, heights, etc. with inline styling */
.leftImage {display: block; bottom:20px; right: 585px; position: absolute; } /* align lefthand image to the bottom and right */
.rightText {width: 360px; display: block; bottom:12px; right: 215px; position: absolute;} /* Right column html, aligns to bottom of rightColumn*/

/* Social Media */
#social-media {
	background: transparent url('/wp-content/uploads/follow-us.png') no-repeat;
	width: 58px;	
	height: 383px;
	left: 0;
	position: fixed;
	top: 130px;
	z-index: 1;
}
#facebook, #twitter {
	display: block;
	width: 40px;	
	height: 140px;
	cursor: pointer;
}
#rss-subscribe {
	background: transparent url('/wp-content/uploads/rss-subscribe.png') no-repeat;
	margin-left:18px;
	z-index: 1;
}
#rss-feed, #rss-email {
	display: block;
	width: 140px;	
	height: 30px;
	cursor: pointer;
}