/*
Theme Name: Fear of Failure
Theme URI: http://fof.samtremaine.co.uk/
Author: Sam Awesomepants Tremaine
Author URI: http://samtremaine.co.uk/
Description: Fear of Failure is a webcomic about being afraid to write a webcomic
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fear-of-failure
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Fear of Failure site design is based on Underscores (http://underscores.me/) and styled by Sam Tremaine (http://samtremaine.co.uk) 
(Underscores (C) 2012-2014 Automattic, Inc. Fear of Failure (C) 2014 Sam Tremaine.)

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*-------------------------------------------- FONTS --------------------------------------------*/
/*-------------------------------------------- FONTS --------------------------------------------*/

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

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

/*-------------------------------------------- FONTS --------------------------------------------*/
/*-------------------------------------------- FONTS --------------------------------------------*/

/*BASE STYLES (ALL PAGES)*/
h1, h2, h3, h4, h5, h6, p {color: #363f48;}
h1, h2 {font-family: novecentowidebookbold;}
h3, h4, h5, h6 {font-family: novecentowidelightbold;}
h1 {font-size: 5.5vh;}
h2 {font-size: 5vh;}
h3 {font-size:4vh;}
h4 {font-size:3vh;}
h5 {font-size:2.5vh;}
h6 {font-size:2vh;}
p, body {font-size:1.7vh;font-family:'Libre Baskerville';}


.nav-menu {float: right;}
.home .main-navigation ul {
  color: #363f48;
  font-family: novecentowidebookbold;
  font-size: 3vh;
  list-style: none outside none;
  margin: -5.1vh 0 5.1vh;
  padding-left: 0;
  text-decoration: none;
  width: 85%;
}
.main-navigation ul li a {color: #363f48;}
.main-navigation li {float: left;padding-right: 5vw;position: relative;}

.main-navigation ul {
  margin: -3.8vh 0 3.8vh;
  padding-left: 0;
  text-decoration: none;
  width: 85%;
  color: #363f48;
  font-family: novecentowidebookbold;
  font-size: 3vh;
  list-style: none outside none;
}


.entry-content {margin: 0 auto;max-width: 65vw;}
.entry-meta {display: none;}
.entry-footer {display: none;}
.site-info {float: right;padding-bottom: 1vh;padding-right: 1vw;}

/*END BASE STYLES (ALL PAGES)*/

/*HOME PAGE (INTRODUCTIONS)*/

.home img.logo {
  display: block;
  height: 30vh;
  margin: 0 auto;
  max-height: 300px;
  min-height: 160px;
  padding-top: 1%;
}

h1.site-title {display: none;}

.home h2.site-description {
  font-family: novecentowidelightbold;
  font-size: 1.2vh;
  font-weight: 400;
  text-align: center;
  text-transform: lowercase;
}

.rosie img, .cat img, .house img{display: block;margin: 0 auto;padding-bottom: 5vh;padding-top: 5vh;}
/*END HOME PAGE (INTRODUCTIONS)*/

/*POST PAGE (COMIC)*/
h1.entry-title {text-align: center;}

img.logo {
  display: block;
  height: 20vh;
  margin: 0 auto;
  max-height: 300px;
  min-height: 160px;
  padding-top: 1%;
}
 h2.site-description {display: none;}
.content-area {width:80vw;margin: 0 auto;}
.attachment-post-thumbnail {
  margin: 0 auto;
  display: block;
}
.nav-links a {
  border: 2px solid #363f48;
  color: #363f48;
  padding: 5px 10px;
  text-decoration: none;
  top: 10px;
  position: relative;
  border-radius: 5px;
  text-transform: uppercase;
  font-family: novecentowidelightbold;
}
.nav-previous, .nav-next {height: 50px;}

.st-hr {background: url("/images/logo.png") no-repeat scroll center 10px / 60px auto transparent;height: 1px;padding: 25px 0 35px;}

/*END POST PAGE (COMIC)*/