/* Document Structure */
body{
  margin: 0px;
  color: #000000;
  cursor: default;
  font-size: 1.0em;
  text-align: center;
  font-family: "Lucida Sans Unicode", tahoma, arial, sans-serif;
  background: url('../images/back.jpg') top center #d3d5cb;
}
#top{
  background: url('../images/header.jpg') top center no-repeat;
}
.container{
  width: 760px;
  margin: 0px auto 0px auto;
}


/* General Formatting */
p, h1, h2, h3, li, input, textarea, blockquote, legend, td{
  text-align: left;
  font-family: "Lucida Sans Unicode", tahoma, arial, sans-serif;
}
p{
  font-size: 0.8em;
  padding-top: 20px;
  margin: 0px 20px 0px 20px;
}
br{
  clear: both;
}
input, textarea{
  color: #4e0a2f;
  width: 280px;
  font-size: 1.0em;
  border: 1px solid #6eacdf;
  background: #f1eede;
}
.left{ float: left; }
.right{ float: right; }
.hide{ display: none; }
.center{ text-align: center !important; }
a img{ border: 0px; }
a, a:link, a:active, a:visited{
  color: #3c77a7;
  cursor: pointer;
  text-decoration: underline;
}
a:hover{
  color: #ffffff;
  text-decoration: none;
  background: #3c77a7;
}
hr{
  clear: both;
  height: 1px;
  border: 0px;
  border-bottom: 1px solid #cccccc;
}


/* Header */
#header{
  height: 309px;
  text-align: left;
}
#puppy_count{
  float: right;
  margin: 150px 115px 0px 0px;
}
#navigation{
  margin: 0px;
  font-size: 1.0em;
  padding: 200px 0px 0px 20px;
}
#navigation span{
  float: left;
  width: 133px;
  height: 84px;
  display: block;
  line-height: 75px;
  text-align: center;
  color: #ffffff;
  font-family: georgia, serif;
  font-size: 1.4em;
  letter-spacing: -0.05em;
  margin-right: 10px;
  background: url('../images/nav_bubble.gif') top left no-repeat;
}
#navigation a, #navigation a:link, #navigation a:active, #navigation a:active{
  float: left;
  height: 30px;
  line-height: 27px;
  display: block;
  color: #f697ca;
  margin-top: 26px;
  padding: 0px 5px 0px 13px;
  text-decoration: none;
  border-right: 2px solid #440929;
}
#navigation a:hover{
  color: #440929;
  background: #f8f3d8;
  border-right: 2px solid #f8f3d8;
}
#navigation a em{
  color: #1e0412;
  font-style: normal;
  font-weight: normal;
  padding-left: 2px;
}
#navigation a:hover em{
  color: #a8246c;
}


/* Content */
#content{
  text-align: left;
  background: url('../images/center.gif') top center repeat-y;
}
#content .left{
  width: 381px;
  background: url('../images/paper.jpg') top left repeat-y;
}
#content .left div{
  background: url('../images/paper_top.jpg') top left no-repeat;
}
#content .left div div{
  padding: 20px 0px 40px 0px;
  background: url('../images/paper_bottom.jpg') bottom left no-repeat;
}
#content .left h2{
  font-family: tahoma, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  color: #b30f68;
  padding-left: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 70px;
}
#content .left p{
  color: #440929;
  text-indent: 25px;
  font-family: georgia, serif;
  line-height: 1.4em;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 10px 70px;
}
#content .right{
  float: left !important;
  width: 319px;
  margin: 20px 0px 0px 20px;
}
#content .right span.hr{
  height: 1px;
  display: block;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #faf5da;
}
#content .right span.hr hr{
  display: none;
}
#content .right .puppy .thumb{
  margin-top: 15px;
}
#content .right h2{
  margin-bottom: 0px;
  font-family: georgia, serif;
  font-size: 1.2em;
  font-weight: normal;
  color: #ffffff;
  padding-left: 10px;
  background: #9ba37c;
}
#content .right .puppy h2{
  padding-left: 0px;
}
#content .right .puppy h2 br{
  clear: none;
}
#content .right .puppy h2 a{
  width: 309px;
  color: #ffffff;
  display: block;
  text-align: left !important;
  padding: 5px 0px 5px 10px;
  text-decoration: none;
  line-height: 0.8em;
}
#content .right .puppy h2 a span.birthday{
  font-size: 0.7em;
}
#content .right .puppy h2 .available,
#content .right .puppy h2 .adopted,
#content .right .puppy h2 .breeder,
#content .right .puppy h2 .retired{
  width: 83px;
  height: 37px;
  float: right;
  display: block;
  text-indent: -100px;
  overflow: hidden;
  margin-right: 5px;
}
#content .right .puppy h2 .available{
  background: url('../images/available.png') top left no-repeat;  
}
#content .right .puppy h2 .adopted{
  background: url('../images/adopted.png') top left no-repeat;  
}
#content .right .puppy h2 .breeder{
  background: url('../images/breeder.png') top left no-repeat;  
}
#content .right .puppy h2 .retired{
  background: url('../images/retired.png') top left no-repeat;  
}
#content .right p{
  color: #626b3d;
  text-indent: 25px;
  font-family: tahoma, sans-serif;
  background: #dedac5;
  margin: 0px 0px 10px 0px;
  text-align: justify;
  padding: 10px 20px 10px 20px;
}
#content form.right p{
  text-indent: 0px;
}
#content .right img{
  border: 5px solid #d8d3bc;
}
#content .thumb{
  float: left;
  width: 83px;
  height: 83px;
  margin: 0px 1px 5px 7px;
  text-decoration: none;
  background: #9ba37a;
}
#content .thumb span{
  width: 73px;
  height: 73px;
  margin: 5px;
  padding-top: 1px;
  display: block;
  background: #4e0a2f;
}
#content .thumb span span{
  width: 71px;
  height: 71px;
  margin: 0px 1px 1px 1px;
  display: block;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
}
#content .thumb:hover{
  background: #4e0a2f;
}


/* Footer */
#footer{
  clear: both;
  height: 100px;
  background: url('../images/footer.gif') top center no-repeat;
}
#footer p{
  float: right;
  width: 250px;
  color: #783b5c;
  font-size: 0.7em;
  font-family: arial, sans-serif;
  padding: 0px;
  margin: 9px 50px 0px 0px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited{
  color: #a04b79;
  text-decoration: underline;
}
#footer a:hover{
  color: #bb6794;
  background: none;
}