/*
Theme Name: Marianne Ryan theme
Description: Theme for Marianne Ryan by Jack Ryan-Phillips.
Author: Jack Ryan-Phillips
Version: 1.0
*/
/* adapted from: www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch */

/* COLOURS */

/* background grey */
body {background-color: #373e3c;}

/* white */
body, p, a {color:#fff;}

/*highlight grey was #6c6962 */
ul.menu .current_page_item, .highlight, ul.menu a:hover {background-color: #5b6763;}

/*hover grey #87837a */
ul.menu a:hover {background-color: #73837d;}

/* ================== */

body {min-width: 220px;margin:0;}
.clear {clear:both;}
body, p, a {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300;}
p {line-height:1.3em;}

#header, .content {width:90%;margin:0 auto;}
#header {padding-top:30px;}
/* .home #header {margin-top:10%;} */
.content {margin-top:125px;}

.site-title {margin:0;margin-bottom:0.5em;width: 200px;float: left;font-size: 0;}
ul.menu {list-style-type:none;float: right;margin-top: -8px; margin-bottom:1em;}
ul.menu li, .alignleft {float:left;}
.alignleft { margin-right: 3%;}

ul.menu a {text-decoration:none;display:block;padding:8px 1em;}


.home .footer-image {/*margin-top:25%;*/display:block;visibility:visible;}
.footer-image {margin-top:2em;display:none;visibility:hidden;}

.post img {width:100%;height:auto;}
.content img {width: 100%; height: auto; max-width: 499px; }
.content video, .content iframe {width: 100%; max-width: 800px; }

.stickyheader {background-color:#434c49; z-index:170; margin:0 auto; width:100%; position:fixed; top:0; left:0; right:0;}
.lightbox .lb-image {border: 4px solid #000!important;}
.lb-outerContainer {background-color:#000!important;}

/* mobile */

/* --------------------------------------------
  < 600
-------------------------------------------- */
@media screen and (max-width:530px) {
    ul.menu {padding: 0; margin-top: 1em;}
    .site-title { clear: both;}
    .content {margin-top: 140px;}
}
@media screen and (max-width:300px) {
    ul.menu, ul.menu li {float: none; clear: both; }
    ul.menu {padding-top: 1em;}
}