/*
Theme Name: Utah Prenatal Massage
Theme URI: http://www.utahprenatalmassage.com/
Description: 2 column_right
Author: chris reger
Author URI: http://www.chrisreger.com/

/* =reset */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* =font style */

body {font: 100.01%/1.25em Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #66694B;}

table {font-size:inherit;font-size:100%;}
/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% verdana,arial,helvetica,sans-serif;}

pre,code,kbd,samp,tt {font:115% monospace;}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

h1 {font-size: 140%;}
h2 {font-size: 124%;}
h3 {font-size: 108%;}
h4 {font-size: 100%;}

/* =base style */

h1, h2, h3, h4 {font-family: "Myriad Web", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}

abbr,acronym,dfn {border-bottom: 1px dotted #66694B; cursor:help;} 

blockquote {margin: 0 5% 10px; padding: 5px; border-top: 1px dotted #66694B;}

.alignleft {float: left; margin: 6px 10px 0 0; padding: 3px; border: 1px solid #C8C7C7;}
.alignright {float: right; margin: 6px 0 0 10px; padding: 3px; border: 1px solid #C8C7C7;}

p {line-height: 125%; padding-top: .75em;}

/* =containers */

html {background: #714216;}
body {text-align: center;}

#container {background: #F0F6E3 url(images/container_bg.gif) repeat-y top center;}

#container, #siteInfo {margin: 0 auto; width: 960px; text-align: left;}

#your-massage #container, #our-therapists #container, #links #container, #services #container {background: #F0F6E3 url(images/container_bg2.gif) repeat-y top center;}

#contact #container {background: #F0F6E3;}

/* =branding */

#branding {position: relative; height: 193px; background: #292E0E url(images/branding.jpg) no-repeat top left;}

h1 {position: absolute; top: 38px; left: 35px; z-index: 2; width: 360px; background: url(images/logo.gif) no-repeat; text-indent: -9999px;}
h1 a {display: block; height: 82px; background: url(images/logo.gif) no-repeat; outline: none;}

/* =navigation */

a:link {color: #66694B;}
a:visited {color: #929480;}
a:hover {color: #B4BBA0;}
h3 a {text-decoration: none;}

#navMain {position: absolute; left: 0; top: 153px;}
#nav {background: transparent url(images/navMain.jpg) repeat scroll; height: 40px; position: relative; width: 485px;}
#nav li {float: left;}
#nav li a {background: transparent url(images/navMain.jpg) no-repeat scroll; display: block; font-size: 1%; height: 40px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; outline: none;}

li#nav_home a {background-position: 0; left: 0; width: 83px;}
#nav li.page-item-4 a {background-position: -83px 0; left: 83px; width: 94px;}
#nav li.page-item-5 a {background-position: -177px 0; left: 177px; width: 113px;}
#nav li.page-item-9 a {background-position: -290px 0; left: 290px; width: 112px;}
#nav li.page-item-10 a {background-position: -402px 0; left: 402px; width: 85px;} 

li#nav_home a:hover, #home li#nav_home a {background-position: 0 0;}
#nav li.page-item-4 a:hover, #about #nav li.current_page_item a {background-position: -83px -40px;}
#nav li.page-item-5 a:hover, #services #nav li.current_page_item a {background-position: -177px -80px;}
#nav li.page-item-9 a:hover, #contact #nav li.current_page_item a {background-position: -290px -120px;}
#nav li.page-item-10 a:hover, #links #nav li.current_page_item a {background-position: -402px -160px;}

#navSub {margin-top: 47px; padding: 10px 0; border-top: 3px double #fff; border-bottom: 3px double #fff;}
#navSub li {padding: 3px 0 2px;}
#navSub a {display: block; width: 288px; padding: .5em 0; color: #fff; text-decoration: none; text-indent: 20px; 
	background: #B3C386; border-top: 2px solid #B1BF8A; border-bottom: 2px solid #B1BF8A;}
#navSub a:hover, #navSub .current_page_item a {color: #5E6143; background: #F0F6E3; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

/* =contentMain */

#contentMain {float: left; width: 432px; padding: 25px 24px 30px;}

#your-massage #contentMain, #our-therapists #contentMain, #links #contentMain, #services #contentMain {width: 624px;}

#contact #contentMain {width: 912px;}
	
.post h2, #links h2 {padding: 20px 0 10px;}

.post ul {padding: 0 15px 0;}
.post li {padding: 10px 0 0 12px; background: url(images/bulletDisk.gif) no-repeat 0 1.02em;}
 
#events .post ul {padding-top: 10px;}
#events .post li, #contact .post li {background-image: none;}
#contact .post ul {padding: 24px 0;}
#contact .post li {float: left; display: inline; width: 396px; padding: 10px 30px;}
#contact p {line-height: 125%;}

.postmeta {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background:#ececec;
	padding:5px;}


/* =contentSub */

#contentSub {float: left; width: 432px; padding: 25px 24px 30px;}

#your-massage #contentSub, #our-therapists #contentSub, #links #contentSub, #services #contentSub {width: 288px; padding: 25px 0 30px;}

#events #contentSub {padding: 72px 24px 30px;}

#about #contentSub {padding: 42px 24px 30px;}

.section {clear: both; padding: 1.5em 0; border-bottom: 3px double #fff;}
.section#last {border: none;}
.section h3 {text-transform: uppercase;}
.section p {padding-top: .62em;}

.section_pic {float: left; margin-right: 1em; width: 40%; height: 120px; border: 4px solid #fff; text-indent: -9999px;}

#hpic1 {background: url(images/massage.jpg) no-repeat center center;}
#hpic2 {background: url(images/therapist.jpg) no-repeat center center;}
#hpic3 {background: url(images/events.jpg) no-repeat center center;} 

#intake {padding: 30px 24px 30px;}
#intake h3 {padding: 20px 0 10px;}
#intake ul {padding: 15px 0 0 15px;}
#intake li {padding: 15px 0;}
#intake img {padding-right: 10px;}

#events h3 {padding: 20px 0 10px;}
#events h4 {padding-top: 10px;}

#about #contentSub h2 {padding: 30px 0 10px;}
#about #contentSub ul {padding: 0 15px 0;}
#about #contentSub li {padding: 10px 0 0 12px; background: url(images/bulletDisk.gif) no-repeat 0 1.05em;}

#links h2 {padding: 20px 0 10px;}
#links li {padding: 5px 0;}

#services .post ul {margin-left: 228px;}

/* =siteInfo */

#siteInfo {clear: both; width: 912px; height: 44px; padding: 0 24px; background: url(images/footer_bg.gif) repeat-x top left;}
#siteInfo p {float: left;}
#siteInfo ul {float: right; padding: 12px 0 10px;}
#siteInfo li {display: inline;}

/* =clearing */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix {display:inline-block;}

.clearfix {display:block;}

* html .clearfix {height:1px;}

.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}

.clear {clear: both;}

/* =misc */

.first {border: none;}

.breadcrumb {padding-bottom: 10px; font-size: 80%;}

.more-link {font-weight: bold; text-decoration: none;}

/* =colors */