/* Page Structural */
body { padding:0 0 30px 0; margin:0; }
#page { width:970px; padding:0 20px; margin:0 auto; }
#topcap { width:1010px; height:9px; margin:0 auto; }
#header { height:121px; }
#basefooter { width:1010px; margin:0 auto; }
#menu { height:29px; }
#content { position:relative;clear:both; }
#primary { float:left; width:620px; }
#secondary { float:right; position:relative; width:338px; margin-left:2px; }
#fullprimary { width:620px; }

/* Page Presentational */
body { background-color:#EEEBE4; font-family:verdana; }
#page { background-image:url(/images/lite/organisation/hotcapers/pageback.gif); background-position:top left; background-repeat:repeat-y; }
#topcap { background-image:url(/images/lite/organisation/hotcapers/pagehead.gif); background-position:bottom left; background-repeat:no-repeat; }
#basefooter { padding:12px 0 0 0; background-image:url(/images/lite/organisation/hotcapers/pagefoot.gif); background-position:top left; background-repeat:no-repeat; }
#header { background-image:url(/images/lite/organisation/hotcapers/header.jpg); background-position:top left; background-repeat:no-repeat; }
#menu { background-image:url(/images/lite/organisation/hotcapers/menu.gif); background-position:top left; background-repeat:no-repeat; }
#content { background-image:url(/images/lite/organisation/hotcapers/contentback.gif); background-position:top left; background-repeat:repeat-y; }
#secondary { background-color:#D6DEE1; background-image:url(/images/lite/organisation/hotcapers/secback.gif); background-position:bottom right; background-repeat:repeat-x; }

#menu ul { padding:0; margin:0; list-style-type:none; height:29px; }
#menu li { display:inline; height:29px; }
#menu li a { float:left; display:block; outline:none; }
#menu li a.on { font-weight:bold; }
#menu li.last a { float:right; }
#menu a { font-size:11pt; padding:5px 10px 0 10px; }

body { color:#555; font-size:9pt; }
a { color:#000; text-decoration:none; }
#secondary h2 { background-color:#5C5C5E; padding:2px 6px; margin:0; font-size:10pt; font-weight:normal; color:#FFF; }

#content h1 { padding:6px 0 0 0; margin:0 0 16px 0; font-size:14pt; text-align:center; }

#gallery { padding:8px 0 0 0; }
#gallery .photo { padding:8px 30px; width:140px; float:left; font-size:8pt; height:160px; overflow:hidden; }

ul.gallery { list-style-type:none; padding:0; margin:0; }
ul.gallery li { padding:8px 30px; width:140px; float:left; font-size:8pt; height:160px; overflow:hidden; }

#lightbox { background-color:#FFF; border-top:1px solid #FFF; }
#lightbox h1 { text-align:left; background-color:#879097; padding:2px 6px; margin:0 0 8px 0; font-size:10pt; font-weight:normal; color:#FFF; }
#lightbox .actions { clear:left; text-align:left; padding:2px 6px; margin:8px 0 0 0; background-color:#EEE; }
#lightbox .photo { float:left; width:140px; padding:0 8px; height:136px; text-align:center; }

#compactlightbox {}
#compactlightbox .photo { float:left; width:140px; padding:0 10px; height:136px; text-align:center; }

#padding { padding:0 14px 20px 14px; }
.padding { padding:14px; }

#basefooter p { padding:10px 0 0 0; margin:0; text-align:center; font-size:8pt; }

#header { position:relative; }
#search { position:absolute; right:10px; bottom:6px; }
#search .input { width:120px; border:1px solid #222; background-color:#FFF; font-size:9pt; padding:2px 5px; color:#666; }

.full_photo { text-align:center; padding:16px 0; }
.full_photo img { border:1px solid #FFF; }
.lightbox_option { text-align:center; }
.photo_credit { text-align:center; }
#photo_desc { text-align:center;}

.pagination { text-align:center; margin:6px 0; }
.pagination a {}
.pagination .disabled {}

.yeartoggle { float:right; font-size:9pt; }
.yeartoggle a { color:#FFF; text-decoration:underline; }

.event { padding-left:150px; position:relative; margin-bottom:10px; }
.event h2 { font-size:10pt; font-weight:normal; padding:0; margin:0; color:#000; }
.event h2 span { position:absolute; width:140px; left:0; top:0; font-size:9pt; color:#888; text-align:right; }
.event ul { padding:0; margin:10px 20px 0px 20px; list-style-type:none; }
.event ul li { color:#666; }
.event ul a { color:#666; text-decoration:underline; }

ul.gallerysearch { padding:0 14px; margin:0; list-style-type:none; }
ul.gallerysearch li { height:120px; }
ul.gallerysearch img { margin-right:10px; }

.form { padding-left:130px; }
.form .element { position:relative; margin-bottom:3px; }
.form label { position:absolute; left:-130px; top:3px; width:120px; text-align:right; }
.form .fieldWithErrors { border-left:5px solid #F00; }

ul#flickergallery { list-style-type:none;padding:0;margin:0;top:20px;left:20px;position:absolute; }
