body {
    font-family: 'Just Me Again Down Here', cursive;;
    font-size: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}

a {
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

#wrap { width: 758px; margin: 5px auto 5px auto; }
#banner { width: 758px; height: 195px; }

#menu { position: absolute;
        z-index: 10;
        width: 766px; height: 21px;
        margin-top: 0; margin-left: -4px;
        box-shadow: 0px 2px 10px 0px #000000;
        -moz-box-shadow: 0px 2px 10px 0px #000000;
}
#menu #menu-front { width: 100%; height: 21px; position: absolute; z-index: 11; }
#menu #menu-tabs { display: table; width: 600px; height: 21px; float: left;
                   font-family: 'Just Me Again Down Here', cursive; font-size: 17px; text-align: center;
                   margin-top: -2px;}
#menu a { margin-left: auto; margin-right: auto; display: table-cell; vertical-align: middle; }
#menu #menu-right { width: 150px; float: right; }
#menu #menu-right #language-change { float: right; margin-top: -1px; margin-right: 5px; }
#menu #menu-right #language-change img {
    margin-left: 3px; opacity: 0.7;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
#menu #menu-right #language-change img:hover { opacity: 1.0; }
#menu #menu-right #mark { display: none; }
#menu-back { position: relative; width: 766px; height: 21px; z-index: -1; }

#subMenuDiv { font-size: 20px; line-height: 16px; font-variant: small-caps;
    display: none; position:absolute; z-Index:1;
    cursor:pointer; padding: 5px;
    box-shadow: 0px 2px 10px 0px #000000 }
#subMenuDiv div { padding: 2px 4px 2px 4px; }

.home-with-margin { padding: 10px; }

#way { padding: 10px }
#way .msg { margin-top: 20px; display: inline-block; }
#way .msg .header { font-size: 20px; }
#way .msg .body { margin-top: 5px;
                  font-family: 'Open Sans', sans-serif; font-size: 14px; }
#way .msg .body .hidden { display: none; }
#way .msg .body .picture { position: relative; }
#way .msg .body .picture-left { display: table; float: left; margin: 5px 10px 5px 0px; }
#way .msg .body .picture-right { display: table; float: right; margin: 5px 0px 5px 10px; }
#way .msg .body .picture .caption { display: table-caption; caption-side: bottom;
                           font-family: 'Just Me Again Down Here'; font-size: 18px;
                           text-align: center; line-height: 100%; }
#way .msg .body .picture .loader {
                           background-image: url('/img/loading-min.gif');
                           background-repeat: no-repeat;
                           background-position-y: 15px;
                           width: 23px; height: 25px;
                           margin-top: 50px;
                           margin-left: 40%;
                           position: absolute;
                           display: none; }
#way .msg .body .picture .loading .loader { display: block; }
#way .msg .body .picture .loading img { opacity: 0.5; }

#way #full-size-picture { position: absolute; z-index: 11;
                          background-color: white;
                          border: 15px solid white;
                          box-shadow: 0px 3px 20px 0px #000000;
                          -moz-box-shadow: 0px 3px 10px 1px #000000;
                          text-align: center;
                          opacity: 0; display: none;
                          -moz-user-select: none;
                          -khtml-user-select: none;
                          -webkit-user-select: none;
                          -o-user-select: none;}
#way #full-size-picture img { display: block; border: 1px solid #000000; }
#way #full-size-picture #picture-caption { margin-top: 10px; }

#way .loading-more { text-align: center; padding: 10px 10px 10px 10px; }

#gallery { padding: 10px; overflow: hidden; }
#gallery #country-galleries { position: relative; display: inline-block; width: 100%; }

#gallery .header { width: 100%; text-align: left; display: block; border-bottom: 1px solid; }

#gallery .country-section { width: 100%; text-align: center; }
#gallery .country-section .galleries { margin-top: 10px; margin-bottom: 10px; display: table; width: 100%; }
#gallery .country-section .gallery-row { display: table-row; }
#gallery .country-section .gallery { display: table-cell; text-align: center; padding-top: 20px; }
#gallery .country-section .gallery img { display: block; margin-left: auto; margin-right: auto; }
#gallery .country-section .gallery .caption { display: none; }

#gallery #loader { width: 100%; height: 300px; display: none; z-index: -1; }
#gallery #loader #count { position: fixed; top: 55%; left: 50%; margin-left: -50px; width: 100px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #d3d3d3; }
#gallery #loader img { position: fixed; top: 60%; left: 50%; margin-left: -40px; }

#gallery #pictures { position: relative; left: 200px; text-align: center; }
#gallery #pictures .header { margin-bottom: 20px; }
#gallery #pictures .picture { padding: 5px; display: inline-block; vertical-align: top; position: relative; }
#gallery #pictures .picture .miniature-caption { width: 155px; font-size: 17px; }
#gallery #pictures input { display: none; }

#gallery #pictures .picture table { border-spacing: 0px; }
#gallery #pictures .picture tr { vertical-align: top; }
#gallery #pictures .selected { width: 100%; padding: 0px; margin-top: 20px; margin-bottom: 20px; }
#gallery #pictures .selected img { border: 1px solid #000000; }
#gallery #pictures .selected .miniature-caption { width: 100%; font-size: 20px; }
#gallery #pictures .selected .space { width: 100%; }
#gallery #pictures .selected td.switch { vertical-align: middle; border: 1px solid #eeeeee; color: #eeeeee;
                                        -moz-user-select: none;
                                        -khtml-user-select: none;
                                        -webkit-user-select: none;
                                        -o-user-select: none; }
#gallery #pictures .selected td.switch:hover { background: #eeeeee; color: white; }
#gallery #pictures .switch div { display: none; width: 35px; }
#gallery #pictures .selected .switch div { display: block; }

#films { padding: 10px; }
#films #film-table { margin-left: auto; margin-right: auto; text-align: center; border-spacing: 30px; }
#films .title { font-family: 'Open Sans', sans-serif; font-size: 14px; }
#films .caption { font-size: 20px; }

.animated-opacity {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    opacity: 0.8;
    -webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.6s ease;
    -o-transition:      all 0.6s ease;
}
.animated-opacity:hover { opacity: 1 }

figure {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    opacity: 0.8;
    -webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.6s ease;
    -o-transition:      all 0.6s ease;
    font-size: 17px;
}
figcaption {
    position: absolute;
    color: white;
    padding: 2px 10px;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.6s ease;
    -o-transition:      all 0.6s ease;
    text-shadow: 0px 1px 5px black;
    text-align: left;
    font-family: 'Open Sans', sans-serif; font-size: 11px;
}
figure:hover {
    opacity: 1;
}
figure:hover figcaption {
    opacity: 0;
}

.cap-left:before {  top: 10px; left: 10px; }
.cap-left figcaption { top: 4px; left: 0px; }
.cap-left:hover figcaption { left: -30%; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 4px; top: -30%; }
.cap-top:hover figcaption { top: 4px; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

#links { padding: 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; }
#links a { font-size: 20px; font-family: 'Just Me Again Down Here', cursive; font-size: 20px;}

#guestbook { padding: 40px; }
#guestbook .msg { margin-top: 30px; display: inline-block; width: 400px; }
#guestbook .msg .header { text-align: right; }
#guestbook .msg .guest-message-date { display: inline; font-family: 'Open Sans', sans-serif; font-size: 8px; }
#guestbook .msg .body { font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; padding: 5px; }
#guestbook #signin-button { width: 100%; text-align: center; }
#guestbook #signin-block { text-align: right;  }
#guestbook #new-message { display: none; margin-top: 1px; }
#guestbook #new-message .msg { float: right; }
#guestbook #form { display: none; }
#guestbook #form textarea { width: 388px; height: 19px; resize: none; }
#guestbook #form .header input { width: 100px; padding-left: 10px; padding-right: 10px; text-align: right;
                                 font-family: 'Just Me Again Down Here', cursive; font-size: 20px; }
#guestbook #form .header div { display: inline-block; }
#guestbook #form #loading { background-image: url('/img/loading-min.gif');
                            background-repeat: no-repeat;
                            background-position-y: 15px;
                            width: 23px; height: 25px;
                            display: none; }
#guestbook #thanks { font-size: 40px; width: 200px; float: left; text-align: center;
    display: inline-block;
    transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -webkit-transform:rotate(-20deg);
    margin-top: 10px;
    margin-left: -40px;
    opacity: 0.0;
}

.button { cursor: pointer; }

.animated {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.animated-slow {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.animated-fast {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}