/*

Theme Name: Be Well Physio
Theme URI: http://www.mizotion.com
Description: Be Well Physio
Version: 1.0
Author: Mizotion Creative
Author URI: http://www.mizotion.com/

*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, form, table, td {
margin:0;
padding:0;
}


html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}

body{ background-color: #fff;
background-image: url(fullbg.jpg);
background-repeat: repeat-x;
background-position: center 0px;
text-align: center;
margin: 0;
padding: 30px 0 0;
font-family: Arial;

}

#main {
background-color: #fff;
text-align: left;
width: 910px;
height: auto;
z-index: 1;
margin: 0 auto;
padding: 10px 0 110px; 
}
/* must be same height as the footer */

#header{
background-image: url(header.jpg);
width: 910px;
height: 130px;
margin: 0;
padding: 0;
}

#contact{
background-color: #ed9b47;
background-image: url(contact.jpg);
background-position: 0 0;
width: 880px;
height: 15px;
margin: 0 0 10px;
text-align: right;
color: white;
font-size: 9pt;
padding-right: 30px;
padding-top: 5px;
padding-bottom: 5px;
}

#content{
background-color: white;
color: #2f2f2f;
position: relative;
height: 750px;
width: 600px;
float: left;
display: inline;
font-size: 10pt;
}

#contentlong{
background-color: white;
color: #2f2f2f;
position: relative;
height: 1500px;
width: 600px;
float: left;
display: inline;
font-size: 10pt;
}

.post{
padding-left: 30px;
padding-top: 20px; 
}

.post h5{
padding-top: 0px;
font-size: 10pt;
}

.post h3{
color: #98bdbd;
font-size: 14pt;
font-weight: normal;
padding-bottom: 10px;
}


.post img{
padding-bottom: 20px;	
}

.post ul {
padding-left: 20px;
}

.post ul li{
padding-top: 15px;
}

#sidebar{
width: 310px;
height: 750px;
background-color: white;
float: right;
position: relative;
display: inline;
}

#sidebar ul{
list-style-type: none;
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
text-indent: 0px;

}

#sidebar ul li{
padding-right: 0px;
text-indent: 0px;

}




#sidebar ul li h2{
font: 100% Arial, Verdana, Sans-Serif;
font-size: 14px;
text-indent: 0px;

font-weight: bold;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
width: 240px;
}

#sidebar ul ul li{
padding: 0;
line-height: 24px;
padding-left: 0px;
padding-right: 0px;
text-indent: 0px;
}

#sidenav{
padding-top: 20px;
padding-left:30px;

}

#text-3{
background-color: #fbe8d6;
background-color: #fbe8d6;
width: 250px;
font-size: 9pt;
font-weight: normal;
margin: 0px;
margin-bottom: 30px;
}

#text-3 p{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
}

#text-3 h2{
background-color: #ea8a32;
color: white;	
}

#text-5{
background-color: #dce7e7;
width: 250px;
font-size: 9pt;
font-weight: normal;
margin: 0px;
margin-bottom: 30px;
}

#text-5 p{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 50px;
}

#text-5 a{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 50px;
color: black;
font-weight: normal;
}


#text-5 h2{
background-color: #518789;
color: white;	
}

#text-5 h4{
padding-top: 10px;
padding-bottom: 0px;
padding-left: 10px;
}


#text-4{
background-color: #fbe8d6;
background-color: #fbe8d6;
width: 250px;
font-size: 9pt;
font-weight: normal;
margin: 0px;
margin-bottom: 30px;
}

#text-4 p{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
}

#text-4 h2{
background-color: #ea8a32;
color: white;	
}



.widget{
padding-bottom: 30px;
}



#headlinks{ 
background-color:#518789;
width: 910px;
height: 25px;
margin-top: 10px;
padding-top: 5px;

}

#headlinks ul {
list-style-type: none ;
padding: 0px;
margin: 0px;
text-indent: 30px;

}

#headlinks ul li{
display: inline;
padding-right: 55px ;
border-right: none;
padding-left: 0px;
font-weight: bold;
text-decoration: none;

}

#headlinks a{
color: white;
font-size:12pt;
padding-top: 5px;
text-decoration: none;
}

#headlinks a:hover{
color: #ea8a32;
text-decoration: underline;
}


#footer {
position: relative;
margin-top: -110px; /* negative value of footer height */
height: 110px;
clear:both;
} 

#realfooter{ 
margin: 0 auto;
background-image: url(footer.jpg);
width: 870px;
height: 110px;
padding-top: 20px;
text-align: left;
padding-left: 40px;
}

#csp{
width: 150px;
height: 30px;
padding-left: 40px;
color: white;
font-size: 9pt;
background-image: url(csp.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
}

#jrl{
width: 190px;
height: 30px;
padding-left: 40px;
color: white;
font-size: 9pt;
background-image: url(jrl.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
}


#kc{
width: 150px;
height: 30px;
padding-left: 40px;
color: white;
font-size: 9pt;
background-image: url(kc.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
}


#hpc{
width: 150px;
height: 30px;
padding-left: 45px;
color: white;
font-size: 9pt;
background-image: url(hpc.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
}

#valid{
font-size: 8pt;
color: white; 
float: left;
padding-top: 15px;
width: 870px;
text-align: center;
}

#cright{
font-size: 11pt;
color: white; 
float: left;
width: 870px;
padding-bottom: 15px;
text-align: center;
}

#cright a{
border-left: 1px solid #fff;
padding-left: 10px;
padding-right: 10px;
margin: 0px;
color: white;
text-decoration: none;
}

#valid a{
color: white;
text-decoration: none;
}

#valid a:hover{
color: #518789;
text-decoration: none;
}

.contitle{
font-weight: bold;
padding-top: 10px;
}

.contitled{
padding-top: 10px;
}


.conital{
padding-top: 10px;
font-style: italic;
}

.quoted{
padding-top: 20px;
padding-bottom: 10px;
font-style: italic;
}

.offer{
font-size: 12pt;
}


.testee{
padding-bottom: 10px;
font-weight: bold;
border-bottom: 1px solid #98bdbd;
}

#offer{
background-color: #dce7e7;
padding: 10px;
margin-top: 20px;
}

#offer p{
padding-bottom: 20px;
}

.tarea{
border: 1px solid #98bdbd;
background-color: #e7f2f2;
height: 70px;
width: 300px;
}

.tfield{

border: 1px solid #98bdbd;
background-color: #e7f2f2;
width: 300px;
padding: 0px;
margin: 0px;
}

.ddown{
width: 300px;
border: 1px solid #98bdbd;
background-color: #e7f2f2;
}

.wpcf7 p{
padding-bottom: 0px;
padding-top: 10px;
font-weight: normal;
font-style: italic;
margin: 0px;
}



/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */


