/*
	
	DAWG TIRED MASTER STYLES
	Created on:			February, 2009
	Created by:			Joshua R. Jones
	URL:				http://acrestudios.com
	
*/

/* For starters */
@import url(reset.css);

body {
	text-align: center;
	font: 62.5% "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
	color: #524c3b;
	background: #a2e080 url(/images/elements/grass_texture.gif);
}

h1 {
	margin: 0 0 10px;
	font-size: 3em;
	font-weight: 100;
	color: #6a4694;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
}

blockquote {
	float: left;
}

blockquote p {
	margin: 0 0 1em;
	float: left;
	font-size: 1.8em !important;
	line-height: 1.6em;
	color: #85b869;
}

blockquote img {
	float: left;
	margin: 0 10px 10px 0;
}

blockquote p.end-quote span {
	width: 100px;
	height: 20px;
	margin: 0 0 0 10px;
	display: inline-block;
	background: url(/images/elements/quote_close.gif) no-repeat 0 0;
}

h1, h2, blockquote {
	font-family: "Gill Sans", "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

strong {
	font-weight: bold;
}

a {
	color: #6a4694;
}

a:hover {
	color: #2d1247 !important;
}

a.button {
	width: 154px;
	padding: 5px 10px;
	float: left;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif !important;
	font-size: 1.2em;
	font-weight: bold;
	font-style: none !important;
	text-decoration: none;
	background: #edee76;
	border: 2px solid #e7d903;
	-webkit-border-radius: 15px;
	-moz-border-radius: 5px;
}

a.button:hover {
	background: #6a4694;
	border-color: #2d1247;
}

a.button span {
	font-size: 22px;
}

#sidebar h1 {
	width: 100%;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/headings/headers.gif) no-repeat 0 0;
}

#sidebar h1#h-blog {
	background-position: -400px 0;
}

#sidebar h1#h-photos {
	background-position: -204px 0;
}

#sidebar h1#h-contact-us {
	background-position: -597px 0;
}

#sidebar h1#h-training {
	background-position: -822px 0;
}

#sidebar h1#h-walk-requests {
	background-position: -1034px 0;
}

.clear {
	clear: both;
}

/* Base layout*/
#sky {
	width: 100%;
	margin: 0 auto;
	display: table;
	background: #6e9eff url(/images/elements/sky_bg.gif) repeat-x top left;
}

#header {
	width: 100%;
	margin: 0 auto;
	padding: 38px 0 0;
	display: table;
	text-align: left;
	background: url(/images/elements/_temp_illustration.png) no-repeat center 151px;
}

#header-content {
	width: 955px;
	height: 520px;
	margin: 0 auto;
	position: relative;
}

h1#logo {
	width: 254px;
	height: 116px;
	float: left;
	overflow: hidden;
}

h1#logo a {
	width: 254px;
	height: 0px !important;
	padding: 116px 0 0;
	float: left;
	text-indent: -999px;
	background: url(/images/elements/logo.png) no-repeat 0 0;
}

#navigation {
	height: 47px;
	margin: 45px 0 0;
	float: right;
	overflow: hidden;
}

#navigation ul li {
	height: 47px;
	padding: 0 15px 0 0;
	display: inline;
	overflow: hidden;
	float: left;
	background: url(/images/elements/navigation_separator.gif) no-repeat right 12px;
}

#navigation ul li a {
	height: 0px !important;
	padding: 47px 0 0;
	float: left;
	text-indent: -9999px;
	background: url(/images/elements/navigation.png) no-repeat 0 0;
}

#navigation ul li#nav-about a {
	width: 123px;
	background-position: 0 0;
}

#navigation ul li#nav-about a:hover,
#navigation ul li#nav-about.active a {
	background-position: 0 -49px;
}

#navigation ul li#nav-photos a {
	width: 99px;
	background-position: -123px 0;
}

#navigation ul li#nav-photos a:hover,
#navigation ul li#nav-photos.active a {
	background-position: -123px -49px;
}

#navigation ul li#nav-blog a {
	width: 76px;
	background-position: -220px 0;
}

#navigation ul li#nav-blog a:hover,
#navigation ul li#nav-blog.active a {
	background-position: -220px -49px;
}

#navigation ul li#nav-contact a {
	width: 141px;
	background-position: -296px 0;
}

#navigation ul li#nav-contact a:hover,
#navigation ul li#nav-contact.active a {
	background-position: -296px -49px;
}

#navigation ul li#nav-training a {
	width: 108px;
	background-position: -440px 0;
}

#navigation ul li#nav-training a:hover,
#navigation ul li#nav-training.active a {
	background-position: -440px -49px;
}

#navigation ul li.last {
	padding: 0;
	background: none;
}

#footer {
	width: 925px;
	margin: 10px auto;
	clear: both;
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	font-style: italic;
	text-transform: uppercase;
	color: #64964b;
}

/*
	HOMEPAGE
*/
#home-content-box {
	width: 926px;
	margin: 20px auto 0;
	display: table;
	position: relative;
	-webkit-box-shadow: 3px 3px 0px #88c16b;
	background: #fcf8d6;
}

.home-content-box-corners {
	width: 926px;
	height: 2px;
	margin: 4px 0 0;
	padding: 4px 0 0;
	display:block;
	float: left;
	background: url(/images/elements/home_box_corners.gif) no-repeat 4px 0;
}

#home-button {
	margin: 340px 0 0 760px;
	position: absolute;
	z-index: 10;
}

#home-button a {
	width: 160px;
	height: 40px;
	display: block;
	float: left;
}

.bottom {
	margin: 0 0 4px;
	padding: 0 0 4px;
}

#home-content {
	width: 905px;
	margin: 0 9px;
	float: left;
	border: 1px solid #e8d850;
}

#slogan {
	width: 855px;
	margin: 0 9px 20px;
	padding: 24px 15px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #e8d850;
}

#blog-heading-arrow {
	width: 243px;
	height: 125px;
	margin: 140px 0 0 -9px;
	display: block;
	position: absolute;
	background: url(/images/headings/h_latest_blog_enteries.png) no-repeat 0 0;
}

#blog-entries {
	margin: 0 0 20px 30px;
	float: left;
	text-align: left;
}

.post {
	width: 178px;
	min-height: 110px;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	float: left;
	background: url(/images/elements/home_post_seperator.gif) no-repeat center right;
}

.last {
	margin: 0;
	padding: 0;
	background: none;
}

.post h2 {
	margin: 0 0 5px;
}

.post h2 a {
	text-decoration: none;
}

.post p {
	margin: 0 0 5px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.post a {
	color: #6a4694;
}

.post p a {
	font-family: Georgia, Times, serif;
	font-style: italic;
	text-transform: uppercase;
}

#comments h3 {
	margin: 0 0 .8em;
}

#comments small {
	width: 100%;
	margin: 0 0 15px;
	float: left;
	font-size: 1.1em;
}

#comments p.nocomment {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 20px;
}

#comments p label {
	margin: 0 0 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#comments input.button {
	font-size: 1.4em;
}

.comment {
	width: 367px;
	margin: 0 0 10px;
	padding: 10px;
	float: left;
}

.comment p {
	margin: 0 0 1.8em;
	font-size: 1.3em;
}

.comment small {
	font-size: 1.2em;
	color: #d49fd2;
}

.even {
	background-color: #fff5f5;
}

#status {
	width: 600px;
	height: 50px;
	padding: 20px;
	top: 50px;
	left: 30%;
	position: absolute;
	z-index: 100;
	font-size: 18px;
	font-weight: bold;
	color: #6a4694;
	background: #edee76;
	border: 2px solid #e7d903;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px #6a4694;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #6a4694;
}

/*
	CONTENT PAGES
*/
#content-page #sky {
	height: auto;
	background-position: center -471px;
}

#content-page #header {
	background-position: center -320px;
}

#content-page #header-content {
	height: auto;
}

#page {
	width: 925px;
	height: 100%;
	margin: 20px auto;
	padding: 20px;
	display: inline-block;
	text-align: left;
	background: #fff url(/images/elements/page_shadow.gif) no-repeat 170px 0;
}

#sidebar {
	width: 180px;
	margin: 0 30px 0 0;
	float: left;
}

#sidebar h1 {
	margin-bottom: 15px;
}

#sidebar h2 {
	margin: 0 0 5px;
}

#sidebar p {
	margin: 0 0 20px;
}

#sidebar a.button {
	text-align: center;
}

#sidebar ul {
	float: left;
	margin: 0 0 30px;
}

#sidebar ul li {
	clear:both;
}

#sidebar ul li a {
	width: 150px;
	padding: 5px 0 5px 30px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #d49fd2;
	background: url(/images/elements/bullet.gif) no-repeat 0 0;
}

#sidebar ul li.active a {
	color: #2d1247;
}

#content {
	width: 704px;
	float: right;
	position: relative;
}

#content h1 a {
	text-decoration: none;
}

#content p a {
	font-weight: bold;
	color: #d49fd2;
}

#story-container {
	width: 454px;
	float: left;
	margin: 0 16px 0 0;
}

#story,
.story {
	width: 100%;
	float: left;
}

#story p,
.story p,
#sidebar p,
#sidebar ul li {
	font-size: 1.3em;
	line-height: 1.4em;
}

#story small {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2em;
}

#story p,
.story p {
	margin: 0 0 1.5em;
}

.ruled {
	float: left;
	margin: 0 0 20px;
	padding: 0 0 20px;
	background: url(/images/elements/blog_rule.gif) no-repeat bottom center;
}

#paginate {
	width: 100%;
	margin: 10px 0;
	float: left;
	font-size: 1.4em;
}

#paginate p.older {
	float: left;
}

#paginate p.newer {
	float: right;
}

#photo-detail p {
	font-size: 1.2em;
	margin: 0 0 1.8em;
}

#photos {
	width: 100%;
	float: left;
}

.photo {
	width: 204px;
	margin: 0 20px 40px 0;
	float: left;
	overflow: hidden;
}

.photo.last {
	margin-right: 0;
}

#photos p,
.photo p {
	font-size: 1.2em;
}

#photo-info p {
	float: left;
	margin: 0 0 18px;
}

p#photo-cat {
	float: right;
}

#aside {
	width: 204px;
	float: right;
	overflow: hidden;
}

#aside img {
	float: left;
	margin: 0 0 1.8em;
}

dl.rates {
	margin: 10px 0;
	float: left;
	font-size: 1.3em;
	line-height: 1.4em;
}

dl.rates dt {
	width: 110px;
	float: left;
	font-weight: bold;
}

dl.rates dd {
	padding: 0 0 0 110px;
}

dl.rates dd a.button {
	width: auto;
	margin-top: 10px;
	padding: 3px 10px;
	text-align: center;
	-webkit-border-radius: 10px;
}

/*
	FORM
*/
.form p {
	float: left;
}

input.form-text {
	width: 245px;
	padding: 4px 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #6a4694;
	-webkit-border-radius: 5px;
}

input.short {
	width: 30px;
	text-align: center;
}

input.med {
	width: 109px;
}

.form span.form-radios,
.form span.form-checkboxes {
	width: 245px;
	float: left;
	padding: 5px 0 0;
}

.form span.form-radios label,
.form span.form-checkboxes label {
	padding-right: 10px;
	float: none;
	font-weight: normal;
}

.form label {
	width: 134px;
	padding: 6px 0 0;
	float: left;
	font-weight: bold;
}

.form label.form-error {
	color: red;
}

.form p.form-textbox label {
	width: 100%;
	margin-bottom: 10px;
}

.form p.form-textbox textarea {
	width: 370px;
	height: 80px;
	padding: 4px 5px;
	border: 1px solid #6a4694;
	-webkit-border-radius: 5px;
}

.form .button {
	width: 154px;
	margin: 0 0 0 135px;
	padding: 5px 10px;
	float: left;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif !important;
	font-size: 1.2em;
	font-weight: bold;
	font-style: none !important;
	text-decoration: none;
	color: #6a4694;
	background: #edee76;
	border: 2px solid #e7d903;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
}

.form .button:hover {
	background: #6a4694;
	border-color: #2d1247;
	color: #2d1247 !important;
	cursor: pointer;
}

#form-errors {
	width: 360px;
	margin: 20px 0;
	padding: 10px;
	float: left;
	border: 3px solid red;
	color: #fff;
	background: red;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#form-errors p {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}

#comment-form .form-textbox label {
	width: 135px;
}

#comment-form .form-textbox textarea {
	width: 238px;
}