/*
Theme Name: Nature of Massage
Theme URI: http://littlefishstudios.com/
Description: Wordpress Theme for Nature of Massage
Author: Little Fish Studios
Author URI: http://littlefishstudios.com/
*/

* {
padding:0;
margin:0;
}

img {
border:none;
}

/* ----------------------------------- LAYOUT */
body {
font-family:Arial, sans-serif;
font-size:11px;
color:#F8F7F6;
background:url(images/page_bg2.jpg) top center repeat-y #328381;
text-align:center;
margin:0;
padding:0;
}

a {
color:#F8F7F6;
}

h1 {
font-size:16px;
}

h2 {
font-size:18px;
}

h3 {
font-size:14px;
}

h2 a {
color:#F8F7F6;
text-decoration:none;
}

#container {
width:830px;
margin:0 auto;
text-align:left;
background:url(images/body_bg_home.jpg) no-repeat top #98643C;
}

body#massage #container {
background:url(images/body_bg_massage.jpg) no-repeat top #99653D;
}

body#therapists #container {
background:url(images/body_bg_therapists.jpg) no-repeat top #f0d09e;
}

body#blog #container {
background:url(images/body_bg_blog.jpg) no-repeat top #f0d3a3;
}

#header {
width:830px;
height:198px;
position:relative;
z-index:9999;
}

#content {
margin-top:153px;
padding-left:90px;
padding-bottom:80px;
min-height:453px;
height:auto !important;
position:relative;
}

body#blog #content {
margin:0;
padding:0;
}

#left_column {
width:400px;
float:left;
}

#right_column {
width:290px;
float:left;
padding:0 25px;
}

.therapist_left {
width:260px;
float:left;
display:inline;
}

.therapist_right {
width:425px;
float:left;
padding:0 40px 0 15px;
display:inline;
}

.content_padding {
padding-left:165px;
padding-top:62px;
padding-right:44px;
}

#massage_flash {
width:830px;
height:187px;
background:url(images/massage_flash_bg.jpg) no-repeat;
}

#massage_flash_replace {
width:830px;
height:187px;
}

#logo a {
display:block;
width:381px;
height:122px;
background:url(images/logo.png) no-repeat;
position:absolute;
top:29px;
left:86px;
cursor:pointer;
}

#header_accent {
width:74px;
height:110px;
background:url(images/header_accent_stones.png) no-repeat;
position:absolute;
top:37px;
right:126px;
}

body#therapists #header_accent {
width:104px;
height:129px;
background:url(images/header_accent_statue.png) no-repeat;
position:absolute;
top:25px;
right:120px;
}

#content_accent {
width:69px;
height:65px;
position:absolute;
top:-40px;
right:49px;
background:url(images/content_accent_leaf.png) no-repeat;
}

body#massage #content_accent {
width:213px;
height:81px;
position:absolute;
top:auto;
bottom:0;
right:107px;
background:url(images/content_accent_statue.png) no-repeat;
}

body#therapists #content_accent {
width:135px;
height:187px;
position:absolute;
top:auto;
bottom:0;
right:0;
background:url(images/content_accent_lamp.png) no-repeat;
}

#tab_massages {
width:155px;
height:35px;
position:absolute;
bottom:0;
left:208px;
background:url(images/tab_massages.jpg) no-repeat;
}

form#header_registration {
width:199px;
height:38px;
position:absolute;
right:0;
top:198px;
padding-left:14px;
padding-right:15px;
padding-top:9px;
}

form#header_registration label {
color:#396f8a;
font-size:11px;
display:block;
float:left;
margin-bottom:3px;
}

form#header_registration input {
width:159px;
float:right;
display:block;
border:none;
background:none;
font-size:10px;
}

#footer {
padding-top:12px;
padding-bottom:15px;
min-height:50px;
height:auto !important;
position:relative;
text-align:center;
font-size:9px;
color:#6A1C00;
background:#F2D29F;
}

#footer_logo {
display:block;
width:32px;
height:36px;
background:url(images/footer_logo.png) no-repeat;
position:absolute;
top:8px;
right:30px;
cursor:pointer;
}

.alignright {
float:right;
margin-bottom:16px;
}

.hr290 {
width:290px;
height:11px;
display:block;
background:url(images/hr_290.gif) no-repeat;
margin-bottom:8px;
clear:both;
}

.hr546 {
width:546px;
height:15px;
display:block;
background:url(images/hr_546.gif) no-repeat;
margin-bottom:20px;
clear:both;
}

h1.heading_wavy {
display:block;
margin:0;
width:580px;
height:100px;
background-repeat:no-repeat;
position:absolute;
top:-86px;
left:245px;
}

/* ------------------------------------------------ Navigation */
ul#nav {
height:34px;
width:761px;
position:absolute;
top:164px;
left:69px;
text-align:center;
font-family:Arial, sans-serif;
list-style:none;
}

ul#nav li {
display:block;
float:left;
background:url(images/nav_divider.gif) right no-repeat;
padding-right:2px;
}

ul#nav a {
display:block;
height:34px;
line-height:34px;
padding:0 8px;
float:left;
font-size:11px;
color:#f7e9c7;
text-decoration:none;
font-weight:normal;
}

ul#nav li li a {
line-height:normal;
height:auto;
padding:3px 8px;
margin:0;
display:block;
}

/*** SUPERFISH SKIN ***/
.sf-menu ul {
background:url(images/nav_drop_bg.gif) top repeat-x #9a5e44;
}

.sf-menu li li a {
text-decoration:none;
text-align:left;
}

.sf-menu li li a,.sf-menu li li a:visited {
color:#FFFFFF;
display:block;
}

.sf-menu li li {
display:block;
float:left;
padding:0 !important;
background:none !important;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu li a:focus,.sf-menu li a:hover,.sf-menu li a:active {
background:url(images/nav_hover.gif) repeat-x;
}

.sf-menu li li:hover,.sf-menu li li.sfHover,.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active {
background:url(images/nav_drop_hover.gif) top repeat-x #a26b42;
outline:0;
text-decoration:none;
}

/* END SUPERFISH SKIN 
 -------------------------------- HEADER NAV */
ul#header_nav {
display:block;
width:108px;
height:120px;
float:right;
list-style:none;
padding:44px 0 0;
margin:0;
}

ul#header_nav li {
display:block;
margin-bottom:2px;
padding:0;
margin:0;
}

ul#header_nav a {
font-weight:bold;
color:#801e18;
font-size:12px;
text-decoration:none;
display:block;
height:16px;
}

/* -------------------------------------- FOOTER NAV */
#footer_nav {
text-align:center;
font-size:9px;
color:#6A1C00;
margin-bottom:4px;
}

#footer_nav a {
text-decoration:underline;
color:#6A1C00;
}

#footer_nav a:hover {
text-decoration:none;
color:#336699;
}

#footer a {
color:#6A1C00;
}

/* -------------------------------------- BLOG */
div#blog_wrap {
padding-top:8px;
background:url(images/blog_top.jpg) top no-repeat;
}

div#blog_wrap_inner {
background:url(images/blog_middle.jpg) repeat-y;
min-height:500px;
height:auto !important;
}

div#blog_sidebar {
width:208px;
float:left;
}

div#blog_content {
width:522px;
float:left;
padding:60px 50px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
}

div#blog_sidebar li {
list-style:none;
}

div#blog_sidebar ul ul {
padding:0 10px 6px 20px;
}

div#blog_sidebar ul ul li {
list-style:disc;
margin-left:13px;
margin-bottom:2px;
padding-left:6px;
color:#FFFFFF;
font-size:14px;
}

div#blog_sidebar ul ul a {
color:#FFFFFF;
text-decoration:none;
}

div#blog_sidebar h4 {
display:block;
width:188px;
height:39px;
line-height:34px;
background:url(images/blog_title_bg.jpg) no-repeat;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
padding-left:20px;
margin-bottom:6px;
}

p.blog_heading1 {
font-size:45px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
line-height:normal;
margin-bottom:12px;
color:#39708a;
}

div.blog_divider {
height:6px;
background:url(images/blog_divider.gif) repeat-x;
margin-bottom:10px;
}

div#blog_content a {
color:#39708a;
text-decoration:none;
}

p.blog_date {
font-size:16px;
margin-bottom:8px;
color:#39708a;
}

h4.post_title {
color:#39708a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
margin-bottom:16px;
}

h4.post_title a {
color:#39708a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
text-decoration:none;
}

div#sidebar_message {
width:204px;
height:154px;
background:url(images/blog_sidebar_message.jpg) no-repeat;
text-align:center;
padding-top:14px;
margin-top:-8px;
}

div#sidebar_message p {
font-size:18px;
line-height:26px;
color:#FFFFFF;
}

div.addthis_container {
padding-bottom:5px;
padding-left:20px;
}

.clearfix,form#header_registration br {
clear:both;
}

p,td {
line-height:14px;
margin-bottom:20px;
font-size:1.2em;
}

a:hover,a:visited {
color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6 {
margin-bottom:18px;
}

h1 span,#footer_logo span {
display:none;
}

#logo,#footer p.copyright {
margin:0;
}

body#massage #header_accent,body#blog #header_accent {
width:105px;
height:145px;
background:url(images/header_accent_gong.png) no-repeat;
position:absolute;
top:13px;
right:116px;
}

.alignleft,#slideshow_home {
float:left;
margin-bottom:16px;
margin-right:20px;
}

ul#nav li:last-child,ul#nav li.last-child {
background:none;
}

.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active,ul#header_nav a:hover,div#blog_sidebar ul ul a:hover,div#blog_content a:hover {
text-decoration:underline;
}
