/*--------------------------------------------------------------------------------

Blog CSS for www.taylorthomas.co.uk

Version: 1.0
Author: Marcus Taylor
e-Mail: enquiries@taylorthomas.co.uk
Website: http://www.taylorthomas.co.uk

--------------------------------------------------------------------------------*/

body {
  background: #fff;
}

#posts {
  padding: 4em 0 0 0; /*40px 0 0 0*/
  margin: 12em 0 0 0; /*120px 0 0 0*/
  text-align: left;
}

#posts .post:first-child .images img {
  margin: 0 0 1em 0;
}

.post {
  padding: 0 0 4em 0;
  margin: 0 0 4em 0;
  border-bottom: 1px solid #e7e7e7;
}

.post img {
  border: 1px solid #e7e7e7;
  margin: 1em 0 1em 0;
  max-width: 100%;
}

.post .images {
  margin: 0 0 2em 0;
}

iframe {
  display: none !important;
}

footer {
  margin: 0;
  padding: 0 0 4em 0;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  
  #posts {
    padding: 4em 0 0 0; /*40px 0 0 0*/
    margin: 11em 0 0 0; /*110px 0 0 0*/
  }
  
}

@media only screen and (max-width: 767px) {
  
  #posts {
    padding: 0;
    margin: 0;
  }
  
}

@media only screen and (max-width: 479px) {
  
  #tumblr_controls {
    display: none;
  }
  
  #posts {
    padding: 0;
    margin: 10em 0 0 0;
  }

}

/* Typography - Posts
--------------------------------------------------------------------------------*/

#posts p,
#posts li,
footer p {
  color: #333;
}

#posts a:link,
#posts a:visited {
  color: #cac931;
}

#posts a:hover,
#posts a:active {
  color: #333;
}

#posts .post-title a:link,
#posts .post-title a:visited
footer a:link,
footer a:visited {
  color: #999;
}

#posts .post-title a:hover,
#posts .post-title a:active,
footer a:hover,
footer a:active {
  color: #333;
}

#posts .post-title h2, #posts h2 {
  margin: 0 0 0.625000000000005em 0; /*0 0 15px 0*/
}

#posts ul.tags li {
  font-size: 1.2em;
  display: inline;
}

#posts ul.tags li a:before {
  content: "#";
  color: #999;
}

#posts p.date,
#posts p.image-caption {
  font-size: 1.2em;
  color: #999; 
}

#posts .post p {
  width: 50%;  
}

footer p {
  margin: 0 2em;
  display: inline;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {



}

@media only screen and (max-width: 479px) {
  
  #posts .post p {
    width: 100%;  
  }
  
  footer p {
    margin: 0 0.5em;
    display: inline;
  }

}