@charset "UTF-8";
/* CSS Document */
body {background: #faff8e;}
.update{
background-color:#03C;
font-size:1.0em;
margin-left: auto;
margin-right:auto;
height:1.3em;
color:#FFF;}
/* ------------- GALLERY ------------- */
.gallery {
width:1000px;
height:auto;
padding-top: 1px; /* stops the gallery's h1 margin-top from collapsing */
padding-bottom: 1px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.gallery h1 {
text-align: center;
}
.gallery ul {
margin: auto;
padding: 40px;
}
.gallery li {
float: left;
list-style: none;
}
.gallery img {
border: none;
}
.gallery a:hover img, .gallery a:focus img {
width: auto;
height: auto;
position:relative;
z-index: 1;
}
/* ------------- GALLERY Horizontal ------------- */
.horizontal {
width: 600px;
}
.horizontal li {
padding: 40px 50px;
}
.horizontal img {
width: 100px;
height: 80px;
}
.horizontal a:hover img, .horizontal a:focus img {
margin: -60px -75px;
}
/* ------------- GALLERY Vertical ------------- */
.vertical {
width: auto;
height: auto;
}
.vertical li {
padding: 20px;
}
.vertical img {
width: 200px;
height: auto;
}
.vertical a:hover img, .vertical a:focus img {
margin: -75px -60px;
}
h2 {text-align: center;}
/* ------------- IE7 hacks for GALLERY ------------- */
*+html/*/*/ .horizontal a:hover img {
left: -75px;
top: 0px;
}
*+html/*/*/ .vertical a:hover img {
left: -60px;
top: 0px;
}
/* ------------- IE5 and IE6 hacks for GALLERY ------------- */
* html .gallery ul {
overflow:visible;
}
* html .horizontal a:hover img {
left: -75px;
top: 0px;
}
* html .horizontal a:hover {
background-position: 0 0;
}
* html .vertical a:hover img {
left: -60px;
top: 0px;
}
* html .vertical a:hover {
background-position: 0 0;
}
* html .vertical li {
display:inline;
}
/* ------------- IE5 hacks for GALLERY - still working on ------------- */
* html .horizontal {
width: 680px;
wid\th: 600px;
}
* html .vertical {
width: 640px;
wid\th: 600px;
}
* html .gallery ul {
padding-left: 0px;
padd\ing-left: 40px;
}