/*
Theme Name: London Hand Therapy
Theme URI: http://www.londonhandtherapy.co.uk/
Description: The WordPress theme for London Hand Therapy.
Version: 1.0
Author: Ricky Oneill
Author URI: http://www.looktouchfeel.com/

*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 62.5%;
	color: #000;
	text-align: center;
	font-family: "century gothic", arial, sans-serif;
	background: #fff;
    }


body a img {
	border: none;
}


.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:focus,
a:hover,
a:active{
	outline:none;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}



/*------ wrap ------*/


#wrap {
	margin: 0 auto 0px auto;
	padding: 20px 0 0 0;
	width: 954px;
	text-align: left;
}



/*------ header ------*/


#header{
	float: left;
	width: 954px;
	background: url(img/header-bg.gif) repeat-x 0 0;
}


#header #logo{
	float: right;
	width: 220px;
	height: 138px;
	background: url(img/london-hand-therapy.gif) no-repeat 0 0;
}


#header #logo a{
	float: right;
	width: 220px;
	height: 138px;
	text-indent: -9999px;
	background: url(img/london-hand-therapy.gif) no-repeat 0 0;
}



#header #call{
	float: left;
	width: 720px;
	height: 45px;
	font-size: 2.2em;
	text-align: right;
	color: #fff;
	margin: 20px 0 0 0;
}


#header ul{
	float: left;
	width: 720px;
	margin: 0 0 0 5px;
}


#header ul li{
	float: left;
	font-size: 1.5em;
}


#header ul li a{
	float: left;
	margin: 0 4px;
	color: #fff;
	background: url(img/nav-left.gif) no-repeat 0 57px;
	text-decoration: none;
}


#header ul li a span{
	float: left;
	padding: 10px 15px 0 15px;
	height: 47px;
	background: url(img/nav-right.gif) no-repeat 100% 57px;
	cursor: pointer;
}


#header ul li a:hover,
#header ul li.current_page_item a,
#header ul li.current_page_parent a{
	background: url(img/nav-left.gif) no-repeat 0 0;
}


#header ul li a:hover span,
#header ul li.current_page_item a span,
#header ul li.current_page_parent a span{
	background: url(img/nav-right.gif) no-repeat 100% 0;
}



#contact{
	float: right;
	width: 230px;
	margin: 0 0 10px 0;
}


#contact a{
	float: left;
	width: 216px;
	text-align: center;
	background: #8C8B77;
	border: 1px solid #000;
	padding: 5px 0;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}


#contact a:hover{
	background: #8B181B;
}



#pageTitle{
	float: left;
	width: 724px;
	font-size: 2.2em;
	color: #31301C;
}


/*------ content ------*/

#content{
	float: left;
	width: 954px;
	background: #939598 url(img/about-bg.gif) no-repeat 0 100%;
}




/*------ homeContent ------*/

#homeContent{
	float: left;
	width: 705px;
	height: 483px;
	background: url(img/home-bg.jpg) no-repeat 0 0;
}


* html #homeContent .box{
	margin: -1px 0 0 17px;
}


#homeContent .box{
	float: left;
	width: 215px;
	background: #7BA195;
	margin: -1px 0 0 34px;
}


#homeContent .box p{
	font-size: 1.5em;
	line-height: 1.1em;
	color: #fff;
	padding: 20px 9px 0 9px;
}


#homeContent .box p a{
	color: #fff;
	text-decoration: none;
}



#homeContent .box p a:hover{
	text-decoration: underline;
}



/*------ mainContent ------*/


#mainContent{
	float: left;
	width: 625px;
	margin: -2px 0 0 33px;
	padding: 32px 22px;
	border: 1px solid #7BA195;
	background: #fff;
	font-size: 1.5em;
}

* html #mainContent{
	position: relative;
	margin: -2px 0 0 17px;
	padding: 32px 22px;
}


#mainContent a{
	color: #8B191B;
	text-decoration: none;
}


#mainContent a:hover{
	text-decoration: underline;
}


#mainContent p{
	padding: 0 0 20px 0;
}


#mainContent h2{
	clear: both;
	font-weight: bold;
	padding: 0 0 20px 0;
}


#mainContent hr{
	color: #8B191B;
	background: #8B191B;
	margin-bottom: 20px;
}
	
	

#mainContent em{
	color: #8B191B;
	font-style: normal;
}


#mainContent ul{
	padding: 0 0 15px 0;
}


#mainContent ul li{
	padding: 0 0 5px 15px;
	background: url(img/bullet.gif) no-repeat 0 9px;
}



#mainContent img.aligncenter{
	background:#fff;
	border: 1px solid #8B181B;
	padding: 10px;
}

a img.aligncenter {display: block; margin-bottom: 20px;}
img.aligncenter {display: block; margin-bottom: 20px;}


#mainContent img.alignright{
	background:#fff;
	border: 1px solid #8B181B;
	padding: 5px;
}


#mainContent .article{
	float: left;
	width: 595px;
	padding: 15px;
	margin: 0 0 10px 0;
	background: #E9EAEB;
}


#mainContent .article h3{
	font-weight: bold;
	padding: 0 0 20px 0;
}


#mainContent p.meta{
	font-size: 0.8em !important;
	margin: 0 0 30px 0;
}



#mainContent .navigation{
	float: left;
	width: 620px;
}


#mainContent .navigation .alignleft{
	float: left;
}


#mainContent .navigation .alignright{
	float: right;
}



#list1{
	float: left;
	width: 300px;
	font-size: 0.9em;
}



#list2{
	float: left;
	width: 300px;
	font-size: 0.9em;
}


/*------ sidebar ------*/


#side{
	float: right;
	width: 228px;
}


/*------ sidebar ------*/


#sidebar{
	float: right;
	width: 192px;
	margin: 20px 12px 20px 0;
	padding: 12px 12px 40px 12px;
	font-size: 1.5em;
	color: #fff;
}


* html #sidebar{
	margin: 20px 6px 20px 0;
}


#sidebar .widgettitle{
	font-weight: bold;
	padding: 0 0 20px 0;
}



#sidebar .widget li{
	padding: 0 0 5px 0;
}


#sidebar .widget_archive{
	margin: 0 0 30px 0;
}


#sidebar .widget a{
	color: #fff;
	text-decoration: none;
}


#sidebar .widget a:hover{
	text-decoration: underline;
}



/*------ sideBar ------*/


#sideBar{
	float: right;
	width: 192px;
	margin: 20px 12px 20px 0;
	padding: 12px 12px 150px 12px;
	border: 1px solid #fff;
	background: #8C8B77 url(img/sidebar-bg.gif) no-repeat 0 100%;
	}
	
* html #sideBar{
	margin: 20px 6px 20px 0;
}
#sideBar {
	
}	
#sideBar .widgettitle{
	font-weight: bold;
	padding: 0 0 20px 0;
	
}
#sideBar h4{
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	padding: 0 0 15px 0;
	}
	
	
#sideBar p{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	padding: 0 0 15px 0;
	}
	
	
#sideBar p.button{
	font-size: 1.4em;
	margin-bottom: 20px;
	}
	
	
#sideBar p.button a{
	display: block;
	width: 190px;
	padding: 5px 0;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #939598;
	}


#sideBar p.button a:hover{
	background: #8B181B;
}

	
#sideBar .widget a{
	color: #fff;
	text-decoration: none;
}


#sideBar .widget a:hover{
	text-decoration: underline;
}



/*------ about ------*/

#about{
	float: left;
	width: 705px;
	padding: 27px 0 0 0;
	text-align: right;
}


#about h3{
	font-size: 2.1em;
	padding: 0 0 22px 0;
	color: #fff;
}


#about ul{
	font-size: 1.7em;
	padding: 0 0 15px 0;
	color: #fff;
}


/*------ preFooter ------*/

#preFooter{
	float: left;
	width: 954px;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	color: #939598;
	padding: 30px 0;
}


#preFooter .left{
	float: left;
	width: 350px;
	}
	
	
#preFooter .right{
	float: right;
	width: 350px;
	text-align: right;
	}	


/*------ footer ------*/

#footer{
	float: left;
	width: 954px;
	border-top: 7px solid #4D6E60;
	padding: 10px 0;
	font-family: arial, sans-serif;
	color: #939598;	
	font-size: 1.1em;
}


#footer a{
	color: #939598;
	text-decoration: none;
	}
	

#footer a span{
	color: #0C75BB;
	}
	
	
#footer a:hover{
	text-decoration: underline;
	}
	

#footer ul{
	float: left;
	}
	
#footer ul li{
	float: left;
	}	
	
	
#footer p{
	float: right;
	text-align: right;
	line-height: 1.5em;
	}		
	.ltf_latest_posts {
		font-size: 1.5em ;
	color: #fff ;
	}
	li.ltf-lp-entry {
		margin-bottom: 10px ;
		
	}
	
	li.ltf-lp-entry span {
		font-size: 12px ;
		color: #ddd ;
	}