* {
margin:0;
padding:0;
}

body {
font-family:Garamond Times serif;
font-size:62.5%;
width:100%;
height:100%;
background:#fff;
color:#333;
}

#wrapper {
padding:100px 100px;
min-width:600px;
max-width:1200px;
margin:0 auto;
position:relative;
overflow:hidden;
}

p {
font-size:1.5em;
padding:0 0 1.5em;
line-height:1.3em;
text-align:justify;
}

h1, h2, h3, h4, h5, h5 {
font-family:Futura, Gill Sans, Helvetica;
}

blockquote {
padding:0 -3em 0 3em;
margin: 0 0 4.5em;
border-left:1px solid #333;
}

blockquote p:last-child {
padding:0;
}

#nav {
position:fixed;
bottom:0;
right:0;
padding:10px 0 10px 10px;
z-index:10;
}

#nav h1 {
color:#fff;
font-size:6em;
line-height:1em;
font-style:italic;
letter-spacing:3px;
padding:5px 25px 5px 10px;
margin:0 0 0 25px;
}

#nav h1 a {
color:#fff;
text-decoration:none;
}

#nav ul {
list-style:none;
margin:10px 0 0;
}

#nav ul li {
float:left;
font-family:Futura, Gill Sans, Helvetica;
font-size:1.5em;
margin:0 5px 0 0;
}

#nav ul li a {
color:#fff;
text-decoration:none;
padding:3px;
}

.items {
width:100%;
list-style:none;
overflow:hidden;
}

.items li {
float:left;
}

.items li a {
display:block;
text-decoration:none;
position:relative;
overflow:hidden;
line-height:1em;
}

.items li a h2 {
display:none;
}

.items li a p {
display:none;
}

.items li a p img {
border:0;
min-width:100%;
max-width:100%;
display:block;
/* margin:-12.5% 0 0 0; */
}

.items li a h2 + p {
display:block;
width:100%;
height:100%;
padding:0;
overflow:hidden;
}

.items li a:hover {
color:#f9f9f9 !important;
border-color:#e9e9e9 !important;
}

.items li a:hover h2 {
display:block;
position:absolute;
font-size:2.5em;
line-height:1.333em;
/* height:82.5%; */
width:92%;
padding:0;
overflow:hidden;
}

.items li.first {
width:100%;
margin:0 0 50px;
}

.items li.first a {
/* height:400px; */
padding:40px;
border:40px #777 solid;
font-size:4em;
color:#777;

}

.items li.second {
width:47.5%;
margin:0 0 50px 5%;
}

.items li.second a {
/* height:200px; */
padding:20px;
border:20px #888 solid;
font-size:2em;
color:#888;
}

li.first + li.second {
clear:left;
margin:0 0 50px 0;
}

.items li.third {
width:30%;
margin:0 0 50px 5%;
}

.items li.third a {
/* height:133px; */
padding:13px;
border:13px #888 solid;
font-size:1.333em;
color:#888;
}

li.second + li.third {
clear:left;
margin:0 0 50px 0;
}

.items li.fourth {
width:16%;
margin:0 0 50px 5%;
}

.items li.fourth a {
/* height:80px; */
padding:8px;
border:8px #aaa solid;
font-size:0.8em;
color:#aaa;
}

li.third + li.fourth {
clear:left;
margin:0 0 50px 0;
}

.items li.fifth {
width:8.125%;
margin:0 0 50px 5%;
}

.items li.fifth a {
/* height:50px; */
padding:5px;
border:5px #bbb solid;
font-size:0.5em;
color:#bbb;
}

li.fourth + li.fifth {
clear:left;
margin:0 0 50px 0;
}

.items li.sixth {
width:2.69%;
margin:0 0 50px 5%;
}

.items li.sixth a {
/* height:31px; */
padding:3px;
border:3px #bbb solid;
font-size:0.31em;
color:#bbb;
}

li.fifth + li.sixth, li.fifth-first {
clear:left;
margin:0 0 50px 0 !important;
}

.item {
width:100%;
}

.item p {
width:65%;
font-size:2.3em;
}

.item p.date {
font-size:1.6em;
font-style:italic;
}

.item p img {
max-width:153.85%;
min-width:153.85%;
}

.item p object, .item p embed {
max-width:100%;
min-width:100%;
}

.item h2 {
font-size:4em;
line-height:1em;
}

.item h3 {
font-size:2.5em;
line-height:1em;
padding:0 0 0.5em 0;
}

.item a {
font-weight:bold;
color:navy;
}

.col-1 { color:#eb7b7c; }
.bg-col-1 { background:#eb7b7c; }

.col-2 { color:#94458e; }
.bg-col-2 { background:#94458e; }

.col-3 { color:#430e9c; }
.bg-col-3 { background:#430e9c; }

.col-4 { color:#4a87f8; }
.bg-col-4 { background:#4a87f8; }

.col-5 { color:#60d4f1; }
.bg-col-5 { background:#60d4f1; }

.col-6 { color:#60f1de; }
.bg-col-6 { background:#60f1de; }

.col-7 { color:#57c28c; }
.bg-col-7 { background:#57c28c; }

.col-8 { color:#2eca35; }
.bg-col-8 { background:#2eca35; }

.col-9 { color:#66a040; }
.bg-col-9 { background:#66a040; }

.col-10 { color:#aec761; }
.bg-col-10 { background:#aec761; }

.col-11 { color:#eed549; }
.bg-col-11 { background:#eed549; }

.col-12 { color:#ffa200; }
.bg-col-12 { background:#ffa200; }

.col-13 { color:#f0491c; }
.bg-col-13 { background:#f0491c; }

.col-14 { color:#5e4a45; }
.bg-col-14 { background:#5e4a45; }

.col-15 { color:#334e67; }
.bg-col-15 { background:#334e67; }

.col-16 { color:#29683e; }
.bg-col-16 { background:#29683e; }

.col-17 { color:#e82bc2; }
.bg-col-17 { background:#e82bc2; }

.col-18 { color:#e82b57; }
.bg-col-18 { background:#e82b57; }

.col-19 { color:#1d4fab; }
.bg-col-19 { background:#1d4fab; }