/*
Theme Name: Lenora
Theme URI: http://lenora.pixxels.at
Description: lenora is a clean two-column blog theme by pixxels.at. To customize the theme you can choose your own link-color, header-image, favicon and background. Lenora is ready to translate and is available in English and German.

Author: Marion Lindert
Author URI: http://www.pixxels.at
Version: 1.0.1

Tags: blue, light, white, black, custom-colors, custom-background, two-columns, right-sidebar, threaded-comments, custom-menu, sticky-post, translation-ready, fixed-width, featured-images

License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Google Fonts Import
--------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic); /*h*/

@import url(http://fonts.googleapis.com/css?family=EB+Garamond); /*p*/

@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo); /*description*/


/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:#333;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** -- GENERAL STRUCTURE -- **/

body {
	font-family: 'EB Garamond', sans-serif;
	color: #333;
	font-size: 1.0em;
	line-height:1.8em;
	letter-spacing: 0.0em;	
	background-color:#CCC;
}
#page {
	max-width: 960px;
	background-color:#FFF;
	z-index: 0;
	margin: 0 auto 0 auto;
	padding: 0;	
}
#main {
	max-width: 960px;	
	margin-left: 10px;
	margin-right: 10px;	
	overflow: hidden;
}

#wrapper {
	overflow: hidden;
	width:100%;
}
#container {
	width:100%;
}
#content {
	width:560px;
	float:left;
}
/* full-width-page*/
.mainpage .full-width #content, .full-width #content  {
	width:99%;	
}
#secondary {
	width: 320px; 
	float: right;
	overflow:hidden;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img {
	max-width: 100%;
	height: auto;
}

/** -- STYLES -- **/

#content h1 {
	font: bold 1.6em/1.6 serif;
	padding: 1.8em 0 0.6em;
	color:#333;
}
#content h2 {
	font: bold 1.4em/1.4 serif;
	padding: 1.5em 0 0.5em;
	color:#333;
}
#content h3 {
	font: bold 1.2em/1.4 serif;
	padding: 1.2em 0 0.3em;
	color:#333;
}
#content h4 {
	font: bold 1.1em/1.4 serif;
	padding: 1.2em 0 0.3em;	
	color:#333;	
}
#content h5 {
	font: bold 1em/1.3 serif;
}
#content h6 {
	font: bold .9em/1.3 serif;
}
p, .textwidget {
	line-height: 1.5;
	padding-bottom: 0.8em;
	color:#333;
} 
blockquote {
	background-color: #E9E9E9;
	font-style: italic;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#content address {
	padding: 0 0 2em 0;
	font-style: italic;
}
#content abbr, acronym {
	border-bottom: .1em dotted;
}
#content pre, code, tt, kbd {
	font-size: 1.1em;
}
#content img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content img.aligncenter {
	margin: 1em auto;
}
#content img.alignleft ,#content .wp-caption.alignleft {
	margin: 1em 1em 0 0;
}
#content img.alignright,#content .wp-caption.alignright {
	margin: 1em 0 0 2em;
}
#content img.alignnone {
	margin: 0;
}
img.attachment-thumbnail, img.wp-post-image, img.attachment-medium, img.attachment-large, img.attachment-full{
	margin-right:1em !important;
	padding-top:0.5em !important;
}
#content .wp-caption.alignnone {
	margin: 0 0 1em;
}
#content .wp-caption {
	max-width: 100%;
}
#content p.wp-caption-text, .entry-caption p  {
	font-size:0.8em;
}
#content object, #content embed, #content iframe {
	max-width: 100%;
}
.page-link {
	clear:both;	
	color:#333;
	font-family: 'Didact Gothic', sans-serif;
	font-size:0.9em;
}

.page-link a{  
	color:#333!important;
	padding: 0.3em 0.5em 0.3em; 
	background-color:#EEE!important;
	font-family: 'Didact Gothic', sans-serif;
	border: 1px solid #CCC;	
		
}
.page-link a:hover{  

}
strong {
	font-weight:bold;
}

/** -- Links -- **/
a, a:link, a:visited {
	color: #999;
	text-decoration: none;
} 
a:hover, a:active {
	color: #3399CC;
	text-decoration: underline;
}

/** -- Navigations -- **/
#branding #main-menu {
	margin-right: 0em;
	margin-top: 0.9em;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;	
}

#branding #main-menu ul li {
	float: left;
	list-style: none;
	position: relative;
	margin-left:0.8em;
}
#branding #main-menu ul li a {
	display: block;
	font-size: 1.1em;
	color:#999!important;
	margin-bottom: 0.4em;
	padding-top: 0.2em;
	padding-right: 0.4em;	
	padding-left:0;
}

#branding #main-menu ul li a:hover {
	color:#000!important;
	text-decoration: none;
}
#branding #main-menu ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	z-index: 500;
	border:1px #CCC solid;
}
#branding #main-menu ul li ul li{
  background:rgba(240,240,240,.85);	
}

#branding #main-menu ul ul li a {
	font-size: 0.9em;	
	color:#000!important;
	width: 9em;
	height: auto;
	text-transform: none;
	padding:0.2em 0 0.2em 0.2em;
	border: none;
	margin: 0em;
}

#branding #main-menu ul li:hover > ul {
	display: block;
}
#branding #main-menu ul ul a:hover {
	color:#3399CC!important;
	background-color: #FFF!important;
}

#branding #main-menu ul li:first-child, #branding #main-menu ul li ul li{
	margin-left: 0em;
}


/** -- Copyright -- **/
#copyright {
	margin-top:1em;
	margin-left:1em;
}
#copyright p, #copyright a, #copyright a:link {
	color:#CCC!important;
	line-height:0.8;
}
#copyright p {
	font-size:0.8em;	
}

/** -- Lists -- **/
#content .post ul, #content .page ul, .comment-body ul  {
	padding:0.5em 0 0.5em 2em; 
	line-height: 1.3;
}
#content .post ul li, #content .page ul li, .comment-body ul li {
	padding:0;
	list-style: disc!important;
}
#content .post ol, #content .page ol, .comment-body ol  {
	padding:0.5em 0 0.5em 2em ;
	line-height: 1.3;
}
#content .post ol li, #content .page ol li, .comment-body ol li {
	padding:0;
	list-style: decimal!important;
}
#content .post ol ol li, #content .page ol ol li,  .comment-body ol ol li {
	list-style: lower-latin!important;
}
#content .post ol ol ol li, #content .page ol ol ol li, .comment-body ol ol ol li {
	list-style: decimal!important;
}
#content dl {
	margin:0 ;
	padding: 0;
}
#content dt {
	font-weight: bold;
	margin: 0;
	padding-top: 1em;
}
#content dd {
	margin: 0;
	padding-bottom: 1em;
	padding-left: 3em;
}

/** -- HEADER -- **/

/** -- Blog-Title -- **/

#blog-title {
	margin-top:0.5em;
}
#site-title{
	margin: 0;
	font-size: 2em;
	line-height:1.2;
	font-weight: bold;
}
#site-title a, #site-title a:link{
	color:#000!important;
	font-family: 'Didact Gothic', sans-serif;	
}
#site-title a:hover {
	text-decoration:none;
	color:#999!important;
}
#site-description {
	font-size: 1.1em;
	color: #999;
	margin: 0.5em 0 0 0;
	font-family: 'Swanky and Moo Moo', cursive;
}
#content h1.page-title, #content h1.page-title span{
	margin: 0;
	line-height:1.2;
	font-weight: bold;
	font-family: 'Didact Gothic', sans-serif;		
}
.page-header {
	margin-bottom:2em;
}

/** -- Article-Headers -- **/
.entry-wrap{
	padding:0;
}
.entry-header {
	padding-bottom: 0em;
	margin-bottom:2em;
	margin-top:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}
#content .entry-header h1, .entry-header h1 a, .entry-header h1 a:link, .entry-header h1 a:visited {
	color:#999!important;
	padding-top:0;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: normal;
	text-transform: uppercase;
}
.entry-header h1 a:hover, .entry-header h1 a:active {
	text-decoration:underline;
}
.entry-header p {
	font: bold 0.8em/0.8 sans-serif;
	color:#999;
	margin-top:-1em;
	font-weight: normal;	
}

/** -- POSTS -- **/

#content .post {
	overflow: hidden;
	clear: both;
	padding-bottom: 0.9em;
}
#content .entry-content {
	padding-bottom: 2em;
	margin-bottom: 1.5em;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;		
}
#content .entry-meta {
	margin-bottom:1.0em;
	font-family: 'Didact Gothic', sans-serif;
	border-bottom:1px #CCC solid;
	padding-bottom:1em;		
}
#content .entry-meta p{
	font-size: 0.8em;
	color:#999;
}
#content .entry-meta p:first-child {
	padding: 0.2em 0 0;
}
#content .entry-meta a, #content .entry-meta a:link, #content .entry-meta a:visited {
	text-decoration:none;
	color:#999!important;
}
#content .entry-meta a:hover, #content .entry-meta a:active {
	text-decoration:underline;
}
#content .sticky {
}

.more-link {
	text-transform:uppercase;
	font-family: 'Didact Gothic', sans-serif;	
}

#content table {
	margin:1em 0em 3em 0em;
}
#content table tr {
	border-bottom:1px solid #333;
}
#content table tr th {
	padding: 1em 2em 1em 2em;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	font-weight:bold;
}
#content table tr td {
	padding: 1em 2em 1em 2em;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

/** -- CLEARING FLOATS -- **/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	visibility:hidden;
	width:0;
	height:0
}

/** -- SIDEBAR -- **/

aside.widget {
	padding-top: 0.7em;
	padding-bottom: 2em;
	word-wrap: break-word;
	color: #333;		
}
aside.widget ul{
}
aside.widget ul li {
	padding: 0em;
}
aside.widget li li{
	padding-left: 1em;
}
.widget h3.widget-title {
	color: #999!important;
	text-transform: uppercase;
	font-size:1.8em;
	margin-bottom:0.5em;
	padding-bottom:0.1em;	
	font-family: 'Didact Gothic', sans-serif;	
	border-bottom:1px solid #CCC;		
}

.widget li a, .widget li a:link, .widget li a:visited, .tagcloud a {
	color: #333!important;	
	text-decoration:none;
}
.widget li a:hover, .widget li a:active, .tagcloud a:hover {
	color:#3399CC!important;
	text-decoration: underline;
}

/**-- nav below, nav-posts --**/

#content #nav-below .nav-previous, #nav-below .nav-next, #nav-posts .nav-previous, #nav-posts .nav-next {
	float:left;
	margin-bottom:1em;
}
#content #nav-below .nav-previous a, #content #nav-below .nav-next a, #nav-posts .nav-previous a, #nav-posts .nav-next a{ 
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:normal;
	color:#333!important;
	padding: 0.3em 0.5em 0.3em;
	background:#EEE!important;
	text-transform: uppercase;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.1em;
	border: 1px solid #CCC;	
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #nav-below .nav-previous a:focus, #content #nav-below .nav-next a:focus, #content #nav-below .nav-previous a:active, #content #nav-below .nav-next a:active,  #nav-posts .nav-previous a:hover, #nav-posts .nav-next a:hover, #nav-posts .nav-previous a:focus, #nav-posts .nav-next a:focus, #nav-posts .nav-previous a:active, #nav-posts .nav-next a:active {
	background-color: #3399CC;
	color:#FFF!important;
	text-decoration:none;
}
#content #nav-below .nav-previous { 
	margin-right: 1em;
}

/** -- Search -- **/

.search {
	padding: 0 0 1em;
}
#search_form {
	width: 90%;
	margin: 0;
	padding: 0;
	text-align:left;
	overflow: hidden;
}

#search_form #s {
	padding: 0.4em 1em 0.4em 0;
	font-size: 1em;
	width:10em;
    outline: none;  
    border: 1px solid #999;
	background-color:transparent; 
}
#search_form #s:hover, #search_form #s:active, #search_form #s:focus, #search_form .search_input:hover, #search_form .search_input:focus, #search_form .search_input:active {
	background-color:#FFF!important;;
}
#search_submit {
	width:8em;	
	display: inline;
	text-align: center;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:normal;
	color:#333!important;
	padding: 0.3em 0.5em 0.3em;
	background:#EEE!important;
	text-transform: uppercase;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.1em;
	border: 1px solid #CCC;				
}
#search_submit:hover {
	color: #FFF!important;
	background-color: #3399CC;
}
.widget_calendar #calendar_wrap {
	padding: 0.3em 0em 0.3em 0;
}
.widget_calendar #wp-calendar caption {
	text-align:left;
	margin-bottom: 0.5em;
	color:#999;	
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
	padding: 0 0.5em 0 0.5em;
	background-color:#EEE;
}
.widget_calendar table#wp-calendar tbody tr td#today {
	font-style: italic;
}
.widget_calendar table#wp-calendar tbody tr td a{
	font-weight: bold;
}
.tagcloud {
	padding: 0.3em 0em 0.3em 0em;
}

/** -- GALLERY -- **/

#content .gallery dl{
  float:left;
  position:relative; 
  margin:0;
  padding:0;
  opacity: 1;
  -moz-opacity: 1;
  filter: 0;
}
#content .gallery dl:hover{
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: 0;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;  
}
#content .gallery dt {
  margin:0;
  padding:0;
  margin-right:0.1em;
  padding-right:-0.5em;
  padding-left:-0.5em;
}
#content .gallery dd {
 position:absolute; 
  background:rgba(15,15,15,.65);
  overflow:hidden;
  left:0em;
  bottom:1em;
  padding: 0;
  color:#fff;
}
#content .gallery .gallery-caption {
  padding-left:0.5em;
  margin-right:2em;
  padding-right:0.5em;
  line-height:1.1;
}

/** -- COMMENTS -- **/
#comments {
	margin-top:1em;
}
#comments #comments-title {
	text-transform: uppercase;
	font-size:1.4em;
	font-family: 'Didact Gothic', sans-serif;	
}
#comments .comment-meta {
	font-size: 0.8em;
	margin-bottom:0.5em;	
	color:#CCC!important;
}
#comments .comment-author, #comments .comment-author a, #comments .comment-author a:link{
	margin-bottom:0;	
	padding-bottom:0;
	color:#333!important;
	font-style:normal;
	line-height:0.8;
	font-family: 'Didact Gothic', sans-serif;		
}
#comments .bypostauthor {
}
#comments .bypostauthor .comment-author{
 	background:#EEE;
	padding: 0.5em!important;
}
#comments .comment-awaiting-moderation {
	color: #E00;
}
#comments ol.commentlist {
	font-size:1em;
}
.reply {
	margin-bottom:4em;
}
.reply a, .reply a:link, .reply a:visited {
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:normal;
	color:#333!important;
	padding: 0.3em 0.5em 0.3em;
	background:#EEE!important;
	text-transform: uppercase;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.1em;
	border: 1px solid #CCC;
}
.reply a:hover, .reply a:focus, .reply a:active {
	background: #3399CC;
	color:#FFF!important;
	text-decoration:none;
}
#comments li{
	list-style:none;
}
#content #comments ol li ul.children {
	padding:0em;
}
#content #comments ol li.depth-1 {
	padding:0em;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0 0 0em 2em;
	padding:0em;
	border-bottom:none;
}
#comments #comment-nav-above, #comments #comment-nav-below {
	margin-bottom:2em;
}
#comments .nav-previous a, #comments .nav-next a {
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:normal;
	color:#333!important;
	padding:0.2em 0.8em;
	background:#EEE!important;
	text-transform: uppercase;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.1em;
	border: 1px solid #CCC;	

}
#comments .nav-previous a:hover, #comments .nav-next a:hover, #comments .nav-next a:focus, #comments .nav-previous a:focus, #comments .nav-previous a:active, #comments .nav-next a:active {
	background-color: #3399CC;
	color:#FFF!important;
	text-decoration:none;
}

#comments .nocomments {
	padding-top:1em;
}

/** -- comment reply -- **/

#comments #respond {
	margin-top:1em;
}
#content #comments #respond h3#reply-title {
	margin:0;
	padding:0;	
	text-transform: uppercase;
	font-size:1.4em;
	font-family: 'Didact Gothic', sans-serif;	
}
#commentform {
	font-size: 0.9em;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
	padding:1.5em 0 0;
}
input#submit {
	text-transform:uppercase;
	font-size:1.2 em;
	font-weight:normal;
	color:#333!important;
	padding: 0.3em 0.5em 0.3em;
	background:#EEE!important;
	text-transform: uppercase;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.1em;
	border: 1px solid #CCC;		

}
input#submit:hover {
	background-color:#3399CC;!important;
	color:#FFF!important;
	border: 1px solid #CCC;		
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	margin: 0;
	padding: 0.5em;
	display: block;
	font-size:1em;
	color:#999;
}
form#commentform textarea#comment {
	margin: 0.5em 0 0;
	padding: 0.5em;
	display: block;	
	font-family: Arial, sans-serif;
	font-size: 1em;	
	width:30em;
	color:#999;	
}


/* SHORTCODES
--------------------------------------------- */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth {
    float:left;
    margin-bottom:1em;
    margin-right:3%;
    position:relative;
}

.one_half {
	width:48%;
}
.one_third {
	width:31%;
}
.one_fourth {
	width:22%;
}
.two_third {
	width:65%;
}
.three_fourth {
	width:72%; 
}

.last{
	clear:right;
	margin-right:0 !important;
}

#content span.highlight {
	padding: 0.1em;
	background-color: #fbffcc;
}
.white-box, .blue-box, .yellow-box, .orange-box, .red-box, .pink-box, .green-box, .grey-box, .brown-box {
	margin: 0.5em 0;
	padding: 0.5em;
	overflow:hidden;
}
.white-box {
	background:#fff;
	border: 1px solid #CCC;
}
.blue-box {
	background: #d4e9ef;
	border: 1px solid #6fb0be;
}
.yellow-box {
	background: #fbffcc;
	border: 1px solid #dfce0b;
}
.orange-box {
	background: #fbeed7;
	border: 1px solid #f5ae31;
}
.red-box {
	background: #fbded7;
	border: 1px solid #ea5d37;
}
.pink-box {
	background: #ffbef8;
	border: 1px solid #f038dd;
}
.green-box {
	background: #d7f2dc;
	border: 1px solid #5bc984;
}
.brown-box {
	background: #dbd2c4;
	border: 1px solid #82683f;
}
.grey-box {
	background: #EEE;
	border: 1px solid #999;
}