@import url("reset.css");
/* (c) 2010 Tom Schrader /*
/* general tags */
html { position:relative; background:url(../img/bg-paws.jpg) repeat; }
body { font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#333; }
h1 { margin:-1em 0px 0px -1000px; }
h2 { margin-top:2em; color:#c63; font-size:1.1em; line-height:1.1em; }
h2.first { margin-top:0px; }
h3.hilite { margin-top:1em; margin-bottom:0px; padding:5px 10px; background:#c63; color:#fff; font-size:1.3em; -webkit-border-radius-top-left:6px; -moz-border-radius-topleft:6px;  -webkit-border-radius-top-right:6px; -moz-border-radius-topright:6px; }
h3.hilite.top { margin-top:0px; }
h4.hilite { margin:1em 0px; padding:5px 10px; background:#ccc; color:#333; font-size:.9em; -webkit-border-radius:6px; -moz-border-radius:6px; }
h4.hilite a { color:#333; }
p { margin:.75em 0px; line-height:1.25em; }
p.first { margin-top:0px; }
p.pre { border-bottom:1px dotted #ccc; padding-bottom:10px; font-size:110%; }
p.hilite { border:1px solid #c63; border-top:none; margin:0px 0px 10px; padding:10px; color:#c63; font-weight:700;  -webkit-border-radius-bottom-left:6px; -moz-border-radius-bottomleft:6px;  -webkit-border-radius-bottom-right:6px; -moz-border-radius-bottomright:6px; }
p.hilite.normal { font-weight:300; }
p.hilite strong { font-weight:700;}
p.hilite img {display:block; margin:0px auto 6px; }
ol { margin-left:2em; list-style:decimal; }
ol li { margin:.5em 0px; line-height:1.25em; }
label { display:block; font-size:.8em; }
img.float { float:left; margin:0px 10px 10px 0px; }
/**/
/* form classes */
input { clear:left; margin-top:2px; }
input.frm-name { width:17em; }
input.frm-email { width:22em; }
input.frm-town { width:11em; }
#frm-cont { width:auto; border:1px solid #fcf; margin:10px 0px; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; }
.frm-col { float:left; width:auto; margin-right:1.5em; }
.frm-col.last { margin-right:0px; }
/**/
/* button classes */
button { height:2em; background:#f63 url(../img/bg-navover.gif) repeat-x; color:#fff; margin:10px 0px 0px; font-weight:700; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; }
button:hover { background:#fcc url(../img/bg-nav.gif) repeat-x; color:#000; }
/**/
/* general classes */
#content .clear { float:none; clear:both; margin:0px; padding:0px; }
.caption { display:block; height:20px; background:url(../img/bg-photo.gif) no-repeat; margin:0px; padding-top:6px; font-size:.7em; line-height:normal; text-align:center; }
.fnote { font-size:.7em; }
.grouped { white-space:nowrap; }
.small { font-size:.8em; }
img.camera { margin-right:8px; vertical-align:text-bottom; }
strong.hilite { color:#c63; }
div.social { width:auto; font-size:1em; font-weight:700; text-align:right; }
div.social img { padding-left:.5em; vertical-align:middle; }
/**/
/* errors */
.error { margin-left:10px; color:#f30; font-size:.8em; font-weight:700; }
span.error { float:left; margin-left:0px; margin-right:.5em; }
.error img { vertical-align:middle; }
/**/
/* main ids */
#page { width:800px; position:relative; background:#fff url(../img/bg-page.jpg) repeat-y; margin:0px auto 20px; }
#header { width:100%; height:85px; background:#fff url(../img/grass.jpg) repeat-x bottom; margin:0px; text-align:center; }
#header img { z-index:10; }
#footer { float:none; clear:both; background:url(../img/bg-footer.jpg) no-repeat bottom; border-top:1px solid #ccc; padding:5px 20px 10px; font-size:.8em; line-height:1.25em; text-align:right; }
#content { width:auto; height:auto; position:relative; padding:0px 20px 10px; }
#banner { position:absolute; top:85px; width:100%; height:5px; background:url(../img/banner.gif) repeat-x; }
/**/
/* navigation bar */
#nav { background:/*url(../img/bg-nav.gif) repeat-x */#fcc; margin:5px 0px 20px; text-align:center; }
#nav li { display:inline; }
#nav li a, #nav li span { display:inline-block; padding:4px 8px; color:#000; font-weight:700; text-decoration:none; }
#nav li a:hover { background:#f63 url(../img/bg-navover.gif) repeat-x; color:#fff; }
#nav li span { background:#333 url(../img/bg-navon.gif) repeat-x; color:#fff; }
/**/
/* content layout classes */
.content-pri { width:420px; float:left; border-right:1px dotted #ccc; padding-right:20px; }
.content-sec { width:300px; float:right; }
.content-sec img.photo { display:block; border:1px solid #ccc; margin:2px 0px 0px; }
/**/
/* page specific */
#don .content-pri, #pho .content-pri, #con .content-pri { width:auto; float:none; border:none; padding-right:0px; }
#pho p { text-align:center; }
#eti .content-pri, #eti .content-sec { width:50%; float:left; border:none; padding-right:0px; }
/**/
/* notice classes */
.notice { border:1px solid #fcf; background:#fff url(../img/bg-notice.jpg) repeat-x; margin:10px; line-height:1.25em; -webkit-border-radius:6px; -moz-border-radius:6px; }
.notice.first { margin-top:0px; }
.notice h2 { margin:0px 0px .25em; font-size:1em; line-height:1em; }
.notice ul { margin-left:1.25em; font-size:.85em; }
.notice li { list-style:square; }
.notice div { padding:10px; }
.notice p { margin:.5em 0; }
.notice p.first { margin-top:.25em; }
.notice p.last { margin-bottom:.25em; }
.notice.short { background:#fff url(../img/bg-notice-short.jpg) repeat-x; }
.notice .jrt { background:url(../img/jrt.gif) no-repeat bottom right; }
.notice .westie { background:url(../img/westie.gif) no-repeat bottom right; }
.notice .shep { background:url(../img/shep.gif) no-repeat bottom right; }
/**/
/* list classes */
.list { height:500px; overflow:auto; border:1px solid #ccc; }
.list ul { margin:10px; }
.list li { border-bottom:1px dotted #ccc; margin:10px 0px; padding-bottom:.5em; font-size:.85em; line-height:1.4em; }
.list li.year { background:#f63; color:#fff; padding:2px 0px; font-weight:700; text-align:center; }
.list li.year-past { background:#666; color:#fff; padding:2px 0px; font-weight:700; text-align:center; }
.list li.past { color:#999; }
.list li span.time { font-size:.85em; }
#eti .notice ul { margin-left:0px; }
#eti .notice li { list-style:none; padding:5px 0px 0px 25px; }
.notice ul.dog li { background:url(../img/bul-paw.gif) no-repeat left 7px; min-height:2em; }
.notice ul.man li { background:url(../img/bul-people.gif) no-repeat left 7px; min-height:2em; }
/**/
/* dog pics*/
.pics { /*border-bottom:1px solid #ccc; padding-bottom:10px;*/ white-space:nowrap; }
.pics img { width:148px; border-right:1px solid #ccc; margin:0px; padding:0px; }
.pics img.first { border-right:1px solid #ccc; }
/**/
/* slideshow classes */
#sshow { width:541px; height:530px; background:url(../img/ss-bg.jpg) no-repeat; margin:10px auto 20px; padding:18px 6px; }
.ss-cap-cont { position:absolute; bottom:4px; left:10px; width:200px; height:20px; visibility:hidden; overflow:hidden; cursor:default; z-index:20; }
.ss-cap-bg { position:absolute; left:0px; top:0px; width:200px; height:20px; border-style:solid; border-width:0px; border-color:#000; background-color:#000; opacity:0.50; filter:alpha(opacity=50); -moz-opacity:0.50; }
.ss-cap-desc { position:relative; left:0px; top:0px; width:inherit; height:inherit; overflow:hidden; padding:3px; text-align:left;/*border:solid 2px #900;*/ color:#fff; font-family:arial; font-style:normal; font-size:.9em; font-weight:700; text-decoration:none; opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
.ss-cap-txt { color:#FECE3F; }
/**/
/* new slideshow classes */
#pho #content { height:1%; }
#sshow { width:546px; height:542px; background:url(../img/ss1-bg.jpg) no-repeat; margin:10px auto 20px; padding:20px 0px; }
#pho h1 { font-size:1.4em; color:#BF9900; font-weight:normal; }
/* This class provides the spinner graphic to be displayed during initial preload of images */
#pho .loading { background:url(../img/spinner.gif) no-repeat 50% 50%; }
/* If there is content below the slideshow container, 
   then a min-height must be set on slideshow_container and js_slideshow 
   to prevent them from collapsing in between slides.
   Choose a min-height in pixels that will reasonably accommodate the contents: 
   the image and the two optional text blocks.
   Width is set to the width of the image for slideshow_container. */
#pho #sshow_container { width:525px; min-height:350px; text-align:center; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #pho #sshow_container { height:350px; }
/* End hide from IE5/mac */
#pho #js_sshow, #pho #no_script { margin:0; padding:0; position:relative; min-height:350px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #pho #js_sshow { position:relative; height:350px; }
/* End hide from IE5/mac */
#pho #js_sshow a, #pho #no_script a { text-decoration:none; display:block; margin:0; padding:5px 0; font-weight:bold; text-align:center; }
#pho #js_sshow #sshow_img_wrapper, #pho #js_sshow #sshow_img_wrapper a, #pho #js_sshow #sshow_img_wrapper img, #pho #no_script #sshow_img_wrapper_ns, #pho #no_script #sshow_img_wrapper_ns a, #pho #no_script #sshow_img_wrapper_ns img { width:524px; margin:0 auto; padding:0 0 0 5px; }
/* Use the following to style the optional text containers.	*/
#pho h3.title { margin:0; padding:0; background-color:#ACB8C3; border-top:1px solid #D5DBE1; border-bottom:1px solid #97A6B4; font-size:1.1em; }
#pho p.caption { width:95%; height:auto; margin:0 auto; padding:2px 0px; background:#fff; font-size:0.8em; font-weight:700; }
/**/