/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
body { background-image: url(../pageElements/body-bg.jpg); color: #000; font-family: "Quattrocento", serif; font-size: 14px; line-height: 1.5; }
body .row { margin-left: 0; }
body .row .alpha { margin-left: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Molengo", sans-serif; }

h1 { font-size: 32px; }

h4 { font-size: 18px; }

h2 { font-size: 28px; }

h5 { font-size: 16px; }

h3 { font-size: 23px; }

h6 { font-size: 14px; }

ol { list-style: decimal; }

ul { list-style: square; }

a:link, a:visited { color: #5a6935; text-decoration: none; }

a:hover, a:active, a:focus { color: #93ab59; text-decoration: underline; }

hr { border: 0 solid #ccc; border-top-width: 1px; clear: both; height: 0; visibility: hidden; margin: 0; padding: 0; }

/* end basic styles */
/* site header styles */
header.main, footer.main { width: 100%; }

header.main .row { margin: 0; }
header.main .row p { padding-left: 0; font-size: 16px; color: white; }
header.main .logo { margin-left: 0; width: 550px; }
header.main .logo p { margin-top: -15px; }
header.main .office-info { margin: 15px 0 0 0px; width: 380px; text-align: right; }

#site-header a { text-decoration: none; color: white; font-family: 'Folks Light', sans-serif; font-size: 50px; }

/* site navigation styles */
.navbar.main.navbar-inverse { margin: 0; }
.navbar.main.navbar-inverse .navbar-inner { border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; background-image: url(../pageElements/nav-bg.jpg); }
.navbar.main.navbar-inverse ul li { font-family: "Convergence", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.navbar.main.navbar-inverse ul li a { color: white; }
.navbar.main.navbar-inverse ul li a:hover, .navbar.main.navbar-inverse ul li a:active, .navbar.main.navbar-inverse ul li a:focus { color: #93ab59; }
.navbar.main.navbar-inverse #active { color: #93ab59; }

.divider-wood-color { background: url(../pageElements/divider-wood-color.jpg) repeat bottom; padding-bottom: 9px; -webkit-box-shadow: 2px 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 0 1px 0 rgba(0, 0, 0, 0.2); }

/* end site navigation styles */
/* end site header styles */
/* main content styles */
.content-wrapper { background-image: url(../pageElements/content-bg.jpg); background-size: 100% auto; }

.spacer { margin-bottom: 30px; }

.space { margin-bottom: 5px; }

.read-more, .back-to-top, .site-by { text-align: right; }

/* end main content styles */
/* sidebar styles */
.sidebar h4:first-child { margin: 10px 0; }

/* end sidebar styles */
/* site footer */
.divider-wood-grey { background: url(../pageElements/divider-wood-grey.jpg) repeat bottom; padding-bottom: 9px; -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2); }

footer { background-image: url(../pageElements/footer-bg.png); color: white; }
footer .row .span3 a { color: white; }
footer .row .span3 a:hover, footer .row .span3 a:active, footer .row .span3 a:focus { text-decoration: none; color: #93ab59; }
footer .row .span3 p, footer .row .span3 li { line-height: 1.65; }
footer nav.foot ul { list-style-type: none; padding-left: 0; margin: 30px 0; }
footer nav.foot ul li { margin-left: 0; }
footer .partners h3 { margin: 30px 0 0 15px; }
footer .partners .spacer { margin-bottom: 20px; }
footer .top img { margin-top: 30px; }
footer .left { margin-left: 0; }
footer .left img { float: right; }
footer .middle img { margin-left: 8px; }
footer .right img { float: left; }
footer .span2 img { width: 100px; height: 57px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
footer .site-by p { padding: 0; margin: 30px 0; }

/* end site footer */
/* yelp styles*/
#yelp-wrapper { background-color: white; }

#yelpwidget { width: 260px; margin: 15px; }

/* end yelp styles*/
/* philosophy styles */
.h-rule { border: 1 solid #333; border-width: 1px; height: 1px; background-color: #000; clear: both; visibility: visible; margin: 10px; }

.speak { font-style: italic; font-weight: normal; }

/* philosophy styles */
/* staff page styles */
.bio h2 { margin-left: 0; }
.bio .spacer { margin-bottom: 15px; }
.bio img { float: left; margin: 5px 30px 18px 0; height: 200px; width: 147px; }

.support ul { margin-top: 5px; }
.support .spacer { margin-bottom: 15px; }

/* staff page styles */
/* FAQ styles */
.questions ul { list-style-type: none; padding: 0; margin-left: 20px; }

.questions ul li { padding: 5px 0; }

.qa, em { font-weight: bold; }

.qa { font-size: 16px; }

ul.ins { margin-bottom: 15px; }

/* FAQ styles */
/* contact page styles */
form.email select { width: 434px; }

/* contact page styles */