body {
background : #4a4238 url(../pictures/bg.jpg);
font : 0.7em/1.2em arial, sans-serif;
color : #333333;
margin : 0;
padding : 0;
}
#wrapper {
width : 900px;
margin : 0 auto;
padding : 0;
background : transparent url(../pictures/bg_main.jpg) repeat-y;
}
#header {
position : relative;
width : 900px;
height : 179px;
padding : 0;
margin : 0 auto;
background : transparent url(../pictures/header.jpg) no-repeat;
}
#container {
width : 831px;
min-height : 400px;
margin : 0 auto;
padding : 0 0 0 69px;
background : transparent url(../pictures/content_top.jpg) no-repeat;
}
#footer {
width : 850px;
height : 20px;
margin : 0 auto;
padding : 30px 50px 0 0;
background : transparent url(../pictures/footer.jpg) no-repeat;
}
#copy {
float : right;
margin : 0;
padding : 0;
font : 11px arial, sans-serif;
color : #9e9e9e;
}
#copy a, #copy a:active, #copy a:visited {
margin : 0 auto;
padding : 0;
font : bold 11px arial, sans-serif;
color : #dadada;
}
#copy a:hover {
margin : 0 auto;
text-decoration : underline;
padding : 0;
font : bold 11px arial, sans-serif;
color : #fefefe;
}
#language {
position : absolute;
bottom : 19px;
right : 44px;
height : 20px;
padding : 0;
margin : 0;
}
#language p {
display : inline;
height : 10px;
font : bold 9px arial, sans-serif;
color : #adadad;
padding : 0;
margin : 0;
}
#language img {
text-align : right;
height : 13px;
border : 0;
padding : 0;
margin : 0 2px 1px 2px;
}
#language img.current {
border : 1px solid #fff;
}
div.pagination a {
font : bold 20px georgia, sans-serif;
}
div.pagination {
font : bold 20px georgia, sans-serif;
text-align : center;
}
#sidebar {
float : left;
width : 128px;
padding : 0 0 0 0;
margin : 100px 0 0 0;
}
#content {
float : left;
width : 630px;
padding : 0 0 0 0;
margin : 20px 0 0 20px;
}
.separator {
height : 22px;
width : 479px;
padding : 0;
margin : 0 auto;
background : transparent url(../pictures/separator.jpg) no-repeat;
}
#content h2 {
font : 24px arial, tahoma, sans-serif;
text-align : right;
color : #666;
margin : 10px 0 10px 0;
padding : 0 5px 0 5px;
background : transparent;
border-bottom : 1px dotted #333;
}
#content h3 {
font : italic 13px arial, tahoma, sans-serif;
text-align : right;
color : #666;
margin : 10px 0 10px 0;
padding : 0 5px 0 5px;
background : transparent;
}
#content p {
font : 13px arial, sans-serif;
color : #999;
text-align : left;
text-indent : 20px;
line-height : 20px;
margin : 0;
padding : 0 10px 10px 10px;
}
#content blockquote {
font : italic 19px arial, sans-serif;
color : #333;
text-align : center;
line-height : 20px;
margin : 0;
padding : 0 0 10px 0;
}
ul.trivia {
list-style : none;
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
margin-bottom : 20px;
}
ul.trivia li {
font : 13px arial, sans-serif;
color : #999;
line-height : 20px;
margin : 0;
padding : 0 0 10px 0;
margin-bottom : 20px;
border-bottom : 1px dashed #333;
}
div.pub_image {
float : right;
margin : 0 0 0 3px;
padding : 5px;
border : 1px solid #111;
background-color : #222;
}
#map {
width : 491px;
margin : 0 auto;
padding : 5px;
border : 1px solid #111;
background-color : #222;
}
div.images_wrapper {
width : 468px;
margin : 0 auto;
padding : 10px 0 10px 0;
}
div.images_wrapper h1 {
font : italic 18px arial, tahoma, sans-serif;
text-align : right;
color : #555;
margin : 0;
padding : 20px 0 0 0;
}
div.image_container {
float : left;
margin : 0 auto;
padding : 13px;
}
div.image_border {
display : block;
margin : 0 auto;
padding : 5px;
background : #ddd;
}
div.image_border:hover {
margin : 0 auto;
padding : 5px;
background : #aaa;
}
div.image_container img {
width : 120px;
height : 80px;
margin : 0;
padding : 0;
}
div.pub_image img {
margin : 0;
padding : 0;
border : 0;
}
div.infos {
font : italic 13px arial, sans-serif;
color : #666;
width : 500px;
margin : 0 auto;
padding : 0 0 10px 0;
margin-bottom : 20px;
border-bottom : 1px dashed #333;
}
div.infos h3 {
font : italic 13px arial, sans-serif;
margin : 0;
padding : 0;
}
div.infos h3 a, div.infos h3 a:link, div.infos h3 a:active, div.infos h3 a:visited {
font : bold 13px arial, sans-serif;
color : #999;
margin : 0 auto;
padding : 0 0 0 0;
}
div.infos em {
display : block;
font : normal 18px arial, sans-serif;
margin : 0;
padding : 0;
border-bottom : 1px dashed #333;
}
.clear {
clear : both;
margin : 0;
padding : 0;
}
#content p a, #content p a:active, #content p a:visited {
font : 13px arial, sans-serif;
text-decoration : none;
color : #7f7f7f;
border-bottom : 1px dotted #666;
}
#content p a:hover {
text-decoration : none;
color : #999;
}
a, a:active, a:visited {
font : 13px arial, sans-serif;
text-decoration : none;
color : #7f7f7f;
}
a:hover {
text-decoration : underline;
color : #999;
}
ul#nav {
margin : 0;
padding : 0;
list-style : none;
}
ul#nav li a {
font : 13px arial, sans-serif;
text-decoration : none;
color : #4a4238;
height : 22px;
display : block;
padding : 4px 0 0 27px;
}
ul#nav li.active a, ul#nav li.active a:hover {
font : bold 13px arial, sans-serif;
text-decoration : none;
color : #acacac;
background : transparent url(../pictures/nav.jpg) no-repeat top right;
}
ul#nav li a:hover {
font : bold 13px arial, sans-serif;
text-decoration : none;
color : #bcbcbc;
background : transparent url(../pictures/nav.jpg) no-repeat top right;
}
#f_link {
width : 500px;
margin : 0 auto;
padding : 0;
}
ul#r_links {
margin : 0;
padding : 10px 0 0 0;
list-style : none;
}
ul#r_links li {
float : left;
font : 12px arial, sans-serif;
text-decoration : none;
color : #999;
}
ul#r_links li a {
font : bold 13px arial, sans-serif;
text-decoration : none;
color : #666;
display : block;
padding : 0 5px 0 5px;
}
ul#r_links li.active a, ul#r_links li.active a:hover {
font : bold 13px arial, sans-serif;
text-decoration : none;
color : #acacac;
}
ul#r_links li a:hover {
font : bold 13px arial, sans-serif;
text-decoration : none;
color : #acacac;
}
#contact {
float : left;
width : 275px;
font : bold 13px arial, sans-serif;
color : #4a4238;
text-align : left;
text-indent : 0;
line-height : 25px;
margin : 0 0 10px 0;
padding : 10px 10px 10px 30px;
border-right : 1px dashed #333;
}
#contact b {
font : bold 13px arial, sans-serif;
color : #553333;
text-align : left;
text-indent : 0;
line-height : 25px;
margin : 0 0 10px 0;
}
#contact_d {
float : left;
width : 275px;
font : 13px arial, sans-serif;
color : #999;
text-align : left;
text-indent : 0;
line-height : 25px;
margin : 0 0 10px 0;
padding : 10px 0 0 30px;
}
input {
font : bold 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #000;
width : 264px;
}
input:hover {
font : bold 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #333;
width : 264px;
}
textarea {
font : 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #000;
width : 264px;
height : 200px;
}
textarea:hover {
font : 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #333;
width : 264px;
height : 200px;
}
.button {
font : bold 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #000;
width : 100px;
}
.button:hover {
font : bold 13px georgia, sans-serif;
color : #000;
background : #ded4c7;
border : 1px solid #333;
width : 100px;
}
.pagination a:link, .pagination a:visited, .pagination a:hover {
font : bold 20px georgia, sans-serif;
text-decoration : none;
}
.pagination {
font : bold 20px georgia, sans-serif;
text-align : center;
}