/*

Theme Name: Southview clinic theme

Theme URI: southview.co.uk	

Description:

Author: IM uidigital.com

Author URI: http://www.uidigital.com

Version: 1.0

*/





/*

Default browser styles reset + common css rules

Don't forget to set a foreground and background color on the 'html' or 'body' element!

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

/*line-height: 1em;	yes, em, not unitless*/

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

	}

a img, :link img, :visited img {

	border: 0;

	}

:link, :visited {

	text-decoration: none;

	color:#114F6D;

	}

table {

	border-collapse: collapse;

	border-spacing: 0;

	}

caption, th { 

	text-align: left; 

	}

ol, ul {

	list-style: none;

	}

blockquote, q {

	quotes: none;

	}

h1, h2, h3, h4, h5, h6 {

	margin-bottom: 0;

	}

h1, h2, h3, h4, h5, h6, p {

	position: relative;

	}



a{

	outline:none;

}

legend, hr {

	display: none;

	visibility: hidden;

	}

button {

	cursor: pointer;

	}

abbr, acronym {

	cursor: help;

	border: none;

	}

#contentleft strong {

	display:block;

font-weight:bold;

padding-bottom:10px;

	}

em {

	font-style: italic;

	}

/*left margin for elements that need it IF THEY NEED IT

----------------------------------------

li, blockquote {

  margin-left: 1.5em;

	}

ol li {

  margin-left:2em;

	}

*/ 







blockquote{

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

background:#fcfcfc url(images/blockquote.jpg) no-repeat scroll left top;

border:2px solid #dfdfdf;

font-family:Georgia;

font-style:italic;

margin:30px;

padding:28px;

font-size:14px;

}















/*misc useful classes

---------------------*/

.clear {

	clear: both;

	height: 0;

	overflow: hidden;

	}

.hide {

	display: none;

	visibility: hidden;

	}

.center {

	text-align: center;

	}

















/*clearfix

----------------------------------------------------*/

.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 */

/*END clearfix







/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html

----------------------------------------------------*/

.replace { 

	position:relative; 

	margin:0px; 

	padding:0px; 

	/* hide overflow:hidden from IE5/Mac */ 

	/* \*/ overflow: hidden; /* */ 

	} 

.replace span {

	display:block; 

	position:absolute; 

	top:0px; 

	left:0px; 

	z-index:1; /*for Opera 5 and 6*/ 

	}

/*Example HTML - all elements that require replacement use the .replace class then set the rule for the specific image and dimensions and associate with the elements ID.



<h1 id="myh1" class="replace" >Headline<span></span></h1> 



the add the CSS:

#myh1, #myh1 span { 

	height:100px; 

	width:300px; 

	background-image: url(head.png); 

} 

----------------------------------------------------*/

body{

	margin: 0;

	padding: 0;

	background-image: url(images/back.jpg);

	background-repeat: repeat-x;

	font-family: Arial;

	font-size:0.8em;

	background-color: #e6e6e6;

	color: black;

	text-align: center;

}



#wrapper{

	width: 961px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	overflow:hidden;

}



#header-top{

height:150px;

margin-left:auto;

margin-right:auto;

position:relative;

width:961px;

float:left;

display:block;

}

#logo{

	float:left;

	margin-top:28px;

}



#telephone{

background-image:url(images/telephone.jpg);

background-repeat:no-repeat;

height:55px;

position:absolute;

right:0;

text-align:right;

top:68px;

width:252px;

display:none;

}

#telephone span{

	

	}

#navig{

position:absolute;

right:0;

top:42px;

width:auto;

}



#navig ul li {

display:inline;

float:left;

margin-left:2px;



}



#navig ul li:hover {

background-image: url(images/li-back.png);

background-repeat: no-repeat;

background-position: left top;

	

}

#navig ul {

margin-top:7px;

padding:0;



}

#navig ul li a {

color:#111;

font-family:Arial;

font-size:12px;

font-weight: normal;

padding:11px 28px;

text-align:center;

text-decoration:none;

display:inline-block;

height:100%;

float:left;

text-shadow: 1px 1px #eee;





}

#navig ul li a:hover{

background-image: url(images/li-a-back.png);

background-repeat: no-repeat;

	color:#fff;

	text-shadow: 1px 1px #333;

	float:left;

	display:inline;

background-position: right top;







}

#navig ul li:hover{

	background-image: url(images/li-back.png);

background-repeat: no-repeat;

	color:#fff;

	text-shadow: 1px 1px #333;

	background-position: left top;

	float:left;

	display:inline;

}

#navig ul li.current_page_item {

	background-image: url(images/li-back.png);

background-repeat: no-repeat;

	color:#fff;

	text-shadow: 1px 1px #333;

	background-position: left top;

		float:left;

	display:inline;

}

#navig ul li.current_page_item a{

	background-image: url(images/li-a-back.png);

background-repeat: no-repeat;

	color:#fff;

	text-shadow: 1px 1px #333;

			display:inline;

	background-position: right top;

float:left;

}





#content{

width:961px;

overflow:hidden;

margin-bottom:10px;

}



.inner-content{

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	background-color:#F3F3F3;

border:1px solid #D9D9D9;

width:961px;

	



}

#contentleft-home{

float:left;

overflow:hidden;

width:961px;

display:inline;



}

#contentleft{

border-right:2px solid #DFDFDF;

display:inline;

float:left;

margin-bottom:0;

min-height:434px;

overflow:hidden;

width:672px;



}



#post img{

	display:block;

	margin-bottom:15px;

}

#post{

font-size:12px;

padding:15px;

}



#post ul li a:hover{

	text-decoration: underline;

}

#post h2{

	font-size:18px;

}

#contentleft #about{

border-left:1px solid #888888;

border-right:1px solid #888888;

float:right;

margin-top:10px;

padding-left:15px;

padding-right:15px;

width:475px;

}



 #contentleft #test{

background-image:url(images/test-cloud.gif);

background-repeat:no-repeat;

background-position: top center;

float:right;

width:220px; 

overflow:hidden;

margin-top:8px;

}



p.title{

	font-size: 20px;

	font-style: Italic;

	color: #114F6D;

	border-bottom:1px solid #DFDEE2;

	padding-left: 5px;

}



#sidebar{

float:right;

margin-top:0px;

padding-top:0px; 

padding-left:5px;

padding-right:5px;

padding-bottom:0px;

width:270px;

display:inline;

position:relative;

z-index: 300px;

}





#sidebar h2{

	font-family:Arial;

font-size:18px;

padding-bottom:5px;

color:#000;

font-weight:normal;

}

#sidebar ul li a{

	color:#000;

	position:relative;

}



#sidebar ul li a:hover{

	color:#000;

}

#sidebar ul li{

	background-image: url(images/img-li.gif);

	background-repeat: no-repeat;

	background-position: 0 8px;

	padding-top:5px;

	padding-bottom:5px;

	border-bottom: 1px dotted #dfdfdf;

	padding-left: 15px;

	position:relative;

}


#sidebar ul li ul li{
	border: none;
}


div.side{

clear:both;

display:block;

margin-bottom:30px;

margin-left:13px;

margin-top:40px;

width:236px;

}



.boxes{

	margin-top: -6px;

}



#footer{

	background-image:url(images/footer.jpg);

	background-repeat: repeat-x;

	width: 100%;

	height: 80px;

	text-align: center;

/*margin-top: 10px;*/

padding-top:8px;



}

#footer p{

	text-align: center;

	line-height: 1.2em;

	padding-top: 14px;

	color: #888;

	font-size:11px;

	

}



#footer a{

	color: #808080;

	text-decoration: none;

}

#footer a:hover{

	text-decoration: underline;

}

img.right{

	float: right;

}









#comment{width: 650px;}

#about li {padding-top: 5px;}

#commentform {margin-top: 5px;}



small{

	

}

#about .entry {}





.content-wrapp{

	overflow:hidden;

	background: white;

	border: 1px solid #E6E6E6;

	-moz-border-radius: 10px;

-webkit-border-radius: 10px;

padding:20px;

margin-top:10px;

margin-right:10px;

}



#contentleft h2{

	font-size:27px;

	font-family: Arial;

	

	font-weight:normal;

	}

#contentleft ul{

	margin-top: 15px;

	margin-bottom: 15px;

	margin-left: 40px;

}



#contentleft ul li{

	list-style-position: inside;

	list-style: square;

	padding-bottom:5px;

padding-top:5px;

}







.logos{

	float:left;

	width:160px;

}









#contentleft .entry a{

	color: #888;

}

#text-field {

background-color:white;

background-image:url(images/ico-search.gif);

background-position:left center;

background-repeat:no-repeat;

border:1px solid white;

float:left;

height:10px;

padding:5px;

text-indent:20px;

width:200px;

}

#search-form{

	display: inline;

	float:left;

}



.post{

background:transparent none repeat scroll 0 0;

border-bottom:1px solid #DFDFDF;

margin-bottom:20px;

padding:0 0 20px;

position:relative;

}

 

 .post .post,

 .page{

	background-image: url(images/img-post.jpg);

	background-repeat: repeat-x;

	background-position: top center;

	padding:15px;

 }

 

 .rss{

 background-image: url(images/rss.png);

 background-repeat: no-repeat;

bottom:0;

color:white;

font-size:11px;

height:88px;

margin-bottom:20px;

margin-top:20px;

right:23px;

width:258px;

clear:both;

float:left;

 }

 

.rss a{

display:block;

float:left;

height:45px;

margin-left:14px;

margin-right:-1px;

margin-top:33px;

width:45px;

text-indent:-99999px;

} 

 .rss p{

float:left;

padding-top:16px;

}



.rss img{

	float:right;

}



.alignleft{

	float: left;

	margin-right: 10px;

	padding:1px;

	border:1px solid #888;

	margin-top:5px;

}







#contentleft ul.featured li{

	background-image: url(images/img-featured-list.jpg);

	background-repeat:no-repeat;

	padding-left:0;

	background-position: 0 6px;

	list-style: none;

	padding-left:28px;	

}

#contentleft ul.featured{

	margin: 0px;

}

#contentleft h3{

font-family:Georgia;

font-size:21px;

font-style:italic;

font-weight:normal;

padding-bottom:10px;

padding-top:10px;

margin-top:10px;



}



#test h3{

font-family:Georgia;

font-size:18px;

font-style:italic;

font-weight:normal;

padding-bottom:0px;

padding-top:10px;

}



.piclenselink{

	display:none;

}



#about{

	width:939px;

	-moz-border-radius:7px;

	-webkit-border-radius:7px;

	background-color: #f3f3f3;

	border:1px solid #d9d9d9;

	padding: 10px;

	margin-top: -15px;

	color:#808080;

}





#about h3{

	font-size: 23px;

	color: #4d4d4d;

	padding-bottom:3px;

	padding-top:7px;

	margin-left:2px;

}



.home-box{

	float:left;

	border-right:1px solid #dfdfdf;

	width:290px;

	padding:10px;

}

.home-box-last{

	float:right;

	width:285px;

		padding:10px;

}



#about img{

	border:1px solid #dfdfdf;

	background-color: #fff;

	padding:2px;

}



#about a{

	color: #000;

	font-weight:bold;

	text-decoration: underline;

}

#about p{

	line-height: 1.7em;

}





#header-boxes{

	float: right;

	width:295px;

	margin-right:3px;

	color:#808080;
font-size:0.9em;
}

#header-boxes h2{

	font-size: 21px;

	color: #4d4d4d;

	padding-bottom:0px;

	padding-top:10px;

	margin-left:2px;

}



.header-box{

	height:114px;

margin-top:7px;

width:290px;

}

#header-boxes a{

	color: #000;

	text-decoration: underline;

	font-weight: bold;

}



#header-boxes img{

	float: left;

	margin-right:5px;

	border: 1px solid #dfdfdf;

	background-color: #fff;

	padding: 2px;

}

/* slider */





a img{

 border:0;

}

div.wrap{

margin-left:0;

text-align:left;

width:961px;

}

 div#top div#nav{

  float:left;

  clear:both;

  width:993px;

  height:52px;

  margin:22px 0 0;

  background:url url(images/nav-bg.png) 0 0 no-repeat;

 }

  div#top div#nav ul{

   float:left;

   width:700px;

   height:52px;

   list-style-type:none;

  }

   div#nav ul li{

    float:left;

    height:52px;

   }

    div#nav ul li a{

     border:0;

     height:52px;

     display:block;

     line-height:52px;

     text-indent:-9999px;

    }

 

div#header{

 margin:-1px 0 15px;

}

div#video-header{

 height:683px;

 margin:-1px 0 0;

}

 div#header div.wrap{

 background:transparent url(images/top-block.jpg) no-repeat scroll 50% 0;

height:399px;

 }

 div#header div#slide-holder{

height:366px;

position:absolute;

width:655px;

z-index:40;

 }

  div#header div#slide-holder div#slide-runner{

height:366px;

left:11px;

overflow:hidden;

position:absolute;

top:11px;

width:634px;

  }

  div#header div#slide-holder img{

   margin:0;

   display:none;

   position:absolute;

	

  }

  div#header div#slide-holder div#slide-controls{

   left:0;

   bottom:37px;

   width:650px;

   height:46px;

   display:none;

   position:absolute;

   background:url(images/slide-bg.png) 0 0;

	visibility:hidden;

  }

   div#header div#slide-holder div#slide-controls p.text{

    float:left;

    color:#fff;

    display:inline;

    font-size:10px;

    line-height:16px;

    margin:15px 0 0 20px;

    text-transform:uppercase;

   }

 

   div#header div#slide-holder div#slide-controls p#slide-nav{

    float:right;

    height:24px;

    display:inline;

    margin:11px 15px 0 0;

   }

    div#header div#slide-holder div#slide-controls p#slide-nav a{

    background-position:0 0;

background-repeat:no-repeat;

color:#FFFFFF;

display:inline;

float:left;

font-size:11px;

font-weight:bold;

height:24px;

line-height:23px;

margin:0 5px 0 0;

text-align:center;

text-decoration:none;

width:25px;

    }

    div#header div#slide-holder div#slide-controls p#slide-nav a.on{

     background-position:0 -24px;

    }

div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}

div#nav ul li a{background:url(images/nav.png) no-repeat;}



#slide-client span{

	font-weight: bold;

	font-size:15px;

}



.entry p{

	margin-right:15px;

	line-height: 1.6em;

}





#searchform{

overflow:hidden;

}

.screen-reader-text{

	display:block;

float:left;

}



#s{

	clear:both;

display:block;

float:left;

}



#searchsubmit{

	display:block;

float:left;

margin-top:-1px;

}



#sidebar li.current_page_parent{

	border: none;

	margin-bottom:15px;

}



#sidebar li a{

		font-weight: normal;

}



#sidebar li.page-item-7, #sidebar li.page-item-2 {

	border: none;

}



#sidebar ul li ul li a{

	font-weight: normal;

}


#logos{
	width:960px;
	height: 75px;
	background-image: url(images/logos.jpg);
	background-repeat: no-repeat;
	margin-top:10px;
}

#logos a{
	display:block;
	float:left;
	text-indent:-99999px;
}

#logos a.first{
	height:75px;
width:147px;
}
#logos a.second{
	height:75px;
margin-left:20px;
width:90px;
}
#logos a.third{
	height:75px;
margin-left:28px;
width:100px;
}
#logos a.fourth{
	height:75px;
margin-left:46px;
width:50px;
}
#logos a.fifth{
	height:75px;
margin-left:62px;
width:137px;
}
#logos a.sixth{
	height:75px;
margin-left:48px;
width:70px;
}
#logos a.seventh{
	height:75px;
margin-left:63px;
width:71px;
}