* {
margin : 0;
padding : 0;
}
body {
font : 62.5% Helvetica, sans-serif;
background-color : #343638;
}
ul {
list-style : none inside;
}
p {
font-size : 1.2em;
line-height : 1.6em;
margin-bottom : 1.2em;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear {
clear : both;
}
a:link {
color : #e4bd08;
text-decoration : none;
}
a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
a:visited {
color : #e4bd08;
text-decoration : none;
}
a:hover {
color : #e4bd08;
text-decoration : none;
}
a:active {
color : #e4bd08;
font-weight : bold;
text-decoration : none;
}
.box {
width : 500px;
background : #2a2a2a;
border : 1px solid #2a2a2a;
}
.box .inside {
padding : 20px;
}
.credits {
margin : -5px 0 3.5em;
padding-left : 15px;
font : 130%/110% "Courier New", Courier, monospace;
}
.credits a {
color : #000;
background : #c3e4e2;
border-bottom : 1px solid #a36e36;
text-decoration : none;
text-transform : uppercase;
padding : 0 0.5em;
font-size : 110%;
}
.credits em {
color : #fff;
background : #000;
border-bottom : 1px solid #a36e36;
padding : 0 0.3em;
}
img {
border : none;
}
.galleryindex {
list-style : none;
margin : 0px 64px 0px;
padding : 0;
}
.galleryindex li {
margin : 20px 10px 5px;
padding : 8px;
background : url(images/polaroid.png) no-repeat;
float : left;
position : relative;
width : 186px;
}
.galleryindex span {
background : url(images/tape.png) no-repeat;
width : 77px;
height : 27px;
display : block;
position : absolute;
left : 54px;
top : -12px;
}
.galleryindex em {
display : block;
padding : 0 20px 0 0;
text-align : center;
font : italic 100% Georgia, "Times New Roman", Times, serif;
color : #333;
}
.gallerycontainer {
position : relative;
}
.thumbnail img {
border : 1px solid white;
margin : 0 5px 5px 0;
}
.thumbnail:hover {
background-color : transparent;
}
.thumbnail:hover img {
border : 1px #e3bd08;
}
.thumbnail span {
position : absolute;
background-color : white;
padding : 5px;
left : -1000px;
visibility : hidden;
color : black;
text-decoration : none;
}
.thumbnail span img {
border-width : 0;
padding : 2px;
}
.thumbnail:hover span {
visibility : visible;
top : 0;
left : 230px;
z-index : 50;
}
#page-wrap {
width : 800px;
margin : 0 auto;
}
#header {
height : 214px;
background : url(images/header.jpg) no-repeat;
}
ul#menu {
list-style : none;
}
ul#menu li {
display : inline;
}
ul#menu li a {
text-indent : -9999px;
display : block;
height : 57px;
float : left;
}
ul#menu li a.home {
background : url(images/menu-home.png) no-repeat bottom center;
width : 102px;
}
ul#menu li a.gallery {
background : url(images/menu-gallery.png) no-repeat bottom center;
width : 96px;
}
ul#menu li a.about {
background : url(images/menu-about.png) no-repeat bottom center;
width : 103px;
}
ul#menu li a.dogs {
background : url(images/menu-dogs.png) no-repeat bottom center;
width : 152px;
}
ul#menu li a.puppies {
background : url(images/menu-puppies.png) no-repeat bottom center;
width : 164px;
}
ul#menu li a.links {
background : url(images/menu-links.png) no-repeat bottom center;
width : 70px;
}
ul#menu li a.contact {
background : url(images/menu-contact.png) no-repeat bottom center;
width : 113px;
}
ul#menu li a.home:hover, ul#menu li a.home:active, ul#menu li a.gallery:hover, ul#menu li a.gallery:active, ul#menu li a.about:hover, ul#menu li a.about:active, ul#menu li a.dogs:hover, ul#menu li a.dogs:active, ul#menu li a.puppies:hover, ul#menu li a.puppies:active, ul#menu li a.links:hover, ul#menu li a.links:active, ul#menu li a.contact:hover, ul#menu li a.contact:active {
background-position : center center;
}
body#home ul#menu li a.home, body#gallery ul#menu li a.gallery, body#about ul#menu li a.about, body#dogs ul#menu li a.dogs, body#puppies ul#menu li a.puppies, body#links ul#menu li a.links, body#contact ul#menu li a.contact {
background-position : top center;
}
#space {
height : 80px;
}
#space2 {
height : 400px;
}
#welcome {
width : 578px;
height : 280px;
margin : 0 auto;
background : url(images/welcome.png) no-repeat;
}
#page-wrap2 {
width : 800px;
margin : 0 auto;
background : url(images/news-bg.png) repeat-y;
}
#page-wrap3 {
width : 800px;
margin : 0 auto;
}
#news-head {
height : 112px;
background : url(images/news-head.png) no-repeat;
}
#about-head {
height : 112px;
background : url(images/about-head.png) no-repeat;
}
#puppies-head {
height : 112px;
background : url(images/puppies-head.png) no-repeat;
}
#links-head {
height : 112px;
background : url(images/links-head.png) no-repeat;
}
#contact-head {
height : 112px;
background : url(images/contact-head.png) no-repeat;
}
#dogs-head {
height : 112px;
background : url(images/dogs-head.png) no-repeat;
}
#wp-head {
height : 112px;
background : url(images/wp-head.png) no-repeat;
}
#blank-head {
height : 112px;
background : url(images/blank-head.png) no-repeat;
}
#news {
padding : 0 80px 0 80px;
}
#news-end {
height : 98px;
background : url(images/news-end.png) no-repeat;
}
#footer {
height : 50px;
background : url(images/footer.jpg) no-repeat;
}