*
{
    margin:0;
    padding:0;
}
body
{
    background:#fbfbfb;
    color:#333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
a
{
    text-decoration:none;
    color:#0e0e0e;
}
#content {
	min-width: 400px;
	min-height:200px;
	height:60%;
	margin:35px 0;
	background-image:url('../DSC_5393.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80%;
	background-color: #000;
	text-align:center;
}
@media (orientation: portrait) {
	#content {
		min-width: 400px;
		min-height: 550px;
		height:80%;
		margin:35px 0;
		background-image:url('../DSC_5393.jpg');
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-color: #000;
		text-align:center;
	}
}
#content a {
	color: crimson;
}
#footer a, #content li a {
	color: cornflowerblue;
}
#footer a:hover, #content li a:hover {
	text-decoration: underline;
}
#content ol {
	width: 50%;
	margin: 20px auto;
	list-style-type: upper-roman;
}
br
{
    clear:both;
}
h3
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
    margin:1.5em auto 0.0em auto;
    width:50%;
}
h2
{
	font-family: 'Roboto Condensed', sans-serif;
    font-size:1.5em;
	font-weight: 300;
    margin:1.5em auto 0 auto;
    width:65%;
    min-width:400px;
}
h1
{
	font-family: 'Lato', sans-serif;
    font-size:2.8em;
    margin:1.2em auto;
	text-align:center;
}
p {
	width: 50%;
	margin: 20px auto;
	line-height: 1.8em;
}

#footer span.icon {
	padding: 0 5px;
}

#footer {
	font-size: 0.9em;
	margin: 0 auto 60px auto;
	width: 45%;
	text-align: right;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#eaeaea;
	padding:5px 0;
}

#content img {
	display: block;
	margin: 20px auto;
	width: 100%;
}

#content .loader
{
    display:block;
    margin:15% auto;
}
div.pagination
{
    width:65%;
    min-width:400px;
    margin:-2em auto 0 auto;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#eaeaea;
    font-size:0.88em;
    text-align:right;
    padding:0.5em 1em;
    /*background:#1e1e1e;*/
    color:#cbcbcb;
    clear:both;
}
span.icon
{
}
div.bottom
{
    border-width:1px 0 0 0;
    margin:2em auto;
}
div.toolbar
{
    width:65%;
    padding:0.5em 1em;
    margin:auto;
    height:8px;
}
div.toolbar a
{
    font:normal 0.7em "Verdana";
    -moz-border-radius:5px;
    border-radius:2px;
    padding:2px 9px;
}
div.toolbar a:hover
{
    border:1px solid #383838;
    background:#252525;
    padding:2px 8px;
}
div.view
{
    margin:auto;
    text-align:center;
}
div.view div.title
{
    font:normal 1.2em "Trebuchet MS";
    margin:30px 0 20px 0;
}
div.view div.details
{
    text-align:left;
    width:75%;
    margin:30px auto;
    padding:30px 0 0 0;
    font-size:0.8em;
    clear:both;
}
div.view div.details span
{
    color:#848484;
    float:left;
    width:6em;
    text-align:right;
    padding:0 5px;
}
div.pagination a.current
{
    border-width:0 0 4px 0;
    border-style:solid;
    border-color:#eaeaea;
    padding:0 4px;
    color:#fff;
}
div.arrow
{
   float: left;
   font-size: 65%;
   width:71%;
   text-align:right;
   margin:0 0 15px 0;
   height:30px;
}
div.arrow.right
{
   float:right;
   text-align:left;
   width:18%;
}
.no-height
{
   height:0 !important;
}
div.arrow a
{
   color:#0e0e0e;
}
div.arrow.left a
{
   margin:0 -50px 0 0;
}
div.arrow.right a
{
   margin:0 0 0 -50px;
}
.hidden
{
   opacity:0;
}
.hide
{
   visibility:hidden;
}
div.arrow a:hover
{
   /*color:#eaeaea;*/
}
div.pagination a
{
    padding:0 16px;
}
div.pagination a:hover
{
    color:#999;
}
div.pagination a small
{
   padding:0 5px;
   vertical-align:10%;
}
div.pagination span
{
   padding:0 0 0 50px;
}
div.pagination a.page, div.pagination span.page
{
    padding:0 12px;
}
div.pagination span.page
{
    color:#333;
}
#images
{
    width:65%;
    margin:1em auto;
    min-width:800px;
}
div.container
{
    float:left;
    text-align:center;
    margin:1em;
    width:230px;
    height:230px;
}
div.container div.title
{
    font:normal 0.6em "Verdana";
    color:#e6eef4;
    letter-spacing:2px;
}
.view
{
   height:600px;
}
div.image
{
    padding:1em;
    margin:2.5em auto;
    height:420px;
    position:absolute;
    top:100px;
    width:430px;
    left:50%;
    margin:0 0 0 -230px;
}
.view div.image.wide {
   margin: 0 0 0 -492px;
   width: 950px;
   height:320px;
}
div.image img, div.view div.navigation div div
{
    border:7px solid rgb(247, 247, 247);
}
div.image.white img
{
    border:15px solid #fff;
    background:#fff;
}
div.arrow small
{
    padding:0 5px;
}
div.view div.navigation
{
    width:500px;
    margin:auto;
    padding:20px;
}
div.view div.navigation div div
{
    position:relative;
    margin:0 auto;
    display:inline-block;
}
div.view div.navigation div.next
{
    float:right;
    width:250px;
}
div.view div.navigation div.prev
{
    float:left;
    width:250px;
}
div.view div.navigation div a
{
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    background:#080808;
    -moz-opacity:0.6;
    opacity:0.6;
}
div.view div.navigation div a span
{
    font-size:1.5em;
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    margin:-0.75em -0.5em;
}
#content .loader
{
    display:block;
    margin:15% auto;
}