body {
    line-height: 1.5em
}

a {
    color: #9da2a8
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Light-webfont.eot");
    src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-LightItalic-webfont.eot");
    src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Regular-webfont.eot");
    src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Italic-webfont.eot");
    src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Bold-webfont.eot");
    src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
    src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
    font-weight: 700;
    font-style: italic
}

html,
input {
    -webkit-font-smoothing: antialiased
}

html,
body {
    height: 100%
}

body {
    font-family: "OpenSans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #161616;
    color: #9ba0a6;
    line-height: 1.5em;
    margin: 0;
    padding: 0
}

#body {
    min-height: 100%;
    min-width: 600px;
    height: auto !important;
    height: 100%;
    position: relative;
    background: #161616;
}

img {
    border: 0
}

#content {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 130px
}

.profilePhoto {
    display: inline-block;
    margin-top: 10px;
    width: 180px;
    height: 180px;
}

.profilePhoto img {
    width: 180px;
    height: 180px;
    -webkit-transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -ms-transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

hr {
    border: 1px solid #3a3a3a;
    border-width: 1px 0 0 0;
    height: 0;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

/*#content {
    zoom: 1
}

#content:before,
#content:after {
    content: "";
    display: table;
}

#content:after {
    clear: both
} */

.photographerInfo {
    margin-bottom: 15px;
    text-align: right;
    font-size: 13px
}

.photographerDesc {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
}

.photographerInfo div.name {
    text-transform: uppercase;
    color: #9da2a8;
    font-size: 1.5em;
}

.photographerInfo a {
    color: #9da2a8
}

.photographerInfo div.bio {
    color: dimgrey;
}

.photographerInfo div.bio a {
    color: dimgrey;
}

.photographerInfo .contact {
    /* text-transform: uppercase;*/
    color: #6a6a6a;
    font-size: 1em;
}

.albumList {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    vertical-align: top;
}

.year {
    float: left;
    color: #6a6a6a;
    font-size: 2em;
    font-weight: 100;
    padding: 0;
    margin: 0;
}

.album {
    padding: 10px 0 15px 5.5em;
}

.teaser {
    display: inline-block;
    width: 544px;
    height: 180px;
    margin: 0;
    padding: 0 10px 0 0;
}

.albumDesc {
    display: inline-block;
    vertical-align: top;
}

.albumName {
    display:block;
    font-size: 2em;
    font-weight: 100;
    line-height: 1.1em;
    margin-bottom: 0.4em;
    color: #9da2a8;
    text-transform: uppercase;
}

.albumName a {
    text-decoration: none;
}

.albumInfo {
    font-size: 1.2em;
    font-weight: 100;
    color: #9ba0a6;
}