html.portrait {
    background: none;
}
body{
    overflow: hidden;
}
input[type=text].invalid,
textarea.invalid{
    background-color: #fcc;
    box-shadow: 0px 0px 0px 2px #f00 inset;
}
#site__body{
    overflow: hidden;
}
#site__body > .background {
    height: 100%;
}
#site__footer{
    background: none;
    background-color: #797ba9;
}
#site__footer.size--by-height{
    height: 4.55%;
}
#site__footer.size--by-height .site__navigation__container{
    position: absolute;
    top: 12%;
    left: 0;
    width: 100%;
    height: 76%;
    padding: 0;
}
#site__footer.size--by-height .site__navigation__container li,
#site__footer.size--by-height .site__navigation__container li a,
#site__footer.size--by-height .site__navigation__container li img{
    max-width: none;
    width: auto;
    height: 100%;
}
.site__navigation.left{
    float: left;
}
.site__navigation.right{
    float: right;
}
.site__navigation.home{
    margin: 0 auto;
}
.site__navigation.home.right{
    margin-right: 3.6%;
}
.site__navigation a{
    display: block;
}
.site__navigation__container > li > a > img{
    margin: 0 auto;
}
.portrait #site__footer{
    position: fixed;
    margin: 0;
    background: none;
    background-color: #797ba9;
}
.portrait #site__footer.size--by-height .site__navigation__container li,
.portrait #site__footer.size--by-height .site__navigation__container li a,
.portrait #site__footer.size--by-height .site__navigation__container li a img,
.portrait #site__footer.size--by-height .site__navigation__container > li > a > img /* this is to overwrite*/{
    width: auto;
    height: 100%;
}
.portrait #site__footer.size--by-height .site__navigation__container{
    height: 65%;
}
.portrait #site__footer .site__navigation__container > li{
    margin: 0 auto;
}

.ui-dialog{
    font-size: 12px;
}