/*
Theme Name: Green Typography
Theme URI: 
Description: Based on Minimal Georgia (http://theme.fm/themes/minimal-georgia/). Strong focus on typography and baseline grid. Use Green Mobile as mobile theme.
Author: Niko Stotz <blogtheme@nikostotz.de>
Author URI: https://nikostotz.de/blog/
Version: 0.8
Tags: green, two-columns, typography

License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
	font-family: 'Lucida Grande', sans-serif;
	font-size: 100%;
	background-color: white;
	background-image: url(images/bg.png), url(images/bg.png);
	background-position: -618px 0px, center 0px;
	background-repeat: repeat-y, repeat-y;
	line-height: 24px;
}

/* Fixes Firefox header overflow bug */
.header-shadow-container {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -39px;
	height: 49px;
	z-index: -1;
}

.header-shadow {
	width: 100%;
	float: left;
	-moz-box-shadow: 0px 2px 6px #999;
	-webkit-box-shadow: 0px 2px 6px #999;
	box-shadow: 0px 2px 6px #999;
	margin-bottom: 40px;
	height: 39px;
	position: absolute;
	top: 0;
	z-index: -1;
}
/* End fixes */

.header {
	font-family: 'Lucida Grande', sans-serif;
	padding-top: 5px;
}

.header-fill {
	background: #128725 url(images/header-fill.png) 0 0 repeat-x;
/*min-height: 39px;*/
	width: 100%;
	width: -moz-available;
	box-shadow: 0px 6px 6px rgba(153, 153, 153, 0.6);
}

a.logo {
	text-shadow: 1px 1px 2px #111;
	text-decoration: none;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 8px;
	color: white !important;
	font-family: Qlassik;
	font-weight: bold;
	letter-spacing: 1.2pt;
	text-align: center;
	background-color: #3A5F3A;
	border-bottom: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 6px 6px 6px -2px rgba(153, 153, 153, 0.6), -6px 6px 6px -2px rgba(153, 153, 153, 0.6);
	display: block;
	padding: 10px;
	white-space: nowrap;
}

a.logo:hover {
	border-bottom: none;
}

.logobox:after {
	border-top-left-radius: 15px;
	box-shadow: -3px -3px 0 3px #3A5F3A;
	content: "\200B";
	height: 15px;
	left: 100%;
	padding-right: 15px;
	position: relative;
	top: -53px;
	width: 15px;
}

.logobox:before {
	border-top-right-radius: 15px;
	box-shadow: 3px -3px 0 3px #3A5F3A;
	content: "\200B";
	height: 15px;
	padding-left: 15px;
	position: relative;
	right: 15px;
	top: 16px;
	width: 15px;
}

.header .menu {
	white-space: nowrap;
}

.logobox {
	margin-left: auto;
	margin-right: auto;
	width: 25%;
	min-width: 18em;
	position: relative;
	top: -15px;
	z-index: 2;
	line-height: 16px;
}

.pre-menu {
/*min-height: 32px;*/
}

ul#menu-header, .header .menu > ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	z-index: 3;
}

/* Popout menus */
ul#menu-header ul.sub-menu, .header .menu ul.children {
	position: absolute;
	list-style: none;
	padding-top: -10px;
	padding-bottom: 4px;
	z-index: 9999;
	overflow: hidden;
	background: #4178ae;
	
	margin: 0;
	display: none;
	opacity: 0.9;

	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: -6px 6px 6px -2px rgba(153, 153, 153, .6), 6px 6px 6px -2px rgba(153, 153, 153, .6);
}

ul.sub-menu a, .menu ul.children a {

}

ul.sub-menu li, .menu ul.children li {
	display: block !important;
}

ul#menu-header li:hover > ul.sub-menu, .header .menu li:hover > ul.children {
	display: block;
	border-bottom: inherit !important;
}
/* End popout */

ul#menu-header li, .header .menu ul li {
	display: inline-block;
}

ul#menu-header li a, .header .menu ul li a {
	color: white;
	text-decoration: none;
	border-bottom: 0;
	display: inline-block;
	height: 29px;
	padding: 0 15px;
}

ul#menu-header li a:hover, 
ul#menu-header li.current_page_item > a, 
.header .menu ul li a:hover, 
.header .menu ul li.current_page_item > a {
	border-bottom: inherit !important;
}

.header .menu ul li a:hover {
	color: #B2987E;
}

.header .menu ul li a:hover > a {
	color: white !important;
}

.header .menu ul li a:hover > a:hover {
	color: #B2987E !important;
}

/* Popout menu colors */
ul#menu-header ul.sub-menu, 
.header .menu ul.children {
	background: #3A5F3A;
}

.right-arrow-container {
	position: relative;
}

.right-arrow {
	position: absolute;
	height: 26px;
	width: 11px;
	background: #eaeaea url(images/gray-arrow-right.png) 1px 0 no-repeat;
	right: -23px;
	top: 8px;
}

p.date a {
	color: inherit !important;
}

a.comments-count {
	color: black;
	display: block;
	height: 23px;
}

p.date, .comments-count {
	color: black;
	font-size: 10pt;
	float: right;
	clear: both;
	margin: 0;
	line-height: 24px;
}

body > p:nth-last-of-type(1) {
	margin: auto;
	font-family: 'Lucida Grande', sans-serif;
	color: #888 !important;
	font-size: 10pt;
	line-height: 24px;
	text-align: center;
}

a[href$="mobile"], a[href$="mobile"]:hover, a[href$="mobile"]:active, a[href$="mobile"]:focus {
	color: inherit !important;
}

.grid_1 {
	font-family: 'Lucida Grande', sans-serif;
	text-align: right;
}

.comments-count {
	padding-right: 15px;
	background: url(images/comment-icon-small.png) right center no-repeat;
	height: 24px;
}

.hentry .omega, .hentry .alpha {
	margin-top: 24px;
}

.posts-list .post:first-child .omega,
.posts-list .post:first-child .alpha {
	margin-top: 0;
}

.aligncenter {
	display: block;
	margin: 12px auto;
}

.alignleft {
	display: inline;
	float: left;
	margin: 12px 10px 12px 0;
}

.wp-caption.alignleft {
	margin: 24px 20px 24px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 10px;
}

p {
	line-height: 24px;
}

/*
.content p + p:nth-of-type(2n),
.content li + li:nth-of-type(2n),
.content p:nth-of-type(2n) + p:not(:nth-of-type(2n)),
.content li:nth-of-type(2n) + li:not(:nth-of-type(2n)) {
	padding: 12px 0;
}
*/

.content p,
.content li {
	margin: 12px 0;
}

.post-content, .post-meta {
	font-size: 14pt;
	line-height: 24px;
	color: black;
}

.post-meta {
	clear: both;
	font-family: 'Lucida Grande', sans-serif;
}

.post-content.no-title {
	margin-top: -12px !important;
}

.abstract {
	font-weight: 700;
}

a {
	color: #050;
	text-decoration: none;
	border-bottom: 1px dotted #128725;
}

a:hover {
	color: #5F4C39;
	text-decoration: none;
	border-bottom: 1px dashed #5F4C39;
}

a:visited {
	color: #5F4C39;
}

.post-content img {
	padding: 8px;
	border: solid 1px #999;
	max-width: 700px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Qlassik" !important;
	margin-bottom: 24px;
	margin-top: 24px;
	color: #333;
	clear: both;
}

blockquote {
	padding: 24px 48px;
	line-height: 24px;
	color: #333;
}

blockquote:after {
	content: "\201D";
	font-weight: bold;
	font-size: 48px;
	position: absolute;
	right: 8px;
	text-shadow: 1px 1px 1px #128725;
}

blockquote:before {
	content: "\201C";
	font-weight: bold;
	font-size: 48px;
	position: absolute;
	left: 8px;
	text-shadow: 1px 1px 1px #128725;
}

ul, ol {
	margin-left: 42px;
	color: #333;
	margin-top: 12px;
	margin-bottom: 12px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

big {
	font-size: 130%;
}

code, tt, code, kbd, samp, pre {
	font-family: monospace;
	font-size: 12pt;
}

pre {
	background: #f3f3f3;
	padding: 24px;
}

q::before {
	content: '"';
}

q::after {
	content: '"';
}

sup, sub {
	font-size: 60%;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: 0.5ex;
}

ins {
	background: #FFC;
}

.post-content th {
	text-align: left;
}

.post-content th, .post-content td {
	padding-left: 4px;
	padding-right: 2px;
	line-height: 23px;
}

.post-content th {
	padding-bottom: 1px;
}

.post-content th.subheader {
	text-align: center;
	font-style: italic;
}

.post-content th.corner {
	background-color: transparent;
}

.post-content th.table-column-odd {
	background-color: #3A5F3A;
}

.post-content th.table-column-even {
	background-color: !inherit;
}

.post-content .table-column-odd {
	background-color: lightgrey;
}

.post-content .table-column-even {
	background-color: !inherit;
}

table {
	width: 100%;
	font-size: 10pt;
}

table th {
	text-align: center;
	line-height: 24px;
	font-weight: normal;
	background: #128725;
	color: white;
}


dl {
	margin: 24px 0;
}

dt {
	font-weight: bold;
	margin-top: 24px;
}

tbody tr:first-child td {
	border-top: 1px solid #128725;
}

table td {
	text-align: center;
	line-height: 23px;
	border-bottom: solid 1px #ddd;
}

#prev {
	text-align: left;
}

#next {
	text-align: right;
}

#calendar_wrap tfoot td {
	line-height: 23px;
	border-bottom: none;
}


li {
	line-height: 24px;
}

p.wp-caption-text {
	color: #888;
	font-style: oblique;
	margin-top: 2px;
	font-size: 12px;
	text-align: center;
}

.post-title a {
	color: inherit !important;
	display: inline-block;
	width: 100%;
	margin-bottom: -1px;
}

h2.post-title, h1.post-title {
	font-size: 24pt;
	text-shadow: 1px 1px 1px #128725;
	margin-bottom: 24px;
	margin-top: 0;
	line-height: 24px;
}

h2.search-results.post-title {
	font-size: 18pt;
	margin-bottom: 0;
}

h1.search-title {
	font-size: 14pt;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 24px;
}

h1.search-title span {
	font-style: oblique;
}

.search-results .post-content {

}

h1 {
	font-size: 20pt;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 16pt;
}

h4, h5, h6 {
	font-size: 14pt;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* Sidebar Widgets */

.widget {
	margin-left: 40px;
}

.sidebar {
	font-family: 'Lucida Grande', sans-serif;
	font-size: 10pt;
}

#s {
	width: 200px;
	height: 24px;
	border: solid 1px #128725;
	border-radius: 4px;
	font-size: 12pt;
	color: black;
	padding: 6px;
	background: white url(images/search-icon.png) 6px center no-repeat;
	padding-left: 30px;
}

#searchform label, #searchsubmit {
	display: none;
}

#searchform {
	padding-bottom: 34px;
}

.widget .heading {
	padding-top: 24px;
	font-size: 12pt;
	padding-bottom: 0px;
	border-bottom: solid 1px #128725;
	font-family: Qlassik;
	line-height: 23px;
}

.widget ul, .widget ol {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.widget ul ul {
	margin-left: 20px;
	margin-top: 0;
}

.widget li.current_page_item > a {
	color: black;
}

/* Pagination */

.pagination .omega {
	margin-top: 24px;
	margin-bottom: 24px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.footer {
	margin-top: 48px;
	font-family: 'Lucida Grande', sans-serif;
}

.footer p {
	margin-bottom: 24px;
	color: #888;
	font-size: 10pt;
	line-height: 24px;
}

.footer a {
	color: inherit;
}


/* Gallery */
.post-content .gallery {
	margin: 0px auto 18px;
}

.post-content .gallery-item {
	float: left;
	width: 33%;
	text-align: center;
}

.gallery img {
	border: solid 1px #ccc !important;
}

.gallery-caption {
	color: #888;
	font-style: oblique;
	margin-top: 2px;
	font-size: 12px;
	text-align: center;
}

/* Forms */
.post-content input[type="text"],
.post-content input[type="password"],
.post-content textarea {
	font-size: 12pt;
	line-height: 24px;
	padding: 12px 4px;
	border-radius: 4px;
	border: solid 1px #128725;
	width: 50%;
}

.post-content input[type=text]:focus,
.post-content input[type="password"]:focus,
.post-content textarea:focus {
	border-color: black;
	background-color: #eee;
}

.post-content textarea {
	height: 5em;
}


/* Smiley */
img.wp-smiley {
	border: none;
	padding: 0;
	margin: 0;
}

/* Comments */

ol.commentlist {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.commentlist li.comment {
	position: relative;
	padding: 0px 0px 0px 56px;
	border-bottom: solid 1px #ddd;
	/*margin-bottom: 23px;*/
}

#comments .pingback {
	border-bottom: 1px solid #ddd;
	margin-bottom: 24px;
}

.pingback p {
	font-size: 12pt;
	color: #888;
}

.pingback a {
	font-size: inherit;
	font-style: oblique;
}

.comment-edit-link {
	color: inherit;
	text-decoration: none !important;
	border-bottom: 1px dotted #128725 !important;
}

img.avatar {
	position: absolute;
	left: 0px;
	top: 1px;
}

.comment-author {
	padding: 12px 0;
	font-family: 'Lucida Grande', sans-serif;
}

.comment-author cite {
	font-weight: bold;
	font-style: normal;
}

.comment-meta  {
	font-size: 10pt;
	float: right;
	top: -34px;
	position: relative;
	font-family: 'Lucida Grande', sans-serif;
}

.comment-meta a {
	color: black;
}

.commentlist .children li {
	border: none;
	margin: 0px;
}

.commentlist .children {
	list-style: none;
	margin: 0px;
}

.comment-body {
	padding: 0 12px;
	font-size: 14pt;
}

.reply {
	padding: 12px 0;
	font-family: 'Lucida Grande', sans-serif;
}

#comments .nocomments {
	color: #888;
}

/* Comment form */

#respond {
	font-family: 'Lucida Grande', sans-serif;
}

#respond .required {
	color: #FF4B33;
}

#respond label {
	color: black;
	font-size: 12pt;
	display: inline-block;
}

#respond textarea, #respond input[type=text] {
	width: 95%;
	font-size: 12pt;
	line-height: 24px;
	padding: 6px;
	border-radius: 4px;
	border: solid 1px #128725;
	margin: 0 10px;
}

.comment-notes {
	padding-bottom: 24px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	padding-top: 0 !important;
	padding-bottom: 10px !important;
	font-family: 'Lucida Grande', sans-serif;
}

.comment-form-comment {
	padding-bottom: 3px !important;
}

#respond textarea:focus, 
#respond input[type=text]:focus, 
#s:focus {
	border-color: black;
	background-color: #eee;
}

#respond .form-allowed-tags, #respond code {
	color: black;
	font-size: 10pt;
	padding-top: 0;
	padding-bottom: 0;
	font-family: 'Lucida Grande', sans-serif;
}

#respond .form-submit input, .post-content input[type="submit"] {
	font-size: 12pt;
	line-height: 24px;
	margin: 12px 0;
	padding: 12px 0;
}

/* Tags */
.the-tags a, .the-tags {
	color: black !important;
	font-size: 12pt;
}

.sticky .post-title {
	background: transparent url(images/post-formats/sticky.png) 0 9px no-repeat;
	padding-left: 30px;
}

.comment-wrapper {
	margin-bottom: -1px;
}

.bypostauthor > .comment-wrapper {
	background: #F3F3F3;
	margin-bottom: 24px;
	padding: 24px 16px 0 16px;
}

hr {
	border: none;
	height: 1px;
	background: #ddd;
	margin: 12px 10px;
}

/* Post Forms */
.format-gallery .post-title {
	background: transparent url(images/post-formats/image.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-chat .post-title {
	background: transparent url(images/post-formats/chat.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-link .post-title {
	background: transparent url(images/post-formats/link.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-image .post-title {
	background: transparent url(images/post-formats/image.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-quote .post-title {
	background: transparent url(images/post-formats/quote.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-status .post-title {
	background: transparent url(images/post-formats/status.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-video .post-title {
	background: transparent url(images/post-formats/video.png) 0 9px no-repeat;
	padding-left: 30px;
}

.format-audio .post-title {
	background: transparent url(images/post-formats/audio.png) 0 9px no-repeat;
	padding-left: 30px;
}



.codecolorer, .codecolorer *, .codecolorer-container, .codecolorer-container * {
	line-height: 24px !important;
}

.codecolorer-container {
	margin-bottom: 20px !important;
	margin-top: 15px !important;
}



@font-face {
	font-family: "Qlassik";
	src: url(fonts/Qlassik_TB.otf) format("opentype");
	font-weight: normal;
}

@font-face {
	font-family: "Qlassik";
	src: url(fonts/QlassikBold_TB.otf) format("opentype");
	font-weight: bold;
}