/* Portrait painter style sheet custom for homepage*/
/*
section.homepage {
    background-color: rgba(255,0,0,0.2);
    color: white;
}

div.homepage {
    background-color: rgba(255,254,0,0.2);
    color: white;
}

footer {
    color: white;
}
*/
/* Try and set text to white */
body {
    color: #ffffff;
    background-color: #000000;
    background: black;
}

.centered {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

img.bg {
    /* Set up default positioning */
    position: fixed;
    top: 0;
    left: 0;
    /*set up visibility and push image to the back*/
    z-index: -1;
}

/* Make image adjust below 1600Px (above uses resize.js to centre Specific to this particular image */
@media screen and (max-width: 1170px) {
    img.bg {
        width: 100%;
    }

    div.homepage-mast {
        width:100%;
    }
}

div.homepage-title {
    /* Set up default positioning */
    position: fixed;
    top: 0;
    left: 0;
    /*set up visibility and push image to the back*/
    z-index: -1;
    margin: 10px;
}

div.homepage-descr {
    position: fixed;
    width: 26%;
    top: 0;
    left: 70%;
    /*set up visibility and push image to the back*/
    z-index: -1;
    margin: 10px;
}

img.inline {
    float: left;
    margin: 10px;
}

blockquote {
    font-style: italic;
    color: #cccccc;
    border-left: 0px solid #aaaaaa;
    padding-left: 0px;
}

span.author {
    font-size: 80%;
    font-style: normal;
}
p.technique {
    font-style: italic;
}

.galleryleft {
    display: block;
    width: 64px;
    height: 64px;
    background: url('arrowset.png') no-repeat 0 0;
    background-position: -64px 0;
}
.galleryleft:hover {
    background-position: 0 0;
}
.gallerystart {
    display: block;
    width: 64px;
    height: 64px;
    background: url('arrowset.png') no-repeat 0 0;
    background-position: -128px 0;
}

.galleryright {
    display: block;
    width: 64px;
    height: 64px;
    background: url('arrowset.png') no-repeat 0 0;
    background-position: -256px 0;
}
.galleryright:hover {
    background-position: -192px 0;
}
.galleryend {
    display: block;
    width: 64px;
    height: 64px;
    background: url('arrowset.png') no-repeat 0 0;
    background-position: -320px 0;
}

img.spacearoundimage{
    margin-right : 40px;
    margin-left: 0px;
    margin-top: 8px;
}

ul.zaralist li{
    line-height: 30px;
    font-size: 21px;
    font-weight: 200;
}