/*
Theme Name: Bellevue
Theme URI: n/a
Description: This is a theme for Bellevue Natural Health Clinic
Version: 1.00
Author: Jeffrey Kamo
Author URI: http://www.jeffkamo.com/
Tags: health, natural, medicine, clinic, naturopathic
	
	This theme also uses Blueprint, a CSS framework
	www.blueprintcss.org
	
*/


/*
 * NEW RULE OF THUMB
 *
 * For spacing things vertically, always use margin-top for child elements
 * and padding-bottom for parent elements.
 *
*/


@import url('style/screen.css');


/** UNIVERSAL **/

a { color: #52af38; text-decoration: none; }
a:hover { color: #397d26; }
div { position: relative; }
ul, ol { list-style: none; }

.hide { display: none; }
.invisibile { opacity: 0; }
.text-right { text-align: right; }
.indent { text-indent: -9999px; }
.radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


/** UNIVERSAL typography **/

body { color: #444444; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida",sans-serif; line-height: 1.75em; }
h1, h2, h3, h4, h5, h6 { color: #222222; }


/** HEADER layout **/

body { background: url('./images/bg-body.png') repeat-x #ebebeb; }

.header { background: url('./images/top-curve.png') no-repeat top center; }
.header h1 { background: url('./images/top-banner.png') no-repeat 0 34px; height: 238px; margin: 0; padding: 34px 0 0 0; }
.header #banner-left, #banner-right { display: inline-block; height: 161px; position: absolute; top: 38px; width: 310px; }
.header #banner-left { background: url('./images/top-banner-left.jpg') no-repeat; left: 8px; }
.header #banner-right { background: url('./images/top-banner-right.jpg') no-repeat; right: 8px; }
.header .nav { background: url('./images/bg-navigation.gif') repeat-y; height: 40px; margin: 0; padding: 0; }
.header .nav .nav-item { border-bottom: 1px solid #cfc6b1; float: left; height: 39px; width: 184px; }
.header .nav .nav-item.first { margin: 0 0 0 15px; }
.header .nav a { border-bottom: 1px solid #f8f3e6; display: inline-block; outline: none; padding: 13px 0 12px 0; width: 184px; }
.header .contact { position: absolute; top: 5px; left: 0; }
.header .social { position: absolute; top: 8px; right: 0; margin: 0; padding: 0; }
.header .social li { float: left; list-style: none !important; }
.header .follow { text-indent: 0; color: white; font-size: 12px; padding-right: 10px; }
.header .rss a { background: url('./images/icon-rss.gif') no-repeat; }
.header .facebook a { background: url('./images/icon-facebook.gif') no-repeat; }
.header .twitter a { background: url('./images/icon-twitter.gif') no-repeat; }
.header .rss a,
.header .facebook a,
.header .twitter a { display: block; height: 17px; margin: 0 8px 0 0; width: 17px; }

.content { background: url('./images/bg-content.gif') repeat-y;}


/** HEADER typography **/

.header .nav a { color: #b04286; font:12px "Helvetica","Arial",sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; }
.header .nav a:hover { color: #52af38; }
.header .contact a { color: white; }
.header .contact a:hover { text-decoration: underline; }


/** CONTENT typography **/

.content { text-align: left; padding-top: 20px; }


/** SUB-NAVIGATION layout **/

.subnav { padding-left: 0; padding-top: 20px; }


/** SUB-NAVIGATION typography **/

.subnav li a { color: #969696; font-weight: normal; line-height: 24px; }
.subnav li a:hover { color: #414141; }


/** CATEGORIES layout **/

.category-list { background: url('./images/bg-categories.gif') #DDDDDD no-repeat; border-left: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 0; margin-top: 20px; }
.category-list h2 { padding: 0 0 5px 5px; margin: 0; }
.category-list ul { padding: 10px 0 0 0; }
.category-list ul li { float: left; padding: 0 20px 10px; }


/** CATEGORIES typography **/

.category-list h2 { color: white; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 0 #969696; }
.category-list a { color: #969696; }
.category-list a:hover { color: #414141; }


/** HOME layout **/

h3.services-index {
	clear: both;
	padding-bottom: 5px;
	margin: 20px 0;
	font-size: 1.8em;
	border-bottom: solid 1px #ccc;
	width: 870px;
}

#action-call { background: url('./images/action-call-index-page.jpg'); border:1px solid #b2b2b2; height: 300px; float: none; }
#action-call a { background: url('./images/book-an-appointment.png') no-repeat; bottom: 25px; display: block; height: 51px; outline: none; position: absolute; right: 246px; width: 284px; }
#action-call a:hover { background: url('./images/book-an-appointment.png') 0 -51px no-repeat; }

#services { padding-left: 0; }
#services .item { float: left; margin-right: 36px; margin-bottom: 20px; height: 375px; }
#services .item.last { margin-right: 0;	float:right; }
#services .item a.indent { display: block; height: 138px; outline: none; width: 190px; }
#services .service-1 a.indent { background: url('./images/service-1.jpg') no-repeat; }
#services .service-2 a.indent { background: url('./images/service-2.jpg') no-repeat; }
#services .service-3 a.indent { background: url('./images/service-3.jpg') no-repeat; }
#services .service-4 a.indent { background: url('./images/service-4.jpg') no-repeat; }
#services .service-5 a.indent { background: url('./images/service-5.jpg') no-repeat; }
#services .service-6 a.indent { background: url('./images/service-6.jpg') no-repeat; }
#services .service-7 a.indent { background: url('./images/service-7.jpg') no-repeat; }
#services .service-8 a.indent { background: url('./images/service-8.jpg') no-repeat; }
#services .service-other a.indent { background: url('./images/service-other.jpg') no-repeat; }
#services .item li { list-style: disc; list-style-position: inside; margin-left: 6px; }

.symptoms { padding-left: 0; }


/** ARTICLE PAGE (ENTRY) layout **/

.article.page { padding-top: 20px; }
.article.page .service-details { display: inline-block; float: left; }
.article.page .service-details .natural-treatment { background: url('./images/btn-natural-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .natural-treatment:hover { background: url('./images/btn-natural-treatment.jpg') 0 -47px; }
.article.page .service-details .massage-treatment { background: url('./images/btn-massage-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .massage-treatment:hover { background: url('./images/btn-massage-treatment.jpg') 0 -47px; }
.article.page .service-details .chiropractic-treatment { background: url('./images/btn-chiropractic-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .chiropractic-treatment:hover { background: url('./images/btn-chiropractic-treatment.jpg') 0 -47px; }
.article.page .service-details .acupuncture-treatment { background: url('./images/btn-acupuncture-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .acupuncture-treatment:hover { background: url('./images/btn-acupuncture-treatment.jpg') 0 -47px; }
.article.page .service-details .chinese-medicine-treatment { background: url('./images/btn-chinese-medicine-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .chinese-medicine-treatment:hover { background: url('./images/btn-chinese-medicine-treatment.jpg') 0 -47px; }
.article.page .service-details .bowen-treatment { background: url('./images/btn-bowen-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .bowen-treatment:hover { background: url('./images/btn-bowen-treatment.jpg') 0 -47px; }
.article.page .service-details .counselling-treatment { background: url('./images/btn-counselling-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .counselling-treatment:hover { background: url('./images/btn-counselling-treatment.jpg') 0 -47px; }
.article.page .service-details .sauna-treatment { background: url('./images/btn-sauna-treatment.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .sauna-treatment:hover { background: url('./images/btn-sauna-treatment.jpg') 0 -47px; }
.article.page .service-details .holistic-nutrition { background: url('./images/btn-holistic-nutrition.jpg') no-repeat; margin-top: 10px; outline: none; }
.article.page .service-details .holistic-nutrition:hover { background: url('./images/btn-holistic-nutrition.jpg') 0 -47px; }
.article.page .service-details .your-visit { background: url('./images/btn-your-visit.jpg') no-repeat; outline: none; }
.article.page .service-details .your-visit:hover { background: url('./images/btn-your-visit.jpg') 0 -47px; }
.article.page .service-details .practitioner { display: inline-block; margin: 10px 0 0 0; text-align: right; width: 310px; }
.article.page .service-details .what-we-offer,
.article.page .service-details .your-visit { display: block; float: left; height: 39px; padding: 8px 0 0 65px; width: 247px; }

.article.page .book-appointment { background: url('./images/book-and-appointment_service-page.png') repeat-x #53af39; border: 1px solid #2e7b1e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; float: left; outline: none; padding: 0 20px; width: 190px; }
.article.page .book-appointment span { display: inline-block; margin-top: 10px; }
.article.page .book-appointment label { display: inline-block; display: none; margin-right: 10px; width: 65px; }
.article.page .book-appointment #full-name,
.article.page .book-appointment #input-email { border: 1px solid #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; padding: 5px; width: 175px; }
.article.page .book-appointment #submit-btn { float: right; margin: 5px 8px 10px 0; }

.article.page ul { list-style: disc; }
.article.page ul.services { list-style-image: url('./images/bullet-point.gif'); }
.article.page ul.services li { margin-bottom: 10px; }
.article.page ul.symptoms { display: inline-block; padding-left: 0; }
.article.page ul.symptoms li { float:left; margin-right: 10px; padding-left: 0; width: 270px; }
.article.page ul.symptoms li ul { padding-left: 0; }
.article.page ul.symptoms li ul li { list-style: circle; }

,article.page ol { list-style: decimal; }

.article.page .figure.image { background: #e5e5e5; float: right; margin: 0 -40px 0 40px; }
.article.page blockquote { margin-left: -240px; }
.article.page blockquote .placeholder { background: #e5e5e5; height: 75px; }
.article.page blockquote p { background: url('./images/quotation-mark.gif') no-repeat 15px 6px; margin: 0; }

.article.page .practitioner.figure { float: left; margin-right: 40px; }

.article.page #mc_embed_signup fieldset { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #333333; }
.article.page #mc_embed_signup input,
.article.page #mc_embed_signup select,
.article.page #mc_embed_signup textarea { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }

.landing.page #mc_embed_signup h3 { display: block; background: url('./images/sidebar-action-call.png') no-repeat; height: 106px; margin: 0; width: 270px; }
.landing.page #mc_embed_signup fieldset { background: url('./images/sidebar-top.png') no-repeat 0 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border:0px solid #333333; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.landing.page #mc_embed_signup form { background: url('./images/sidebar-border.gif') repeat-y; }
.landing.page #mc_embed_signup .decoration { background: url('./images/sidebar-flower.jpg') no-repeat; margin-left: -56px; height: 243px; width: 350px; }


/** ARTICLE PAGE (ENTRY) typography **/

.article.page h3 { display: inline-block; }

.article.page .service-details .intro { font-size: 16px; }
.article.page .service-details .what-we-offer { color: #B04386; }
.article.page .service-details .conditions-treated { color: #FF6969; }

.article.page .book-appointment span { color: #e2ffd9; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.article.page .book-appointment label { color: #e2ffd9; font-size: 11px; text-align: right; }
.article.page .book-appointment #full-name,
.article.page .book-appointment #input-email { color: #444444 }

.article.page blockquote { color: #a6a6a6; font-size: 20px; font-style: italic; line-height: 24px; }
.article.page blockquote p { display: inline-block; }
.article.page blockquote span { font-style: normal; font-size: 18px; }

.article.page #mc_embed_signup { font-size: 10px; }
.article.page #mc_embed_signup input { font-size: 16px; }


/** BLOG ARTICLE (ENTRY) layout **/

.blog div.post { overflow: hidden; margin-top: 20px; }
.blog.article ol { list-style: decimal; }


/** BLOG ARTICLE (ENTRY) typography **/

.blog.article small a { font-weight: normal; }
.blog.article .archive-nav a { color: #B04286; font-size: 14px; }
.blog.article .archive-nav a:hover { text-decoration: underline; }


/** UNIVERSAL (any ENTRY) layout **/
.entry img.alignleft { float: left; margin-right: 40px; }
.entry img.alignright { float: right; margin-left: 40px; }
.entry small { color: #A0926E; display: block; }
.entry .author span { font-style: italic; }
.entry .categories a { color: #A0926E; text-decoration: underline; }
.entry .categories a:hover { text-decoration: none; }


/** SOCIABLE layout **/

.sociable { clear: both; }
.sociable ul { clear: both; display: inline-block; margin: 0; padding: 0; }
.sociable ul li { float: left; margin: 10px; }


/** COMMENTS layout **/

.blog #comments { border-top: 1px solid #666666; }
.blog #respond { border-top: 1px solid #666666; }
.blog #commentform textarea { height: 100px; }


/** ASIDE layout **/

.aside { padding-left: 0; }
.aside h3,
.aside p { margin: 0; }

.aside .alternative-health a { background: url('./images/alternative-health.png') no-repeat; display: block; height:124px; outline: none; width: 190px; }
.aside .alternative-health a:hover { background: url('./images/alternative-health.png') 0 -124px no-repeat; }
.aside .book-appointment a { background: url('./images/book-an-appointment-blog.png') no-repeat; display: block; height: 145px; outline: none; width: 190px; }
.aside .book-appointment a:hover { background: url('./images/book-an-appointment-blog.png') 0 -145px no-repeat; }
.aside .search .screen-reader-text { display: inline-block; text-indent: -9999px; line-height: 0; width: 0; }
.aside .search input#s { width: 120px; }

.aside .rss a { background: url('./images/icon-rss.gif') no-repeat; }
.aside .facebook a { background: url('./images/icon-facebook.gif') no-repeat; }
.aside .twitter a { background: url('./images/icon-twitter.gif') no-repeat; }
.aside .rss a,
.aside .facebook a,
.aside .twitter a { display: inline-block; height: 24px; padding: 4px 0 0 40px; margin-top: 16px; }

.aside .email form { background: url('./images/icon-email.gif') no-repeat; display: inline-block; padding: 0 0 0 40px; margin-top: 16px; }
.aside .email form .email { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 0; padding: 6px;  }


/** ASIDE typography **/

.aside .rss a,
.aside .facebook a,
.aside .twitter a { color: #414141; font-weight: normal; }
.aside .rss a:hover,
.aside .facebook a:hover,
.aside .twitter a:hover { color: #969696; }


/** FOOTER layout **/

.see-all { background: url('./images/bamboo.gif') no-repeat; clear: both; height: 262px; margin-left: -25px; width: 920px; }
.see-all h3 { position: absolute; top: 92px; right: 236px; z-index: 20; }
.see-all h3 a { background: url('./images/see-all-services.gif') no-repeat; display: block; height: 40px; outline: none; width: 219px; }
.see-all ul { background: url('./images/bg-all-services.gif') repeat-x #dddddd; border: 1px solid #b2b2b2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 0; position: absolute; right: 23px; top: 49px; z-index: 10; }
.see-all ul li { margin: 5px 40px; }

.footer { background: url('./images/bg-footer.gif') repeat-y; padding-bottom: 40px; margin-bottom: 0; }
.footer .foot { margin-top: 20px; }
.footer .foot ul { padding-left: 0; }
.footer .foot.first li,
.footer .foot.last li { padding: 3px 0; }
.footer .foot.span-10 li { border-bottom: 1px solid #ccc1a4; padding: 8px 0; }
.footer .foot.last li { list-style: circle; list-style-position: inside; }


/** FOOTER typography **/

.see-all ul { font-size: 10px; }

.footer { text-align: left; }
.footer a { color: #a0926e; font-size: 11px; font-weight: normal; }
.footer a:hover { color: #c58f0b; }
.footer h3 { color: #aa9b76; font-family: "Monotype Corsiva","Apple Chancery","URW Chancery L", cursive; }
.footer .foot.first a { color: #b04286; text-transform: uppercase; }
p.footer { color: #606060; font-size: 11px; padding-left: 0; text-align: center; }


/** LANDING PAGE layout **/

.landing-page { background: url('./images/bg-body-landing-page.gif') repeat-x #ebebeb; }
.landing-page .header { background: url('./images/top-curve-landing-page.png') no-repeat top center; }
.landing-page .header h1 { background: url('./images/top-banner-landing-page.jpg') no-repeat 0 34px; height: 183px; }
.landing-page .entry ul { width: 300px; }


/** LANDING PAGE typography **/

.landing-page .big-paragraph { font-size: 15px; }
.landing-page .med-paragraph { font-weight: bold; }