/*

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, img, span{
margin:0;
padding:0;
text-indent: 0;
}


html, body, #wrap {
height: 100%;
}

body{
color: #737373;
}

h2{
color: #737373;
font-size: 10pt;
margin: 0;
padding: 0;
}

.mini{

font-size: 11pt;
padding-bottom: 5px;
margin: 0;
color: #737373;
}

body > #wrap {
height: auto;
min-height: 100%;
color: #737373;
}

body{ background-color: #fff;
background-image: url(fullbg.jpg);
background-repeat: repeat-x;
background-position: center -100px;
text-align: center;
margin: 0;
padding: 0px 0 0;
font-family: Arial;

}

p{
color: #737373;
margin: 0;
padding: 0;
}

a:link img, a:visited img, a:hover img { border: none; text-decoration: none; 

}



a:link{
color: #3387e5;
}


a:visited{
color: #3387e5;
}

a:hover{
color: #ea8a32;
}

#main {
text-align: left;
width: 910px;
height: auto;
z-index: 1;
margin: 0 auto;
padding: 80px 0 110px; 
}
/* must be same height as the footer */

#header{
background-image: url(http://bewellphysio.co.uk/wp-content/uploads/2011/09/header.jpg);
background-position: 30px 0;
width: 230px;
height: 160px;
margin: 0;
padding: 0;
background-repeat: no-repeat;
float: left;
border-right: solid 1px #3387e5;
padding-right: 20px;
}


.search-title{
padding-top: 40px;
padding-left: 30px;
padding-bottom: 20px;
font-size: 14pt;
font-weight: normal;
border-bottom : 1px dotted #d9d9d9;
}

#searchdiv{
width: 600px;
height: 40px;
float: right;
padding-right: 30px;
padding-top: 30px;
}

#searchdiv2{
width: 300px;
height: 40px;
float: left;
padding-right: 30px;
padding-top: 30px;
}

.searchentry{
padding-top: 10px;


}

.searchreturn{

padding-left: 30px;

}

.searchreturn h2{
font-size: 12pt;
padding-top: 20px;
padding-bottom: 10px;
}

.entrysearch{

}

.searchmeta{
padding-top: 10px;
padding-bottom: 10px;
border-bottom : 1px solid #d9d9d9;
}

.navigation{
margin-top: 30px;
border-top : 1px dotted #d9d9d9;
border-bottom : 1px dotted #d9d9d9;
width: 570px;
padding-top: 10px;
padding-bottom: 10px;
}

fieldset{
border: none;
margin: 0;

}

input#s{
background-color: transparent;
margin: 0;
height: 20px;
border : 1px solid #cee2f9;
}

form{
margin: 0;
padding: 0;
}

.wpsearchform{
margin: 0;
padding-right: 25px;
text-align: right;
}


.wpsearchform2{

padding-right: 25px;
text-align: left;
}


#s{
border: none;
color: #737373;
margin: 0;
display: inline;
padding: 2px;

}



input#s2{
background-color: red;
margin: 0;
height: 21px;

}


#s2{
background-color: transparent;
border: none;
color: #95d6db;
margin: 0;
float: left;
display: inline;
padding: 2px;

}


input#searchsubmit{
padding: 0;
margin: 0;
border: 0px solid #FFFFFF;
background-image:url(search.jpg);
background-position: 5px 1px;
background-repeat: no-repeat;
background-color: transparent;
position: absolute;

}

#searchsubmit{
width: 25px;
height: 20px;
margin: 0;
border: none;
line-height: 0px;
font-size: 0pt;
cursor: pointer;
color: inherit;
text-indent: -9999px;
text-transform: capitalize;
margin-left: 5px;
}





#newbanner{
width: 910px;
height: 260px;
background-repeat: no-repeat;
background-image: url(http://bewellphysio.co.uk/wp-content/uploads/2011/09/bannernew.jpg);
background-position: 0 30px;
float: left;
border-bottom: 1px solid #eaeaea;
}

#singlebanner{
width: 910px;
height: 10px;
float: left;
border-bottom: 1px solid #eaeaea;
}

#contact{

background-position: 0 0;
width: 400px;
height: 55px;
margin: 0;
padding: 0;
float: right;
color: #3387e5;
font-size: 12pt;
padding-right: 30px;
text-align: right;
overflow: hidden;
}

#content{
background-color: white;
color: #737373;
position: relative;
height: auto;
width: 600px;
float: left;
font-size: 10pt;
padding-bottom: 150px;
}

#contentsingle{
background-color: white;
color: #737373;
position: relative;
height: auto;
width: 600px;
float: left;
font-size: 10pt;
padding-bottom: 150px;
}

#contentlong{
background-color: white;
color: #2f2f2f;
position: relative;
height: auto;
width: 600px;


font-size: 10pt;
}

.post{
padding-left: 30px;
padding-right: 30px;
padding-top: 10px; 
color: #737373;
}

.post h5{
padding-top: 0px;
font-size: 10pt;
}

.post h3{

font-size: 14pt;
font-weight: normal;
padding-bottom: 10px;
}


.post img{
padding-bottom: 20px;	
}

.post ul {
padding-left: 20px;
}

.post ul li{
color: #737373;
}

.post-time{
border-bottom: 2px solid  #d9d9d9;	
padding-bottom: 10px;
}

.searchpost-time{
border-bottom: 1px dotted  #d9d9d9;	
padding-bottom: 10px;
}

.postcon{
padding-top: 20px;
padding-bottom: 20px;
}


#meta{

position: relative;
}

.post-meta{
border-top: 2px solid #d9d9d9;
padding-top: 10px; 
}

.post-meta a:hover{

text-decoration: underline;
}


.post-meta a:visited{

}
.widget_text{
padding-top: 10px;	
}

.textwidget{
padding-top: 10px;
}

input#comment{
background-color: transparent;

}

#linkcat-2{
padding-top: 20px;
}

#comment{
background-color: transparent;
border: 1px solid #d9d9d9;
color: #737373;
background-image: url(images/divbg.png);
position: relative;

}

#comments{

color: #737373;
padding-bottom: 10px;
}

.commentmetadata{
font-size: 12px;

padding-bottom: 5px;
font-style: normal;
color: #737373;
font-weight: bold;
text-transform: uppercase;
float: right;
padding-top: 10px;
padding-bottom: 20px;
width: 80px;
padding-left: 10px;
padding-right: 10px;
clear: both;
min-height: 160px;

}

.commentbody{
position: relative;
width: 380px;

padding-left: 20px;
padding-right: 20px;
border-right: 1px dotted #d9d9d9;
min-height: 160px;


}

.commentlist{
position: relative;
}



.commentmetadata a:link{

}

.commentmetadata a:visited{
color: #737373;
}

.comments-template p{
color: #737373;
padding-top: 10px;
margin: 0;

}

.comments-template a{

}


.comments-template a:hover{
text-decoration: underline;	
}

.comments-template a:visited{
color: #737373;
}


.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #d9d9d9;
	padding: 10px 0 0;
position: relative;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px dotted #d9d9d9;

}

.comments-template h2, .comments-template h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 12pt;
}

.commentmetadata{
	font-size: 12px;

}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


.required{
font-style: normal;
}

#commentform a:link{
color: #737373;
text-decoration: none;
}

#commentform a:hover{
color: #737373;
text-decoration: underline;
}


#commentform a:visited{
color: #737373;
}

#author{
background-image: url(images/divbg.png);
border: 1px solid #d9d9d9;
background-color: transparent;
color: #737373;
}

input#author{
background-color: transparent;
}

#email{
background-image: url(images/divbg.png);
border: 1px solid #d9d9d9;
background-color: transparent;
color: #737373;
}

input#email{
background-color: transparent;
}

#url{
background-image: url(images/divbg.png);
border: 1px solid #d9d9d9;
background-color: transparent;
color: #737373;
}

input#url{
background-color: transparent;
}


.contact-place{
color: #3387E5;
font-weight: bold;

}

#sidebar{
width: 310px;
height: auto;
background-color: white;
float: right;
position: relative;
display: inline;
padding-bottom: 100px;
}

#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-top: 0px;
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: 10px;
padding-left:30px;


}

#text-3{
width: 250px;
font-size: 9pt;
font-weight: normal;
margin: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
color: #737373;
}

#text-3 p{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 0px;
}

#text-3 h2{

color: white;	
}



#text-5 h2{
color: white;	
}

#text-5 h4{
padding-top: 10px;
padding-bottom: 0px;
padding-left: 10px;
}



#text-4{
width: 250px;
font-size: 9pt;
font-weight: normal;
margin: 0px;
color: #737373;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 10px;
}

#text-4 p{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
}

#text-4 h2{
color: white;	
}



.widget{
padding-bottom: 30px;
}

.widgettitle{
padding: 0;
margin: 0;
}

#twitter-3{
padding: 0;
margin: 0;
text-indent: 0;
width: 250px;
font-size: 8pt;
}

#twitter-3 div{
padding-top: 0px;
}

#twitter-3 div ul{
padding-top: 20px;

}



#twitter-3 div ul li{
border-bottom: 1px dashed #d9d9d9;
padding-bottom: 10px;
padding-top: 10px;
}

.entry img{
padding-top: 20px;
}

.entry h2{
font-size: 14pt;
text-transform: uppercase;
font-weight: normal;
padding-top: 20px;
}

.entry-content{
padding-bottom: 10px;
}

#twitter-3 h2{

}

.widget_twitter{
font-size: 10pt;
}

.twitterwidget{
padding: 0;
margin: 0;
}

.twitterwidget-title{
background-image: url(twitter.jpg);
background-repeat: no-repeat;
padding-bottom: 20px;
width: 200px;
position: absolute;
text-indent: -4000px;

}

.widgettitle a{

}




#headlinks{ 
float: left;
width: 625px;
height: 25px;
color: #737373;
font-family: "Arial";
text-align: right;
padding-top: 20px;
}

#headlinks ul {
list-style-type: none ;
padding: 0px;
margin: 0px;
;ext-align: right;

}

#headlinks ul li{
display: inline;
text-decoration: none;
border-right: 1px solid #3387e5;

}

#headlinks a{
padding-right: 15px;
padding-left: 15px;
border-right: none;
color: #3387e5;
font-size:12pt;
text-decoration: none;
}

#headlinks a:hover{
color: #ea8a32;
text-decoration: underline;
}

.closer{
border-top: 1px solid #d9d9d9;
padding-top: 10px;
font-size: 11pt;
color: #3387e5;
}


#footer {
position: relative;
margin-top: -130px; /* negative value of footer height */
height: 150px;
clear:both;

} 

#realfooter{ 
margin: 0 auto;
width: 870px;
border-top: 1px solid #d9d9d9;
height: 110px;
padding-top: 20px;
text-align: left;
padding-left: 40px;
color: #737373;
font-size: 9pt;
}

#csp{
width: 150px;
height: 30px;
padding-left: 40px;
font-size: 9pt;
background-image: url(csp.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
color: #737373;
}

#jrl{
width: 190px;
height: 30px;
padding-left: 40px;
font-size: 9pt;
background-image: url(jrl.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
color: #737373;
}


#kc{
width: 150px;
height: 30px;
padding-left: 40px;
font-size: 9pt;
background-image: url(kc.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
color: #737373;
}


#hpc{
width: 150px;
height: 30px;
padding-left: 45px;
font-size: 9pt;
background-image: url(hpc.png);
background-repeat: no-repeat;
position: relative;
float: left;
display: inline;
color: #737373;
}

#valid{
font-size: 8pt; 
float: left;
padding-top: 15px;
width: 870px;
text-align: center;
color: #737373;
}

#cright{
font-size: 9pt;
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: #737373;
text-decoration: none;
color: #737373;
font-size: 9pt;
}

#valid a{
color: #737373;
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 #d9d9d9;
}

#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 */



