/*
Theme Name: Red Cedar Ranch Kandyland
Theme URI: http://www.kcdstudios.com
Description: Wordpress Theme for Red Cedar Ranch Kandyland
Version: 0.1
Author: Casey Driscoll
Author URI: http://www.kcdstudios.com
Tags:
 */
 
 /* Eric Meyer's Reset Reloaded *
 /*http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
 
 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,
 em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt,
 var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label,
 legend, table, caption, tbody, tfoot, thead, tr, th, td 
 
 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
 
 body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}
 
 /* remember to define focus styles! */
 :focus {outline: 0;}
 
 /* remember to highlight inserts somehow! */
 ins {text-decoration: none;}del {text-decoration: line-through;}
 
 /* tables still need 'cellspacing="0"' in the markup */
 table {border-collapse: collapse;border-spacing: 0;}

html {
	overflow-y: scroll;
}

body{
	margin: 0px; padding: 0px;
	background: url(_images/bg.png);
	text-align: center;
	font-family: Helvetica, Arial, Sans-Serif;
	}
	body#About div#content h1#About {display: none;}
	


h1 {padding: 10px 20px 0px; font: 900 48px/60px arial ; color: #fff;}
	body#About div#content h1{font: 36px/40px arial;}
h2 {padding: 5px 35px 0px; font: 24px/30px arial;}
h3 {padding: 10px 30px; font: italic 20px/20px arial;}
h4 {margin: 30px 40px 0px; font:600 36px/48px arial;}
#wrap img {margin: 5px;}
a  {}
	a:hover{}
	span#centercheatfixed {display:block;position: fixed; margin: 0px auto; left: 0px;top:0px; width: 100%; height: 0px; text-align: center;}
	span#centercheatrelative {display: block;position: relative;width:0px;height:0px;margin: 0px auto;}
	a#contact {display:block;position: absolute; left: 378px; top: 240px; padding: 0px 0px 0px 14px; width: 100px; height: 40px; background: url(_images/sprite.png) -150px 0px; font: 400 13px/32px Arial; color: #fff; text-decoration: none; text-align: left;}
	a#contact:hover {color: #200;}
p  {width: 700px; padding: 0px 0px 10px 40px; font: 16px/24px arial; z-index: 1;}
	body#About p {width: 340px; margin: 20px 0px;}
	body#About p a#pets4you {display: block;margin: 20px 0px 0px 0px;}
br.dirtylittletrick {display:block;clear: both;}


div#wrap {
	display: block;position: relative;
	width:1000px;
	margin: 0px auto;padding: 0px; top:0px;
	text-align: left;
	}
	div#header{
		display: block;position: relative;
		width:800px;height: 199px;
		margin: 0px 0px 0px 100px; padding: 0px;
		background: url(_images/headerbg.png) no-repeat;
		border-top: 1px solid transparent;
		}
		div#header h1 {position:absolute;margin: 5px 0px 0px 150px; padding: 0px; width: 550px; height:180px;text-align: center;background: url(_images/sprite.png) 0px -139px; color: #000;font: 0px/500px arial;overflow: hidden;}
		div#header h1 a{color: #fff;text-decoration: none;}

		div#header ul#nav {
			display: block;position: absolute;
			width:575px;height: 40px;
			margin: 0px; padding-left: 185px;
			bottom:0px;
			color: white;
			z-index: 30;
			}
			div#header ul#nav li{
				float: left;
				}
				div#header ul#nav li a {
					display: block;
					height: 38px;
					padding: 0px 8px;
					font: 16px/20px arial;
					color: white; text-decoration: none;
					line-height: 40px;
					border: 1px solid transparent;
					}
					div#header ul#nav li a:hover {
						color: #000;
						border: 1px solid #000;
						background: url(_images/sprite.png) 0px -91px;
						}
				div#header ul#nav li ul {
					display: none; position: absolute;
					height: 0px;
					z-index: 10;
					}
					div#header ul#nav li ul li {
						clear: both;
						}
						div#header ul#nav li ul li a{
							display: block;
							width: 95px; height: 30px;
							padding: 0px 20px;
							background: #050505;
							border: 1px solid #050505;
							font: 14px/16px arial;
							color: white; text-decoration: none;
							line-height: 30px;
							}
							div#header ul#nav li ul li a:hover{
								color: #050505;
								font-weight: 600;
								background:url(_images/sprite.png) -585px -5px #800 no-repeat;
								border: 1px solid #050505;
								padding: 0px 5px 0px 35px;
								}
				div#header ul#nav form{
					width: 180px; float: right;
					}
					div#header ul#nav form input#s{
						display: block;
						float: left;
						width: 140px; height: 25px;
						margin: 9px 130px 0px 15px;padding: 0px 0px 0px 5px;
						font: 17px/25px "arial"; color: #777;
						background: transparent;
						border: none;
						}
						div#header ul#nav form input#s:focus {
							}
					div#header ul#nav form input#searchsubmit{
						display: block;
						float: left;
						margin: 7px 0px 0px -4px; padding: 0px;
						width:30px; height: 25px;
						border: none;
						}
						
	div#content{
		display:block;position: relative;
		width:760px;
		margin: 0px 0px 0px 100px; padding:10px 20px;
		background:url(_images/contentBackground.png);
		z-index: 0;
		}
		div#content h1 {width: 740px;}
		div#content div.post_snippet {
			width: 800px;
			}
		div#content .static_content {
			display: block;
			width: 700px;
			margin: 10px 0px 10px 0px;
			}
			div#upcoming {
				width: 670px;
				margin: 0px 0px 0px 60px;
				border: 1px solid #000;
				background: url(_images/_tB30.png);
				}
				div#upcoming h2 {
					margin: 5px 0px 5px 40px;
					font: 18px/24px arial;color: #fff;
					text-indent: -30px;
				}
			div#content .dog {
				position: relative;
				width: 670px; height: 340px;
				margin: 10px 20px 10px 60px;padding: 0px;
				background: url(_images/_tB30.png);
				border: 2px solid #000;
				}
				div#content .dog img {
					display: block;
					float: right;
					margin: 18px;
					border: 2px solid #000;
					}
				div#content .dog h1 {
					float: left;
					width: 250px;
					}
				div#content .dog h2 {
					float: left;
					width:272px;height: 42px;
					margin: 0px 0px 0px -40px; padding: 0px 0px 0px 50px;
					background:url(_images/sprite.png) 0px -319px;
					font: italic 30px/42px "Helvetica", Arial;
					letter-spacing: -1px;
					}
				div#content .dog h3{
					float: left;
					width: 220px;
					margin: 5px 50px 0px; padding: 0px;
					font: 24px/30px "Helvetica", Arial;
					font-style: normal; font-weight:lighter;
					color: #fff;
					}
				div#content .dog p{
					float: left; position: relative;
					width: 320px;
					margin: 10px 0px 0px 10px;padding: 0px;
					font:100 italic 20px/24px "Helvetica", Arial;
					color: white;
					}
					div#content .dog p.buttons{
						position:absolute;
						bottom: 10px;left: 0px;
						}
					div#content .dog a{
						float: right; 
						margin: 5px 5px 0px 0px; padding: 0px;
						text-align: center; text-decoration: none;
						font-style: normal; font: 20px/32px Arial;
						color: #000;
						width:152px;height: 32px;
						background: url(_images/sprite.png) 0px -419px;
						}
						div#content .dog a:hover{
							background: url(_images/sprite.png) -160px -419px;
							font: 20px/34px Arial;
							}
						div#content .dog a:first-child {
							margin: 5px 80px 0px 0px;
						}
			div#content .sold {
				background: url(_images/_tB70S.png);
				}	
				div#content .sold h2{
					width: 242px;padding-left: 80px;
					background:url(_images/sprite.png) 0px -369px;
					color: #802102;
					font-style: normal; font-weight: 600;
					}
				div#content .sold h1, div#content .sold h3, div#content .sold p{
					color: #000;
					}
					div#content .sold a{
						float: right; 
						margin: 5px 5px 0px 0px; padding: 0px;
						text-align: center; text-decoration: none;
						font-style: normal; font: 20px/32px Arial;
						color: #802102;
						width:152px;height: 32px;
						background: url(_images/sprite.png) 0px -459px;
						}
						div#content .sold a:hover{
							background: url(_images/sprite.png) -160px -459px;
							font: 20px/34px Arial;
							}
						div#content .sold a:first-child {
							margin: 5px 80px 0px 0px;
						}
/* SPECIAL SECTIONS */
	body#Schnauzers div.static_content a.page, body#Yorkies div.static_content a.page {
		display: block;float: left;
		position: relative;
		width:300px;height:270px;
		margin:20px;padding: 30px 0px 0px 0px;
		background: url(_images/puppyBG.png) -300px 0px;
		text-align:center;text-decoration: none;
		color: #181818;
		font: 30px/30px "Arial";
		z-index: 1;
		}
		body#Schnauzers div.static_content a.page:hover, body#Yorkies div.static_content a.page:hover{
			background: url(_images/puppyBG.png) 0 0;
			color: #eee;
		}
		body#Schnauzers div.static_content a.page div, body#Yorkies div.static_content a.page div {
			display: block;
			background: none;
		}
		body#Schnauzers div.static_content a img, body#Yorkies div.static_content a img {
			position: absolute;
			bottom: 0px;left: 40px;
			z-index: 1;
		}
		body#Schnauzers div.static_content a.half, body#Yorkies div.static_content a.half {
			height:80px; width: 280px;
			padding: 40px 0px 20px 20px;
			margin-bottom: 0px;
			text-align: left;
			font:30px/30px arial;
			background: url(_images/puppyBG.png) -600px 0px;
			}
			body#Schnauzers div.static_content a.half:hover, body#Yorkies div.static_content a.half:hover {
				background: url(_images/puppyBG.png) -600px -160px
			}
			body#Schnauzers div.static_content a.half img, body#Yorkies div.static_content a.half img {
				position: absolute;
				bottom: 0px;left: 147px;
				z-index: 1;
			}

				
	div#footer{
		width: 1000px;height: 400px;
		margin: 0px; padding: 0px;
		background: url(_images/footer.png); color: #fff;
		}
		div#footer a#counter {position: absolute;height:18px;padding-bottom: 5px; margin: 0px; left: 400px; text-decoration: none; font: 18px/5px arial; color: #200;}
			div#footer a#counter img {padding: 0px;margin: 0px;border: 1px solid #000;}
		div#footer p{
			height: 50px; width: 600px;
			margin: 0px 0px 0px 210px; padding: 35px 0px 0px;
			left: 0px;
			text-align: center;
			font: 12px/15px arial;
			color: #500;
			}
			div#footer p a{
				color: #200;
				}
				
/* s3slider */

#slider, #slider1, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8 { 
   width: 300px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: right;
   margin-top: 20px;padding: 0px;
   background: black;border: 3px solid #000;
   }
   body#Sires #slider,body#Sires #slider1,body#Sires #slider2, body#Dams #slider, body#Dams #slider1, body#Dams #slider2, body#Dams #slider3, body#Dams #slider4, body#Dams #slider5, body#Dams #slider6, body#Dams #slider7, body#Dams #slider8 {
   	margin-right: 10px;
   }

#sliderContent, #slider1Content, #slider2Content, #slider3Content, #slider4Content, #slider5Content, #slider6Content, #slider7Content, #slider8Content {
   width: 300px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: -5px;margin-top: -5px; /* important */
   }
   body#Sires #sliderContent, body#Sires #slider1Content, body#Sires #slider2Content, body#Dams #sliderContent, body#Dams #slider1Content, body#Dams #slider2Content, body#Dams #slider3Content, body#Dams #slider4Content, body#Dams #slider5Content, body#Dams #slider6Content, body#Dams #slider7Content, body#Dams #slider8Content {
   margin: -20px;
   }

.sliderImage, .slider1Image, .slider2Image, .slider3Image, .slider4Image, .slider5Image, .slider6Image, .slider7Image, .slider8Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   }
   .sliderImage img, .slider1Image img, .slider2Image img, .slider3Image img, .slider4Image img, .slider5Image img, .slider6Image img, .slider7Image img, .slider8Image img {
   	padding: 0px;margin: 0px;
   }

.sliderImage span, .slider1Image span, .slider2Image span, .slider3Image span, .slider4Image span, .slider5Image span, .slider6Image span, .slider7Image span, .slider8Image span {
   position: absolute; /* important */
   left: 0;
   font: 14px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
   }
   body#Sires .sliderImage span, body#Sires .slider1Image span, body#Sires .slider2Image span, body#Dams .sliderImage span, body#Dams .slider1Image span, body#Dams .slider2Image span, body#Dams .slider3Image span, body#Dams .slider4Image span, body#Dams .slider5Image span, body#Dams .slider6Image span, body#Dams .slider7Image span, body#Dams .slider8Image span {
    margin: -20px;
   }
	span a{
		color: #fff;text-decoration: underline;
		}
		span a:hover{
		color: #f00;
		}
	
.clear {
   clear: both;
}