html {
height : 100%;
}
* {
margin : 0;
padding : 0;
}
body {
font : normal 0.8em arial, sans-serif;
background : #f6f4f0 url(pattern.png);
color : #47433f;
}
p {
padding : 0 0 20px 0;
line-height : 1.7em;
}
img {
border : 0;
}
h1, h2, h3, h4, h5, h6 {
color : #362c20;
padding : 0 0 5px 0;
}
h1, h4 {
font : normal 175% "lucida sans unicode", arial;
margin : 0 0 15px 0;
padding : 15px 20px 5px 0;
}
h2, h5 {
color : #b60000;
padding : 10px 0 15px 0;
font : normal 120% arial;
}
h3, h6 {
color : #888;
font : italic 95% arial;
padding : 0 0 15px 0;
}
h4, h6 {
color : #b60000;
}
h5 {
color : #362c20;
}
a, a:hover {
outline : none;
text-decoration : underline;
color : #ff0000;
}
a {
color : #ff0000;
}
a:hover {
text-decoration : none;
}
.left {
float : left;
width : auto;
margin-right : 10px;
}
.right {
float : right;
width : auto;
margin-left : 10px;
}
.center {
display : block;
text-align : center;
margin : 20px auto;
}
blockquote {
margin : 20px 0;
padding : 10px 20px 0 20px;
border : 1px solid #e5e5db;
background : #fff;
}
#main, #logo, #menubar, #site_content, #footer {
margin-left : auto;
margin-right : auto;
}
#top {
background-color : black;
height : 93px;
}
#header {
background : url(back.gif) repeat-x;
height : 228px;
}
#logo {
width : 980px;
position : relative;
height : 228px;
background : url(index_08.gif) no-repeat;
}
#logo #logo_text {
position : absolute;
top : 10px;
left : 0;
}
#logo h1 {
font : normal 300% 'century gothic', arial, sans-serif;
border-bottom : 0;
text-transform : none;
margin : 0;
padding : 45px 0 0 0;
background : transparent;
color : #fff;
}
#menubar {
width : 996px;
height : 48px;
padding : 0 0 0 0;
position : absolute;
bottom : 175px;
left : 0;
text-align : right;
}
#site_content {
width : 877px;
overflow : hidden;
margin : 20px auto;
}
.sidebar {
float : right;
width : 190px;
padding : 0 15px 20px 15px;
}
.sidebar h2 {
padding : 0 0 5px 0;
}
.sidebar ul {
width : 190px;
padding : 4px 0 0 0;
margin : 4px 0 30px 0;
}
.sidebar li {
list-style : none;
padding : 0 0 7px 0;
}
.sidebar li a, .sidebar li a:hover {
padding : 0 0 0 25px;
display : block;
background : transparent url(link.png) no-repeat left center;
}
.sidebar li a.selected {
color : #444;
}
#content {
text-align : left;
width : 610px;
padding : 0;
}
#content a {
text-decoration : none;
color : #47433f;
}
#content a:hover {
text-decoration : underline;
color : #47433f;
}
#movie {
text-align : center;
}
#parties {
background-color : #161513;
width : inherit;
text-align : center;
}
#footer {
width : 100%;
font-family : sans-serif;
font-size : 90%;
height : 33px;
padding : 24px 0 5px 0;
text-align : center;
background : #635b53 url(back.gif) repeat-x;
color : #a8aa94;
text-transform : uppercase;
letter-spacing : 0.1em;
}
#footer a, #footer a:hover {
background : transparent;
color : #a8aa94;
text-decoration : none;
}
#footer a:hover {
background : transparent;
color : #fff;
}
.yellow {
color : #f7c015;
}
.blue {
color : #33a994;
}
.orange {
color : #ff9417;
}
.red {
color : #c80500;
}
.purple {
color : #eb0fff;
}
.green {
color : #a4aa04;
}
.form_settings {
margin : 15px 0 0 0;
}
.form_settings p {
padding : 0 0 4px 0;
}
.form_settings span {
float : left;
width : 200px;
text-align : left;
}
.form_settings input, .form_settings textarea {
padding : 2px;
width : 299px;
font : 100% arial;
border : 1px solid #e5e5db;
background : #fff;
color : #47433f;
}
.form_settings .submit {
font : 100% arial;
border : 1px solid;
width : 99px;
margin : 0 0 0 206px;
height : 26px;
padding : 2px 0 3px 0;
cursor : pointer;
background : #63574b;
color : #fff;
}
.form_settings textarea, .form_settings select {
font : 100% arial;
width : 299px;
}
.form_settings select {
width : 304px;
}
.form_settings .checkbox {
margin : 4px 0;
padding : 0;
width : 14px;
border : 0;
background : none;
}
.separator {
width : 100%;
height : 0;
border-top : 1px solid #d9d5cf;
border-bottom : 1px solid #fff;
margin : 0 0 20px 0;
}
table {
margin : 10px 0 30px 0;
}
table tr th, table tr td {
background : #63574b;
color : #fff;
padding : 7px 4px;
}
table tr td {
background : #c8bfb0;
color : #47433f;
border-top : 1px solid #edebe5;
}
ul {
padding : 0;
margin : 0;
}
ul li {
list-style-type : none;
float : right;
width : 100px;
display : inline;
}
ul li {
font-family : Arial, Helvetica, sans-serif;
text-align : center;
font-size : small;
font-weight : bold;
font-style : normal;
color : white;
}
ul li a {
background-color : #c62a3a;
color : #ffffff;
line-height : 30px;
width : 100px;
display : block;
font-size : x-small;
font-weight : normal;
}
ul li a:hover {
background-color : #c62a3a;
color : black;
}
ul li ul li a {
background-color : #c62a3a;
}
ul li ul li a:hover {
background-color : #ff5050;
}
ul li ul {
visibility : hidden;
display : block;
}
ul li:hover ul {
visibility : visible;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.element p {
margin : 0;
padding : 4px;
}
.float-right {
padding : 10px 20px;
float : right;
}
.col_1 {
font-size : 0.83em;
padding : 0 0 15px 0;
}
.form {
background-color : #fff;
border : 1px solid #161513;
font-size : 14px;
color : #47433f;
}
input.btn {
background-color : #2d2d2d;
border : 1px solid #161513;
color : #fff;
font-weight : bold;
width : 70px;
height : 25px;
}
input.btnhov {
background-color : #4c4c4c;
}