/* CSS Document */
body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #555;
	background-color:#fff;
}
.clear {
	visibility:hidden;
	clear:both;
}
#container {
	margin: 5px auto;
	width: 800px;
	background-color:#fff;
}
#header {
	height: 100px;
	font-size:.9em;
}
#header .location {
	float: left;
	padding: 10px 5px;
	margin-right:5px;
	border-right: 1px solid #ccc;
}
#header .location p {
	margin:0;
	padding:0;
}
#header .location a {
	color: #009;
	text-decoration:none;
}
#header .location a:hover {
	color: #900;
	text-decoration:underline;
}
#header .location .title {
	font-weight:bold;
	color: #900;
}
#header .logo {
	float: left;
	width:150px;
	margin-right: 50px;
}

#footer {
	clear:both;
	border-top: 3px solid #900;
	padding-top:5px;
	font-size: .9em;
}
#footer a{
	color:#555;
	text-decoration:none;
}
#footer a:hover{
	color:#900;
	text-decoration:underline;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}

#navigation {
	width:800px;
	height: 300px;
	clear:both;
	border-top:2px solid #900;
	border-bottom:2px solid #900;
}
#navigation #slideshow {
	width: 500px;
	height: 300px;
	float:left;
}
#navigation #nav {
	float:right;
	width:296px;
	height: 298px;
	padding:2px;
	background-color:#900;
}
#navigation #nav .button {
	display:block;
	padding: 4px;
	height:61px;
	border-bottom:1px solid #700;
	color: #fff;
	cursor:hand;
}
#navigation #nav .button:hover {
	color:#900;
	background-color: #fff;
}
#navigation #nav h3 {
	margin-bottom:1px;
	margin-top:2px;
	font-weight:normal;
	font-size:1.8em;
}
#navigation #nav p {
	margin:0;
	margin-top:2px;
	margin-left:10px;
	font-size:.9em;
}
#navigation #nav a {
	text-decoration:none;
}
#navigation #nav a:hover {
	color:#900;
	background-color:#fff;
}
#bodycopy {
	clear:both;
	padding-left:20px;
}
#bodycopy h1, #bodycopy h2 {
	margin: 0;
	margin-top:10px;
	padding-bottom:2px;
	font-weight:bold 
	font-family:Helvetica, Arial, sans-serif;
	color: #900;
}
#bodycopy h1 {
	font-size:1.5em;
}
#bodycopy h2 {
	font-size:1.3em;
	color:#333;
}
#bodycopy #main {
	width:478px;
	float:left;
	border-right:1px solid #ccc;
	min-height:200px;
	padding-right:5px;
}
#bodycopy #sidebar {
	float:right;
	width:270px;
	padding:5px;
}
#bodycopy #sidebar h3 {
	margin:0;
	margin-top:15px;
	font-size:1.2em;
	color:#000;
}
#bodycopy #sidebar a {
	color: #555;
	text-decoration:none;
}
#bodycopy #sidebar a:hover {
	color:#900;
	text-decoration:underline;
}
#bodycopy #sidebar p {
	margin:0;
}

/* /pets styles */
.pet, .petofweek {
	border-bottom: 1px solid #ccc;
	clear:both;
	padding:5px;
	margin: 10px auto
}
.petofweek {
	border: none;
}
.petImg {
	float: right;
	border: 1px solid #000;
	margin-left: 5px;
	margin-bottom:5px;
}
.petList {
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.petList li {
	margin-bottom:5px;
}

/* /specials styles */
.special {
	border: 1px dashed #ccc;
	padding:5px;
	clear:both;
}
.special h3 {
	margin:0;
	padding:0;
}
.printImg {
	float:right;
}
.exp {
	text-align:right;
	font-size: .8em;
}

/* /blog styles */
.post {
	border-bottom:1px solid #ccc;
	padding:5px;
	clear:both;
}
.singlePost {
	border:none;
}
.postFoot {
	font-size:.8em;
	text-align:left;
	color:#999;
	margin-top:0;
	margin-bottom:10px;
}
.postFoot a {
	color:#999;
	text-decoration:none;
}
.postFoot a:hover{
	color:#900;
	text-decoration:underline;
}
.post h2 {
	margin:0;
	padding:0;
}