/*
Theme Name: Synecdoche
Description: My first WordPress theme for Synecdoche
Author: Kyle James Matthews
Author URI: http://kylejamesmatthews.com
Version: 1.0

Default style sheet for modern browsers
*/

/********************
******Typography*****
*********************/

@font-face {
	font-family: 'MonikaItalic';
	src: url('Monika.eot');
	src: local('Monika'), local('MonikaItalic'), url('Monika.woff') format('woff'), url('../type/Monika.ttf') format('truetype'), url('../type/Monika.svg#MonikaItalic') format('svg');
}

@font-face {
	font-family: '1942report1942report';
	src: url('1942.eot');
	src: local('1942 report'), local('1942report'), url('1942.woff') format('woff'), url('../type/1942.ttf') format('truetype'), url('../type/1942.svg#1942report') format('svg');
}

/********************
*******Colors********
*********************
#5A1F00 -- red
#D1570D -- orange
#FDE792 -- cream
#477725 -- green
#A9CC66 -- lighter green
*/

/********************
******Structure******
*********************/

body {
	margin: 0;
	padding: 0;
	margin-top: 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #222;
	background-color: #f5f5f5;
}

#container {
	margin: 0px auto;
	width: 1000px;
	background-color: #fff;
	border-left: 1px solid #477725;
  border-right: 1px solid #477725;
}

#header {
  text-align: center;
  width: 970px;
  padding: 0 15px;
  height: 150px;
  background: url(../images/header-img.jpeg) center center;
}

#header a {
  text-decoration: none;
  color: #FDE792;
}

#header a:hover {
  color: white;
}

#header h1 {
  font-family: "MonikaItalic";
  text-align: left;
  padding: 15px 0 0 55px;
  font-size: 250%;
  letter-spacing: .25em;
  width: 310px;
  margin-top: 3px;
}

#slogan {
  font-family: "1942report1942report";
  font-size: 175%;
  margin-top: -5px;
  text-align: right;
  color: #FDE792;
  letter-spacing: .075em;
}

#navigation {
  font-family: "MonikaItalic";
  font-size: 125%;
  position: fixed;
  margin-left: 25px;
  margin-top: 25px;
  text-align: center;
  padding: 0 20px 0 15px;
  width: 150px;
}

#navigation ul, #navigation ul li {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
}

#navigation a {
  text-decoration: none;
}

#content {
  padding: 0 250px;
  padding-bottom: 8em;
}

#footer {
  font-size: 80%;
  text-align: center;
  font-family: "1942report1942report";
  color: #D1570D;
  position: fixed;
  bottom: 0;
  width: 1000px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)), color-stop(0.1, rgba(255,255,255,.5)), color-stop(0.3, rgba(255,255,255,1))/*, color-stop(0.9, rgba(255,255,255,1)), color-stop(0.99, rgba(255,255,255,.5))*/);
  background:-moz-linear-gradient(top, rgba(255,255,255,.5) 10%, rgba(255,255,255,1) 30%);
  padding-top: 3em;
}

h2 a {
  text-decoration: none;
  color: #477725;
}

h2 {
  margin-bottom: 5px;
  font-family: "1942report1942report";
  letter-spacing: .05em;
  color: #D1570D;
}

.entry h3, .archive-list h3 {
  font-family: "MonikaItalic";
  font-size: 150%;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: .1em;
}

.archive-list h3 {text-align: left;}

.archive-list ul {
  list-style-type: none;
}

h3#comments {
  margin-top: 45px;
  font-family: "1942report1942report";
}

ol.footnotes {
  margin-top: 0;
  padding-left: 25px; 
}

.excerpt {
  margin-bottom: 35px;
}

.excerpt p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: justify;
}

p.postmetadata, p.commentmetadata {
  font-size: 80%;
  margin-top: 0;
  font-family: "1942report1942report";
  text-align: center;
  color: #D1570D;
}

p.commentmetadata {
  margin-left: 7px;
  text-align: left;
}

.postmetadata a {
  color: #5A1F00;
}

.continue {
  text-decoration: none;
  color: #D1570D;
  padding: 0 4px;
  font-weight: bold;
}

.strike {
  text-decoration: line-through;
  color: #A9CC66;
  opacity: .75;
}

blockquote {
  color: #477725;
  padding-left: 38px;
  padding-right: 38px;
  text-align: justify;
  background: url(../images/openquote.gif) top left no-repeat, url(../images/closequote.gif) right bottom no-repeat;
}

blockquote p:first-child {
  padding-top: 12px;
}

blockquote p:last-child {
  padding-bottom: 12px;
}

blockquote p.cite {
  font-size: 90%;
  text-align: right;
  font-family: "1942report1942report";
}

.cite a, strong {
    color: #5A1F00;
}

.nav {display: block; margin: 18px 0 auto;}
.nav:after {content: "."; clear: both; visibility: hidden; height: 0;}
.nav a {text-decoration: none;}
.nav, .nav a {color: #5A1F00;}
.nav:hover, .nav a:hover {color: #D1570D;}
.prev {float: left; margin-left: -50px;}
.next {float: right; margin-right: -50px;}
.prev, .next {font-size: 90%;}

div.navigation {padding-bottom: 1em;}

a {color: #477725;}
a:hover {color: #5A1F00;}

.epigraph {
  text-align: right;
  width: 400px;
  margin-left: 100px;
  font-style: italic;
  font-size: 90%;
}

cite.fn {
  font-family: "MonikaItalic";
  font-size: 145%;
  padding-right: .2em;
}

.comment-author {
  margin-bottom: 0;
  padding-bottom: 0;
  height: 2em;
}

li.comment-author-admin p.comment-author, li.comment-author-admin a, li.comment-author-admin p.comment-author a, li.comment-author-admin p.commentmetadata a {
  color: #D1570D;
}

li.comment-author-admin {
  padding-left: 15px;
  margin-left: -15px;
  border-left: 3px solid #D1570D;
}

.depth-2, .depth-3, .depth-4, .depth-5 {list-style-type: none;}

.fnbacklink, .fnlink {
  color: #D1570D;
  text-decoration: none;
}

sup {padding-left: 1px;}

.archive-list ul li {font-family: "1942report1942report";}
.archive-list #searchform {margin-top: 20px;}

.edit-link {font-family: "1942report1942report";}

img {border: none;}

code {font-family: Courier; font-size: 85%; color: #D1570D; padding: auto 5px;}

.post img {
  float: left;
  margin: 4px 12px 10px;
  border: 1px solid #477725;
}

.entry h3 {clear: both;}