.page {
    margin-top: 0.5em;
    font-family: 'Gafata', sans-serif;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); 
}


a {
    text-decoration: none;
    color: blue;
}

a:hover {
    text-decoration: none;
    color: red;
}

footer {
    background-color: #fdfdfd;
    padding: 1em;
    text-align: center;
    border: solid 1px silver;
    margin-top: 5em;
}

h1#shinyheader a {
    font-family: 'Tangerine', cursive;
    font-size: x-x-large;
    text-shadow: 4px 4px 4px #aaa;
    font-color: black;
}

.tagline {
    font-size: small;
    padding: 0.5em 0.5em 0.5em 0em;
    display: inline-block;
}

#navbar-local {

}

#navbar-local ul {
    box-shadow: 5px 5px 4px #aaa;
}

/* Content-related stuff */

#content {
    box-shadow: 5px 5px 4px 4px #aaa;
    padding: 0.5em;
    margin-bottom: 2em;
}

#content header {
    font-size: 110%;
}

#content #theimage {
    width: 100%;
    text-align: center;
    margin: 2em;
}

#content #theimage img {
    border: solid 10px #eaeaea;
    box-shadow: 4px 4px 4px #aaa;
}

#content ul {
    margin: 1em 0 1em 0;
}

#content ul li {
    margin: 0 0 0.25em 0;
}

/* Child box and contents */

#children {
    border: solid 1px #eee;
    padding: 0.5em;
    margin: 5em 0.5em 0.5em 0.5em;
    clear: both;
    float: none;
}

#children div.child {
    float: left;
    margin: 0.5em;
    padding: 0.25em;
    display: table-cell;
    height: 225px;
    max-width: 225px;
    background: #fafafa;
}

div.child header {
    background: solid #ededed;
    color: black;
    width: 100%;
    display: inline-block;
    font-size: small;
}

div.child span {
    font-size: x-small;
}

div.child img {
    text-align: center;
    margin: 1em 15% 0 15%;
}

/* Right margin and contents */


#rightmargin {
    float: right;
    font-size: small;
}

#rightmargin .rightmarginbox {
    width: 100%;
    min-height: 150px;
    border: solid 1px silver;
    margin-bottom: 2.5em;
    box-shadow: 5px 5px 4px #aaa;
    padding: 0.5em;
}

.rightmarginbox header, .child header {
    width: 100%;
    display: inline-block;
    background: #ededed;
    padding: 5px;
    font-size: large;
}


/* tag cloud stuff */

span.tag {
    margin: 0.25em;
    color: #333;
}

/* EXIF stuff */

div#exif {
    margin-top: 3em;
    clear: both; float: none;
}

div#exif header {
    margin-top: 3em;
    background-color: #ededed;
    padding: 0.5em;
    margin-bottom: 1em;
}

div.exifPair {
    width: 50%;
    float: left;
    margin-bottom: 0.25em;
    background-color: #f9f9f9;
}

div.exifPair span.exifItem {
    width: 60%;
}

div.exifPair span.exifValue {
    width: 40%;
}

/* Misc stuff */

div.nineset {
    width: 100%;
    padding: 5%;
    text-align: left;
}


div.nineset > div {
    padding: 1%;
    text-align: center;
}

div.nineset > div  img {
    border: solid 8px #ddd;
    box-shadow: 5px 5px 4px #aaa;
}

div.nineset > div  a:hover {
    opacity: 0.4;
}

div.sell {
    width: 100%;
    text-align: center;
    margin: 2em 0 4em 0;
}


span.fineartamericaproductlist {
    margin: 0 1em 0 2em;
}

span.fineartamericaproductlist span {
    margin-right: 1em;
}

/* Primary image tweak esp for moobile */

#content #theimage img {
    max-width: 80%;
}