/*
Theme Name: Twenty Eleven And Three Quarters
//Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Bert Van Dooren
Author URI: http://www.bermione.be
Description: The 2011 theme for WordPress, but adjusted.
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* honey */
.emaillink {
   display: none;
}

/* Colours */
body, .row {
   background-color: #111111;
   color: #eeeeee;
   line-height: 1.34;
}

body {
   font-size: 14pt;
}

#site-title {
   font-family: 'Revalia', candara, cursive;
}

.page-header {
   margin: 1em;
}

#page article {
   background-color: #222222;
   margin: auto;
}

#branding h1, #branding h1 a {
   color: #ffffff;
}

#branding h2 {
   color: #aaaaaa;
}

footer.entry-meta {
   background-color: black;
}

.entry-meta {
   font-size: 0.8em;
}

#secondary {
   background-color: #111111;
}



.sticky {
   -moz-border-radius: .5em;
   border-radius: .5em;
   border-width: 3px;
   border-style: solid;
   margin: 1em !important;
}

.sticky footer {
   display: none !important;
}

.current_page_item {
   font-weight: bold;
}

.socialmedia {
   overflow: hidden;
   margin: 1em 0;
}

.flickr-frame-left {
   float: left;
   margin-right: 0.5em;
}

flickr-frame-right {
   float: right;
   margin-left: 0.5em;
}

.flickr-frame-left, .flickr-frame-right {
   text-align: center;
   margin-top: 0.5em;
}

.entry-content li,
.entry-summary li {
   margin-left: 2em !important;
   margin-bottom: 0.6em !important;
}

.youtube_sc {
   margin: 2em auto;
}

.youtube_sc.fluid.widescreen {
   padding-bottom: 56.25% !important;
}

/*h3 { margin-top: 1.6em !important; }*/

pre {
   font-size: 0.8em;
   overflow: auto;
   border: 2px dotted gray !important;
   padding: 1em !important;
   margin: .5em !important;
}

header .featured {
   text-align: center;
}

.entry-summary .featured {
   float: left;
   margin: 5px 5px 5px 0;
}

img.alignleft {
   float: left;
   margin: 8px 8px 8px 0;
}

img.alignright {
   float: right;
   margin: 8px 0 8px 8px;
}

img.portfolio {
   height: 206px;
   width: 206px;
   background-size: cover;
   display: none;
   background-position: 50% 25%;
   margin: 2px 3px 3px 2px;
   position: absolute;
}

img.portfolio:after {
   border: 1px solid rgba(0, 0, 0, 0.1);
   content: '';

   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.category .page-header {
   margin-top: 0;
   margin-bottom: 0;
}

.category-archive-title,
.category-archive-meta {
   width: 100%;
   display: inline-block;
   text-align: center;
   padding: 0.3em;
   z-index: 9;
}

ul.subcategories {
   width: 100%;
   text-align: center;
}

/* subcategory button */
.subcategories li.cat-item {
   position: relative;
   display: inline-block;
   width: 8em;
   height: 2em;
   line-height: 2em;
   border-radius: 0.1em;
   font-size: 0.9em;
   background-color: #333333;
   text-align: center;
   text-transform: lowercase;
   font-variant: all-small-caps;
}

.subcategories li.cat-item.current-cat {
   font-weight: bold;
   background-color: #222222;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   top: 0.2em;
   border: 0.2em solid #222222;
}

.subcategories li.cat-item a {
   width: 100%;
   display: inline-block;
   color: #ffffff;
}

.subcategories li.cat-item.raised {
   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   transition-delay: 0.2s;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.subcategories li.cat-item.raised:active {
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
   transition-delay: 0s;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
   font-family: Raleway, Candara, 'Trebuchet MS', Arial, Helvetica, sans-serif;
   background-image: url(http://www.bermione.be/wp/wp-content/themes/black-piano/img/back1.gif);
   background-attachment: fixed;
}

a {
   text-decoration: none;
}

.entry-utility-prep-tag-links {
   /* display: none; */
}

/* navigation */

.assistive-text {
   display: none;
}

/*@media only screen and (min-width: 768px) {*/
   #access li a {
      color: white;
      border-bottom-color: black;
   }

   #access {
      padding-left: 1.5em;
   }

   #access ul {
      list-style: none;
      margin: 0 0 0 0;
      padding-left: 0;
   }

   #access li a {
      float: left;
      position: relative;
      padding: 1em;
      font-size: 0.9em;
   }

   #access li.current_page_item a {
      border-color: white;
   }

   #access li:hover a, #access li a {
      border-bottom-width: 2px;
      border-bottom-style: solid;
   }

/*}*/

#content article {
   padding-bottom: 2em;
}

.clearfix {
   display: block;
   overflow: hidden;
}

/* .tag-links, .comments-link {
    padding-left: 25px;
    background-position-y: .3em;
}
.tag-links {
    overflow:hidden;
    padding-right: 1em;
    background-image: url(http://www.bermione.be/wp/wp-content/themes/black-piano/img/tag-icon.gif);
    background-repeat: no-repeat;
}
*/
.comments-link {
   float: right;
   margin: 0 1em;
   white-space: nowrap;
   /* background-image: url(http://www.bermione.be/wp/wp-content/themes/black-piano/img/write-comment.gif);
   background-repeat: no-repeat; */
}

.entry-content,
.entry-summary {
   margin: 1em 2em;
   text-align: justify;
   clear: both;
   overflow: hidden;
}

footer.entry-meta {
   margin: 0 2em 0em 0;
   padding: .5em .5em .5em 2em;
   display: block;
   -moz-border-top-right-radius: 1em;
   border-top-right-radius: 1em;
   -moz-border-bottom-right-radius: 1em;
   border-bottom-right-radius: 1em;
}

#page {
   background-image: url(http://www.bermione.be/wp/wp-content/themes/black-piano/img/back2.png);
   background-repeat: no-repeat;
   background-position: top center;
}

#cover {
   background-image: url(images/top.png);
   background-size: 100% 100%;
   overflow: hidden;
}

#page p, #page aside {
   padding-bottom: 0.7em;
}

#branding {
   -moz-border-top-left-radius: .5em;
   border-top-left-radius: .5em;
   -moz-border-top-right-radius: .5em;
   border-top-right-radius: .5em;
   background-image: url(http://test.bermione.be/wp/wp-content/themes/twentyeleven/images/headers/shore.jpg);
   background-size: 100% auto;
   background-position: 50% 100%;
}

#branding hgroup {
   margin: 0 7%;
}

#branding h1 {
   padding: 2.3em 0 .2em 0;
}

#branding h2 {
   padding: 0 0 2.3em 0;
   -moz-text-shadow: #333333 0.1em 0.2em 0.4em;
   -webkit-text-shadow: #333333 0.1em 0.2em 0.4em;
   text-shadow: #333333 0.2em 0.1em 0.4em;
}

#branding #s {
   background-color: #dddddd;
}

/* Search Form */
#branding #searchform {
   top: 3.8em;
   text-align: right;
   float: right;
   margin: 2em;
}

#branding #searchform div {
   margin: 0;
}

#branding #s {
   float: right;
   -webkit-transition-duration: 400ms;
   -webkit-transition-property: width, background;
   -webkit-transition-timing-function: ease;
   -moz-transition-duration: 400ms;
   -moz-transition-property: width, background;
   -moz-transition-timing-function: ease;
   -o-transition-duration: 400ms;
   -o-transition-property: width, background;
   -o-transition-timing-function: ease;
   width: 72px;
}

#branding #s:focus {
   background-color: #f9f9f9;
   width: 196px;
}

#branding #searchsubmit {
   display: none;
}

#branding .only-search #searchform {
   top: 5px;
   z-index: 1;
}

#branding .only-search #s {
   background-color: #666666;
   border-color: #000000;
   color: #222222;
}

#branding .only-search #s,
#branding .only-search #s:focus {
   width: 85%;
}

#branding .only-search #s:focus {
   background-color: #bbbbbb;
}

#branding .with-image #searchform {
   top: auto;
   bottom: -27px;
   max-width: 195px;
}

#branding .only-search + #access div {
   padding-right: 205px;
}

input#s {
   background: url(http://test.bermione.be/wp/wp-content/themes/twentyeleven/images/search.png) no-repeat 5px 6px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-size: 14px;
   height: 22px;
   line-height: 1.2em;
   padding: 4px 10px 4px 28px;
}

#page header hgroup h1 {
}

#content article header {
   padding: 2em;
}

#secondary aside {
   padding: 0.6em;
   margin: 0.6em;
   overflow: hidden;
}

#secondary aside .widget {
   padding: 0 2em !important;
}

#lt_img {
   float: right;
}

.aktt_t_time {
   font-size: 0.8em;
}

/* =Widgets
----------------------------------------------- */

.widget-area {
   font-size: 0.9em;
}

.widget {
   clear: both;
   margin: 2em;
}

.widget-title {
   color: #cccccc;
   font-weight: 500;
   letter-spacing: 0.1em;
   line-height: 2.6em;
   text-transform: uppercase;
}

.widget ul {
   margin: 0;
}

.widget ul ul {
   margin-left: 1.5em;
}

.widget ul li {
   color: #888888;
}

.widget a {
   font-weight: bold;
   text-decoration: none;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
   text-decoration: underline;
}

/* =Edit links
----------------------------------------------- */
.one-column.singular .entry-header .edit-link a {
   position: absolute;
   left: 0;
   top: 40px;
}

.entry-header .edit-link a,
.commentlist .edit-link a {
   background: #444444;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #eeeeee;
   float: right;
   font-size: 12px;
   line-height: 1.5em;
   font-weight: 300;
   text-decoration: none;
   padding: 0 8px;
}

.entry-header .edit-link a:hover,
.commentlist .edit-link a:hover {
   background: #cccccc;
   color: #000000;
}

.entry-content .edit-link,
.entry-summary .edit-link {
   clear: both;
   display: block;
}

.singular .entry-header .edit-link a {
   bottom: auto;
   left: 50px;
   right: auto;
   top: 80px;
}

article.intro .edit-link a {
   background: #444444;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #eeeeee;
   font-size: 12px;
   padding: 0 8px;
   top: 30px;
   right: 20px;
   text-decoration: none;
}

article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
   background: #444444;
}

/* =Footer
----------------------------------------------- */

#colophon {
   margin-bottom: 20px;
   overflow: hidden;
   -moz-border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
   -moz-border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
}

#supplementary {
   padding: 1.625em 7.6%;
   overflow: hidden;
}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
   float: left;
   margin-right: 3.7%;
   width: 48.1%;
}

#supplementary.two .widget-area + .widget-area {
   margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
   float: left;
   margin-right: 3.7%;
   width: 30.85%;
}

#supplementary.three .widget-area + .widget-area + .widget-area {
   margin-right: 0;
}

/* Site Generator Line */
#site-generator {
   font-size: .7em;
   line-height: 1.2em;
   padding: 1em 0.5em 2.2em 0.5em;
   text-align: center;
}

#site-generator a {
   font-weight: bold;

}

#site-generator .sep {
   background: url(images/wordpress.png) center left no-repeat;
   color: transparent;
   display: inline-block;
   height: 16px;
   line-height: 16px;
   margin: 0 7px;
   width: 16px;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format, #nav-above, #nav-below {
   color: #888888;
   font-size: .8em;
   font-weight: 500;
   letter-spacing: 0.1em;
   position: relative;
   text-transform: uppercase;
}

.entry-header .entry-format {
   top: -0.7em;
}

/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
   display: none;
}

.singular .format-aside .entry-title {
   display: block;
}

.format-aside .entry-content {
   padding: 0;
}

.singular .format-aside .entry-content {
   padding: 1.625em 0 0;
}

/* =Status And Aside
----------------------------------------------- */
.format-status .entry-header,
.format-aside .entry-header {
   padding-bottom: .4em !important;
}

.format-status .entry-content,
.format-aside .entry-content {
   margin-top: .4em !important;
}

.format-status .entry-header .entry-format,
.format-aside .entry-header .entry-format {
   float: left;
}

/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
   display: none;
}

.singular .format-status .entry-title {
   display: block;
}

.format-status .entry-content {
   padding: 0;
   overflow: hidden;
}

.singular .format-status .entry-content {
   padding: 1.625em 0 0;
}

.format-status img.avatar {
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px #eeeeee;
   -moz-box-shadow: 0 1px 2px #eeeeee;
   box-shadow: 0 1px 2px #eeeeee;
   float: left;
   margin: 4px 10px 2px 0;
   padding: 0;
}

/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
   margin: 0;
}

.format-gallery .entry-content {
   overflow: hidden;
}

.gallery-size-original dl.gallery-item {
   margin: auto;
}

.gallery-size-original dl.gallery-item img {
   border: 0 !important;
}

.gallery-size-original dl.gallery-item a {
   overflow: hidden;
}

.gallery-size-original br {
   display: none;
}

/* =Quote
----------------------------------------------- */

.format-quote blockquote {
   color: #555555;
   font-size: 17px;
   margin: 0;
}

blockquote {
   padding-left: 2em !important;
   font-family: cambria, georgia, serif;
   font-style: italic;
}

/* =Comments
----------------------------------------------- */

#comments-title {
   color: #bbbbbb;
   font-size: 10px;
   font-weight: 500;
   line-height: 2.6em;
   padding: 0 0 2.6em;
   text-transform: uppercase;
}

.nopassword,
.nocomments {
   color: #555555;
   font-size: 24px;
   font-weight: 100;
   margin: 26px 0;
   text-align: center;
}

.commentlist {
   list-style: none;
   margin: 0 auto;
   width: 68.9%;
}

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
   width: 100%; /* reset the width for the one-column and sidebar page layout */
}

.commentlist > li.comment {
   background: #090909;
   border: 1px solid #222222;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: 0 0 1.625em;
   padding: 1.625em;
   position: relative;
}

.commentlist .pingback {
   margin: 0 0 1.625em;
   padding: 0 1.625em;
}

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

.commentlist .children li.comment {
   background: #ffffff;
   border-left: 1px solid #dddddd;
   -moz-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
   margin: 1.625em 0 0;
   padding: 1.625em;
   position: relative;
}

.commentlist .children li.comment .fn {
   display: block;
}

.comment-meta .fn {
   font-style: normal;
}

.comment-meta {
   color: #666666;
   font-size: 0.9em;
   line-height: 2.2em;
}

.commentlist .children li.comment .comment-meta {
   line-height: 1.625em;
   margin-left: 50px;
}

.commentlist .children li.comment .comment-content {
   margin: 1.625em 0 0;
}

.comment-meta a {
   font-weight: bold;
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}

.commentlist .avatar {
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px #cccccc;
   -moz-box-shadow: 0 1px 2px #cccccc;
   box-shadow: 0 1px 2px #cccccc;
   left: -102px;
   padding: 0;
   position: absolute;
   top: 0;
}

.commentlist > li:before {
   content: url(images/comment-arrow-dark.png);
   left: -21px;
   position: absolute;
}

.commentlist > li.pingback:before {
   content: '';
}

.commentlist .children .avatar {
   background: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   left: 2.2em;
   padding: 0;
   top: 2.2em;
}

a.comment-reply-link {
   background: #444444;
   color: #eeeeee;
   -moz-border-radius: 3px;
   border-radius: 3px;
   display: inline-block;
   font-size: 12px;
   padding: 0 8px;
   text-decoration: none;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
   background: #999999;
   color: #000000;
}

a.comment-reply-link > span {
   display: inline-block;
   position: relative;
   top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
   background: #222222;
   border-color: #444444;
}

.commentlist > li.bypostauthor .comment-meta {
   color: #575757;
}

.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}

.commentlist > li.bypostauthor:before {
   content: url(images/comment-arrow-bypostauthor-dark.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
   background: #222222;
   border-color: #2c2c2c;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
   margin-left: 102px;
   width: auto;
}

/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
   width: auto;
}

/* Comment Form */
#respond {
   background: #222222;
   border-color: #2c2c2c;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: 1.625em auto;
   padding: 1.625em;
   position: relative;
   width: 68.9%;
}

#respond input[type="text"],
#respond textarea {
   background: #000000;
   border: 4px solid #111111;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: inset 0 1px 3px rgba(51, 51, 51, 0.95);
   -moz-box-shadow: inset 0 1px 3px rgba(51, 51, 51, 0.95);
   box-shadow: inset 0 1px 3px rgba(51, 51, 51, 0.95);
   position: relative;
   padding: 10px;
   text-indent: 80px;
   color: #bbbbbb;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
   position: relative;
}

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
   background: #111111;
   -webkit-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.8);
   -moz-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.8);
   box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.8);
   color: #aaaaaa;
   display: inline-block;
   font-size: 13px;
   left: 4px;
   min-width: 60px;
   padding: 4px 10px;
   position: relative;
   top: 40px;
   z-index: 1;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
   text-indent: 0;
   z-index: 1;
}

#respond textarea {
   resize: vertical;
   width: 95%;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
   color: #42caff;
   font-size: 22px;
   font-weight: bold;
   left: 75%;
   position: absolute;
   top: 45px;
   z-index: 1;
}

#respond .comment-notes,
#respond .logged-in-as {
   font-size: 13px;
}

#respond p {
   margin: 10px 0;
}

#respond .form-submit {
   float: right;
   margin: -20px 0 10px;
}

#respond input#submit {
   background: #dddddd;
   border: none;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   color: #111111;
   cursor: pointer;
   font-size: 15px;
   margin: 20px 0;
   padding: 5px 42px 5px 22px;
   position: relative;
   left: 30px;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#respond input#submit:active {
   background: #1982d1;
   color: #bfddf3;
}

#respond #cancel-comment-reply-link {
   color: #999999;
   margin-left: 10px;
   text-decoration: none;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
   text-decoration: underline;
}

.commentlist #respond {
   margin: 1.625em 0 0;
   width: auto;
}

#reply-title {
   color: #cccccc;
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
}

#cancel-comment-reply-link {
   color: #999999;
   display: block;
   font-size: 10px;
   font-weight: normal;
   line-height: 2.2em;
   letter-spacing: 0.05em;
   position: absolute;
   right: 1.625em;
   text-decoration: none;
   text-transform: uppercase;
   top: 1.1em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
   color: #00b4cc;
}

#respond label {
   line-height: 2.2em;
}

#respond input[type=text] {
   display: block;
   height: 24px;
   width: 75%;
}

#respond p {
   font-size: 12px;
}

p.comment-form-comment {
   margin: 0;
}

.form-allowed-tags {
   display: none;
}

/* Singular navigation */
#nav-single {
   position: relative;
   top: -0.3em;
   text-align: right;
   z-index: 1;
   overflow: hidden;
}

#nav-above, #nav-below {
   text-align: right;
   overflow: hidden;
}

.nav-previous,
.nav-next {
   width: auto;
   padding: 0.5em;
}

.nav-previous {
   float: left;
   text-align: left;
}

.nav-next {
   float: right;
   text-align: right;
}

/* Recent Posts */
section.recent-posts {
   padding: 0 0 1.625em;
}

section.recent-posts .hentry {
   border: none;
   margin: 0;
}

section.recent-posts .other-recent-posts {
   border-bottom: 1px solid #222222;
   list-style: none;
   margin: 0;
}

section.recent-posts .other-recent-posts li {
   padding: 0.3125em 0;
   position: relative;
}

section.recent-posts .other-recent-posts .entry-title {
   border-top: 1px solid #222222;
   font-size: 17px;
}

section.recent-posts .other-recent-posts a[rel="bookmark"] {
   color: #cccccc;
   float: left;
   max-width: 84%;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
   content: '-';
   color: transparent;
   font-size: 11px;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}

section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
   border-bottom: 2px solid #959595;
   bottom: -2px;
   color: #bbbbbb;
   display: block;
   font-size: 10px;
   font-weight: 500;
   line-height: 2.76333em;
   padding: 0.3125em 0 0.3125em 1em;
   position: absolute;
   right: 0;
   text-align: right;
   text-transform: uppercase;
   z-index: 1;
}

section.recent-posts .other-recent-posts .comments-link > span {
   border-color: #444444;
   color: #777777;
}

section.recent-posts .other-recent-posts .comments-link a:hover {
   color: #1982d1;
   border-color: #1982d1;
}

section.recent-posts .other-recent-posts li:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

   #branding {
      background-size: cover;
      background-position: center center;
   }

   #page {
      background-size: contain;
   }

   .singular .entry-header .edit-link a {
      left: 0;
      position: absolute;
      top: 40px;
   }

   #respond {
      width: 90%;
   }

   .nav-previous, .nav-next {
      max-width: 45%;
      overflow: hidden;
   }

   .commentlist .avatar {
      left: 0px;
      padding: 0;
      margin: 5px;
      position: relative;
      top: 0;
      float: left;
   }

   .commentlist > li.comment {
      background: #090909;
      border: 1px solid #222222;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: 0 0 1.625em;
      padding: 0.3em;
      position: relative;
   }

   .commentlist > li::before {
      content: none;
      left: 0px;
      position: relative;
   }

   footer.comment-meta {
      clear: both;
      display: block;
      overflow: hidden;
   }

   .commentlist {
      list-style: none;
      margin: 0 auto;
      width: 98%;
   }

   .subcategories li.cat-item,
   #access .cd-primary-nav li {
      display: block;
      width: 100%;
      border: 0;
      top: 0;
   }

   .subcategories li.cat-item.current-cat {
      border-radius: 0;
      top: 0;
      border: 0;
   }

   input#s {
      background-position-x: 0px;
      background-position-y: 0px;
   }
}

@media handheld, only screen and (max-width: 500px) {

   .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
      width: auto;
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 0px;
      padding-right: 0px;
   }

   #access {
      padding-left: 0.5em;
   }

   #access li a {
      padding: 0.7em;
      font-size: 0.85em;
   }

   .entry-content, .entry-summary {
      margin: 1em;
      text-align: left;
   }

   .tag-links {
      border: 0px;
   }

   .comments-link {
      float: none;
      margin: 0;
   }

   footer.entry-meta {
      margin: 0 1em 0 0;
   }

   #content article header {
      padding: 2em 1em;
   }

   #respond {
      margin: 0.3em;
      padding: 1em;
      width: auto;
   }

   .sticky {
      margin: 0 !important;
   }

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

   /*	.logo {
           background: url(logo2x.jpg) no-repeat;
           background-size: 212px 303px;
       }*/

}

/* =Print
----------------------------------------------- */

@media print {
   body {
      background: none !important;
      font-size: 10pt;
   }

   footer.entry-meta a[rel=bookmark]:link:after,
   footer.entry-meta a[rel=bookmark]:visited:after {
      content: " [" attr(href) "] "; /* Show URLs */
   }

   #page {
      clear: both !important;
      display: block !important;
      float: none !important;
      max-width: 100%;
      position: relative !important;
   }

   #branding {
      border-top: none !important;
      padding: 0;
   }

   #branding hgroup {
      margin: 0;
   }

   #site-title a {
      font-size: 21pt;
   }

   #site-description {
      font-size: 10pt;
   }

   #branding #searchform {
      display: none;
   }

   #branding img {
      display: none;
   }

   #access {
      display: none;
   }

   #main {
      border-top: none;
      box-shadow: none;
   }

   #primary {
      float: left;
      margin: 0;
      width: 100%;
   }

   #content {
      margin: 0;
      width: auto;
   }

   .singular #content {
      margin: 0;
      width: 100%;
   }

   .singular .entry-header .entry-meta {
      position: static;
   }

   .entry-header .edit-link a {
      display: none;
   }

   #content nav {
      display: none;
   }

   .singular .entry-header,
   .singular .entry-content,
   .singular footer.entry-meta,
   .singular #comments-title {
      margin: 0;
      width: 100%;
   }

   .singular .hentry {
      padding: 0;
   }

   .entry-title,
   .singular .entry-title {
      font-size: 21pt;
   }

   .entry-meta {
      font-size: 10pt;
   }

   .entry-header .comments-link {
      display: none;
   }

   .page-link {
      display: none;
   }

   .singular #author-info {
      background: none;
      border-bottom: none;
      border-top: none;
      margin: 2.2em 0 0;
      padding: 0;
   }

   #respond {
      display: none;
   }

   .widget-area {
      display: none;
   }

   #colophon {
      display: none;
   }

   /* Comments */
   .commentlist > li.comment {
      background: none;
      border: 1px solid #dddddd;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      margin: 0 auto 1.625em;
      padding: 1.625em;
      position: relative;
      width: auto;
   }

   .commentlist .avatar {
      height: 39px;
      left: 2.2em;
      top: 2.2em;
      width: 39px;
   }

   .commentlist li.comment .comment-meta {
      line-height: 1.625em;
      margin-left: 50px;
   }

   .commentlist li.comment .fn {
      display: block;
   }

   .commentlist li.comment .comment-content {
      margin: 1.625em 0 0;
   }

   .commentlist .comment-edit-link {
      display: none;
   }

   .commentlist > li::before,
   .commentlist > li.bypostauthor::before {
      content: '';
   }

   .commentlist .reply {
      display: none;
   }

   /* Post author highlighting */
   .commentlist > li.bypostauthor {
      color: #444444;
   }

   .commentlist > li.bypostauthor .comment-meta {
      color: #666666;
   }

   .commentlist > li.bypostauthor:before {
      content: none;
   }

   /* Post Author threaded comments */
   .commentlist .children > li.bypostauthor {
      background: #ffffff;
      border-color: #dddddd;
   }

   .commentlist .children > li.bypostauthor > article,
   .commentlist .children > li.bypostauthor > article .comment-meta {
      color: #666666;
   }

}

#lt_div {
    background: url('/wp/wp-content/uploads/icons/tt/avaon128.png') no-repeat top right;
   min-height: 128px !important;
}

#lt_content {
   margin-right: 135px;
   word-wrap: break-word;
}

#lt-inner-content {
   white-space: pre-wrap;
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
   position: relative;
   padding: 15px;
   border: 5px solid #6e98cf;
   color: #333333;
   background: #ffffff;
   /* css3 */
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
   margin-left: 30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
   margin-right: 30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
   content: "";
   position: absolute;
   bottom: -20px; /* value = - border-top-width - border-bottom-width */
   left: 40px; /* controls horizontal position */
   border-width: 20px 20px 0;
   border-style: solid;
   border-color: #5a8f00 transparent;
   /* reduce the damage in FF3.0 */
   display: block;
   width: 0;
}

/* creates the smaller  triangle */
.triangle-border:after {
   content: "";
   position: absolute;
   bottom: -13px; /* value = - border-top-width - border-bottom-width */
   left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
   border-width: 13px 13px 0;
   border-style: solid;
   border-color: #ffffff transparent;
   /* reduce the damage in FF3.0 */
   display: block;
   width: 0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
   top: -20px; /* value = - border-top-width - border-bottom-width */
   bottom: auto;
   left: auto;
   right: 40px; /* controls horizontal position */
   border-width: 0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
   top: -13px; /* value = - border-top-width - border-bottom-width */
   bottom: auto;
   left: auto;
   right: 47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
   border-width: 0 13px 13px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
   top: 10px; /* controls vertical position */
   bottom: auto;
   left: -30px; /* value = - border-left-width - border-right-width */
   border-width: 15px 30px 15px 0;
   border-color: transparent #6e98cf;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
   top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
   bottom: auto;
   left: -21px; /* value = - border-left-width - border-right-width */
   border-width: 9px 21px 9px 0;
   border-color: transparent #ffffff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
   top: 10px; /* controls vertical position */
   bottom: auto;
   left: auto;
   right: -30px; /* value = - border-left-width - border-right-width */
   border-width: 15px 0 15px 30px;
   border-color: transparent #6e98cf;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
   top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
   bottom: auto;
   left: auto;
   right: -21px; /* value = - border-left-width - border-right-width */
   border-width: 9px 0 9px 21px;
   border-color: transparent #ffffff;
}

.nav-next .fa {
   padding: 0 0 0 0.5em;
}

.nav-previous .fa {
   padding: 0 0.5em 0 0;
}

.nav-previous .fa, .nav-next .fa {
   font-size: 0.8em;
}

.fixed-header {
   background-color: black;
   position: fixed;
   width: 1111px;
   top: 0px;
   z-index: 20;
}

/*
 #####
 ##### Ninja forms
 #####
*/
.ninja-forms-field-description {
   font-size: 0.8em;
   margin-top: -0.6em;
}

button.ninja-forms-field {
   position: relative;
   vertical-align: top;
   width: 100%;
   height: 60px;
   padding: 0;
   font-size: 22px;
   color: white;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   background: #2980b9;
   border: 0;
   border-bottom: 2px solid #2475ab;
   cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #2475ab;
   box-shadow: inset 0 -2px #2475ab;
}

button.ninja-forms-field:active,
button.ninja-forms-field:disabled {
   top: 1px;
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

button.ninja-forms-field:disabled {
   background-color: #333333;
   border-color: #333333;
   color: #555555;
}

/* Input fields */
input[type="text"].ninja-forms-field,
input[type="email"].ninja-forms-field,
textarea.ninja-forms-field {
   display: block;
   margin: 0;
   width: 100%;
   font-family: sans-serif;
   font-size: 18px;
   appearance: none;
   box-shadow: none;
   border-radius: none;
}

input[type="text"].ninja-forms-field:focus,
input[type="email"].ninja-forms-field:focus,
textarea.ninja-forms-field:focus {
   outline: none;
}

/* inset */
input[type="email"].ninja-forms-field,
input[type="text"].ninja-forms-field,
textarea.ninja-forms-field {
   padding: 10px;
   border: solid 5px white;
   transition: border 0.3s;
}

input[type="text"].ninja-forms-field:focus,
input[type="text"].ninja-forms-field.focus,
input[type="email"].ninja-forms-field:focus,
input[type="email"].ninja-forms-field.focus,
textarea.ninja-forms-field:focus,
textarea.ninja-forms-field.focus {
   border: solid 5px #2980b9;
}

.ninja-forms-field-error,
.ninja-forms-error-msg {
   color: #ff4400;
}

/*fieldset.ninja-forms-field  { margin-top: 2em; }*/
.ninja-forms-required-items {
   display: none;
}

.hidden {
   display: none;
}

.fa-tt:before {
    content: "\f099";
}