#navbar, #b-navbar { display: none; }

/* Fonts */
#nav a, #releases a, #page-title a, .paper a, #mobilenav a, #mobileshare a, #releases, #page-title, h5, .date, h7, .posted, #blog-nav a { 
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, a.work-category, .box-tag, #cool-nav a, a.cool-link, .box-tag a {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: normal;
}
a { 
	color: #930;
	text-decoration: none;
}
a:hover { color: #000;}

/***** General site styles *****/
h3 {
	font-size: 21px;
	letter-spacing: 0em;
	padding: 0 10px 0px 0;
	font-weight: bold;
}
h7 {
	padding: 10px 20px 7px;
	margin: 0 0 30px -55px;
}
.special-char { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.st-post-footer-buttons {
	position: absolute;
	right: 0px;
	top: -60px;
}


/***** Navigation *****/
#nav {
	clear: both;
	float: left;
	text-align: left;
	width: 60%;
	max-width: 600px;
	padding: 23px 0 0 0;
	line-height: 1.8em;
}
#nav a {
	display: inline-block;
	float: left;
	margin: 0 20px 0 0;
	color: #441b09;
	font-size: 21px;
	text-decoration: none;
}
#nav a:hover { color: #407135; }

.right-col {
	text-align: left;
	margin-left: 300px;
}
.right-col h3 {text-align: left; font-size: 40px; display: block; float: none; margin-bottom: 20px;}
.right-col ul {
	list-style-type: disc;
	list-style-position: inside;
}
.features {
	margin: 20px 0 50px;
}
.features a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 6px;
	text-align: center;
	background-color: #eee8d5;
	margin: 0 10px 10px 0;
	text-decoration: none;
	color: #300;
}
.features a:hover {
	box-shadow: 0px 0px 10px #999;
}

/***** Blog and Events *****/
.blogdivider {
	border-bottom: 1px dashed #663300;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#footer-3 {display: none;}
.posted {
	margin: 25px 0;
}
p.posted {
	border-bottom: 0px;
}
.one-blog a, .sidebar a, .one-event a, .links-area a  {
	color: #930;
}
.one-blog a:hover, .sidebar a:hover, .one-event a:hover, .links-area a:hover {
	color: #333;
}

.post-body img {
        max-width: 750px;
        height: auto;
}
@media only screen and (max-width: 1245px) {
	.post-body img {
		   max-width: 600px;
	}
}
@media only screen and (max-width: 1099px) {
	.post-body img {
		   max-width: 100%;
	}
	#nav.show { 
		display: block; 
		position: absolute;
		text-align: left;
		max-width: 400px;
		left: 0px;
		top: 190px;
		line-height: 1.8em;
		z-index: 9999;
		padding-top: 0px;
	}
	#nav.inside.show { top: 160px; }
	#nav a {
		display: block;
		width: 400px;
		padding: 18px 16px;
		color: #999;
		font-size: 52px;
		text-decoration: none;
		background-color: #000;
		background: rgba(0, 0, 0, .9);
	}
	#nav a:hover { color: #fff; background-color: #1f2111;}
}