div.clearboth {clear: both;}

body {
    background: #fec;
    color: #333;
    font-family: 'GothamMedium', helvetica, arial, sans-serif;
}

h1,h2,h3,h4,h5,h6{
    color: #20c8e6;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
}
a{
    text-decoration: none;
    color: #20c8e6;
}
a:hover{
    color: #ff096b;
}

div#footer{
    padding: 40px;
    color: #fff;
}

/*===*/

body.single-incline {}

body.single-incline div#masthead {
    padding: 20px;
}

body.single-incline div#masthead h1 {
    float: left;
    width: 257px;
    height: 21px;
    margin: 2px 0 0 0;
}
body.single-incline div#masthead h1 a {
    background: url('../images/logotype-white.png');
    background-position: 0 0;
    width: 257px;
    height: 0;
    padding: 21px 0 0 0;
    overflow: hidden;
    display: block;
}
body.single-incline div#masthead h1 a:hover {
    background-position: 0 -42px;
}
body.single-incline div#masthead h2 {
    float: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    position: relative;
    top: 10px;
}

body.single-incline article div.entry-content {
    width: 532px;
    background: #fff;
    margin: 0;
    padding: 20px 20px 20px 20px;
}

body.single-incline article div.entry-content img {
    width: 532px;
    margin: 0 0 20px 0;
}

body.single-incline div#primary {
    width: 692px;
    margin: 60px auto 0 auto;
    position: relative;
}

body.single-incline div#content {
    width: 572px;
    margin: 0 auto;
}

body.single-incline div#content h1,
body.single-incline div#content h2,
body.single-incline div#content h3,
body.single-incline div#content h4,
body.single-incline div#content h5,
body.single-incline div#content h6 {
    color: #333;
    float: none;
}

body.single-incline div#content div#masthead{
    padding: 0;
}

body.single-incline div.back-to-main {
    margin: 10px 0;
    display: block;
    width: 692px;
    text-align: center;
}

body.single-incline a.back-to-main {
    color: #fff;
    text-transform: uppercase;
}
body.single-incline a:hover.back-to-main {
    color: #ff096b;
}

body.single-incline nav.nav-single{
    display: block;
    width: 692px;
    position: absolute;
    top: 225px;
}
body.single-incline nav.nav-single span.nav-previous{
    position: absolute;
    right: 0;
}
body.single-incline nav.nav-single span.nav-previous a{
    display: block;
    width: 32px;
    height: 0;
    padding: 48px 0 0 0;
    overflow: hidden;
    background-image: url('../images/nav-arrow-right.png');
    background-position: 0 0;
}
body.single-incline nav.nav-single span.nav-previous a:hover{
    background-position: 0 -101px;
}
body.single-incline nav.nav-single span.nav-next{
    position: absolute;
    left: 0;
}
body.single-incline nav.nav-single span.nav-next a{
    display: block;
    width: 32px;
    height: 0;
    padding: 48px 0 0 0;
    overflow: hidden;
    background-image: url('../images/nav-arrow-left.png');
    background-position: 0 0;
}
body.single-incline nav.nav-single span.nav-next a:hover{
    background-position: 0 -101px;
}

body.single-incline div#content div#taxonomy{
    display: block;
    margin: 15px 0 0 0;
}

body.single-incline div#content div#taxonomy a {
    color: #fff;
    margin: 6px 6px 6px 0;
    padding: 6px 6px 4px 6px;
    font-size: 13px;
    text-transform: uppercase;
}

body.single-incline div#content div#taxonomy a.category{
    background: #099aff;
}
body.single-incline div#content div#taxonomy a.tag{
    background: #ff096b;
}

body.single-incline div#content a#source{
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0 0 0;
    display: block;
}

/*===*/

body.category {
    background: #fff;
}

body.category div#masthead {
    padding: 20px;
}

body.category div#masthead h1 {
    float: left;
    width: 257px;
    height: 21px;
    margin: 2px 0 0 0;
}
body.category div#masthead h1 a {
    background: url('../images/logotype-blue.png');
    background-position: 0 0;
    width: 257px;
    height: 0;
    padding: 21px 0 0 0;
    overflow: hidden;
    display: block;
}
body.category div#masthead h1 a:hover {
    background-position: 0 -42px;
}
body.category div#masthead h2 {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamMedium', helvetica, arial, sans-serif;
    position: relative;
    top: 10px;
}

body.category div#content div.archive-header {
    padding: 0;
    margin: 60px 0 13px 0;
    float: none;
    display: block;
    width: 885px;
    font-size: 70px;
    text-transform: uppercase;
}
body.category div#content div.archive-header h1 {
    font-size: 70px;
}

body.category div.archive-header h1, body.category div.archive-header h2 {
    float: none;
}

body.category article {
    width: 195px;
    height: 195px;
    margin: 0 35px 35px 0;
    float: left;
}
body.category article.no-margin{
    margin: 0 0 35px 0;
}

body.category article div.entry-content {
    margin: 0;
    padding: 0;
}

body.category article div.entry-content img {
    width: 195px;
    height: 195px;
}

body.category div#primary {
    width: 100%;
    margin: 0 auto;
}

body.category div#content {
    background: #fff;
    width: 885px;
    margin: 0 auto;
}

body.category div#footer{
    color: #20c8e6;
}
/*===*/

body.tag {
    background: #fff;
}

body.tag div#masthead {
    padding: 20px;
}

body.tag div#masthead h1 {
    float: left;
    width: 257px;
    height: 21px;
    margin: 2px 0 0 0;
}
body.tag div#masthead h1 a {
    background: url('../images/logotype-blue.png');
    background-position: 0 0;
    width: 257px;
    height: 0;
    padding: 21px 0 0 0;
    overflow: hidden;
    display: block;
}
body.tag div#masthead h1 a:hover {
    background-position: 0 -42px;
}

body.tag div#masthead h2 {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    position: relative;
    top: 10px;
}

body.tag div#content div.archive-header {
    padding: 0;
    margin: 60px 0 13px 0;
    float: none;
    display: block;
    width: 885px;
    font-size: 70px;
    text-transform: uppercase;
}
body.tag div#content div.archive-header h1{
    font-size: 70px;
}

body.tag div.archive-header h1, body.tag div.archive-header h2 {
    float: none;
}

body.tag article {
    width: 195px;
    height: 195px;
    margin: 0 35px 35px 0;
    float: left;
}
body.tag article.no-margin{
    margin: 0 0 35px 0;
}

body.tag article div.entry-content {
    margin: 0;
    padding: 0;
}

body.tag article div.entry-content img {
    width: 195px;
    height: 195px;
}

body.tag div#primary {
    width: 100%;
    margin: 0 auto;
}

body.tag div#content {
    background: #fff;
    width: 885px;
    margin: 0 auto;
}

body.tag div#footer{
    color: #20c8e6;
}

/*===*/

body.archive {
    background: #fff;
}

body.archive div#masthead {
    padding: 20px;
}

body.archive div#masthead h1 {
    float: left;
    width: 257px;
    height: 21px;
    margin: 2px 0 0 0;
}
body.archive div#masthead h1 a {
    background: url('../images/logotype-blue.png');
    background-position: 0 0;
    width: 257px;
    height: 0;
    padding: 21px 0 0 0;
    overflow: hidden;
    display: block;
}
body.archive div#masthead h1 a:hover {
    background-position: 0 -42px;
}

body.archive div#masthead h2 {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    position: relative;
    top: 10px;
}

body.archive div#content div.archive-header {
    padding: 0;
    margin: 60px 0 13px 0;
    float: none;
    display: block;
    width: 885px;
    font-size: 70px;
    text-transform: uppercase;
}
body.archive div#content div.archive-header h1 {
    font-size: 70px;
}


body.archive div.archive-header h1, body.archive div.archive-header h2 {
    float: none;
}

body.archive article {
    width: 195px;
    height: 195px;
    margin: 0 35px 35px 0;
    float: left;
}
body.archive article.no-margin{
    margin: 0 0 35px 0;
}

body.archive article div.entry-content {
    margin: 0;
    padding: 0;
}

body.archive article div.entry-content img {
    width: 195px;
    height: 195px;
}

body.archive div#primary {
    width: 100%;
    margin: 0 auto;
}

body.archive div#content {
    background: #fff;
    width: 885px;
    margin: 0 auto;
}

body.archive div#footer{
    color: #20c8e6;
}

/*===*/

body.page {
    background: #fff;
}

body.page div#masthead {
    padding: 20px;
}

body.page div#masthead h1 {
    float: left;
    width: 257px;
    height: 21px;
    margin: 2px 0 0 0;
}
body.page div#masthead h1 a {
    background: url('../images/logotype-blue.png');
    background-position: 0 0;
    width: 257px;
    height: 0;
    padding: 21px 0 0 0;
    overflow: hidden;
    display: block;
}
body.page div#masthead h1 a:hover {
    background-position: 0 -42px;
}

body.page div#masthead h2 {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    position: relative;
    top: 10px;
}

body.page div#content div.archive-header {
    padding: 0;
    margin: 60px 0 13px 0;
    float: none;
    display: block;
    width: 885px;
    text-transform: uppercase;
}
body.page div#content div.archive-header h1 {
    font-size: 70px;
}

body.page div.archive-header h1, body.page div.archive-header h2 {
    float: none;
}

body.page article div.entry-content {
    margin: 0;
    padding: 0;
}

body.page div#primary {
    width: 100%;
    margin: 0 auto;
}

body.page div#content {
    background: #fff;
    color: #4f4f4f;
    width: 885px;
    margin: 0 auto;
    font-size: 18px;
}

body.page div#footer{
    color: #20c8e6;
}

body.page p{
    margin: 0 0 20px 0;
}

body.page p strong{
    font-family: 'GothamBold', helvetica, arial, sans-serif;
}

/*===*/

body.page div#categories, body.archive div#categories, body.tag div#categories, body.category div#categories{
    color: #20c8e6;
    font-family: 'GothamBold', helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}

/*===*/

body div.main-menu-wrapper{
    position: absolute;
    width: 150px;
    top: 248px;
}

body div.main-menu-wrapper li.menu-item{
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'GothamMedium', helvetica, arial, sans-serif;
    margin: 0 0 3px 0;
}
body div.main-menu-wrapper ul.nav-menu.static li.menu-item{
    padding: 12px 20px 8px 0;
    display: block;
    background: #009EDF url('../images/logotype-arrow-white.png') no-repeat;
    background-position: 130px 12px;
}
body div.main-menu-wrapper li.menu-item a{
    color: #fff;
    padding: 12px 10px 8px 0;
    background: #009EDF;
    display: block;
}
body div.main-menu-wrapper li.menu-item a:hover{
    color: #20c8e6;
}