html, body {
height : 100%;
}
body {
margin : 0;
padding : 0;
line-height : 1.8em;
color : #666;
background : #e16027 url(img/bg.jpg) repeat-y top center;
font-family : "Trebuchet MS", verdana, arial, tahoma, sans-serif;
font-size : 75%;
font-style : normal;
}
#container {
position : relative;
min-height : 100%;
width : 750px;
margin : 0 auto;
padding-bottom : 30px;
}
* html #container {
height : 100%;
}
.myform1 {
width : 167px;
padding : 14px;
margin-top : 0;
margin-bottom : 0;
}
#stylized1 {
border : 2px solid #b7ddf2;
background-color : #ebf4fb;
}
#stylized1 label {
display : block;
font-weight : bold;
text-align : center;
width : 120px;
float : left;
}
#stylized1 .small {
color : #666666;
display : block;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 140px;
}
#stylized1 input {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #aacfe4;
width : 130px;
margin : 2px 0 20px 10px;
}
#stylized1 button {
clear : both;
margin-left : 12px;
width : 125px;
height : 31px;
background : #666666 url(img/button.png) no-repeat;
text-align : right;
line-height : 31px;
color : #ffffff;
font-size : 11px;
font-weight : bold;
}
.myform {
width : 450px;
padding : 14px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#stylized {
border : 2px solid #b7ddf2;
background-color : #ebf4fb;
}
#stylized label {
display : block;
font-weight : bold;
text-align : right;
width : 140px;
float : left;
}
#stylized .small {
color : #666666;
display : block;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 140px;
}
#stylized input {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #aacfe4;
width : 200px;
margin : 2px 0 20px 10px;
}
#stylized button {
clear : both;
margin-left : 150px;
width : 125px;
height : 31px;
background : #666666 url(img/button.png) no-repeat;
text-align : right;
line-height : 31px;
color : #ffffff;
font-size : 11px;
font-weight : bold;
}
#banner {
height : 300px;
padding : 0;
margin-top : 0;
color : #666;
background : #7dce27 url(img/banner.gif) no-repeat;
}
#banner h1 {
margin-top : 0;
padding : 5px 5px 0 0;
font : 170% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
text-align : right;
letter-spacing : 5px;
color : #4b2207;
background : inherit;
}
#navlist {
padding : 0.5em 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 5px;
background : #bc5510;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 0.5em 0.5em;
margin : 0;
color : #000;
background : #bc5510;
text-decoration : none;
}
#navlist li a:link, #navlist li a:visited {
color : #000;
background : #bc5510;
}
#navlist li a:hover {
color : yellow;
background : transparent url(img/menu_arrow.gif) no-repeat bottom center;
}
#navlist li a#current {
color : #fff;
background : transparent url(img/menu_arrow.gif) no-repeat bottom center;
}
#content {
padding : 10px;
margin-left : 200px;
margin-bottom : 10px;
color : #666;
background : #fff;
}
#content h2 {
margin : 0;
padding : 5px;
text-transform : uppercase;
letter-spacing : 2px;
color : #bc5510;
background : inherit;
font-family : Arial, Helvetica, sans-serif;
font-size : 140%;
}
#sidebar {
float : left;
width : 180px;
margin : 0 10px 0 0;
padding : 10px;
border-right : 1px solid #eee;
color : #666;
}
#sidebar a {
color : #333;
background : inherit;
}
#sidebar a:hover {
color : #b29b35;
background : inherit;
}
#sidebar {
float : left;
width : 180px;
margin : 0 10px 0 0;
padding : 10px;
border-right : 1px solid #eee;
color : #666;
}
#sidebar a {
color : #333;
background : inherit;
}
#sidebar a:hover {
color : #b29b35;
background : inherit;
}
.navlist ul li {
margin : 0 15px 0 0;
padding : 0;
list-style-type : square;
color : #bc5510;
background : inherit;
}
#footer {
clear : both;
position : absolute;
bottom : 0;
width : 750px;
border-top : 1px solid #eee;
background : #eee;
}
#footer p {
margin-left : 5px;
}
a {
text-decoration : none;
color : #bc5510;
}
a:hover {
text-decoration : none;
color : #1e99eb;
}
a img {
border : 0;
}
.noborder {
float : left;
margin-right : 10px;
padding : 0 10px;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #bc5510;
}
.info {
color : #b29b35;
}
.post {
padding : 3px;
margin : 20px 10px 10px 5px;
border : 1px dashed #8a795d;
font-size : 80%;
color : #aaa;
background : #fff;
}
.post .date {
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .comments {
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .readmore {
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
#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%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../img/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../img/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;
}
.style2 {
font-size : small;
font-family : Georgia, "Times New Roman", Times, serif;
color : #333333;
}
.style3 {
font-size : x-large;
font-family : Georgia, "Times New Roman", Times, serif;
color : #bc5510;
font-style : italic;
font-weight : bold;
}