@font-face {
    font-family: Fairyfont;
    src: url(../../fonts/Fairyfont.ttf);
}

body > div {
    font-size: 0.875rem;
}
body {
	margin: 0;
	padding: 0;
	color: darkred;
	background-color: #eee;
	font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

/* Headings
--------------------------------------------- */

h1,h2
{
	font-family: Fairyfont;
	margin: 0 0 .5em;
	font-weight: 500;
	line-height: 1.1;
}

h1 { font-size: 4em; text-align: left; margin-bottom:0.2em; }

h2 { font-size: 2.5em;	margin: 0; margin-bottom:0.2em }

h3 { font-size: 2em; }

h4 { font-size: 1.125em; }


h5 { font-size: 1.75em;	margin: 0; }
h6 {
	font-family: Helvetica;

	margin: 0 0 0em;

	font-weight: 500;

	line-height: 1.2;
	font-size: .777em; }


.comment-respond h3,
.entry-comments h3 {
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: -2px;
    margin-bottom: 3.750rem;
    margin-top: 6.25rem;
}

h4 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

h6 {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
}

p, pre, table, form {
    margin: 0 0 0.857rem;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
.site-header {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}

div#page-sub-header h1 {
    font-size: 4.85rem;
    letter-spacing: -3px;
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: none;
    padding-top: 0;
}
div#page-sub-header p {
    max-width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
}
.page .entry-title,
.single .entry-title,
.blog .entry-title {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 300;
    padding: 0;
}

#secondary .widget-title {
    font-size: 13px;
    font-size: 0.813rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.125em;
    text-transform: uppercase;
}

.entry-meta {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1px;
}
.post-thumbnail {
    margin-bottom: 1.875rem;
}
.form-control {
    font-size: 1rem;
}


p
{
	margin: 0 0 1.5em;
	line-height: 1.5;
}



blockquote
{
	padding: 1em 2em;
	margin: 0 0 2em;
	border-left: 5px solid #eee;
}


hr
{
	height: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	border: 0;   border-top: 2px solid darkred;


	}


table
{
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse; 	
}


th, td
{
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
}


a:link { color: #660000; }
a:visited { color: #660000; }
a:focus { color: black; }
a:hover { color: #990000; }
h1 a:hover, h2 a:hover { color: gold; }
a:active { color: red; }

#masthead .navbar-nav
{
	margin: 0;
	padding: 0;
	font-family: Fairyfont;
	list-style: none;
	background-color:darkred;
}

#masthead .navbar-nav > li
{
	display: inline;
	margin: 0;
}

#masthead .navbar-nav > li.active
{
	background-color:#9b0000;
}

#masthead .navbar-nav > li a {
	font-family: Fairyfont;
	font-size:1.9em;
	display: block;
	padding: .7em 0.7em;
	color: #fff;
	text-decoration: none;
}

#masthead .navbar-nav > li a:link { color: gold; }

#masthead .navbar-nav > li a:visited { color: gold; }

#masthead .navbar-nav > li a:focus { color: black; }

#masthead .navbar-nav > li a:hover { color: white; background-color:#9f0000; }

#masthead .navbar-nav > li a:active { color: white; }

.nav > li > a:hover {
    background-color:rgba(250, 220, 50, 0.3);
}

.navbar-toggleable-md {
	display:block !important;
}

.nav-bar
{
	background: darkred;
	padding: 0;
}

.nav-bar.navbar-toggler {
	border-radius:0;
	cursor: pointer;
}
.nav-bar.navbar-toggler .nav-txt-menu {
	font-family: Fairyfont;
	font-size:1.6em;
	color:gold;
	padding-right:0.7em;
}
.nav-bar.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,205,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

nav.navbar {
    background-image:url('../../img/paper.jpg');
    padding-bottom:0;
}
#content {
    background-image:url('../../img/paper.jpg');
}

#vsel .vsel-content {
    border:0;
}

.posted-on, .byline, .comments-link {
    color: darkred;
}

div.pfpItem .foogallery-container img {
    float: left;
    margin-right: 0;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a
{
	border:0;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.nav-links a:hover
{
    background-color:rgba(250, 220, 50, 0.3);
	text-decoration: none;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.nav-links a
{
    border-radius: 0.938rem;
	display: inline-block;
	padding: 0.313rem 0.875rem;
	text-decoration: none;
}

.btn-primary {
	font-family: Fairyfont;
    color: gold;
    font-size:2em;
    background-color: darkred;
    border-color: #660000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #b80000;
    border-color: #8b0000;
}

footer#colophon {
	background-color: darkred;
	color: gold;
}

.widget-area .vsel-meta-date,
.widget-area .vsel-meta-time,
.widget-area .vsel-meta-location {
	margin-bottom: 3px !important;
}

input:focus, textarea:focus, select:focus {
    outline: darkred auto 5px !important;
    outline-offset: -2px;
}