body {
margin-top: 15px;
padding: 0;
text-align: left;
background: #131617;
font-family: Courier New, Courier, monospace;
font-size: 13px;
color: #E0BC9C;
}
select, input, textarea {
background-color: #818DA2;
border: 1px solid #C0C6D4;
color: #212931;
padding: 1px;
font-family: arial, tahoma, verdana, helvetica, sans serif;
font-size: 85%;
}
h1, h2, h3 {
margin-top: 0;
font-weight: normal;
}
h1 {
font-size: 197%;
color: #7C5F42;
}
h2 {
font-size: 170%;
font-weight: bold;
color: #B86334;
}
p, ul, ol {
margin-bottom: 1.6em;
line-height: 180%;
}
p {
}
blockquote {
font-family: arial, tahoma, verdana, helvetica, sans serif;
font-weight: bold;
font-size: 90%;
color: #D2A278;
}
ul {
}
ol {
}
a {
color: #A88E80;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
small {
}
hr {
display: none;
}
#page1 {
clear: both;
width: 731px;
margin: 0 auto;
text-align:center;
background: #2C2828 url(../images/back.jpg) no-repeat;
}
#header {
width: 720px;
height: 67px;
margin: 0 auto;
}
#logo {
float: left;
height: 67px;
}
#logo h1, #logo h2 {
margin: 0;
}
#logo h1 {
padding-left: 5px;
padding-top: 20px;
text-align: bottom;
font-size: 250%;
font-weight: bold;
}
#logo h2 {
padding-left: 60px;
}
#logo a {
text-decoration: none;
color: #D3B1B1;
}
#menu {
width: 720px;
height: 45px;
margin: 0 auto;
background: url(../images/menbk6.gif) repeat-x;
}
#menu ul {
margin: 0;
padding: 15px 0 0 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
padding: 0 8px 12px 15px;
background: url(../images/men_down2.gif) no-repeat left center;
text-align: center;
text-decoration: none;
font-size: 130%;
font-weight: bold;
color: #D99E77;
}
#menu a:hover {
color: #F9CA9D;
}
#menu .active a {
color: #C27C3E;
background: url(../images/men_up2.gif) no-repeat left center;
}
#page {
clear: both;
width: 720px;
margin: 0 auto 20px auto;
padding: 5px 0 0 0;
}
#content {
text-align:left;
float: right;
width: 400px;
height: 340px;
padding: 10px 10px 15px 10px;
font-size: 85%;
}
#content ul {
list-style-position: outside;
list-style-type: circle;
line-height: 110%;
}
#sidebar {
float: left;
width: 255px;
padding: 28px 2px 2px 22px;
font-family: arial, tahoma, verdana, helvetica, sans serif;
font-size: 80%;
font-weight: bold;
text-align: left;
line-height: 180%;
}
#sidebar ul {
list-style-position: outside;
list-style-type: circle;
margin: 0;
padding-left: 25px;
}
#sidebar p {
font-size: 105%;
}
#sidebar li ul {
}
#sidebar h2 {
font-size: 125%;
font-weight: bold;
color: #D5C2B5;
}
#sidebar h3 {
margin: 0;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:hover {
color: #D0C2BA;
text-decoration: underline;
}
#footer {
clear: both;
height: 55px;
width: 705px;
margin: 0 auto 0 auto;
padding-top: 15px;
padding-right: 15px;
background: url(../images/footbar.jpg) no-repeat;
color: #FFBD77;
}
#footer p {
margin: 0;
text-align: right;
font-size: 77%;
}
#footer a {
color: #FFBD77;
}
.gallerycontainer{
position: relative;
}
.thumbnail img{
border: 0;
margin: 0 1px 1px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 0;
}
.thumbnail span{
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{
visibility: visible;
top: -47px;
left: -309px;
z-index: 50;
}