/*
Theme Name: KNaumann
Theme URI: http://www.xpdesign.de
Author: JMWD
Author URI: http://jmwd.info.ms
Description: Simple minimalist responsive two column theme with built in slider. HTML 5, CSS 3, and responsive technology.
Version: 1.0
Tags: light, white, two-columns, left-sidebar, flexible-width, microformats, custom-header, custom-menu, editor-style, featured-images, sticky-post, theme-options, threaded-comments
*/

/* CSS Reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    margin: 0;
    padding: 0
}

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
    display: block
}

a img {
    border: 0
}

figure {
    position: relative
}

figure img {
    width: 100%
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

.cufon-loading .replaced-selector {
    visibility: hidden;
}

#wrapper {
    width: 940px;
    margin: auto auto 10px auto;
    border-top-left-radius: 11px;
    -webkit-box-shadow: 0px 0px 12px 3px #333;
    box-shadow: 0px 0px 12px 3px #333;
    -moz-box-shadow: 0px 0px 12px #333;
    /* Firefox */
}

/* =============================================================================
   Global
   ========================================================================== */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    color: #000;
}

.entry-content li {
    list-style-image: url(images/quad_inv.png);
}


.entry-content td {
    padding-top: 0px;
    margin-top: 0px;
}

body {
    margin: 24px 0 0 0;
    background: #840E31;
    background-image: url(images/backstripe.png);
    background-position: 0px 208px;
    background-repeat: repeat-x;
}

::-moz-selection {
    background: #aaa;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #aaa;
    color: #fff;
    text-shadow: none;
}

.chromeframe {
    margin: 0.2em 0;
    background: #FF3300;
    color: #FFF;
    padding: 10px 0;
}

.chromeframe a {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
    color: #000;
    text-decoration: none;
}

#pltitle a {
    font-family: 'LibreSerifSSiBold';
    font-size: 14px;
    line-height: 2em;
    color: #000;
}

a:visited {
    color: #840E31;
}

a:hover {
    color: #100000;
}

a:focus {
    outline: thin;
}

a:hover,
a:active {
    outline: 0;
}

/* =============================================================================
   Headings
   ========================================================================== */
h1 {
    color: #840E31;
    font-family: 'LibreSemiSansBlackSSiRegular';
    font-size: 24px;
}

h2 {}

h3 {
    font-family: 'LibreSerifSSiBold';
    font-size: 14px;
    line-height: 2em;
    color: #000;
}

h4 {}

h5 {
    color: #DBA5B5;
    font-family: 'LibreSerifSSiItalic';
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 9px;

}

h1 {
    font-size: 20px;
    color: #840E310;
    margin: 10px 0;
}

h2 {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}

h3 {
    font-size: 13px;
    color: #333;
    padding: 0 0 7.5px 0;
    margin: 5px 0;
}

h4 {}


h6 {
    font-size: 11px;
    line-height: 200%;
}

em {
    font-family: 'LibreSerifSSi';
    font-size: 14px;
    font-style: italic;
    letter-spacing: 1px;
    color: #DBA5B5;
}

/* =============================================================================
   Typography
   ========================================================================== */
address {
    display: block;
    margin: 10px 0;
    font-style: normal;
    color: #666;
}

abbr[title] {
    border-bottom: 1px;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
    font-size: 14px;
    font-family: Georgia, serif;
    font-style: italic;
}

cite {
    color: #666;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-style: normal;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

p {
    padding: 0 0 20px 0;
    margin: 0;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   List
   ========================================================================== */
ul {
    list-style: square;
}

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

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

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 20px;
}

dl.gallery-item {
    margin: 0;
}

dt {
    color: #000;
}

dd {
    margin: 0 0 15px 10px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#category {
    color: #840E31;
    font-family: 'LibreSerifSSiItalic';
    font-size: 14px;
    letter-spacing: .05em;
    margin-bottom: 0px;
}

#excerpt {
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    color: #111;
    clear: right;
}

/* =============================================================================
   Form, button
   ========================================================================== */
form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
    border: 1px #c3c3c3;
    padding: 5px 3px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: middle;
    resize: vertical;
}

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}

/* =============================================================================
   Table
   ========================================================================== */
table {
    border-spacing: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.entry-content table {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

th,
td {
    width: 81%;
    color: #000;
}

td {
    vertical-align: middle;
    line-height: 18px;
}

th {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}

/* =============================================================================
   WordPress generated css
   ========================================================================== */
.page-link {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #AAA;
    letter-spacing: 5px;
    margin: 10px 0;
}

.page-link span {
    letter-spacing: 1px;
}

.wp-caption {
    max-width: 96%;
}

.wp-caption-text,
.gallery-caption {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #AAA;
    letter-spacing: 1px;
    margin: 0 5px 5px 5px;
    text-align: center;
}

.bypostauthor {}

.sticky {}

article.sticky .sticky-label {
    width: 82px;
    height: 83px;
    position: absolute;
    right: -5px;
    top: -5px;
    background: url(images/featured.png) no-repeat;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* =============================================================================
   Images
   ========================================================================== */
img {
    border: 0;
    -ms-interpolation-mode:
        bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

img.size-full,
img.size-large {
    max-width: 95.5%;
    height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
    border: 1px #DDDDDD;
    padding: 6px;
    margin: auto;
}

img.alignnone {
    margin: 0 6px 0 0;
}

img.alignright {
    display: inline;
    float: right;
    /* margin: 5px 0 15px 15px; */
}

img.alignleft {
    display: inline;
    float: left;
    margin: 5px 15px 15px 0;
}

img.aligncenter {
    clear: both;
    display: block;
    margin: 10px auto;
}

img.wp-post-image {
    border: 2px solid green;
    clear: right;
}

/* =============================================================================
   Theme Backbone
   ========================================================================== */
.container {
    padding-left: 0px;
    padding-right: 0px;
    /* -webkit-box-shadow: 0px 0px 15px 5px rgba(000, 000, 000, .5);
	box-shadow: 0px 0px 15px 5px rgba(000, 000, 000, .5); */
}

.row {
    width: 100%;
    max-width: 960px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

.rowheader {
    width: 100%;
    margin: 0 auto;
    max-width: 940px;
    min-width: 755px;
    min-height: 50px;

}

.column-sidebar,
.column-half {
    width: 190px;
    margin-bottom: 1%;
    margin-right: 1.8%;
    float: left;
    padding-left: 0px;
    background: #DBA5B5;
}

/* Content Textbereich */
.column-content {
    margin-right: 100px;
    float: right;
    min-height: 1px;
    background: white;
}

.row .column-sidebar {
    width: 191px;
    display: contents;
}

.row .column-half {
    width: 48%;
}

.row .column-content {
    width: 572px;
}

.row .column-full {
    width: 100%;
    float: left;
}

.nomargin {
    margin-right: 0px;
}

#backtotop {
    cursor: pointer;
    margin-left: 3px;
    padding-bottom: 2px;
    font-family: 'LibreSerifSSiItalic';
    color: #840E31;
    vertical-align: baseline;
    display: none;
}

#zsa {
    vertical-align: middle;
    white-space: nowrap;
}


#endline {
    border-bottom: 1px solid #840E31;
    width: 100%;
}

#cfel {
    border-bottom: 1px solid #840E31;
    width: 100%;
    margin-bottom: 12px;
}


/* =============================================================================
   Flexslider by Woothemes
   ========================================================================== */
.sliderarea {
    margin: 0 0 20px 0;
}

.flexcontainer {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 25px 0
}

/* =============================================================================
   Header area
   ========================================================================== */
.headerarea {
    position: relative;
    margin: 0px auto 0px auto;
    width: 940px;
    background: #DBA5B5;
    border-radius: 11px 0px 0px 0px;
    -webkit-border-top-left-radius: 11px;
    behavior: url(pie/PIE.htc);
    z-index: 1;
}

.headerarea h1 {
    font-size: 33px;

    margin: 0;
}

.headerarea h1 a {}

.headerarea h2 {
    font-size: 13px;
    color: #AAA;
}

.headerrow {
    position: relative;
    width: 100%;
    height: 136px;
    max-width: 940px;
    min-width: 755px;
    margin: 0 auto;
    z-index: -1;
}

.headergraphic {
    position: relative;
    width: 940px;
    bottom: 157px;
    padding: 0 0 0 0;
    z-index: -1;
    /* display: none; */
}

#picrow {
    width: 940px;
    height: 184px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #840E31;
}

#headerimage {
    width: 940px;
    height: 184px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    background: #840E31;
    position: relative;
}

#wheadline {
    position: relative;
    width: 677px;
    margin: -37px auto 0 191px;
    padding: 4px 0 6px 72px;
    background: #fff;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    z-index: -1;
    color: #888;
    border-top-left-radius: 11px;
    border-radius: 11px 0px 0px 0px;
    -webkit-border-top-left-radius: 11px;
    behavior: url(pie/PIE.htc);
}

#kn {
    font-family: 'LibreSemiSansBlackSSiRegular';
    font-size: 16px;
}


#maintopic {
    position: relative;
    width: 174px;
    margin: 0px 36px 20px auto;
    padding-top: 35px;
    line-height: 1.5em;
    text-align: right;
    font-family: 'LibreSerifSSiItalic';
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: uppercase;
    color: #840E31;
    z-index: 5;
}

#searchbox {
    position: relative;
    float: right;
    color: #aaa;
    margin: -2px 20px 0px 0;
    z-index: 500;
}

#searchbox input[type="text"] {
    position: relative;
    height: 12px;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    width: 76px;
    color: #aaa;
    letter-spacing: 1px;
    float: right;
    margin: 3px 70px 0px 0px;
    background: transparent;
    border-left: 2px solid white;
    z-index: 5;
    background: -moz-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 2%, rgba(238, 238, 238, 0.98) 41%, rgba(238, 238, 238, 0.22) 99%);
    outline: none;
}

#searchbox input[type="submit"] {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url("images/suchpfeil.png") no-repeat 0px 0px;
    text-indent: -9999px;
    border: none;
    padding-bottom: 8px;
    margin: 7px 0px 0px 122px;
    z-index: 5;
}

#s {
    width: 158px;
    margin: 0 24px 0 0;
}

#breadcrumbs {
    color: #888;
    margin-bottom: 24px;
}

label.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* =============================================================================
   Top menu area
   ========================================================================== */
.topmenuarea {
    margin: 0px 0 20px 0;
}

#topmenu {
    position: relative;
    margin: 0 0 0 43%;
    width: 55%;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    background: #DBA5B5;
    padding: 5px 5px 5px 5px;
    height: 25px;
    z-index: 4;
    background: transparent;
}

#topmenu ul {
    float: right;
}

#topmenu ul li {
    position: relative;
    display: inline;
    letter-spacing: 1px;
    margin: 0 10px 0 0;
    color: #fff;
}

#topmenu ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 0px;
    left: -5px;
    z-index: 99999;
    padding: 5px 0px 0 0px;
    margin: 14px 0 0 0px;
    background: #DBA5B5;
    border-top: none;
}

#topmenu ul ul ul {
    left: 100%;
    top: -20px;
    border: 1px #c1c1c1;

}

#topmenu ul ul li,
#topmenu ul ul ul li {
    min-width: 180px;
    margin: 0 14px 0 0;
    padding: 0;
    background: transparent;
    overflow: visible;
}

#topmenu u ul a {
    line-height: 1em;
    padding: .5em .5em .5em 1em;
    width: 10em;
    color: white;
    height: auto;
}

#topmenu ul a:active {
    color: #840E31;
}

#topmenu .current_page_parent a {
    color: #840E31;
}

#topmenu ul li a {
    position: relative;
    color: #333;
    text-align: left;
    z-index: 500;
}

#topmenu ul li a:hover {
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    color: #fff;
}

#topmenu ul li li a:before {
    content: '. ';
    color: #fff;
    z-index: 500;
    text-align: left;
}

#topmenu ul li li a {
    color: #fff !important;
    text-align: left;
    float: left;
    white-space: nowrap;
    margin-left: 6px;
    padding-left: 0px;
    width: 100px;
}

#topmenu ul li a:active {
    color: #840E31;
}

#topmenu ul li:hover>ul {
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    min-width: 200px;
    display: block;
    color: #fff;
    background: transparent;
    white-space: pre-line;
}

#topmenu ul ul a:hover {
    color: #fff;
}

#topmenu ul ul :hover>a {
    color: #fff;
}

#topmenu ul li.current_page_item a {
    color: #840E31 !important;
}

#topmenu select {
    display: none;
}

/* Topmenu Zwischensymbole */

li.menu-item {
    border-right: 1px solid #333;
    margin: 0 0 0 0;
    padding: 0 12px 0 5px;
}

li li.menu-item {
    border: none;
}

li.menu-item-2192,
li.menu-item-1818,
li.menu-item-1820,
li.menu-item-2213,
li.menu-item-2193,
li.menu-item-2206,
li.menu-item-2205 {
    border: none;
}


/* =============================================================================
   Content
   ========================================================================== */
.contentarea {
    width: 940px;
    margin: 0 auto 0 auto;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    background: white;
}

#content {
    margin: 5px 0;
    width: 640px;
    padding: 7% 40px 0 0;
}

.breadcrumb {
    position: relative;
    margin-top: -27px;
    font-family: 'LibreSerifSSiItalic';
    font-size: 14px;
    color: #aaa;
    letter-spacing: .1em;
    padding: 0px 0 50px 0;
}

.breadcrumb a {
    color: #aaa;
    letter-spacing: .1em;
}

.breadcrumb a:hover {
    color: #aaa;
    letter-spacing: .1em;
}

.breadcrumb .current span {
    color: #8fc73e;
    letter-spacing: .1em;
}

#art-bread {
    position: relative;
    margin-top: -27px;
    font-family: 'LibreSerifSSiItalic';
    font-size: 14px;
    color: #aaa;
    letter-spacing: 1px;
    padding: 0px 0 50px 0;
}

.content-box {
    width: 75%;
    padding: 1px;
    margin: 0;
    position: relative;
}

.entry-date {
    background: white;
    font-family: 'Conv_Libre_Semi_Sans_Black_SSi', Sans-Serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
    position: absolute;
    top: 10px;
    left: -6px;
    padding: 2.5px 40px 10px 7.5px;
    display: none;
}

.entry-title {
    margin: 2px 0 10px 0px;
    font-family: 'LibreSemiSansLightSSiLight';
    font-weight: bold;
    font-size: 24px;
    color: #840E31;
    text-transform: none;
    white-space: nowrap;
    word-spacing: .2em;

}

.entry-title a {
    margin: 2px 0 10px 0px;
    font-family: 'LibreSemiSansBlackSSiRegular';
    font-size: 24px;
    color: #840E31;
    text-transform: none;
}

#tline {
    border-bottom: 1px solid #840E31;
    display: inline-block;
}

.entry-content p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

}

}

.entry-author {
    float: left;
    margin: 12.5px 10px 10px 0;
    background: url(images/author.jpg) no-repeat left center;
    padding: 0 0 0 25px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
}

.entry-comments {
    float: left;
    margin: 12.5px 0 10px 0;
    background: url(images/comments.jpg) no-repeat left center;
    padding: 0 0 0 25px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
}

.entry-author a,
.entry-comments a {
    color: #AAA;
}

.entry-author a:hover,
.entry-comments a:hover {
    color: #aaa;
}

.more-link {
    width: 125px;
    display: block;
    background: #aaa;
    padding: 2.5px 15px;
    margin: 10px 0;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
}

.more-link :hover,
.more-link:visited {
    color: #FFF;
}

.cat-links,
.tag-links,
.edit-link {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
}

.content-box .post h3 {
    margin: 30px 0 10px 0;
}

.single footer.entry-meta {
    margin: 10px 0 0 0;
}

.single #content,
.archive #content,
.search #content {
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
}

.attachment #content {
    margin: 20px 0 0 5px;
}

.page .entry-title,
.error404 .entry-title,
.search-no-results .entry-title {
    margin: 0 0 20px 0;

}

.search-results .entry-title {
    margin: 0 0 10px 0px;
}

.socialshareboxsingle {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
    margin: 10px 0 0 0;
}

.socialshareboxsingle ul {
    list-style: none;
}

.socialshareboxsingle ul li {
    float: left;
    margin: 0 -10px;
}

.socialshareboxsingle ul li:first-child {
    margin: 0 -10px 0 -20px;
}

.attachment .socialshareboxsingle {
    margin: 20px 0 0 0;
}

.pagination {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
    margin: 0 0 0 5px;
}

.pagination span,
.pagination a {
    margin: 0px 5px;
}

.pagination .current {
    border-bottom: 2px solid #aaa;
}

#singlenav {
    margin: 10px 0 0 0;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.previousnav {
    float: left;
}

.nextnav {
    float: right;
}

hr.post-shadow {
    width: 100%;
    min-height: 30px;
    margin: 0 0 10px 0;
    border: none;
    background: url(images/post-shadow.jpg) no-repeat right bottom;
    display: none;
}

.error404 {}

.error404 .bigfont {
    font-family: 'Lato', sans-serif;
    font-size: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
    line-height: 40px;
    color: #FF2222;
}

.error404 .widget {
    margin: 20px 0 0 0;
}

#author-info {
    margin: 0 0 10px 0;
}

#author-avatar {
    float: left;
    margin: 0 10px 5px 0;
}

#author-avatar img {
    padding: 5px;
    border: 1px #DDD;
}

#author-link {
    color: #333;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.entry-meta {}

/* =============================================================================
   Comments
   ========================================================================== */
#comments {
    margin: 20px 0;
    display: none;
}

#comments ol {
    color: #333;
}

#comments ol li {
    margin: 0px 0;
}

.comment-author {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333;
}

.comment-author a {
    color: #333;
}

.comment-author a:hover {
    color: #aaa;
}

.comment-content {
    color: #888;
}

.comment-meta {
    color: #CCC;
}

ul.children {
    list-style: none;
    background: transparent;
}

ul.children li {
    padding: 0px 5px 0px 10px;
}

#respond {
    margin: 20px 0;
}

#respond p {}

#respond label {
    margin: 5px 10px 5px 0;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #AAA;
}

#respond textarea {
    border: 1px #C3C3C3;
}

#respond .comment-form-author input[type="text"] {
    margin: 0 0 0 17px;
}

#respond .comment-form-email input[type="text"] {
    margin: 0 0 0 16px;
}

#respond .comment-form-url input[type="text"] {
    margin: 0 0 0 12px;
}

/* =============================================================================
   Attachment image
   ========================================================================== */
.attachment-image,
.entry-attachment .aligncenter {
    text-align: center;
}

.entry-attachment .attachment-attachment-large {
    width: 900px;
}

.attachment-thumbnail-bottom {
    width: 98%;
    margin: 0 auto;
    text-align: center;
}

.attachment-thumbnail-bottom img {
    width: 80px;
    margin: 2.5px 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
}

.attachment-thumbnail-bottom img:hover {
    opacity: 1;
}

.attachment .content-box {
    width: 97%;
}


/* =============================================================================
   Sidebar and widget
   ========================================================================== */
.widget {}

.widget ul {
    padding: 0;
    margin: 0 0 0 0;
}

.widget ul li {
    width: 173px;
    margin: 0 0 0 0;
    padding: 0px 18px 0 0;
    background: #DBA5B5;
    text-align: right;
}

.widget ul li a {
    font-family: 'LibreSerifSSiRegular';
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
}

.widget ul li a:hover {
    font-size: 16px;
    color: #aaa;
}

#multilingual_text_widget-2 {
    padding: 18px 0 0 0;
}


#leftside {
    width: 173px;
    margin: 0 0 0 0;
    padding: 10px 18px 0 0;
    background: #DBA5B5;
    text-align: right;
}

#leftside a {
    font-family: 'LibreSerifSSiRegular';
    font-style: italic;
    letter-spacing: 3px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    list-style-type: none;
}

#leftside a:hover {
    font-size: 16px;
    color: #840E31;
}


/* =============================================================================
   xLanguage
   ========================================================================== */

.language_item {
    list-style-type: none;
    line-height: 24px;
}

.current-lang {
    font-family: 'LibreSerifSSiRegular';
    font-style: italic;
    letter-spacing: 3px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

.current-lang:after {
    position: absolute;
    content: url(images/quad.png);
    margin-left: 10px;
    padding-left: 1px;
    margin-top: 1px;
}

#quad {
    padding-left: 12px;
}

#row1 {
    width: 90px;
    float: right;
    font-family: 'LibreSemiSansLightSSiLight';
    font-size: 10px;
    line-height: 1em;
    color: #B4B4B4;
    text-align: center;
}

#row1-article {
    width: 90px;
    float: right;
    font-family: 'LibreSemiSansLightSSiLight';
    line-height: 1em;
    font-size: 10px;
    color: #B4B4B4;
    text-align: center;
}

.multilingual_text {
    display: none;
}


.attachment-50x50 {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 0 0 50px;
    float: right;
}

.footerarea .widget {}

.footerarea .widget ul {
    padding: 0 0 0 20px;
}

.footerarea .widget ul li {
    color: #EEE;
    border: none;
    list-style: square;
    padding: 2px 0;
}

.footerarea .widget a {
    color: #EEE;
    border-bottom: 1px #fff;
}

.footerarea .widget a:hover {
    color: #fff;
    border-bottom: 1px solid #FFF;
}

.widget-title {
    display: none;
}


.eror404 .widgettitle {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: url(images/dot-border.jpg) repeat-x bottom;
    padding: 7.5px 0;
    margin: 7.5px 0;
    color: #333;
}

.footerarea .widget_recentpost_widget ul {
    padding: 0;
}

.footerarea .widget_recentpost_widget ul li {
    list-style: none;
}

.footerarea .widget-title {
    background: none;
    border-bottom: 1px #DDD;
    padding: 7.5px 0;
    color: #FFF;
}

/* =============================================================================
   Footer
   ========================================================================== */
.footerarea {
    background: #CE274E;
    color: #fff;
    padding: 10px 20px 0 0;
}

/* =============================================================================
   Copyright
   ========================================================================== */
.copyrightarea {
    width: 934px;
    margin: 0 auto 0px 263px;
    padding: 7px 0 7px 7px;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    color: #fff;
    background: #840E31;
    white-space: nowrap;
}

.copyrightarea a {
    color: #DDD;
}

.copyrightarea a:hover {
    color: #fff;
}

#copy {
    font-family: serif;
    font-size: 14px;
    line-height: 12px;
    color: #fff;
}

/* ============= Responsive CSS ============= */
@media only screen and (min-width: 240px) and (max-width: 768px) {

    /* Theme Backbone */
    .row,
    body,
    .container {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row .column-sidebar,
    .row .column-half,
    .row .column-full {
        width: 190px;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row .column-content {
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Searchbox */
    #searchbox {
        float: right;
    }

    /* Top Menu */
    #topmenu {
        position: relative;
        padding: 5px 20px 5px 20px;
        z-index: 5;
        font-size: 18px;
        display: flex;
    }

    li.menu-item {
        border-right: none;
        margin: 0 0 0 0;
        padding: 5px;
    }

    #topmenu ul li {
    	margin: 0;
    }

    /* Footer widget */
    .footerarea {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 240px) and (max-width: 480px) {

    #topmenu ul {
        display: inline-block;
    }

    #topmenu select {
        display: block;
        padding: 10px 0 10px 0;
        background: #FFF;
        border: none;
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
        height: 25px;
    }

    #topmenu option {
        border: none;
    }
}

/* =============================================================================
   Help class
   ========================================================================== */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* =============================================================================
   Print CSS
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        /* text-shadow: none !important;  */
        filter: none !important;
        -ms-filter: none !important;
    }

    a,
    a:visited {
        border-bottom: 1px #000;
        padding: 0 0 2px 0;
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre {}

    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: none;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Make sense */
    .row,
    .rowheader,
    body,
    .container {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row .column-sidebar,
    .row .column-half,
    .row .column-content,
    .row .column-full {
        width: 190px;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Hide this */
    #searchbox,
    .topmenuarea,
    .sliderarea,
    .footerarea,
    .widget,
    .pagination {
        display: none;
    }

    /* Edit style */
    .content-box {
        border: none;
    }

    .entry-date {
        position: relative;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        font-family: 'Verdana', sans-serif;
        letter-spacing: 1px;
        text-transform: capitalize;
        font-size: 11px;
    }

    a[rel=bookmark]:after {
        content: " ("attr(href) ")";
    }

    a[rel=bookmark] {
        border: none;
    }

    .entry-title {
        margin: 10px 0 0 0;
        padding: 0;
        color: #840E31;
    }

    .entry-title a {
        border: none;
        color: #840E31;
    }

    .entry-author,
    .entry-author {
        padding: 0;
    }
}

/* =============================================================================
   Contact Form 7
   ========================================================================== */

.wpcf7-submit {
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    width: 72px;
    height: 27px;
}

.wpcf7-form input {
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
    border: 1px solid #888;
}

.wpcf7-form textarea {
    border: 1px solid #888;
    width: 68%;
}

.wpcf7-form p {
    color: #888;
    font-family: 'LibreSerifSSiRegular';
    font-size: 14px;
}

/* =============================================================================
   Fonts 
   ========================================================================== */

@font-face {
    font-family: 'LibreSerifSSiRegular';
    src: url('fonts/libre_serif_ssi-webfont.eot');
    src: url('fonts/libre_serif_ssi-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/libre_serif_ssi-webfont.woff') format('woff'),
        url('fonts/libre_serif_ssi-webfont.ttf') format('truetype'),
        url('fonts/libre_serif_ssi-webfont.svg#LibreSerifSSiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}


@font-face {
    font-family: 'LibreSerifSSiItalic';
    src: url('fonts/libre_serif_ssi_italic-webfont-webfont.eot');
    src: url('fonts/libre_serif_ssi_italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/libre_serif_ssi_italic-webfont-webfont.woff') format('woff'),
        url('fonts/libre_serif_ssi_italic-webfont-webfont.ttf') format('truetype'),
        url('fonts/libre_serif_ssi_italic-webfont-webfont.svg#LibreSerifSSiItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LibreSerifSSiBold';
    src: url('fonts/libre_serif_ssi_bold-webfont-webfont.eot');
    src: url('fonts/libre_serif_ssi_bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/libre_serif_ssi_bold-webfont-webfont.woff') format('woff'),
        url('fonts/libre_serif_ssi_bold-webfont-webfont.ttf') format('truetype'),
        url('fonts/libre_serif_ssi_bold-webfont-webfont.svg#LibreSerifSSiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'LibreSemiSansBlackSSiRegular';
    src: url('fonts/libre_semi_sans_black_ssi-webfont-webfont.eot');
    src: url('fonts/libre_semi_sans_black_ssi-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/libre_semi_sans_black_ssi-webfont-webfont.woff') format('woff'),
        url('fonts/libre_semi_sans_black_ssi-webfont-webfont.ttf') format('truetype'),
        url('fonts/libre_semi_sans_black_ssi-webfont-webfont.svg#LibreSemiSansBlackSSiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'LibreSemiSansLightSSiLight';
    src: url('fonts/libre_semi_sans_light_ssi-webfont-webfont.eot');
    src: url('fonts/libre_semi_sans_light_ssi-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/libre_semi_sans_light_ssi-webfont-webfont.woff') format('woff'),
        url('fonts/libre_semi_sans_light_ssi-webfont-webfont.ttf') format('truetype'),
        url('fonts/libre_semi_sans_light_ssi-webfont-webfont.svg#LibreSemiSansLightSSiLight') format('svg');
    font-weight: normal;
    font-style: normal;
}