/* ======================================================================

   THECATPRACTICELA.COM
   Veterinary care, grooming and boutique for cats
   info@thecatpracticela.com
   (c) 2008 The Cat Practice, All Rights Reserved.

   Stylesheet prepared by Naz Hamid
   work@weightshift.com / weightshift.com

======================================================================== */

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

body {
	background:		#FFFFFF url(../_gfx/bg.png) top repeat-x;
	font-family: 	Lucida Grande, Verdana, Arial, sans;
	font-size: 		11px;
	border:			0; 	
}

img { border: none;	}

img.left { float: left; margin: 5px 12px 12px 0px; }
img.left-bt70 { float: left; margin: 5px 12px 70px 0px; }
img.left-bt30 { float: left; margin: 5px 12px 30px 0px; }
img.tn { padding: 5px; border: 1px solid #e9e9e9; }
img.img-blog { width: 440px; }

a:link { color: #069; text-decoration: none; font-weight: bold; }
a:visited { color: #069; text-decoration: none; font-weight: bold; }
a:hover { color: #e97f1e; text-decoration: underline; font-weight: bold; }
a:active { color: #069; text-decoration: none; font-weight: bold; outline: none; }

h1 { 
	color: 			#222;
	font-family: 	Lucida Grande, Lucida Sans, Helvetica, Arial, sans;
	font-weight: 	normal;
	font-size: 		20px;
	line-height: 	20px;
	margin-bottom: 	10px; 
}


h2 { 
	color: 			#415a68;
	font-family: 	Lucida Grande, Lucida Sans, Helvetica, Arial, sans;
	font-weight: 	bold;
	font-size: 		16px;
	line-height: 	18px; 
	margin-bottom: 	18px;
}

h3 {
	color:			#333;
	font-family: 	Lucida Grande, Lucida Sans, Helvetica, Arial, sans;
	font-weight: 	bold;
	font-size: 		12px;
	line-height: 	18px;
}

h4 a { font-weight: bold; }

p { margin-bottom: 18px; }

ol, ul { padding: 0 20px 18px 20px; }

ul li { list-style-image: url(../_gfx/bullet_ul.gif); margin-bottom: 5px; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
#core {
	width:			950px;
	margin:			0 auto 0 auto;
}
 
.col-left {
	float:			left;
	width:			285px;
}

.col-left p { padding: 0 10px 0 10px; }

.col-right {
	float:			left;
	width:			655px;
}

#content {
	width:			640px;
	min-height:		510px;
	background: 	#fff url(../_gfx/bg_display_interior.gif) top right no-repeat;
	padding:		10px 15px 10px 10px;
}

#content h2 { font-size: 14px; margin-bottom: 5px; }

#content-text { padding: 15px 10px 10px 10px; }

#home-display {	
	width:			640px;
	height:			410px;
	background: 	url(../_gfx/bg_display_home.gif) top left no-repeat;
	padding:		10px;
	margin:			0 0 10px 0;
}

#home-text {
	float:			left;
	width:			350px;
	padding:		0 10px 0 10px;
	margin:			0 10px 0 0; 
}

#home-buttons {
	float:			left;
	width:			275px;
	padding:		0;
	margin:			0; 
}

#home-blog {
	font-size:		12px;
	float:			left;
	width:			275px;
	padding:		5px 0 0 0;
	margin:			0; 
	line-height: 	20px;
}

#home-blog ul {
margin: 10px 0 5px 0;
padding: 0 0 0 0;
border-top: 3px solid #415a68;
}

#home-blog li {
padding: 0 0 5px 0;
border-bottom: 1px solid #ccc;
list-style: none;
margin: 5px 0 0 0;
}

#home-blog li em { 
float: right; 
color: #999;
font: 10px Lucida Grande;
font-style: normal;
line-height: 	20px;
}

.blog { float: left; width: 440px; text-align: left; margin-right: 20px; } 
.blog p { font-size: 12px; }
.blog-sidebar { float: left; width: 160px; text-align: left; padding-top: 20px; }
.blog-sidebar ul {
margin: 5px 0 25px 0;
padding: 0 0 0 0;
border-top: 3px solid #415a68;
}

.blog-sidebar li {
padding: 0 0 5px 0;
border-bottom: 1px solid #ccc;
list-style: none;
margin: 5px 0 0 0;
}

.blog ul h2 { border-bottom: 3px solid #415a68; margin: 20px 0 10px -20px; }

.prev {
float: left;
}

.prev a { background: url(../_gfx/icon_prev.gif) left no-repeat; padding-left: 16px;  }

.next {
float: right;
text-align: right;
}

.next a { background: url(../_gfx/icon_next.gif) right no-repeat; padding-right: 16px;  }

.archive { 
position: relative;
text-align: right;
margin: -192px 20px 175px 0;
}

.archive a { color: #fff; background: url(../_gfx/icon_archive.gif) 0 50% no-repeat; padding-left: 14px; }
.archive a:hover { color: #fff; text-decoration: underline; }

#visitus-left {
	float:			left;
	width:			160px;
	padding:		10px;
	margin-right:	10px;
}

#visitus-right {
	float:			left;
	margin-top: 	10px;
}

#footer {
	border-top: 	3px solid #415a68;
	padding: 		10px; 
	margin:			8px 0 0 0;
}

#footer p {
	padding:		10px 0 0 0;
}


/*----------------------------------------------------------------------- 
   Hours table
 ------------------------------------------------------------------------ */
 
table.hours { margin: 0 10px 18px 10px; }
table tr { border-bottom: 1px dotted #ccc; }
table.hours td { width: 125px; }
table.hours td.right { text-align: left; font-weight: bold; }


/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */

#nav {
	width: 			655px;
	height: 		74px;
	background: 	url(../_gfx/nav.gif);
	margin: 		0 auto 0 auto;
	padding: 		0;
	position: 		relative;
	top: 			0px;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav li, #nav a { height: 74px; display: block; }
#nav1 { left: 9px; width: 59px; }
#nav2 { left: 79px; width: 87px; }
#nav3 { left: 176px; width: 114px; }
#nav4 { left: 299px; width: 72px; }
#nav5 { left: 380px; width: 56px; }
#nav6 { left: 446px; width: 98px; }
#nav7 { left: 553px; width: 93px; }

#nav1 a:hover { background: transparent url(../_gfx/nav.gif) -9px -74px no-repeat;}
#nav2 a:hover { background: transparent url(../_gfx/nav.gif) -79px -74px no-repeat;}
#nav3 a:hover { background: transparent url(../_gfx/nav.gif) -176px -74px no-repeat;}
#nav4 a:hover { background: transparent url(../_gfx/nav.gif) -299px -74px no-repeat;}
#nav5 a:hover { background: transparent url(../_gfx/nav.gif) -380px -74px no-repeat;}
#nav6 a:hover { background: transparent url(../_gfx/nav.gif) -446px -74px no-repeat;}
#nav7 a:hover { background: transparent url(../_gfx/nav.gif) -553px -74px no-repeat;}


/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */

#nav-new {
	width: 			655px;
	height: 		74px;
	background: 	url(../_gfx/nav_new.gif);
	margin: 		0 auto 0 auto;
	padding: 		0;
	position: 		relative;
	top: 			0px;
}

#nav-new span { display: none; }

#nav-new li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav-new li, #nav-new a { height: 74px; display: block; }
#nav-new1 { left: 9px; width: 59px; }
#nav-new2 { left: 79px; width: 87px; }
#nav-new3 { left: 176px; width: 114px; }
#nav-new4 { left: 299px; width: 72px; }
#nav-new5 { left: 380px; width: 56px; }
#nav-new6 { left: 446px; width: 98px; }
#nav-new7 { left: 553px; width: 93px; }

#nav-new1 a:hover { background: transparent url(../_gfx/nav_new.gif) -9px -74px no-repeat;}
#nav-new2 a:hover { background: transparent url(../_gfx/nav_new.gif) -79px -74px no-repeat;}
#nav-new3 a:hover { background: transparent url(../_gfx/nav_new.gif) -176px -74px no-repeat;}
#nav-new4 a:hover { background: transparent url(../_gfx/nav_new.gif) -299px -74px no-repeat;}
#nav-new5 a:hover { background: transparent url(../_gfx/nav_new.gif) -380px -74px no-repeat;}
#nav-new6 a:hover { background: transparent url(../_gfx/nav_new.gif) -446px -74px no-repeat;}
#nav-new7 a:hover { background: transparent url(../_gfx/nav_new.gif) -553px -74px no-repeat;}



/*----------------------------------------------------------------------- 
   Icons - Blog
 ------------------------------------------------------------------------ */
 
.contactus { background: url(../_gfx/icon_contactus.png) 0 50% no-repeat; padding: 5px 0px 5px 20px; }
.facebook { background: url(../_gfx/icon_facebook.png) 0 50% no-repeat; padding: 5px 0px 5px 20px; }
.twitter { background: url(../_gfx/icon_twitter.png) 0 50% no-repeat; padding: 5px 0px 5px 20px; }
.yelp { background: url(../_gfx/icon_yelp.png) 0 50% no-repeat; padding: 5px 0px 5px 20px; }


/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */

.logo { margin-bottom: 18px; }
#home .shadow-home { height: 520px; background: url(../_gfx/bg_colleft_home.gif) top right no-repeat; }
.shadow-home { height: 410px; background: url(../_gfx/bg_colleft_interior.gif) top right no-repeat; }
.footer-cat { position: relative; margin-top: -235px; padding-left: 20px; z-index: -100;}
.dotted { clear: both; border-bottom: 1px dotted #ccc; margin: 10px 0 10px 0; }

.s { font-size: 10px; }
.up { text-transform: uppercase; }
a.orange { color: #e97f1e; letter-spacing: 1px; }