#header
{
    padding-top:10px;
    padding-bottom:15px;
    color:#666;
}
html,
body,
#page
{
    height:100%;
}
body
{
    background:#333 url(images/bg-body.png) repeat scroll 0 0;
    -webkit-text-size-adjust: 100%;
    padding-left:5%;
    padding-right:5%;
}
/* global font control */
#page
{
    font-size:1.1em;
}
input,
select,
textarea,
.stackContent,
#nav li a,
#thumbnails li a,
#navGallery p a
{
    font-family:"Droid Sans","Myriad Pro","Lucida Grande","Lucida Sans Unicode","Gill Sans","Gill Sans MT",Calibri,sans-serif;
/*    text-shadow:1px 1px 1px #000;*/
}
h1, h2, h3, h4, h5, h6
{
}
/* vertical centering */
#page
{
    letter-spacing:-0.65em;
    word-spacing:-0.65em;
}
#page:before,
.vert
{
    content:"";
    height:100%;
    vertical-align:middle;
    width:0;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
#wrapper
{
    vertical-align:middle;
}
#header .stackAuto
{
    vertical-align:middle;
}
#logo
{
    display:none;
}
/* title */
#title h1
{
    text-transform:none;
    color:#fff;
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:0.03em;
    word-spacing:0.1em;
    margin:0 10px;
    font-weight:normal;
}
#title strong
{
    font-weight:normal;
}
/* title custom colours */
#header > [class^="page-handle-"] {
    display: none;
}
#header > .page-handle-galleries + #title h1 strong,
#header > .page-handle-travel + #title h1 strong,
#header > .page-handle-sri-lanka + #title h1 strong,
#header > .page-handle-shoes-for-the-moscow-circus + #title h1 strong {
    color: #d9561c;
}
#header > .page-handle-france + #title h1 strong,
#header > .page-handle-wine + #title h1 strong,
#header > .page-handle-new-caledonia + #title h1 strong,
#header > .page-handle-tear-sheets + #title h1 strong,
#header > .page-handle-reportage + #title h1 strong {
    color: #ff4234;
}
#header > .page-handle-biography + #title h1,
#header > .page-handle-beaches-bays-and-coves + #title h1 strong {
    color: #00b9e3;
}
#header > .page-handle-contact-me + #title h1 {
    color: #8f4631;
}
#header > .page-handle-biography + #title h1 strong,
#header > .page-handle-contact-me + #title h1 strong {
    color: #fff;
}
#header > .page-handle-spain + #title h1 strong {
    color: #b29b2e;
}
#header > .page-handle-lines-of-wisdom + #title h1 strong {
    color: #d3ff82;
}
#title,
#nav
{
    vertical-align:middle;
}
/* navigation */
#nav
{
    font-size:1.2em;
    position:relative;
    bottom:-6px;
}
#nav ul
{
    text-align:left;
}
#nav li
{
    margin-left:10px;
}
#nav li a,
#nav li a:visited
{
    margin-bottom:0;
    padding:10px;
    color:#666;
}
#nav li a:hover,
#nav li a:focus,
#nav li.active a
{
    color:#fff;
}
#nav li.active li a
{
    color:#666;
    text-align:left;
}
#nav li.active li a:hover
{
    color:#fff;
}
/* content */
#content
{
    color:#eee;
    text-align:left;
}
#content .stackContent
{
    margin:10px;
}
#contactForm .stackContent
{
    padding-top:8px;
    padding-left:5px;
}
.dataList ul
{
    border:1px dotted #444;
}
.dataList ul li.dataListRow,
.dataList ul li.dataListRow .dataListCell1,
.dataList ul li.dataListRow .dataListCell2,
.dataList ul li.dataListRow .dataListCell3,
.dataList ul li.dataListRow .dataListCell4,
.dataList ul li.dataListRow .dataListCell5,
.dataList ul li.dataListRow .dataListCell6
{
    border-color:#444;
    border-style:dotted;
}
.dataList ul
{
    margin-bottom:1em !important;
}
/* section */
#section,
#aside
{
    text-align:left;
}
#home #section
{
    text-align:center;
}
#general #section,
#general #aside
{
    padding-top:10px;
}
#general #aside p.rr-image-caption-wrapper,
#general #aside p.rr-image-holder
{
    overflow:hidden;
}
#general #aside p.rr-image-caption-dcl-wrapper .rrImageCaption
{
    text-align:left;
}
/* image caption links */
#section .rr-image-caption-wrapper a,
#section .rr-image-caption-wrapper a:visited
{
    padding:10px;
    border:0 !important;
    background-color:#444;
}
#section .rr-image-caption-wrapper a:hover,
#section .rr-image-caption-wrapper a:focus
{
    background-color:#555;
}
#section .stackAuto .rr-image-caption-wrapper a
{
    padding:0;
    border:0;
}
#general #section .stackContent
{
    background-color:#3a3a3a;
}
#galleryImages
{
    padding:0 !important;
    margin:0 10px !important;
    position:relative;
    text-align:center;
}
#galleryImages .imageComponent .imageComponentWrap
{
    line-height:normal !important;
}
.js .imageComponent
{
    z-index:99;
    display:none;
    text-align:center;
    overflow-x:auto;
    overflow-y:hidden;
}
.js #home .imageComponent
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
#home .imageComponent a img
{
    border:10px solid transparent;
    _border:10px solid #333;
}
#home .imageComponent a:hover img
{
    border-color:#444;
}
.imageComponent img
{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100% - 46px);
    vertical-align:bottom;
}
.imageComponentWrap
{
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.imageComponent .imageCaption
{
    position:relative;
    padding-top:10px;
    color:#aaa;
}
.imageComponent .imageCaption h2
{
    margin:0;
    text-align:left;
    font-size:1em;
    color:#fff;
}
.imageCaption p
{
    margin-bottom:0.3em !important;
}
.imageCaption strong
{
    color:#fff;
}
/*
.imageActions
{
    position:absolute;
    right:0;
    top:10px;
    margin-bottom:0 !important;
}
.imageActions li
{
    float:left;
    margin-bottom:0 !important;
    margin-left:15px;
    list-style-type:none;
}
.imageActions li a,
.imageActions li a:visited
{
    line-height:1.2em;
    color:#666;
    float:left;
    display:block;
    border:0;
}
.imageActions li.addThis a
{
    padding-left:0 !important;
    padding-right:0 !important;
    width:16px;
    height:16px;
    overflow:hidden;
}
.imageActions li.addThis a .at300bs
{
    float:right;
    margin:0;
    background:transparent url(images/icon-share.png) scroll no-repeat 0 0;
}
.imageActions li.addThis a:hover .at300bs
{
    background:transparent url(images/icon-share_hover.png) scroll no-repeat 0 0;
}
.imageActions li a:hover,
.imageActions li a:focus
{
    color:#fff;
    opacity:1;
}
*/
/* aside */
#general #aside .stackContent
{
    margin-left:20px;
}
#thumbnails
{
    width:100%;
    text-align:left;
    margin-left:10px;
    position:relative;
    padding-top:10px;
}
.js #thumbnails
{
    display:none;
}
#thumbnails li
{
    vertical-align:middle;
    height: 60px;
    padding: 10px;
}
#thumbnails li.subHeading
{
    margin-top:10px;
    border-top:1px dotted #444;
    display:block;
    position:relative;
    top:-1px;
}
#thumbnails li.subHeading:first-child
{
    margin-top:0;
}
#thumbnails li.subHeading h3
{
    padding-top:10px;
    font-size:1em;
}
#thumbnails li a,
#thumbnails li a:visited
{
    border:0;
    opacity:0.3;
    height: 100%;
}
#thumbnails li a:hover
{
    outline:none;
    opacity:1;
}
#thumbnails li a.current
{
    opacity:1;
}
#thumbnails li img
{
    /*display:-moz-inline-stack;*/
    /*display:inline-block;*/
    /*vertical-align:middle;*/
    display: block;
    height: 100%;
    width: auto;
}
/* footer */
#page
{
    position:relative;
}
#footer
{
    font-size:0.9em;
    color:#666;
}
#footer .stackContent
{
    padding:20px 10px 5px 10px;
}
#navGallery
{
    margin-left:10px;
    text-align:left;
    font-size:1.1em;
}
#navGallery a,
#navGallery a:visited
{
    color:#666;
}
#navGallery a:hover,
#navGallery a:focus,
#navGallery .active a
{
    color:#fff;
}
#navGallery img
{
    display:block;
    opacity:0.5;
    margin-left:0;
    margin-bottom: 10px;
}
#navGallery p a:hover img,
#navGallery p a:focus img
{
    opacity:1;
    zoom:1;
}
/* galleryLanding template */
#galleryLanding #navGallery p.rrImageAlignLeft span.rrImageCaption,
#galleryLanding #navGallery p.rrImageAlignCenter span.rrImageCaption, 
#galleryLanding #navGallery p.rrImageAlignRight span.rrImageCaption 
{
    display:block;
    text-align:left;
    width:auto !important;
}
#galleryLanding #navGallery
{
    padding-top:10px;
    padding-right:20px;
}
.js #galleryLanding #navGallery p
{
    float:left;
    display:none;
}
#galleryLanding #navGallery p
{
    margin-right:20px;
    margin-bottom:20px;
}
#galleryLanding #navGallery p a
{
    padding:0;
    width: min-content;
}
/* gallery template */
#gallery #nav a[title="Galleries"]
{
    color:#fff;
}
#gallery #navGallery p
{
    position:relative;
}
#gallery #navGallery p span.rrImageCaption
{
    width:auto !important;
    display:block;
    float:left;
    padding:10px;
}
#gallery #navGallery p img
{
    position:absolute;
    z-index:999;
    top:100%;
    left:10px;
    display:none;
}
#gallery #navGallery p.rightChild img
{
    right:10px;
    left:auto;
}
/* dark turquoise */
*.color0c7d8a, /* decal: #0c7d8a */
*.color0c7d8a strong,
*.color0c7d8a a
{
    color:#0c7d8a;
}
/* deep cyan */
*.color00b9e3, /* decal: #00b9e3 */
*.color00b9e3 strong,
*.color00b9e3 a
{
    color:#00b9e3;
}
/* jade */
*.color5eb299, /* decal: #5eb299 */
*.color5eb299 strong,
*.color5eb299 a
{
    color:#5eb299;
}
/* light auqa green */
*.color9fe5c2, /* decal: #9fe5c2 */
*.color9fe5c2 strong,
*.color9fe5c2 a
{
    color:#9fe5c2;
}
/* olive green */
*.color94b24d, /* decal: #94b24d */
*.color94b24d strong,
*.color94b24d a
{
    color:#94b24d;
}
/* bright green */
*.colord3ff82, /* decal: #d3ff82 */
*.colord3ff82 strong,
*.colord3ff82 a
{
    color:#d3ff82;
}
/* light brown */
*.colorb29b2e, /* decal: #b29b2e */
*.colorb29b2e strong,
*.colorb29b2e a
{
    color:#b29b2e;
}
/* light mustard yellow */
*.colorf2e971, /* decal: #f2e971 */
*.colorf2e971 strong,
*.colorf2e971 a
{
    color:#f2e971;
}
/* burnt orange */
*.colord9561c, /* decal: #d9561c */
*.colord9561c strong,
*.colord9561c a
{
    color:#d9561c;
}
/* sunset orange */
*.colorffab30, /* decal: #ffab30 */
*.colorffab30 strong,
*.colorffab30 a
{
    color:#ffab30;
}
/* red wine */
*.color8f4631, /* decal: #8f4631 */
*.color8f4631 strong,
*.color8f4631 a
{
    color:#8f4631;
}
/* lipstick red */
*.colorff4234, /* decal: #ff4234 */
*.colorff4234 strong,
*.colorff4234 a
{
    color:#ff4234;
}
#dummyArea
{
    display:none;
}
#home .imageCaption
{
    padding-left:10px;
}
#content
{
    min-height:460px;
    _height:auto !important;
    _height:460px;
}
.imageComponent
{
    line-height:460px;
}
#gallery .imageComponent
{
    width:500px;
}