/*****************************************************************
zero out browser defaults
*****************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, textarea  {
    margin: 0;
    padding: 0;
}

/*****************************************************************
main structural elements
*****************************************************************/
html {
    height: 100%; padding-bottom: 1px;  /* force a vertical scroll bar in Firefox to prevent side to side jumping*/
}
body {
    font-family: verdana, sans-serif;
    font-size: 100.01%;
    color: #E3C295;
    background: #000000;
}
#page {
    width: 790px;
    margin: 0 auto;
}
#headerwrap {
    margin-top: -20px; /*cancel out the margin on the h1*/
    background: url(image/logo121x100.jpg) top left no-repeat;		
}
* html #headerwrap {
    margin-top: 0;       /* now correct IE */
}
#headerwrap div {
    background: url(image/logo121x100.jpg) top right no-repeat;
}
#headerwrap, #headerwrap div {
    padding: 0;
    min-height: 100px;
    display: block; /*to show the right side picture*/
}
* html #headerwrap, * html #headerwrap div {
    height: 100px;
}
#headerwrap h1 {
    text-align: center;
    font-size: 260%; /*sized to stay on one line when IE is font-size largest*/
    margin: 0 125px; /*margined to leave room for logo picture on either side*/
    margin-top: 20px;
    padding: .5em 0;
}
* html #headerwrap h1 {
    margin-top: 0;       /* always correcting IE */
}

/******************************************************************
miscellaneous bits and pieces
******************************************************************/
.clear {
    clear: both;
}

/******************************************************************
navigation styles
******************************************************************/
#navwrap, #navwrap2 {
    line-height: 220%; /*the extra height prevents the navigation buttons from overlapping at font-size increases*/
    padding: .2em;
}
#navwrap {
    margin-top: 3px;
}
#navwrap2 {
    margin-top: -.2em;
    border-bottom: solid #C29364 7px;
}
#navwrap ul, #navwrap2 ul {
    list-style-type: none;
    text-align: center;
}
#navwrap ul li, #navwrap2 ul li {
    display: inline;
    /*zoom: 1;/*add haslayout to fix IE7 zoom ... messes up the style though... needs fixing*/
}
#navwrap ul li a, #navwrap2 ul li a {
    color: #000000;
    background: #E3C295;
    text-decoration: none;
    padding: .2em 2em;
    font-size:120%;
    /*zoom: 1; /*add haslayout to fix IE7 zoom ... messes up the style though... needs fixing*/
}
#navwrap ul li a:hover, #navwrap2 ul li a:hover {
    color: #000000;
    background: #FFEEDD;
}
#navwrap ul li a#currentpage, #navwrap2 ul li a#currentpage {
    color: #FFEEDD;
    background: #C29364;
}
a:link {
    color: #E3C295;
    text-decoration: none;
}
a:visited {
    color: #815600;/*C29364;*/
    text-decoration: none;
}
a:hover, a:active {
    color: #FFEEDD;
    text-decoration: underline;
}
p a:link.female {
	border-bottom: 3px solid #BC5252;
}
p a:visited.female {
	color: #BC5252;
	border-bottom: 3px solid #BC5252;
	text-decoration: none;
}
p a:hover.female {
	color: #BC5252;
	border-bottom: 3px solid #E3C295;
	text-decoration: none;
}
p a:link.male {
	border-bottom: 3px solid #6695D6;
}
p a:visited.male {
	color: #6695D6;
	border-bottom: 3px solid #6695D6;
	text-decoration: none;
}
p a:hover.male {
	color: #6695D6;
	border-bottom: 3px solid #E3C295;
	text-decoration: none;
}
#puppylist {
	margin: 12px 0 0 0;
	list-style-type: none;
}
#puppylist li span{
	position: relative;
	bottom: 2em;
	left: 2em;
	}
.male img {
	margin-left: 1em;
}
.puplink {
	margin-left: 3em;
}
#litterlisthead {
	margin: 5px 0 10px;
	border-bottom: 4px double #E3C295;
	clear: both;
}
#litterlist li {
	margin: 2px 0 0 30px;
}
/****************************************************************
begin content area styles
****************************************************************/	
#welcomepic {
    margin: 1em 245px;
    display: inline;
}
#welcomehed {
    font-size: 200%;
    text-align: center;
}							
img#intropic {
    float: right;
    margin: .25em 0 1em .5em;
}
.pullquoteleft {
	width: 25%;
	float:left;
	color: #6695D6;
	font-size:115%;
	font-weight: bold;
	line-height:140%;
	margin: 25px 10px 5px;
	padding:10px 25px 15px 0px;
	border-top: 7px solid #6695D6;
	border-bottom: 7px solid #6695D6;
	}
.pullquoteright {
	width: 30%;
	float:right;
	color: #6695D6;
	font-size:115%;
	font-weight: bold;
	line-height:140%;
	margin: 12px 10px 5px;
	padding:7px 5px 7px 0px;
	border-top: 7px solid #6695D6;
	border-bottom: 7px solid #6695D6;
	}

#content {
    margin-top: 1em;
    padding-left: 1em;
}
#content p {
    font-size: 115%;
    font-weight: bold;
    margin: 1em 0 0;
    letter-spacing: 1px;
}
p#goalstate {
   margin: 0 10%;
   padding: 1em 0 .3em 0;
   text-align: center;
   border-bottom: 5px solid #E3C295;
   }
p#signature {
    font-family: "URW Chancery L", "Lucida Handwriting", cursive;
    font-weight: bold;
    font-size: 150%;
    text-align: right;
    margin: .5em 2em 0 0;
}
#litannouncepic {
	float: left;
	width: 160px;
	margin-bottom: .3em;
}
.litannounce span {
	font-size: 300%;
	margin-right: -5px;
}
p.litannounce {
	color: #6695D6;
	font-size: 125%;
}
p.litannounce em sup {
	position: relative;
	top: -.5em;
	font-size: 150%;
}

div#update p {
	color: #87BC52;/*BCBC52*/
	display: block;
	/*font-size: 90%;*/
	/*padding-top: .8em;*/
}
#salutation {
	width: 50%;
	margin: .1em auto 0 10%;
	font-size: 120%;
	display: block;
}
.parents {
	float: right;
	width: 148px;
	margin-top: -1em;
}
.puppies {
	float: right;
}
div#update strong.updateheader {
	color: red;
	font-family: Georgia, serif;
	line-height: 1.7;
	font-variant: small-caps;	
	padding-left: 1em;
	border-bottom: 1px dotted red;
}
a img {
	border: none;
}
h2 {
    font-family: Georgia, serif;
    font-size: 175%;
    color: #F1D8B9;
    letter-spacing: 1px;
    margin: .75em 0 -.5em;
    padding: .25em 0 .25em;
}
dl {
	margin: 0 0 1em;
	padding: 1.5em 0;
	float: left;
    width: 770px;
}
dt {
    float: right;
    font: 2em Georgia bold;
    width: 533px;
    margin: 0;
    padding: 0;
}
dd {
    float: right;
    width: 533px;
}
.image {
    width: 200px;
    margin-right: 20px;
    float: left;
    clear: left;
}
.image img {
    display: block;
    margin-bottom: 1em; 
}
.pedlink, .bigpic, .awards {
    margin-top: .5em;
    font-size: 1.4em;
    font-family: verdana, sans-serif;
    font-weight: bold;
    }
#dietsup {
    width: 70%;
    line-height: 1.5em;
    margin: 1em auto;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 1px;
    }
#crumbs {
	margin: 0 0 .5em;
	}
.gallery-odd .first {
	margin: 0 126px 0 21px;
}	
.gallery-even .first {
	margin: 0 0 0 84px; 
	}
#males_peds {
	color: #6695D6;
	margin: 1.25em 0 0 5em;
}
#females_peds {
	color: #BC5252;
	margin: 1.25em 0 0 5em;
}
#males_peds li, #females_peds li {
	padding: 3px;
	position: relative; 	/*set the list items as the containing block
	              			for the absolutely positioned thumbnail on link hover*/
}
#males_peds li a img, #females_peds li a img {
	height: 0; width: 0; border-width: 0;
	}
#males_peds li a:hover img {
	position: absolute;
    top: 0; 
    right: 20%;
    height: 91px; 
    width: 100px;
    text-indent: 0;
    }
#females_peds li a:hover img {
	position: absolute;
    right: 20%; 
    bottom: 0; 
    height: 91px; 
    width: 100px;
    text-indent: 0;
    }
#kenimg003 {
	width: 267px;
	float: left;
	margin: 0 0 12px 0;
}
#kenimg004 {
	width: 274px;
	float: right;
	margin: 0 0 -50px 0;
}
#errhed {
	margin: 1em;
	color: red;
}
.errnote {
	margin: .7em;
}
/***************************************************************
contact page styles
***************************************************************/
#contactcontent img {
    display: block;
    margin: 1em auto;
}
#contactcontent address {
    width: 50%;
    margin: 2em auto;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
#contactcontent p {
	padding: .25em;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    }
#contactcontent p span {
	color: #6695D6;
}
/***************************************************************
begin footer styles
***************************************************************/
#foot {
    color: #2A2F37;
    background-color: #C29364;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.5em;
    padding: .1em 1em;
    margin: 2em 0 .3em;
    text-align: center;
    letter-spacing: 1px;
    clear: both;
}
#foot a {
    color: #2A2F37;
    text-decoration: none;
    font-size: .9em;
}
#foot a:hover {
    color: #FFEEDD;
}
/***************************************************************
begin copyright styles
***************************************************************/
#cr {
    color: #E3C295;
    background: #000000;
    font-weight: bold;
    font-size: .7em;
    padding: 0 0 .5em 1em;
}
.vlink {
	float: right;
	width: 5em;
	}
#cr a#emailslws {
	margin: 0 2em 0 0;
    color: #F1D8B9;
}
#cr a#emailslws:hover {
    text-decoration: none;
    color: #FFEEDD;
    }
#slws {
	background: #FFF;
	color: navy;
	}
#slws a:link{
	color: blue;
	text-decoration: underline;
	}
#slws a:visited {
	color: maroon;
	text-decoration: underline;
	}
#slws a:hover {
	color: red;
	text-decoration: underline;
	}
	#slwspic {
	float: left;
	width: 300px;
	margin-bottom: 1em;
	}
#slwsheader {
	font-size: 1.5em;
	text-align: right;
	margin: 0 3em 0 0;
	padding: .7em 0 0;
	color: navy;
}
#slws h3 {
	text-align: center;
	margin: 1em 0 0 0;
	}
#slws p {
	margin: 1em 2em .5em;
	line-height: 1.4em;
	}
#slwslast {
	padding-bottom: 1em;
	}