/*
Theme Name: Vetlife
Theme URI: http://kelpdesign.com/
Description: The vetlife design
Version: 1 alpha
Author: Tim Klein
Author URI: http://kelpdesign.com
*/

	*
	{
		margin: 0px;
		padding: 0px;
	}

	html {
		overflow: -moz-scrollbars-vertical;
  }

	body
	{
		margin: auto;
		font-size: 62.5%;
		font-family: "lucida grande",tahoma,sans-serif;
		color: #533d14;
		background-color: #cbc4b1;
		background-image:url(images/main-bg.jpg);
		background-repeat:no-repeat;
		background-position: top center;
		margin: 0;
	  padding: 0;
	}

	strong
	{
		font-weight: bold;
	}


	a:link,
	a:visited,
	a:hover
	{
		color: #533D14;
	}

	img{
		border:0px;
	}

	h2
	{
		color:#533d14;
		font-weight: normal;
		line-height:120%;
	}

	h3
	{
		font-weight: normal;
		padding-bottom:5px;
		color:#FFFFFF;
		margin:0px;
	}

	h4
	{
		font-weight: bold;
		margin:0px;
		color: #533d14;
	}

	h4 a:link,
	h4 a:visited
	{
		color: #533d14;
	}
	

	#header
	{
		background-image:url(images/bg-top.jpg);
		background-repeat:repeat-x;
		height:128px;
		text-align: center;
	}

	#header img
	{
		margin: 20px 530px 0px 0px;
	}

	#navitop
	{
		clear: both;
		width: 900px;
		margin: -7px auto;

	}

	#navitop ul
	{
	}

	#navitop ul li
	{
		height:32px;
		width: 111px;
		display: inline;
		float: left;
		text-align: center;
	}

	#navitop a
	{
		position: relative;
		top: 12px;
	}

	#navitop .page_item a:link,
	#navitop .page_item a:visited,
	#navitop .page_item a:hover,
	#navitop .page_item a:active
	{
		color:#FFFFFF;
		text-decoration: none;
		font-size: 1.4em;
		font-weight: bold;
	}

	#navitop .current_page_item a:link,
	#navitop .current_page_item a:visited,
	#navitop .current_page_item a:hover,
	#navitop .current_page_item a:active,
	#navitop .current_page_parent a:link,
	#navitop .current_page_parent a:visited,
	#navitop .current_page_parent a:hover,
	#navitop .current_page_parent a:active
	{
		color: #533D14
	}

	#navitop .current_page_item,
	#navitop .current_page_parent
	{
		background-image: url(images/tab.png);
	}

	#headerimage,
	#flashheader
	{
		height:244px;
		padding-bottom: 0px;
	}

	#spacer
	{
		height: 30px;
		clear: both;
	}


	#content
	{
		padding-top:20px;
		width: 900px;
		margin: auto;
		min-height: 700px;
	}

	#content img
	{
	}

	#content-block
	{
		float: left;
		width: 620px;
	}

	#content-block p
	{
		color: #533d14;
	}



	#leftcontent
	{
		width: 620px;
		float: left;
	}

	#rightbar
	{
		margin-left: 30px;
		width: 250px;
		float: right;
	}



	#sidebar
	{
		float: right;
		width: 264px;
	}

	#sidebar p
	{
		font-weight: normal;
		color: #FFFFFF;
		margin: 10px;
		padding: 5px;
	}


	#sidebar a:link,
	#sidebar a:visited
	{
		color: #FFFFFF;
	}

	hr
	{
		margin: 15px 0;
		border: none;
		border-top: dashed #533D14 2px;
		height: 0px;
	}

	#footer
	{
		clear: both;
		margin: auto;
		width: 100%;
		text-align: center;
		height:30px;
		color:#FFFFFF;
		background-image: url(images/box-top-bg.jpg);
		background-repeat: repeat-x;
	}

	#footer img
	{
		position: relative;
		top: 10px;
	}

	.entry
	{
		font-size: 1.3em;
		line-height: 140%;
	}

	.entry h4
	{
		font-size: 1.2em;
	}

	/**
	 * here is the start of the site-specific layout
	 */


	/* home page */

	#columns
	{
		width: 680px;
		padding-top: 0px;
	}

	.homepageitem
	{
		width: 310px;
		min-height: 140px;
		float: left;
		font-weight: bold;
		font-size:1.3em;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	#columns div h4
	{
		padding-bottom: 5px;
	}

	.homepageitem
	{

	}

	/* news and research page */


	.newspageitem
	{
		font-size:1.3em;
		width: 280px;
		padding-right: 40px;
		float: left;
		padding-bottom: 30px;
		min-height:350px;
	}

	.newspageitem .date
	{
	}

	.newspageitem h2
	{
		text-transform: uppercase;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.newspageitem h2 a:link,
	.newspageitem h2 a:visited,
	.newspageitem h2 a:hover
	{
		text-decoration: none;
	}

	.newspageitem img
	{
		width: 280px;
		padding-bottom:10px;
	}

	#newscolumns
	{
		width: 650px;
	}

	#newsbar
	{
		float: right;
		width: 250px;
	}

	#newsbar div
	{
	}

	#recentposts ul
	{
		list-style-type: none;
		padding: 10px;
	}

	#recentposts ul li
	{
		padding:5px;
	}

	/* contact us page */


	#contactcontent
	{
		width: 620px;
	}

	#contactcontent h5
	{
		padding-top: 5px;
		padding-bottom:10px;
	}

	#contactcontent p
	{
		padding-bottom: 5px;
	}



	#directors h3
	{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 130%;
		color: #533D14;
		padding-bottom: 15px;
	}

	#directors h4
	{
		font-size: 130%;
		font-weight: bold;
		margin:0px;
		height:20px;
		color: #FFFFFF;
		padding: 2px 0 0 2px;
		text-transform: uppercase;
		background-image: url(images/box-top-bg.jpg);
		background-repeat: repeat-x;
	}

	#directors .directorimage
	{

		width: 160px;
		float:left;
	}

	#directors .directorimage img
	{
		height:150px;
		width:150px;
	}

	#directors .directorcontent
	{
		float: left;
		width: 460px;
		font-size:120%;
	}

	#directors .directorcontent p
	{
		padding: 5px;
	}


	/* single post page */

	#singlepost
	{
		width: 620px;
		float: left;
	}

	#singlepost h2
	{
		text-transform: uppercase;
		background-image: url(images/icons/news.png);
		background-repeat: no-repeat;
		padding-left: 35px;
		padding-bottom: 5px;
	}


	#singlepost .attachment-medium
	{
		margin-bottom:20px;
	}

/*
	#singlepost p
	{
		padding: 5px 10px 0px 10px;
		line-height: 140%;
	}

	#singlepost ul
	{
		padding: 10px 10px 0px 30px;
	}

	#singlepost ul li
	{
		padding: 0px 10px 0px 0px;
		line-height: 100%;
	}

*/
	.fullimage
	{
		width: 300px;
		padding-bottom: 10px;
	}



	/* clinics page */
	#clinicpages
	{
		font-size:1.3em;
	}

	#clinicpages h4
	{
		font-size: 130%;
		font-weight: bold;
		margin:0px;
		background-image:url(images/icons/clinics.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		height: 30px;
		color: #533D14;
		padding: 12px 0 0 45px;
		text-transform: uppercase;
	}

	#clinicpages ul li
	{
		list-style: none;
	}

	#clinicpages a:link,
	#clinicpages a:visited,
	#clinicpages a:hover
	{
		color: #533D14;
		text-decoration: none;
		font-weight: bold;
	}

	/* clinic page */

	.clinicimage
	{
		width: 310px;
		float:left;
	}

	.clinicimage img
	{
		width:300px;
	}

	.cliniccontent
	{
		float: left;
		width: 310px;
		font-size: 1.3em;
	}

	.cliniccontent p
	{
		padding:5px 0;
	}

	.cliniccontent h2
	{
		font-size: 180%;
		text-transform: uppercase;
		font-weight: bold;
	}

	#staff, #scientific
	{
		font-size: 1.3em;
	}

	#staff h3, #scientific h3.staff
	{
		text-transform: uppercase;
		font-weight: bold;

		color: #533D14;
		background-image:url(images/icons/employment.png);
		background-position: left center;
		background-repeat: no-repeat;
		height: 30px;
		padding: 12px 0 0 45px;
	}

	#staff h4
	{

		font-weight: bold;
		margin-bottom: 15px;
		height: 20px;
		background-color:#533D14;
		color: #FFFFFF;
		padding: 2px 0 0 5px;
		text-transform: uppercase;
	}

	#staff .staffimage
	{

		width: 160px;
		float:left;
	}

	#staff .staffimage img
	{
		height:150px;
		width:150px;
	}

	#staff .staffcontent
	{
		float: left;
		width: 460px;
	}

	#staff .staffcontent p
	{
		margin: 5px;
	}
	
	#scientific p
	{
		margin: 5px;
	}
	
	#scientific ol {margin:10px 0px 10px 50px; }
	
	#newsletter	{
		font-size: 1.3em;
	}
	
	#newsletter img	{
		font-size: 1.3em;
		margin: 0px 0px 15px -5px;
	}


	#newsletter h3 { 
		text-transform: uppercase; 
		color: #533D14;
		font-weight: bold;
		font-size:12px;
	}
	


	#clinicpages .current_page_item a:active,
	#clinicpages .current_page_item a:link,
	#clinicpages .current_page_item a:visited
	{
		color: #FFFFFF;
	}


	/* employment page */


	#vacancies h3
	{
		text-transform: uppercase;
		font-weight: bold;
		color: #533D14;
	}

	.vacancy
	{
		border: 1px solid #533D14;
		background-color: #FFFFFF;
		margin-bottom: 30px;
		font-size:1.3em;
	}
	.vacancy h4
	{
		width: 100%;
		font-weight: bold;
		margin:0px;
		background-image:url(images/box-top-bg.jpg);
		background-position: 5px center;
		background-repeat: repeat-x;
		height: 38px;
		background-color:#533D14;
		color: #FFFFFF;
		text-transform: uppercase;
		margin-top: auto;
	}

	.vacancy h4 img
	{
		position: relative;
		top: 3px;
		left: 4px;
		float: left;
	}



	.vacancy h4 .title
	{
		position: relative;
		top: 10px;
		left: 8px;
		float: left;
		font-size: 1.2em;
	}


	.vacancy h6
	{
		padding: 10px 10px 0px 10px;
	}



	#vacancies .vacancy h4 a:link,
	#vacancies .vacancy h4 a:visited,
	#vacancies .vacancy h4 a:hover
	{
		color: #FFFFFF;
		text-decoration: none;
	}

	.vacancy p
	{
		padding: 5px 10px 0px 10px;
		line-height: 140%;
	}

	.vacancy ul
	{
		padding: 10px 10px 0px 30px;
	}

	.vacancy ul li
	{

		padding: 10px 10px 0px 0px;
		line-height: 140%;
	}

	.vacancy h5
	{

	}

	#contents h5
	{
		padding-left: 4px;
	}

	#contents p
	{
		padding: 4px;
	}

	.vacancy a:link,
	.vacancy a:visited,
	.vacancy a:hover
	{
		color: #533D14;
	}

  /*
    Alpha PNG support for IE
    ------------------------------
    \*/
* html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
       this.src.substr(this.src.length-4)==".png"
       ?
       (
     (!this.complete)
     ? "" :
         this.runtimeStyle.filter=
         ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
         (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
         String(this.alphaxLoaded=true).substr(0,0)+(this.src="/wp-content/themes/vetlife/images/blank.gif").substr(0,0)
       )
       :
       this.runtimeStyle.filter=""
   )
     );
    }