/*
Theme Name: Metamorphic Massage
Theme URI: http://wordpress.org/
Description: Website theme for Metamorphic Massage
Version: 1
Author: Josh Rapaport
Author URI: 
*/
ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
background-color: #333333;
font-family: "Myriad Pro Condensed", "gill sans", "verdana", "geneva", sans-serif;
text-align: center;
}

.wrapper {
margin: 0 auto;
width: 850px;
}

h3 {
font-size: 1.2em;
font-weight: bold;
padding: 0 0 1em 0;
color: #1C466E;
}

h4 {
color: #333;
font-style: italic;
padding: 0 0 1em 0;
}

h5 {
font-weight: bold;
}

h5 a {
color: #1C466E;
text-decoration: none;
}

h5 a:hover {
color: #333;
}

h6 {
color: #1C466E;
font-style: italic;
padding: 0 0 1em 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ------------- Header ------------- */

#header {
min-height: 130px;
background:url(images/header-background.png) repeat-y center top;
padding-top: 5px;
margin-top: 22px;
}

h1#logo {
margin-top: 5px;
background:url(images/header.jpg) no-repeat center top;
height: 100px;
overflow: hidden;
}

h1#logo a, h1#logo a span { display:block; width:850px; height:100px; }
h1#logo a span { padding-top: 0; }


#nav {
font-size: 1.6em;
margin-top: 5px;
}

#nav ul {
border-bottom: 1px solid #FFFFFF;
padding-bottom: 5px;
}

#nav ul li {
display: inline;
padding: 0 15px 2px;
}

#nav a, #nav a:visited {
color: #333;
font-weight: 100;
text-decoration: none;
}

#nav a:hover {
color: #1C466E;
}

/* ------------- Content ------------- */

.contentwrapper {
float: center;
clear: both;
background:url(images/butterfly-background.jpg) repeat-y center top;
min-height: 500px;
}

img, p .alignleft, p .alignright {
border: 1px solid #ffffff;
}

.entrycontact {
float: left;
min-height: 280px;
margin-left: 175px;
margin-right: 175px;
padding-top: 20px;
line-height: 1.3em;
}

.entry {
min-height: 280px;
margin-left: 175px;
margin-right: 175px;
padding-top: 20px;
line-height: 1.3em;
}

p {
color: #333;
padding: 0 0 1em 0;
font-size: 1em;
font-weight: 100;
}

p a, p a:visited {
color: #333;
text-decoration: underline;
}

p a:hover {
color: #1C466E;
}

.wordtube {
padding-bottom: 20px;
padding-top: 10px;
}

/* ------------- Footer ------------- */

#footer {
clear: both;
min-height: 100px;
}

#footertext {
text-align: center;
padding-top: 30px;
}

#footertext p {
font-size: 1.1em;
color: #333;
}

#footertext a, #footertext a:visited {
color: #333;
}

#footertext a:hover {
color: #1C466E;
}

#footernav {
clear: both;
font-size: .7em;
text-align: center;
padding-top: 5px;
padding-bottom: 162px;
list-style: none;
}