body {
    background: url(../img/bg.jpg);
    font-family: Verdana, Geneva, sans-serif;
    border:0;
    margin:0;
    padding:0
}

img { max-width: 100%; height: auto; height: }
img.gal { border: solid 1px #D3D3D3; margin: 0 6px 12px 6px; }
h1 { font-size: 20px; padding: 0 22px 0 22px; color: #696969; }
h2 { font-size: 18px; padding: 0 22px 0 22px; color: #696969; }
h3 { font-size: 16px; padding: 0 22px 0 22px; color: #696969; }
p.p_nav {font-size: 14px; margin: 15px 0 15px 0;}
p{ padding: 0 22px 0 22px; margin: 9px 0 9px 0; font-size: 14px; }
p.footer-text { padding: 0 22px 0 22px; }

a.news {text-decoration: none; color: #696969; font-weight: bold;}
a.news:hover {color: #B22222;}

.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width:1000px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.94);
    background: white;
}

.row {}

.header, .date, .nav, .main, .footer, .proj {
    display:inline;
    float:left;
    margin-left:0;
    margin-right:0;
}

.container .header { width:1000px; margin-top: -19px;}
.container .date { width:1000px; margin:-22px 0 0 0; padding: 5px 0 5px 0; background: linear-gradient(to right, #B22222, #A52A2A); text-align: right; color: #FFF; }
.container .nav { width:250px; text-align: center; color: #696969; }
.container .main { width:1000px; }
.main-gallery { width:90%; text-align: center; border-top: solid 1px; border-bottom: solid 1px; margin: 16px 0 16px 5%; padding: 0 0 0 0; }
.container .footer { width:1000px; background: #DCDCDC; margin-top: -19px; }
.container .proj { width:330px; border-right:solid 1px; height: 16em; overflow: auto; margin-bottom: 20px}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container {width:940px;}
    .container .header { width:940px; margin-top: -19px;}
    .container .date { width:940px; margin:-24px 0 0 0; margin:-22px 0 0 0; }
    .container .nav { width:235px; }
    .container .main { width:940px; }
    .container .footer { width:940px; margin-top: -19px; } 
    .container .proj { width:312px; margin-bottom: 20px}
}

@media only screen and (min-width: 767px) and (max-width: 960px) {
    .container { width:760px; }
    .container .header { width:760px; margin-top: -19px;}
    .container .date { width:760px; margin:-22px 0 0 0; }
    .container .nav { width:190px; }
    .container .main { width:760px; }
    .container .footer { width:760px; margin-top: -19px; }
    .container .proj { width:252px; }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .container { width:100%; }
    .container .header,
    .container .date,
    .container .nav,
    .container .main,
    .container .footer,
    .container .proj { margin:0; width:100%; }
    
    .container .header { margin-top: -19px; }
    .container .date { margin:-22px 0 0 0; }
    .container .footer { text-align: center; margin-top: -19px; }
    .container .proj { border-top:solid 1px; }
    .row { margin:0; }
}

.row:before, .row:after,
.container:before, .container:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}

.row:after, .container:after { clear:both; }