/* --- general --- */

body {
        margin: 15px;
        padding: 0;
        font: 100% Courier New;
        background-color: #E3DECE;
        width: 98%;
        text-align: left;
        font-family: 'Droid Sans', 'Courier New';
        font-size: 0.9em;
		line-height: 1.4em
}

a { color: #000; font-weight: bold; text-decoration: underline }
a:hover { color: #000; text-decoration: none }

.content {
		width: 770px;
		margin: 0 auto;
}

.breadcrumb {
		font-size: 0.8em;
}

.disclaimer {
		font-size: 0.8em;
		text-align: center;
}

h1 {
		font-size: 2em;
		line-height: 1em;
}

/* --- individual image --- */

ul.photos {
		padding: 0;
}

p.photos {
		margin-bottom: -20px;
}

ul.photos>li {
        background-image: url("../img/shadow-landscape.png");
        background-repeat: no-repeat;
        background-position: bottom;
        width: 770px;
        height: 543px;
        display: block;
        border-width: 0;
		margin: 30px 0 30px 0;
}

ul.photos>li img {
        display: block;
        position: relative;
        border: 10px solid #fff;
        background-image: url("../img/loading.gif");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #fff;
        width: 750px;
        height: 500px;
}

ul.photos>li.v {
        background-image: url("../img/shadow-portrait.png");
        width: 520px;
        height: 793px;
        margin-left: 115px;
}

ul.photos>li.v img {
        width: 500px;
        height: 750px;
}

ul.photos>p.reference {
		font-size: 0.7em;
		text-align: right;
		line-height: 0.2em;
		margin-bottom: -20px;
}
