/* ----- These styles used by all pages (except '404') ----- */

footer
{
    width: 100%; /* Footer stretches to full window width. */
    margin-top: 50px; /* Everything above footer will keep distance of 50px from footer. */
    padding: 25px 0; /* Padding inside the footer container. */ /* --- Footer shadow --- */
    background-repeat: no-repeat; /* Show shadow once. */
    background-position: 50% 0; /* Place shadow at the center. */
}

footer#light
{
    background-image: url('/images/shnyagaLight.png'); /* Add shadow to the top of the footer. */
}

footer#dark
{
    background-image: url('/images/shnyagaDark.png'); /* Add shadow to the top of the footer. */
}

#footer-inner /* Another container inside the footer (we need it). */
{
    /* Place the footer at the center of the page. */
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 80px 0;
    width: 85%;
}

#external-links, #internal-links
{
	margin-bottom: 2em;
}


#mail-copyright /* The left section with email and copyright. On every page. */
{
    /* float: right; */
    text-align: center;
}

#external-links /* The middle section with links to external sites (e. g. YouTube). Only on Main page. */
{
    /* float: left; */
}

#external-links img /* Fixing external image-links. */
{
    padding: 0 8px;
    border-width: 0; /* IE 8 and lower */
}

#internal-links /* The right section with links to internal pages. Depends on page. */
{
    float: left;
}

#signature /* The right section with Author's name. Only on Main page. */
{
    color: #999;
    font-size: 0.8em;
	text-shadow: 0px 1px 0px #eee;
}

#signature span#year
{
    color: #999;
    font-size: 0.8em;
	text-shadow: none;
}