/*
Theme Name: Therapeutic Massage
Description: A custom wordpress theme designed for Therapeutic Massage From The Heart by Rypemind
Version: 1.0
Author: Matt Messinger
Author URI: http://rypemind.com/

*/

/* RESETS */

* {
  margin:0;
  padding:0;
}

body {
	font-size: 100%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #e4e3ad url('images/bg.jpg');
	color: #333;
	width: 960px;
	margin: 0 auto;
}

a {
	outline: none;
	position:relative;
	text-decoration:none;
	color: #bf6e50;
}

a:hover {
	padding-bottom: 1px;
	border-bottom: 2px solid #333;
}

a img {
	border: none;
}

/*a:active {
	position: relative;
	top: 1px;
}*/

ul, li {
	padding:0;
	margin:0;
	list-style-type:none;
}

h1 { 
	font-size: 2em;
}

h2 {
	font-size: 1.85em;
	color: #3e7870;
}

h3 { 
	font-size: 1.3em;
	color: #3e7870;
}

h4 {
	color: #38372b;
	font-weight: normal;
	font-size: 1em;
}

/* HEADER */

#header {
	height: 280px;
	position: relative;
}

#header .logo {
	float: left;
}

#header .logo h1 {
	text-indent: -10000px;
	background: transparent url(images/logo.png) no-repeat 0 0;
}

#header .logo a {
	display: block;
	height: 273px;
	width: 276px;
}

#header .logo a:hover {
	border: none;
	padding: none;
}

#header .logo a span {
	display: none;
}

#header .logo a:hover span {
	position: absolute;
	display: block;
	text-indent: 0;
	font-size: .6em;
	color: #b1ad8e;
	top: 230px;
	left: 15px;
}

#header .nav {
	font-size: 1.15em;
	*font-size: 1.15em;
	float: left;
	margin: 175px 0 0 34px;
}

#header .nav li {
	float: left;
}

#header .nav li a {
	display: block;
	font-weight: bold;
	margin-right: 14px;	
	padding: 0 6px 4px;
	text-shadow: 0 1px 0 #daf5f1;
}

#header .nav li.current_page_item a {
	color: #363529;
	border-bottom: 5px solid #bf6e50;
}

#header .nav li a:hover {
	text-decoration: none;
	color: #363529;
	border-bottom: 5px solid #bf6e50;
}

.top-links {
	background:transparent url(images/bg-top-links.png) no-repeat scroll 0 0;
	height:48px;
	position:absolute;
	right:0;
	width:495px;
}

.top-links ul {
	margin: 4px 0 0 40px;
}

.top-links li {
	float: left;
	border-right: 1px solid #000;
}

.top-links li a {
	margin: 0 20px;
	font-size: .8em;
	color: #363529;
}

.top-links li.current_page_item a {
	color: #e7e6e6;
}

.top-links li a:hover {
	color: #e7e6e6;
}

.callus {
	color: #3e7870;
	position: absolute;
	right: 50px;
	top: 90px;
	text-shadow: 0 1px 0 #daf5f1;
	font-size: .85em;
}


/* HOMEPAGE CONTENT */

.center-section {
	height: 365px;
}

#innerfade {
	float: left;
	width:574px;
	height:365px;
	position: relative;
	margin: 0;
}

#innerfade img {
	height: 334px;
	position: relative;
	width: 529px;
	background: #f5f5f5;
	padding: 9px;
	box-shadow: 7px 7px 35px #3F3F3F;
	-webkit-box-shadow: 7px 7px 35px #3F3F3F;
	-moz-box-shadow: 7px 7px 35px #3F3F3F;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

.section-right {
	float: right;
 	width: 350px;
}

.kind-words {
	margin: 5px 0 15px 0;
}

.kind-words .words-container {
	background: transparent url(images/quotes.png) no-repeat 0 0;
	font-size: .95em;
	margin-top: 10px;
	padding: 5px 0 0 30px;
	font-family: Candara, Arial, Tahoa, Sans-Serif;
	font-style: italic;
}

.kind-words .words {
	background: transparent url(images/quotes-closed.png) no-repeat scroll right bottom;
	padding-right: 20px
}

.kind-words .signed {
	padding-top: 12px;
	font-weight: bold;
}

.gift-cert h3 {
	margin-bottom: 10px;
}

.gift-cert a {
	border: none;
}

.about-us, .news-hours-container {
	background: transparent url(images/separator.png) no-repeat 0 0;
	padding: 25px 15px 0 15px;
	margin: 20px 0;
}

.about-us h4 {
	margin-bottom: 15px;
	line-height: 1.5;
	letter-spacing: .03em;
}

.news {
	text-align:justify;
	width:575px;
	float: left;
}

.news .date {
	font-size: .65em;
	margin: 5px 0 10px 0;
}

.news .news-content {
	font-size: .85em;
	line-height: 1.3em;
}

.hours {
	width: 268px;
	float: right;
}

.hours-top {
	background: transparent url(images/bg-hours-top.png) no-repeat 0 0;
	height: 7px;
}

.hours-content {
	background: transparent url(images/bg-hours-content.png) repeat-y 0 0;
	padding: 10px 20px;
}

.hours-content span {
	font-size: .65em;
}

.hours-bottom {
	background: transparent url(images/bg-hours-bottom.png) no-repeat 0 0;
	height: 7px;
}

.hours h2 {
	padding-bottom: 10px;
}

.hours ul {
	margin-bottom: 20px;
}

.hours ul li {
	font-size: 1.1em;
	line-height: 1.4em;
}

/* PAGES */

h2.title {
	margin-bottom: 20px;
}

#services h2 {
	margin-bottom: 30px;
}

#services strong, #rates h3 {
	font-size: 1.5em;
	color: #3e7870;
}

#rates h3, #forms h3, #prenatal-massage h3 {
	margin-bottom: 10px;
}

.post p {
	margin-bottom: 25px;
	font-size: .9em;
	line-height: 1.45em;
}

.post p img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 7px solid #fff;
	-moz-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.5);
}

.post p img.alignright {
	margin: 15px 0 10px 20px;
	float: right;
}
.post p img.alignleft {
	margin: 15px 20px 10px 0;
	float: left;
}

a.pdf{
	background: transparent url(images/acrobat.gif) no-repeat 0 0;
	padding-left: 10px;
	display: inline-block;
	width: 16px;
	height: 16px;
}

a.pdf {
	text-indent: -10000px;
}

a.pdf:hover, a.doc:hover {
	padding-bottom: none;
	border-bottom: none;
}

a.doc {
	background: transparent url(images/word.gif) no-repeat 0 0;
	padding-left: 25px;
}

#gmap iframe {
	padding: 10px;
	background: #38372b;
	margin-bottom: 15px;
}

#faq .content h3 {
	margin: 5px 0;
}

#faq h3 a:hover {
	border:none;
}

#faq .content ul {
	font-size: .9em;
	line-height: 1.3em;
}

#faq .content li {
	margin-bottom: 10px;
}



/* Footer */
#footer {
	margin-top: 70px;
	height: 100px;
	border-top: 2px dotted #282825;
	padding: 15px 10px 0;
	font-size: .65em;
	width: 960px;
}

#footer .line {
	margin-bottom: 5px;
}

#footer .links, #footer .copyright {
	float: left;
}

#footer .address-phone, #footer .design-by {
	float: right;
}

#footer li a {
	color: #bf6e50
}

#footer .links li {
	display: inline;
	padding: 0 5px;
}

#footer .links .first {
	padding-left: 0;
}


/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0 0 10px 35px; color: #3E7870;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -12px; }
.ui-accordion .ui-accordion-content { padding: 0 50px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; line-height: 1.5em; overflow: visible;}
.ui-accordion .ui-accordion-content-active { display: block; }

/* positioning */
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }



/* Self Clearning Floats
----------------------------------------------*/

/* Firefox */
.top-links ul:after, #innerfade:after, .content:after, #footer .line:after, .entry:after, .post p img:after, #faq:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */

* html body{
	zoom: 1;
}

/* IE7 */

*+html body{
	zoom: 1;
}