* {
margin: 0;
padding: 0;
}
html {
background: #f4f3ef url(../images/header-repeat.png) repeat-x;
}
body {
text-align: center;
}
#centered {
margin: 0 auto;
width: 856px;
position: relative;
text-align: left;
}
/* Header */
#header {
height: 160px;
background: url(../images/header-image-no-map.jpg) no-repeat top center;
position: relative;
}
#header #map {
width: 384px;
height: 121px;
background: url(../images/map.png);
position: absolute;
top: 39px;
right: 31px;
}
#header #logo {
position: absolute;
top: 55px;
display: block;
}
#header h1 {
margin: 0;
padding: 0;
color: #fff;
position: absolute;
bottom: 0;
left: 238px;
font-size: 400%;
line-height: 0.8;
max-width:432px;
}
/* Main */
#main {
background: #fff url(../images/bg-right-col.gif) top right repeat-y;
}
#homepage {
background-color: #ffffff;
}
/* Left Col */
#left-col {
margin-left: 30px;
width: 179px;
float: left;
}
#left-col h2,
#right-col h2 {
margin: 40px 0 0 0;
padding: 10px 9px;
background: #faf9f7;
border-top: 1px solid #dad8c9;
border-bottom: 1px solid #dad8c9;
color: #747460;
font-size: 83.33333333333%;
letter-spacing: 2px;
text-transform: uppercase;
}
#left-col ul,
#right-col ul {
margin: 0 0 40px 0;
list-style-type: none;
}
#left-col ul li,
#right-col ul li {
border-bottom: 1px solid #e5e4d9;
}
#right-col ul li {
border-bottom: 1px solid #DAD8C9;
}
#left-col ul li a,
#right-col ul li a {
padding: 10px 9px;
display: block;
font-size: 91.66666666667%; /* 11px */
text-decoration: none;
}
#right-col ul li a {
font-size: 100%;
}
#left-col ul li a:hover,
#left-col ul li a:focus,
#right-col ul li a:hover,
#right-col ul li a:focus {
}
#left-col .facebook {
padding-left: 32px !important;
background: url(../images/facebook-icon.jpg) no-repeat 9px 10px;
}
#left-col .download {
padding-left: 32px !important;
background: url(../images/download-icon.jpg) no-repeat 9px 10px;
}
#left-col .question {
padding-left: 32px !important;
background: url(../images/question-icon.jpg) no-repeat 9px 10px;
}
#left-col #nav ul li a {
font-size: 100%;
font-weight: bold;
}
#left-col #nav ul li ul {
margin: -6px 0 9px 0;
display: none;
}
#left-col ul li#activeSection ul {
display: block;
}
#left-col #nav ul ul li {
border: none;
}
#left-col #nav ul ul li a {
margin-left: 9px;
padding: 3px 0 2px 12px;
background: url(../images/nav-bullet.gif) no-repeat left center;
border: none;
font-weight: normal;
}
#left-col #nav ul ul li a:hover,
#left-col #nav ul ul li a:focus {
background-image: url(../images/nav-bullet-hover.gif);
}
#left-col #nav ul ul li.selected a {
}
#full-col {
/* margin: 25px 25px;*/
width: 806px;
float: left;
padding-left:25px;
padding-top:22px;
padding-bottom:22px;
}
/* Mid Col */
#mid-col {
margin: 40px 30px;
width: 388px;
float: left;
}
#header-image {
margin-bottom: 7px;
width: 388px;
height: 213px;
position: relative;
}
#home-image #header-image {
margin: 0 0 7px 7px;
width: 160px;
height: 240px;
float: right;
}
#header-image img {
display: none;
position: absolute;
top: 0;
left: 0;
}
#header-image img.active {
display: block;
z-index: 3;
}
#header-image img.last-active {
z-index: 2;
}
/* Flickr */
#flickr {
margin-top: 20px;
clear:both;
float:left;
width:806px;
}
.flickr-thumb,
#flickr-title {
margin: 0 0 1px 1px;
width: 65px;
height: 65px;
display: block;
float: left;
font-size: 14px;
}
#flickr-title {
width: 135px;
background: #bb2200;
padding-left:6px;
}
#flickr-title a {
padding: 14px 17px;
display: block;
color: #fff;
text-decoration: none;
}
.flickr-thumb img {
width: 100%;
height: 100%;
display: block;
}
/* Right Col */
#right-col {
margin-top: 40px;
padding: 0 20px 0 0;
width: 157px;
float: right;
font-size: 91.66666666667%; /* 11px */
}
#right-col h2 {
margin: 0;
background: none;
}
#right-col h2.twitter {
background: url('../images/logo-twitter-bird-on-colour.gif') no-repeat 75px 1px;
}
#right-col .event-date {
margin: 13px 0 4px 0;
color: #b20;
font-weight: bold;
}
#right-col .event-homepage-item {
margin-bottom: 5px;
border-bottom: 1px solid #DAD8C9;
}
#right-col h3,
#right-col h3 a {
margin: 0;
text-decoration: none;
}
#right-col h3 a:hover,
#right-col h3 a:focus {
text-decoration: underline;
}
#right-col h3 {
margin-top: 10px;
}
#right-col .advert {
margin-bottom: 20px;
padding-bottom: 10px;
background: #fff;
font-size: 109.09090909091%; /* 12px */
zoom: 1;
}
#right-col .advert.red-bg {
background: #a6121c;
}
#right-col .advert h2 {
margin: 8px 0 3px 0;
padding: 0 10px;
background: none;
border: none;
color: #b20;
font-size: 175%;
letter-spacing: normal;
text-transform: none;
}
#right-col .advert h3 {
padding: 0 10px;
}
#right-col .advert p {
line-height: 1.2;
padding: 0 10px;
}
#right-col .advert.red-bg h2, #right-col .advert.red-bg h3, #right-col .advert.red-bg p {
color: #fff;
}
#right-col .advert.red-bg h3 {
color: #e4a799;
}
/* Twitter */
.tweet {
/* margin-top: 9px;*/
}
.tweet a {
text-decoration: none;
}
.tweet .message {
display: block;
color: #505050;
}
.tweet a:hover,
.tweet a:focus {
color: #701d1b;
}
/* Form */
.form-field-wrapper label {
margin-bottom: 2px;
width: 275px;
display: block;
}
.form-field-wrapper input,
.form-field-wrapper textarea {
margin-bottom: 5px;
padding: 2px 4px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.input-small, .input-medium,
.input-large {
width: 325px;
}
.form-field-wrapper textarea {
max-width: 325px;
height: 60px;
}
.form-field-wrapper input[type*='submit'] {
margin-top: 3px;
padding: 5px 15px;
}
/* Photo Gallery */
.photo-gallery-image {
margin: 0;
width: 167px;
height: 137px;
position: relative;
}
.photo-gallery-image a {
display: block;
height: 100%;
}
.photo-gallery-image a:hover,
.photo-gallery-image a:focus {
display: block;
height: 100%;
}
.photo-gallery-image img {
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* Footer */
#footer {
margin-bottom: 40px;
padding: 5px 33px;
background: #dad8c9;
}
#footer-logo {
padding-bottom: 2px;
width: 120px;
height: 50px;
float: left;
}
#footer-content {
margin: 9px 0 0 15px;
width: 600px;
float: left;
}
#footer p {
margin: 0;
}
#footer a {
text-decoration: none;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 10px;
}
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/********** homepage ************/
.subtitle {
background: url('../images/bg_h2.png') no-repeat;
padding:8px 10px 8px 12px;
color:#FFFFFF;
font-size:150%;
margin:12px 0px 6px 0px;
display:inline-block;
position: relative;
left: 0;
top: 0;
z-index:15;
text-decoration:none;
}
#imageblock001 {
float:left;
margin-right:6px;
position:relative;
height:240px;
width:400px;
}
#imageblock002 {
float:left;
position:relative;
height:240px;
width:400px;
}
#imageblock003 {
float:left;
margin-right:6px;
margin-top:6px;
position:relative;
height:240px;
width:400px;
}
#imageblock004 {
background:#eae9e0;
height:240px;
width:400px;
float:left;
margin-top:6px;
}
#diaryblock {
width:400px;
float:left;
margin-right:6px;
}
#twitterblock {
width:400px;
float:right;
}
#full-col h2.twitter {
background: url('../images/logo-twitter-bird.gif') no-repeat right;
padding-right:36px;
display:inline-block;
}
div.twitter h3{
margin-top:0px;
}
/*********** FADED IMAGE BLOCKS ************/
img.notred {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.red {
position: absolute;
left: 0;
top: 0;
}
/****** SEARCH ******/
#search {
width:183px;
position: absolute;
top: 64px;
left: 338px;
margin: 0;
padding: 0;
}
#search-input{
padding:2px;
width:146px;
height:13px;
}
#search-input-home{
padding:2px;
width:146px;
height:13px;
}