body {
    color: #000000;
    font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p {
    margin-bottom: 1em;
}

#container {
    width: 750px;
    height: 517px;
    padding: 20px;
}

#logo {
    float: right;
    width: 132px;
}

h1 {
    color: black;
    font: 21px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 span {
    color: #999999;
    font: 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#inner-container {
    border: 1px solid #dae2e4;
    padding: 20px;
}

#details {
    float: left;
    width: 233px;
}

#prev,
#next,
#current {
    float: left;
    width: 64px;
    height: 64px;
}

#prev a,
#next a {
	display: block;
	width: 60px;
	height: 60px;
    border: 2px solid #dae2e4;
}

#next a:hover,
#prev a:hover {
    border: 2px solid #f7380e;
}

#count {
    float: left;
    width: 105px;
    height: 64px;
    text-align: center;
}

#count img,
#current img {
    border: 2px solid #f7380e;
}

#caption {
    padding-top: 20px;
    border-top: 1px solid #dae2e4;
    margin-top: 20px;
}

p.photo-credit {
    font-size: 11px;
    font-style: italic;
    color: #666666;
}

#photo-holder {
	float: right;
    width: 430px;
    padding-left: 20px;
    border-left: 1px solid #dae2e4;
    margin-left: 20px;
}

#photo {
    width: 430px;
    height: 438px;
    text-align: center;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}