html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1.1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
@media only screen and (min-width: 35em) {
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
table.content {
}
table.content th {
color: #4b4e31;
background-color: rgba(205, 205, 89, 0.3);
padding: 0.7em;
font-size: 90%;
font-style: italic;
}
table.content td {
padding: 0.7em;
}
table.content tr.separator th {
color: #575a39;
background-color: rgba(205, 205, 89, 0.51);
border: 1px inset #888;
font-size: 90%;
font-style: normal;
letter-spacing: 6px;
line-height: 1em;
}
table.content td.item {
color: #4b4e31;
text-align: center;
vertical-align: top;
}
table.content td.ritem {
color: #4b4e31;
text-align: right;
vertical-align: top;
}
table.content td.text {
vertical-align: top;
}
#members-table td.ritem {
text-align: center;
vertical-align: middle;
}
#members-table td span.role {
color: #61653f;
font-size: 90%;
}
span.sm-it {
font-size: 90%;
font-style: italic;
color: #FCC;
}
span.public1 {
font-weight: bold;
}
span.public2 {
color: #C99;
font-weight: bold;
}
span.prov {
color: #AD7;
font-weight: normal;
}
span.old {
color: #8B8;
font-weight: normal;
text-decoration: line-through;
}
.post p {
margin: 1em 0;
}
span.sm-it {
font-size: 90%;
font-style: italic;
color: #7c764a;
}
span.public1 {
font-weight: bold;
}
span.public2 {
color: #7c5d5d;
font-weight: bold;
}
span.prov {
color: #AD7;
font-weight: normal;
}
span.old {
color: #8B8;
font-weight: normal;
text-decoration: line-through;
}
html,
body {
height: 100%;
}
.wrapper {
min-height: 100%;
}
.nodisplay {
display: none !important;
}
body {
background-color: #3f406a;
}
#banner {
height: 360px;
text-align: center;
}
#banner div {
text-align: center;
top: 0;
left: 0;
width: 100%;
}
#pirate-map-left {
z-index: 1000;
position: absolute;
top: 102px;
left: -110px;
}
#pirate-map-hear-meet {
z-index: 1002;
position: absolute;
top: -8px;
right: 170px;
}
#pirate-map-right {
z-index: 1001;
position: absolute;
top: -38px;
right: -35px;
}
#pirate-map-why {
z-index: 1003;
display: none;
}
#compass-rose {
z-index: 999;
position: absolute;
top: 70px;
right: -15px;
}
.page {
background: #412d1c url(../img/background-clipped3.jpg) repeat-y top center;
max-width: 794px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px auto;
position: relative;
}
.page a {
text-decoration: none;
color: #25564d;
}
.page a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4 {
font-family: 'Bad Script', cursive, serif;
color: #412d1c;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2.1em;
}
h3 {
font-size: 1.8em;
}
h4 {
font-size: 1.6em;
}
#main {
padding: 0 15px;
}
#main p,
#main li,
#main th,
#main td,
#main section {
font-family: cursive, sans-serif;
}
#main p.fancy,
#main li.fancy,
#main th.fancy,
#main td.fancy,
#main dt.fancy,
#main section.fancy {
font-size: 1.5em;
font-family: 'Bad Script', cursive;
}
#main p.centre {
text-align: center;
}
#main h2.summary {
text-align: center;
margin: 0.5em 0;
}
#main p.summary {
font-weight: bold;
}
.post-title-wrapper {
margin: 0 50px;
background: transparent url(../img/treble-clef-3d-75.png) no-repeat top left;
}
.post-title {
background: transparent url(../img/treble-clef-3d-75.png) no-repeat top right;
text-align: center;
margin: 0 auto;
}
.treble {
float: left;
padding: 1em 1em 0 0;
}
.audio {
min-height: 4em;
}
.small {
font-size: 70%;
}
div#lineupJune09 {
float: right;
margin-left: 20px;
}
.photo {
border: 5px inset rgba(144, 144, 92, 0.3);
width: 100%;
padding: 0;
}
.photo img {
width: 100%;
height: auto;
}
.photo.optional {
display: none;
}
@media print {
#banner div {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#compass-rose {
position: absolute;
}
}
@media only screen and (min-width: 430px) {
#banner {
height: 320px;
}
#banner div {
top: 0;
left: 0;
width: 100%;
}
#page-listen #pirate-map-left {
position: absolute;
left: -100px;
}
#pirate-map-left {
position: fixed;
top: 70px;
left: -40px;
}
#pirate-map-hear-meet {
position: absolute;
top: -40px;
right: 190px;
}
#pirate-map-right {
position: absolute;
top: -20px;
right: -40px;
}
#pirate-map-why {
position: absolute;
top: 230px;
right: 0;
}
#compass-rose {
position: absolute;
top: 50px;
left: 175px;
}
#main {
padding: 0 60px;
}
.page footer {
padding: 25px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 575px) {
#banner {
height: 290px;
}
#banner div {
top: 0;
left: 0;
width: 100%;
}
#page-listen #pirate-map-left {
position: absolute;
left: -100px;
}
#pirate-map-left {
position: fixed;
top: 40px;
left: -40px;
}
#pirate-map-hear-meet {
position: absolute;
top: -30px;
right: 210px;
}
#pirate-map-right {
position: absolute;
top: -20px;
right: -10px;
}
#pirate-map-why {
display: block;
position: absolute;
top: 190px;
right: 15px;
}
#compass-rose {
position: absolute;
top: 30px;
left: 255px;
}
#main {
padding: 0 60px;
}
.photo {
border: none;
box-shadow: 5px 5px 5px rgba(72, 72, 32, 0.5);
width: auto;
}
.photo.optional {
display: block;
}
.photo.left {
float: left;
margin-right: 1em;
}
.photo.right {
float: right;
margin-left: 1em;
}
.page footer {
width: 560px;
margin: 1.5em auto;
padding: 0;
font-size: 1rem;
}
.page footer span.tiny {
display: inline;
}
#index .aside-r {
float: right;
margin-left: 2em;
width: 16em;
}
}
@media only screen and (min-width: 800px) {
#banner {
height: 240px;
}
#banner div {
top: 0;
left: 0;
width: 100%;
}
#page-listen #pirate-map-left {
position: absolute;
left: -100px;
}
#pirate-map-left {
position: fixed;
top: -10px;
left: 70px;
}
#pirate-map-hear-meet {
position: fixed;
top: 20px;
right: 230px;
}
#pirate-map-right {
position: fixed;
top: 0;
right: 0;
}
#pirate-map-why {
position: fixed;
top: 180px;
right: 0;
}
#compass-rose {
position: absolute;
top: -75px;
left: 145px;
}
}
@media only screen and (min-width: 1100px) {
#banner {
height: 210px;
}
#banner div {
top: 0;
left: 0;
width: 100%;
}
#page-listen #pirate-map-left {
position: absolute;
left: -100px;
}
#pirate-map-left {
position: fixed;
top: -20px;
left: 70px;
}
#pirate-map-hear-meet {
position: fixed;
top: 20px;
right: 230px;
}
#pirate-map-right {
position: fixed;
top: 0;
right: 0;
}
#pirate-map-why {
position: fixed;
top: 180px;
right: 0;
}
#compass-rose {
position: absolute;
top: -75px;
left: 145px;
}
#index .aside-r {
margin: 1em 2em 0 2em;
}
}
footer {
margin-top: 1.5em;
padding: 5px;
font-size: 0.7rem;
color: #69692b;
background: transparent;
}
footer .bottom table {
width: 100%;
height: 49px;
}
footer .bottom .footer-booking {
width: 35%;
text-align: left;
line-height: 1.3rem;
}
footer .bottom .footer-phone {
width: 30%;
text-align: left;
}
footer .bottom .footer-efdss {
text-align: right;
}
footer a {
color: #684328;
}
footer .site-credits {
padding: 0 20px;
text-align: center;
line-height: 50px;
font-size: 70%;
font-style: italic;
}
.smaller {
font-size: 90%;
}
span.tiny {
font-size: 70%;
display: none;
}
svg\:svg {
display: none;
}
.svg_error {
color: red;
font-weight: bold;
}
@font-face {
font-family: 'Bad Script';
font-style: normal;
font-weight: 400;
src: local('Bad Script Regular'), local('BadScript-Regular'), url('../../wf/BadScript-Regular.woff2') format('woff2'), url('../../wf/BadScript-Regular.ttf') format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Jellyka CuttyCupcakes';
font-style: normal;
font-weight: 400;
src: local('Jellyka CuttyCupcakes Regular'), local('Jellyka-CuttyCupcakes'), url('../../wf/Jellyka-CuttyCupcakes.woff2') format('woff2'), url('../../wf/Jellyka-CuttyCupcakes.ttf') format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.CuttyCupcakes {
font-family: 'Jellyka CuttyCupcakes';
line-height: 125%;
letter-spacing: 2.5px;
}
.printonly {
display: none;
}
@media print {
background: white !important;
h1,
h2,
h3,
h4 {
font-family: 'Times New Roman', serif;
}
h1 {
font-size: 2em;
margin-top: 0;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1em;
}
#banner {
height: 290px;
}
#banner div {
top: 0;
left: 0;
width: 100%;
}
.page #main .wrap p,
.page #main .wrap th,
.page #main .wrap td,
.page #main .wrap li {
font-size: 12pt;
font-family: 'Times New Roman', serif;
}
#pirate-map-left {
margin: 0 0 0 -80px;
}
.printonly {
display: block;
}
#pirate-map-left {
position: static;
}
#compass-rose,
#pirate-map-hear-meet,
#pirate-map-right,
#pirate-map-why,
#faq,
footer,
.noprint {
display: none;
}
}
.booking-callout {
border: 1px outset #aa6;
float: right;
padding: 10px;
margin: 0px -30px 15px 20px;
background: #dd8;
text-align: center;
font-family: sans-serif;
}
.booking-info {
margin: 2em;
padding: 10px;
}
.booking-info .address {
margin: 0 auto;
border: 1px solid #555;
padding: 5px 1em;
min-width: 20em;
}
.booking-info table.records {
margin: 0 auto;
}
.booking-info table.records td,
.booking-info table.records th {
border: 1px solid #555;
padding: 5px 1em;
font-weight: normal;
min-width: 10em;
}
dt {
margin-top: 0;
margin-left: 1em;
font-style: italic;
font-weight: bold;
cursor: help;
}
dt.notfirst {
margin-top: 1em;
}
dd.focus,
dd:hover {
color: black;
background: rgba(255, 255, 200, 0.3);
border: 2px solid #992;
}
dd {
font-family: cursive, sans-serif;
margin-left: 2em;
padding: 0.2em;
color: #442;
background: transparent;
border: 2px solid transparent;
}
.terms,
small {
font-size: 80%;
}
.terms p,
small p {
margin-bottom: 0;
}
.terms ul,
small ul {
margin-top: 0;
}
.small {
font-size: 90%;
margin: 5px;
}
#index .mainpic-wrapper {
text-align: center;
width: 100%;
}
#index .mainpic-list {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
#index .mainpic-list li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
z-index: 10;
}
#index .mainpic-list li:first-child {
position: relative;
display: block;
float: left;
}
#index .mainpic-list img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
z-index: 1;
}
#index .mainpic-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 50%;
left: 0;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/slidenav.gif") no-repeat left top;
margin-top: -45px;
}
#index .mainpic-btns_nav:active {
opacity: 1;
}
#index .mainpic-btns_nav.next {
left: auto;
background-position: right top;
right: 0;
}
#index .mainpic-btns_nav:focus {
outline: none;
}
#index .mainpic-btns_tabs {
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}
#index .mainpic-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
#index .mainpic-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
background: rgba(0, 0, 0, 0.2);
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
width: 9px;
height: 9px;
}
#index .mainpic-btns_here a {
background: #222;
background: rgba(0, 0, 0, 0.8);
}
#index .box {
color: #182e18;
padding: 0.7em 1.6em;
border: 1px dotted #828c48;
border-radius: 12px;
background: rgba(209, 255, 240, 0.4);
font-family: sans-serif;
}
#index .box h4 {
color: #3c643c;
margin: 0;
text-align: center;
font-size: 105%;
font-family: sans-serif;
}
#index .box div {
padding: 0.5em 0;
font-size: 106%;
line-height: 1.8em;
}
#index .box div.testimonial {
clear: both;
text-align: justify;
}
#index .box div.testimonial i {
padding: 0 0 0 1em;
color: #929292;
}
#index .box div.three {
text-align: center;
}
#index .box img {
float: left;
margin-right: 1em;
padding: 0.5em 0 1em 0;
}
#index .stars {
text-align: center;
}
#index .stars img {
float: none;
margin: 0 auto;
}
#index .promotion {
padding: 1em;
border: 3px outset #FF8844;
color: black;
text-align: center;
}
#index .promotion p {
font-size: 120%;
}
#page-listen .videobox {
padding-top: 10px;
text-align: center;
}
#page-listen .audio.text {
margin-left: 40px;
margin-bottom: 0;
}
#page-listen .metadata {
color: #244;
margin: 0;
text-align: right;
font-size: 70%;
}
#page-listen h3 {
margin: 1em 0 0 0;
}
div#spike-cake {
float: right;
margin-left: 20px;
text-align: center;
color: #726c44;
}
div#spike-cake h4 {
margin: 0;
}
div#spike-cake p {
font-size: 80%;
margin-top: 2px;
margin-bottom: 0px;
}
.spike-history {
margin: 0 20px;
}
.spike-history div.hbox {
padding: 0 2em;
margin: 1.5em 0;
border: 2px outset #99a31f;
background: rgba(170, 170, 74, 0.4);
font-size: 95%;
color: #4c4c32;
}
.spike-history div.hbox h4 {
text-align: center;
margin: 1em 0 0.2em 0;
}
.spike-history div.hbox p {
color: inherit;
padding: 0;
margin: 0.5em 0.5em 1em 0;
}
.spike-history div.hbox ul {
margin: 0 1em;
padding: 1em 2px;
}
.spike-history div#hbox2 {
min-height: 380px;
}
.spike-history div#hbox3 ul {
margin: 0 0 1em 0.5em;
}
img#SIB-motorcycles1 {
float: right;
margin-left: 10px;
}
img#SIB-motorcycles2 {
margin: -3em 0 1em 0;
float: right;
}
#page-tragedy ul#menu {
margin-top: 0;
}
#page-tragedy div#maincontent h3 {
background: #EFF;
}
#page-tragedy p.credit {
font-size: 80%;
}
#page-tragedy div.centre {
text-align: center;
}
#page-tragedy td {
background: #FFF;
}
#page-tragedy div.echo {
border: 1px solid #484;
color: #555;
background: #deb;
margin: 5px 2em 25px 2em;
padding: 10px 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page-tragedy div.echo p {
color: #555;
background: #deb;
font-family: 'Times New Roman', serif;
font-size: 12pt;
}
#page-tragedy div.echo h3 {
color: inherit;
background: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
}
#page-tragedy div.echo p {
text-align: justify;
}
#page-tragedy div.echo p.byline {
font-style: italic;
color: #888;
}