﻿/*  
Theme Name: Smooch My Pooch
Description: Smooch My Pooch Theme
Version: 1.0
Author: Casey Bradford 

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;} */
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

html,
body {height: 100%;}
  
body {margin:0;padding:0;text-align:center;background:#38280E;font-family:Arial, Verdana, Helvetica, sans-serif;text-decoration:none;color:#5e471b;}
 
#container {margin:0 auto;text-align:left;position: relative;width:770px;clear:both;background-color:#F9F1DA;border-left:1px solid #f3784d;border-right:1px solid #f3784d;}

#header {margin:0 auto;text-align:left;position:relative;width:770px;height:80px;}

#nav {
	clear:both;
	font:1em/2 "Helvetica Neue",Arial,Helvetica,sans-serif;
	height:45px;
	background-color:#e1d9c2;
	position:relative;
}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	
	width:100%;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
	position: relative;
	line-height: 32px;
	text-align: center;
    float:left;
}
#nav a {
	display:block;
	float:left;
	color:#5E471B;
	text-decoration:none;
	font-weight:bold;
	position: relative;
	cursor: pointer;
}
#nav li.link a{padding:15px 5px;font-size:10pt;}
#nav a:hover,
#nav a:focus {color:#F3784D;}
#nav li.home {background:url('images/btn_menu_Home_blank.jpg') repeat-x;height:45px;} 
.cam{background:url('images/img_TopBkd.jpg') repeat-x;height:35px;}
.cam a{float:right;}

.MainHeader{margin:0px auto;text-align:center;}

.Defaultcenterbar {width:377px;float:right;padding:10px 3px 5px 5px;}
.Defaultleftbar {position:relative;height:366px;width:385px;float:left;top: 0px;left: 0px;}

.centerbar {width:521px;float:right;padding:10px 3px 5px 5px;}
.leftbar {position:relative;width:236px;float:left;top: 0px;left: 0px;}

#footer{width:100%;position:relative; clear:both; border-bottom:5px solid #f3784d;}


h1{font-weight:bold;font-size:122%;color:#f3784d;}
h2{font-weight:bold;font-size:92%;color:#f3784d;}
   
ol{list-style: decimal inside none;list-style-type: decimal;}
ul{list-style:disc inside none;list-style-type:disc;}
li{font-size:92%;padding:3px;}

a{color:#788d38;}

p{padding-bottom:5px;font-size:92%;}

img{border:0px;}

/*info*/
p.info{color:#788d38;padding:4px;}
ul.info{padding:4px;font-size:92%;margin-left: 10px;text-indent: -1em;}
h2.info{padding:4px;}
div.info{border:0px solid #c5c999;}
/*info*/

/*price*/
p.price{padding-left:4px;font-size:99%;line-height:130%;}
table.price{font-size:107%;color:#788d38;}
/*price*/
div.spacer{height:10px;min-height:10px;clear:both;}
div.spacer20{height:20px;min-height:20px;clear:both;}
div.spacerborder{height:10px;min-height:10px;clear:both;border-bottom:1px solid #c3c999;}

p.restrict{padding:4px;font-size:99%;color:#5e471b}

.width{width:250px;}
.height{height:150px;}
.left{float:left;}
.right{float:right;}
.emphasize{font-size:85%; font-style:italic;}
.bold{font-weight:bold;}
.paddingtop{padding-top:40px;}
.paddingleft{padding-left:10px;}
.marginleft{margin-left:25px;}


ul.none{list-style:none;}

#absbottom {
color:#000000;
font-size: 12px;
font-weight:bold;
text-decoration: none;
}

#beta {
background-color:#FDF6DF;
color:#000000;
line-height:1.5em;
padding:5px;
border:1px solid blue;
}

#GroomingHours
{
    background:url(../images/img_GroomingHours.gif);
    height:101px;
    width:236px;
    margin-top:0px !important;
    margin-top:-3px;
}

#InfoList {
	margin-left:15px;
	width: 80%;
	padding: 5px;
}

#InfoList ul {
	list-style-type:disc;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

#InfoList2{width:100%;padding:5px;}
	
#InfoList2 ul {list-style-type:none;
                     width:80%; 
/*                     text-align:justify;	*/
                     margin-left:0;
	                 padding-left: 2.5em;
	                 text-indent: -1em;}	

#Restrict{padding:10px;}

#DayCareGuidelines{border-bottom:1px solid #c5c999;}

#Temperament{clear:both;}


   	.spawpkg{width:500px;}
	ul.spawpkg{margin:0;padding:0;border:1px solid rgb(197, 201, 153);}
	li.spawpkg{padding-left:6px;margin-left:6px;}
	li.spawHeader{border-bottom:1px solid rgb(197, 201, 153);list-style:none;padding:5px 5px 5px 0px;margin-left:0;}
	
	#Spaw{width:350px;clear:both;border:1px solid #c5c999;}
	#Spaw ul{border:1px solid blue;}
	#Spaw li{padding:4px; list-style-type:none;}
	#Spaw li.First{color:#F3784D;font-size:92%;font-weight:bold;list-style:none;border-bottom:1px solid #c5c999;padding-left:0;}
	#Spaw li.last{border:1px solid blue;color:green;width:75%;}
	
	

/* GALLERY */
/*margin:0 0 0 20px; padding-top:20px;*/
ul#gallery {height:650px;list-style:none;position:relative;background-color:white;padding-top:20px;}
/*width:150px;*/
ul#gallery li {display:block;float:left;height:110px;margin:3px;border:1px solid #999999;}

ul#gallery li a{color:#000;text-decoration:none;text-align:center;padding:3px;}

ul#gallery li a:hover {background-color:#f3784d;border:1px solid #38280E;padding:3px;}
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0; width:350px;
                   background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; 
                        float:left; display:block; width:150px; height:120px;}
ul#gallery li ul li a img { position:absolute; width:150px; height:120px; text-align:center;}

/*
ul#gallery li a { display:block; width:150px; padding:15px 0 15px 3px; color:#000; text-decoration:none;border:1px solid #999999;text-align:center;}

ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0; width:350px;
                   background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; 
                        float:left; display:block; width:150px; height:120px;}
ul#gallery li ul li a img { position:absolute; width:150px; height:120px; text-align:center;}
*/

/* LIGHTBOX CONTROL */
#lightbox{ background-color:#38280E;padding:20px 20px 5px 20px;border:1px solid #f3784d;}
#lightboxDetails{ padding-top:5px;	}	
#lightboxCaption{ float:left; color:#fff; font-size:11px; }
#keyboardMsg { float: right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }	

#overlay{ background-image: url(../images/overlay.png); }

#gallery-wrapper div.thumbwrapper, #gallery-wrapper div.textwrapper {
background:#F0EEE0 none repeat scroll 0% 50%;
border:1px solid #AFAB8E;
float:left;
height:130px;
margin:8px;
padding:5px;
text-align:center;
width:130px;
}

.title{font-size:12px;text-align:center;font-weight:bold;height:50px;text-align:center;}

#tabnav .yui-content{border:1px solid #F3784D;background:#fff;}

#tabnav li{
    margin:0 0.19em -0.10em 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
    }
    
.yui-nav .selected { 
    margin:0 0.16em -1px 0; /* for overlap */
    background:#F3784D; /* selected tab background */
    color:#5E471B;
}

.yui-nav a {
    background:#fff; /* tab background */
    border:solid #F3784D;
    border-width:0 1px;
    color:#5E471B;
    position:relative;
    text-decoration:none;
}    

.yui-nav a:hover,
.yui-nav a:focus {
    background:#F3784D; /* selected tab background */
    color:#5E471B;
    outline:0;
}

.yui-nav .selected a:hover
 {
    background:#F3784D; /* selected tab background */
    color:#5E471B;
    outline:0;
}

.yui-nav a em {
    padding:0.35em 0.75em;  /*raise selected tab */
    background:#F3784D;
}

.yui-nav .selected a em {
    background:#FFF;
}

.yui-nav .selected a,
.yui-nav .selected a em {
    border-color:#F3784D; /* selected tab border color */
}

.yui-content {
    /* content background color */
}

/* left and right orientations */
.yui-nav {
    border-width:0 5px 0 0;
    Xposition:absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */
    top:0; bottom:0; /* stretch to fill content height */
}

.yui-nav {
    border-width:0 0 0 5px;
}

.yui-skin-sam .yui-tt .bd {
background-color:#F00;
color: #fff;
}

div.bd{background-color:#F9F1DA;border:3px solid #F3784D;width:300px;padding:4px;}
.yui-tt{cursor:hand;}
h1.tt{padding-bottom:10px;}


.paw{background:url(images/line.png) repeat-x center left;}
.paw-image{text-align:center;}	
.paw-image img{margin:auto;display:block;}
.Defaultcenterbar h1,h2{text-align:center;}
.content p{padding-bottom:20px;}	

table.svc{border:2px solid #C5C899;padding:3px;overflow:auto;margin-top:20px;width:100%;font-size:12px;}
table.svc td{padding:3px;width:100%;color:#778E34;vertical-align:top;}
table.svc thead td{color:#F3784D;border-bottom:1px solid #C5C899;font-weight:bold;}
table.svc td.center{text-align:center;}
table.svc td.note{color:#38280E;}
table.svc td.boldsvc{font-weight:bold;}
.nowrap{white-space:nowrap;}
.clearbottom{margin-bottom:20px;}
span.weight{font-style:italic;font-size:11px;}	
span.italic{font-style:italic;font-size:11px;}	

h4{font-weight:bold;}
DIV.entry{border-top:1px solid #f3784d;padding-top:10px;}