/*
Theme Name: RaisingSpot.com Custom Theme
Theme URI: http://www.raisingspot.com/
Description: A custom theme for the RaisingSpot.com website.
Version: 1.0
Author: The Garrison Brothers
*/

html, body, div, h1, h2, h3, h4, h5, p, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0;}
img, fieldset {border: 0;}
:focus {outline: 0;}
em {font-style: italic;}
strong {font-weight: bold;} 
ul {list-style: none;} 
h1, h2, h3, h4, h5 {font-size: 100%; font-weight: normal;}

html, body {height: 100%;}
body {background: #fff url(images/bkgd-tile.jpg) repeat-x top center; color: #222; font: 62.5% Arial, Helvetica, Verdana, sans-serif; line-height: 1;}
#wrapper {position: relative; width: 950px; min-height: 100%; margin: 0 auto;}
* html #wrapper {height: 100%;}

/* Header
=================================== */
#header {position: absolute; top: 0; left: 0; width: 100%; height: 146px;}
#header img {position: absolute; top: 17px; left: 12px;}
#header a {position: absolute; top: 40px; right: 49px; display: block; padding: 3px 0 3px 24px; color: #fff; background: url(images/sprites.png) no-repeat -285px 0; font-size: 13px; text-decoration: none;}
#header a:hover {color: #f90;}
#flash {position: absolute; top: 146px; left: 0; width: 634px; height: 238px; border: 1px solid #fff; z-index: 10;}
#flash img, #flash object, #flash embed {position: absolute; top: 0; left: 0;}

/* Navigation
=================================== */
#nav {position: absolute; top: 118px; left: 0; height: 28px; z-index: 20;}
#nav li {float: left; position: relative; }
#nav li a {display: block; padding: 6px 16px 9px; color: #c3c3c3; font-size: 13px; text-decoration: none;}
#nav li a:hover {background-color: #333; color: #fff;}
#nav li a span {position: absolute; top: 10px; right: 11px; display: block; width: 8px; height: 6px; background: url(images/sprites.png) no-repeat -294px -32px; overflow: hidden; cursor: pointer;}
#nav li a:hover span {background-position: -294px -46px;}
/*--submenus--*/
#nav ul {position: absolute; top: 28px; left: 0; width: 170px; background-color: #333; display: none;}
#nav li ul li {width: 100%; border-top: 1px solid #444;}
#nav li ul li a {padding: 7px 0 8px 25px; background-color: #333;}
#nav li ul li a:hover {background-color: #000;}
* html #nav li ul li a {position: relative;}

/* Sidebar
=================================== */
#sidebar {position: absolute; top: 73px; right: 32px; width: 282px; background-color: #740101;}
#sidebar h4 {font: bold 18px Tahoma, Geneva, sans-serif;}
#sidebar form input, #sidebar form select {padding: 2px; border: 1px solid #b3b3b3;}
#sidebar form input.btn {padding: 0; border: 0;}
/*--newsletter--*/
#newsletter {position: relative; width: 265px; height: 246px; padding: 66px 0 0 17px; background: url(images/sprites.png) no-repeat top left;}
#newsletter h4 {height: 0; text-indent: -9000px;}
* html #newsletter h4 {display: none;}
#newsletter h5 {padding: 15px 0 3px 14px; font-size: 14px; font-weight: bold; color: #fa0;}
#newsletter p {color: #fff; font-size: 14px; line-height: 1.2;}
#newsletter p.desc {width: 245px;}
#newsletter p strong {color: #fa0; font-style: italic; text-transform: uppercase;}
#newsletter img {float: right; margin-right: -32px; padding: 20px 2px 0 0;}
* html #newsletter img {position: relative; margin-right: -32px;}
#newsletter form {padding-top: 3px;}
#newsletter form input {width: 160px; margin-top: 11px;}
#newsletter form input.btn {width: auto; margin-top: 12px;}
#newsletter p.note {position: absolute; bottom: 7px; left: 0; width: 282px; padding: 0; color: #aa1003; font-size: 10px; text-align: center;}
/*--services--*/
#services {position: relative; width: 282px; background: #ded1a0 url(images/sidebar-magnifying-glass.jpg) no-repeat 187px 105px;}
#services h4 {padding: 18px 0 11px 17px; color: #900;}
#services p {margin: 0 10px; padding: 10px 0 12px 7px; font-size: 13px; border-top: 1px solid #7e785f; line-height: 1; clear: both;}
#services a {padding-left: 11px; background: url(images/sprites.png) no-repeat -298px -72px; color: #900; font-weight: bold; text-decoration: none;}
#services a:hover {color: #f79400; background-position: -298px -122px;}
#tab-menu {margin-left: 17px; background: url(images/sprites.png) no-repeat -122px -315px;}
#tab-menu.switch {background-position: -122px -339px;}
#tab-menu li {float: left; display: block; padding: 4px 22px 3px 20px; font-size: 14px; color: #fff;  cursor: pointer;}
#services div {height: 152px; margin: 0 10px 0; padding: 6px 0 12px 7px; border-top: 1px solid #7e785f;}
#search p {margin: 0; padding: 10px 0 3px; border: 0;}
#search #zip {float: left; width: 70px; margin-right: 5px;}
#search #city {float: left; width: 120px; margin-right: 3px;}
#search #state {float: left; margin-right: 5px; padding: 1px;}
#search input.btn {float: left;}
#browse ul {padding: 20px 0 0 10px;}
#browse li {padding-bottom: 8px; font-size: 1.3em;}
/*--recent articles--*/
#recent {width: 294px; background: url(images/sprites.png) no-repeat 203px -315px;}
* html #recent {width: auto; background-image: none;}
#recent h4 {padding: 27px 0 16px 25px; color: #fff;}
#recent h4 span {color: #fa0;}
#recent ul {width: 198px; padding: 0 0 6px 34px;}
#recent li {padding-left: 11px; background: url(images/sprites.png) no-repeat -298px -176px; padding-bottom: 10px; font-size: 13px; line-height: 1.25;}
#recent li a {color: #fff; text-decoration: none;}
#recent li a:hover {color: #f90;}
#recent p.charity {width: 282px; padding-bottom: 30px; text-align: center;}

/* Footer
=================================== */
#footer {clear: left; height: 189px; background: url(images/footer-tile.jpg) repeat-x bottom left;}
#footer div {position: relative; width: 950px; height: 85px; margin: 0 auto; padding-top: 104px; background: url(images/sidebar-tile.png) repeat-y 636px 0;}
#footer p {position: absolute; top: 0; left: 30px; width: 100%; height: 147px; padding-top: 40px; background: url(images/sidebar-paw.png) no-repeat 612px 58px; font-size: 12px;}
#footer a {color: #222;}
#footer a:hover {color: #f79400;}
#footer span {display: block; padding-top: 10px; color: #666; font-style: italic;}
#footer span a {color: #900;}
#footer img {position: absolute; top: -38px; left: 510px;}

/* Content
=================================== */
#content {float: left; width: 566px; min-height: 822px; margin-top: 146px; padding: 38px 322px 35px 30px; background: #fff url(images/sidebar-tile.png) repeat-y top right;}
* html #content {height: 822px;}
.home #content {padding-top: 265px; min-height: 595px;}
* html .home #content {height: 595px; padding-right: 308px;}
.category #content, .archive #content, .paged #content {min-height: 822px; padding-top: 38px;}
* html .category #content, * html .archive #content, * html .paged #content {height: 822px; padding-right: 308px;}
#content h1 {padding: 0 0 12px; color: #900; font: bold 24px Tahoma, Geneva, sans-serif;}
#content h2 {padding: 14px 0 10px; color: #900; font: bold 18px Tahoma, Geneva, sans-serif;}
.home #content h2, .category #content h2, .archive #content h2, .paged #content h2 {padding: 0 0 12px; font-size: 24px;}
#content h2 a {font-size: 24px; text-decoration: none;}
#content h2 a:hover {color: #f79400;}
#content h3 {padding: 14px 0 8px; font-size: 14px; font-weight: bold;}
#content p {padding-bottom: 19px; font-size: 13px; line-height: 1.6;}
#content ul {padding: 0 0 19px 15px; list-style: disc outside;}
#content ul li {padding-bottom: 5px; font-size: 13px; line-height: 1.4;}
#content a, #content ul li a {color: #900;}
#content a:hover, #content ul li a:hover {color: #f79400;}
#content .left {float: left;}
#content .right {float: right;}
#content p.left {padding: 5px 19px 4px 0; line-height: 1;}
#sharelink {position:absolute; top: 162px; left: 490px;}
#sharelink a {color: #900; font-size: 11px; font-weight: bold; text-decoration: none;}
#sharelink a.stico_default {background-image: url(images/sprites.png) !important; background-repeat: no-repeat; background-position: -120px -362px !important;}
#adsense {padding-bottom: 10px;}
#adsense3 {float: right; padding: 0 0 10px 10px;}
/*--main pages--*/
#content p.continue {width: 570px; margin: -10px 0 22px; padding-right: 10px; text-align: right; border-bottom: 1px solid #bbb;}
#content p.continue.last {border: 0;}
#content p.continue a {font-weight: bold; text-decoration: none;}
#content p.subsection {padding: 2px 0; font-size: 14px; font-weight: bold;}
#content #pg-selector {margin: 0 0 35px; padding: 10px 0 0;}
#content #pg-selector a, #content #pg-selector span.current {margin-right: 3px; padding: 3px 6px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; border: 1px solid #fff;}
#content #pg-selector span.current, #content #pg-selector a:hover {color: #900; border-color: #900;}
#content #pg-selector a.next {padding-right: 18px; background: url(images/sprites.png) no-repeat -261px -375px;}
#content #pg-selector a.prev {padding-left: 17px; background: url(images/sprites.png) no-repeat -210px -375px;}
/*--intro-obedience-training--*/
#content .clickercol {padding-left: 60px;}
/*--main-dog-behavior-problems--*/
#content .behavecol {padding-right: 50px;}
#content .behavecol ul {margin-top: 0;} /*-for all versions of IE-*/
/*--forms--*/
#content #url {display: none;}
#content form p {padding: 11px 0 1px; font-weight: bold;}
#content form input {width: 250px; margin-bottom: 6px; padding: 3px; border: 1px solid #999;}
#content form textarea {width: 450px; height: 150px; padding: 3px; font: 13px Arial, Helvetica, Verdana, sans-serif; border: 1px solid #999; line-height: 1.3;}
#content form input:focus, #content form textarea:focus {border-color: #f79400;}
#content form #submit input {width: auto; margin-top: 10px; padding: 3px 12px; background-color: #900; color: #fff; border: 0;}
#content form #submit input:hover {background-color: #f79400; cursor: pointer;}
#content form span {padding-left: 6px; color: #888; font-size: 11px; font-weight: normal;}
#content form span span {padding-left: 0;}
#content div.errors h4 {padding: 10px 0;font-size: 14px; font-weight: bold;}
#content div.errors ul {padding-bottom: 8px;}
#content div.errors ul li {color: #900; line-height: 1.2;}

/* Directory
=================================== */
/*--state pages--*/
#content div.states ul {float: left; margin: 0; padding: 5px 65px 25px 0; list-style-type: none;}
#content div.states ul.first {padding-left: 2px;}
#content div.states ul.last {padding-right: 0;}
/*--list pages--*/
.directory #content p.message {margin-bottom: 30px;}
.directory #content div.listing {padding: 23px 16px 13px; border-top: solid 1px #cfcfcf;}
.directory #content div.listing div {clear: both;}
.directory #content div.listing p.location {float: left;}
.directory #content div.listing p.location a.business {font-size: 16px; font-weight: bold;}
.directory #content div.listing p.contact {float: right; width: 138px; padding-top: 3px;}
.directory #content div.listing p.contact span {font-weight: bold;}
.directory #content div.listing p.contact a {display: block; width: 82px; margin-bottom: 2px; background: url(images/directory-envelope.png) no-repeat center right;}
/*--profile pages--*/
.profile #content h1 {padding-bottom: 17px;}
.profile #content div.contact {position: relative; width: 556px; height: 205px; margin-bottom: 15px; padding: 5px 5px 0 14px; background-color: #dfdfdf; border: solid 1px #cfcfcf;}
.profile #content #map {float: right; width: 250px; height:198px; overflow: hidden; border: solid 1px #cfcfcf;}
.profile #content div.contact table {margin-left: 9px; margin-top: 23px; font-size: 1.3em;}
.profile #content div.contact table tr td {vertical-align: top; padding-bottom: 4px;}
.profile #content div.contact table tr td a {position: absolute;} /*-for long urls-*/
.profile #content div.contact table tr td.label {padding-right: 10px; font-weight: bold;}
.profile #content div.contact table tr.location td {padding-bottom: 8px; line-height: 1.2;}
.profile #content #email {margin: 0;}
#email a {display: block; width: 85px; margin: 7px 0 0 14px; padding-left: 28px; background: url(images/directory-envelope.png) no-repeat center left; line-height: 1;}
.profile #content div.contact #map_links {position: absolute; bottom: 8px; left: 60px; margin:0; font-size: 1.1em;}
.profile #content div.contact #map_links a {margin: 0 5px;}
/*--signup page--*/
#content div h3 {color: #900; font-size: 18px;}
#content div.dir-one, #content div.dir-two, #content div.dir-three {padding-left: 50px;}
#content div.dir-one {background: url(images/directory-signup/sprites.png) no-repeat -99px 0;}
#content div.dir-two {background: url(images/directory-signup/sprites.png) no-repeat -56px -43px;}
#content div.dir-three {background: url(images/directory-signup/sprites.png) no-repeat -12px -89px;}
#content p.img-dir {padding-left: 15px; padding-right: 45px;}
#content ul.dir {font-weight: bold;}
#content ul.dir li {color: #900;}
#content ul.dir li span {color: #222;}
#content h3.dir-join-heading {color: #900; font-size: 18px;}
#content ul.dir-join-list {padding: 10px 0 12px 50px;}
#content ul.dir-join-list li {padding-bottom: 4px;}
#content div.dir-left, #content div.dir-right {text-align: center;}
#content div.dir-left form p, #content div.dir-right form p {font-size: 16px;}
#content div.dir-left input, #content div.dir-right input {width: auto; border: 0;}
#content div.dir-left {float: left; padding-left: 30px;}
#content div.dir-right {float: right; padding-right: 30px;}
#content p.dir-discount {padding-bottom: 0; color: #900; font-size: 14px; font-weight: bold;}
#content p.dir-note {clear: both; padding: 30px 0 10px; color: #666; font-size: 10px; text-align: center;}
#content p.dir-note a {color: #666;}

/* Misc.
=================================== */
.clear {clear: both;}
.clearfloat:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*--hack to clear for IE7--*/
.clearfloat {min-height: 0;}
/*--hack to clear for IE5.x and IE6--*/
* html .clearfloat {height: 1%;}