@charset "utf-8";
/* CSS Document */


/*////////// GENERAL //////////*/
*{
margin:0;
padding:0;
}
/*////////// TYPOGRAPHY //////////*/

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin-bottom: 1.1em;
}
p.small{
font-size:12px;
}
h1,h2,h3,h4,h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
h1{
	font-size:26px;
	color:#fff;
}
h2{
font-size:20px;
}
h3{
font-size:18px;
margin-bottom: 8px;
}
h3.archive{
margin-top:20px;
}
h3.title{
margin-left:40px;
}
h3.page-title{
	margin-left: 40px;
	margin-bottom: 40px;
}
h4{
font-size:16px;
}
h5{
font-size:14px;
}
a{
color:#ff0066;
text-decoration: none;
}

a:hover {
}
a:visited {
}
/*-------------LAYOUT DIVISIONS--------------*/
body{
background:url(images/page_bg.jpg) top left repeat-x #06B3F1;
line-height:1.4em;
}
#page{
width:1000px;
margin:0 auto;
background:#fff;

}
#menu{
background:#8DC057;
width:1000px;
margin:0;
padding:0;
}

#foot_container{
clear:both;
border-top:4px solid #00B1F1;
background: url(images/foot_bg.png) repeat-x #008DBF;
height: 50px;
}
#footLeft{
float:left;
padding-top: 25px;
color:#fff;
padding-left:20px;
}
#footRight{
float:right;
padding-top: 25px;
padding-right: 20px;
}
#sitemap{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:center;
clear:both;
background-color:#024d68;
color:#fff;
}
#footRight a, #footLeft a{
color:#fff;
}
#sitemap ul{
}
#sitemap ul li{
display:inline;
padding:5px 10px;
}
#sitemap ul li a{
font-size:12px;
color:#fff;
text-decoration:none;
}
#sitemap ul li a.active{
color:#ccc;
}

/*------------PAGES-------------------*/
#header{
	position:relative;
	margin:0 0 0 0;
	padding:10px 0 15px 10px;
	background: url(images/pawsBG.jpg) #8DC057;
}
#blog{
	padding-top:20px;
	padding-left:320px;
	padding-right:30px;
	padding-bottom:30px;
}

.story{
background: url(images/story_bg.jpg) top left no-repeat;
padding:12px;
border: 1px dashed #999;
margin-bottom:25px;
}
#date_box{
margin:-10px 0 15px 40px;
}

#sidebar{
	float:left;
	margin:0px;
	padding:20px 10px 10px 50px;
	width:200px;
}
#title{
	position:absolute;
	left:390px;
	top:64px;
}

#stripe{
	background: url(images/drop_shad.jpg) bottom left repeat-x #000;
	height:60px;
}
h3#phone{
	padding-top:5px;
	margin-left:20px;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
}

/*---------------BLOG MENU---------------------*/
#sidebar ul{
margin-left: 20px;
list-style:none;
}
#sidebar ul li{
padding:3px 0;
border-bottom: dashed 1px #ccc;
}
#sidebar ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:normal;
color: #ff0066;
text-decoration:none;
}
#sidebar ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:normal;
color: #ff0066;
text-decoration:none;
}
/*////////// CLASSES //////////*/


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.award{
	position:absolute;
	top: -38px;
	right: 70px;
	width: 292px;
	text-align:center;
	height:106px;
	width: 150px;
	padding-top:100px;
	background: url(images/phone_tag.png) no-repeat top center;
}
.award h3{
color:#333;
}

/* ---------------------LOGIN ---------------*/
#login{
padding: 5px 15px;
}
#login ul{
list-style:none;
}
#login ul li{
display: inline;
list-style:none;
}
 #login ul li a{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding:2px 5px 2px 5px;
color: #ffffff;
}

/* END LOGIN */
/*------IMAGES-----------------*/
/*////////// IMAGES //////////*/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */