/* auto include templates/2k11/style_fallback.css */

/* The templates/default/style_fallback.css emits CSS statements that all s9y
   themes should have.

   Statements declared in this file are emitted early in the dynamically
   generated stylesheet serendipity.css, so you can override them by declaring
   them again in your theme's style.css or user.css.

   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Images positioned normal/left/right */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Images with captions and positioning */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    clear: both;
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* Image gallery */
.s9y_gallery {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.s9y_gallery_item {
    box-sizing: border-box;
    flex: 0 1 33.3333%;
    padding: 0 5px 5px 0;
}

.s9y_gallery_image {
    height: auto;
    max-width: 100%;
}

/* Lists without bullets or numbers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}
/* END OF style_fallback.css */

/* auto include templates/timeline/style.css */

/*
 Theme: Timeline
 Last revised April 20, 2016
 Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
 Inspired by Unify/htmlstream
 Font Awesome by Dave Gandy - http://fontawesome.io 
*/

/*
Optional skinsets are loaded after style.css and before colorsets
Default (light) skinset is built into style.css.
Optional skinsets use syntax *_skin.css
Colorsets use syntax *_style.css
Default colorset is green_style.css
*/

body {
    background-color: #fff;
    color: #555;
    font-size: 16px;
    line-height: 1.6;
}

a {
  /*color: #72c02c;*/
  text-decoration: none;
}

a:hover,
a:focus {
    /*color: #57a70f;*/ /* darker */
    text-decoration: underline;
}

.RightSideBar a{
    color: #555;
}

a.subtome:link,
a.subtome:visited { 
    /* background: url('templates/timeline/img/subtome-green.png') left bottom no-repeat;*/ /* see colorsets for subtome images */
    height: 64px!important;
    margin: 0;    
    padding: 24px 0;
    visibility: visible;
    width: 64px!important;    
}

a.subtome:hover,
a.subtome:active { 
    /*background: url('templates/timeline/img/subtome-green.png') -64px center no-repeat;*/
}

a.subtome img {
    visibility: hidden;
}

hr {
    margin: 15px 0;
}

p {
    margin: 0 0 20px;
}

.wrapper {
    background-color: #fff;
}

.header {
    background-color: #fff;
    border-bottom: 2px solid #eee;
    position: relative;
    z-index: 99;
}

.header .navbar {
    margin: 0;
}

.header .navbar-default {
    background: none;
    border: none;
}

.header .navbar-header h1 {
    margin: 10px 0 0 0;
}

.header .navbar-brand {
    height: 100%;
    margin:0!important;
    padding: 0;
    position: relative;
    top: -10px;
    z-index: 1;
}
.navbar-default .navbar-brand:focus h1,
.navbar-default .navbar-brand:hover h1{
    /* color: #72c02c;*/
}

.subheader {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 10px 0 10px;
}

.subheader_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100%;    
    padding: 80px 0;
}

.subheader h2 {
    margin: 10px 0;
    padding: 0;
}

.subheader_image .pagination {
    position: relative;
    top: -50px;
}

.subheader .pagination {
    margin: 8px 0 0;
    padding:0;
}

.subheader .pagination a:link, .subheader .pagination a:visited, .subheader span.thispage{
    padding: 6px 12px;
}

.subheader .pagination .btn-theme {margin: 0;}

.staticpage_subheader {
    color: #808080;
    margin: 20px 0;
}

.navbar-toggle {margin-right:0} /* nav button for small screens */

@media (min-width: 768px) and (max-width: 991px) {
    .header .navbar-brand {
        margin-top: 0;
    }
}

.header .navbar-default .navbar-toggle {
    /* border-color: #57a70f; */
}

.header .navbar-default .navbar-toggle .fa {
    color: #fff;
    font-size: 19px;
}

.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
    /*background: none repeat scroll 0 0 #72c02c;*/
    padding: 6px 10px 2px;
}

.header .navbar-default .navbar-nav > li > a {
    color: #687074;
}

.header .navbar-collapse {
    position: relative;
}

.header .navbar-default .navbar-nav > li > a {
    color: #687074;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .header .navbar-nav {
        float: right;
    }
}

@media (max-width: 991px) {
    .header .navbar-header {
        float: none;
    }
    .header .navbar-toggle {
        display: block;
    }
    .header .navbar-collapse.collapse {
        display: none !important;
    }
    .header .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: auto !important;
    }
    .header .navbar-nav {
        float: none !important;
        margin: 0 0 5px;
    }
    .header .navbar-nav > li {
        float: none;
    }
    .header .navbar-nav > li > a {
        padding-bottom: 40px;
        padding-top: 30px;
    }

    .header .navbar-collapse, .header .navbar-collapse .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .header .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 9px 10px;
    }
    .header .navbar-default .navbar-nav > li a {
        border-bottom: 1px solid #eee;
    }
    .header .navbar-default .navbar-nav > li > a:focus {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .header .navbar-default .navbar-nav > li > a:hover {
        /*color: #72c02c;*/
    }
    
    .subheader h2.pull-left, .subheader nav.pull-right {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .header .navbar-collapse {
        margin-top:20px;
        padding: 0;
    }
    .header .navbar {
        min-height: 40px !important;
    }
    .header .container > .navbar-header,
    .header .container-fluid > .navbar-header,
    .header .container > .navbar-collapse,
    .header .container-fluid > .navbar-collapse {
        margin-bottom: -10px;
    }
    .header .navbar-nav {
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a {
        bottom: -2px;
        padding: 9px 30px 9px 20px;
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus {
        border-bottom: 2px solid transparent;
    }

    a.navbar_current_page,
    .header .navbar-default .navbar-nav > li > a:hover,
    .header .navbar-default .navbar-nav > .active > a {
        /*border-bottom: 2px solid #72c02c!important;*/
        bottom: -2px;
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .header .navbar-default .navbar-nav > li:hover > a {
        /*color: #72c02c;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header  .navbar-brand {
        margin-left: -10px;
    }
    .header .navbar-toggle {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .header .navbar-header h1 {
        margin-top:20px;
    }
    .header .navbar-header .logo {
        padding-top:20px;
    }
    
    .mainpanel  {
        /*padding-left: 0px !important;*/
    }
    
}

.header .logo {
    height: 100%;
    min-height: 40px;
    min-width: 100px;
    vertical-align: middle;
}
.header .logo img {
    margin: 0;
    position: relative;
    z-index: 1;
}

.content {
    padding-bottom: 40px;
    padding-top: 30px;
}

h1 {
    font-size: 28px;
    line-height: 35px;
}
h2 {
    font-size: 24px;
    line-height: 33px;
}

#entry h2 {
    font-size: 32px;
    line-height: 40px;
}
h3 {
    font-size: 20px;
    line-height: 27px;
}
h4 {
    line-height: 25px;
}
h5 {
    line-height: 20px;
}
h6 {
    line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    margin-top: 5px;
}

.list-group-item {
    background-color: inherit;
}


a, a:focus, a:hover, a:active, button, button:hover {
    outline: 0 none !important;
}

/* alternative blog style display on front page instead of timeline */

.each-blogstyle-entry {margin-bottom: 26px;}

.blogstyle-post-thumb {margin-top: 20px;}

.blogstyle-post-body {margin-top:20px;}

.blogstyle-post-body h2{line-height: 1.2em; margin-top: 0; overflow: hidden;}

/* archive summary - "view topics" */

.archives_summary {margin-top:40px;}

.archives_summary h4{line-height: 1.2em; margin: 0 0 4px 0; overflow: hidden;}

.archives_summary hr {margin: 10px 0}

.each-archive-entry {margin-bottom: 10px;}

.archives_summary .post-info {color: #999; font-size:14px; margin-bottom: 4px;}

.archive-post-thumb {margin-top: 10px; padding-right: 10px;}

.archive-post-body {margin-top:10px;}

/*.btn.archive-button-months-entries {border: 1px solid #72c02c;} COLORSET*/

/*.btn-default:hover {color: #72c02c;} COLORSET*/

.btn-theme {
    /*background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c; COLORSET*/
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-decoration: none!important;
    white-space: nowrap;
}

.btn-theme.disabled {
    background-color:#dddddd;
    color: #555
}

.pager li > a,
.pager li > span {
    /*background-color: #72c02c;
    border: 1px solid #72c02c; COLORSET */
    border-radius: 3px;   
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    /*padding: 4px 13px;*/
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #e6e6e6;
    border-color: #adadad;
    /* color: #72c02c;*/
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    border-color: #adadad;
}

.timeline {
	list-style: none;
	padding: 0 0 20px 0;
	position: relative;
}

.timeline:before { /* this is the vertical line */
	background-color: #eeeeee;
	bottom: 0;
	content: " ";
	left: 50%;
	margin-left: -1.5px;
	position: absolute;    
	top: 0;
	width: 3px;
}

.timeline > li {
	clear: left;
	float: left;
	margin-bottom: 40px;
	position: relative;
	width: 50%;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	border: 1px solid #d4d4d4;
	float: left;
	position: relative;
	width: 94%;    
}

.timeline > li > .timeline-panel:before {
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
	display: inline-block;
	position: absolute;
	right: -15px;    
	top: 26px;
}

.timeline > li > .timeline-panel:after {
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
	display: inline-block;
	position: absolute;
	right: -14px;    
	top: 27px;
}

.timeline > li.timeline-month-heading {
	color: #ccc;
   	text-align: center;
    width:100%;    
	z-index: 9;
}

.tldate {
    background-color: #eee;
    border: 2px solid #ccc;
    border-radius: 4px;
    color: #adadad;
    display: block;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    width: 200px;
}

.timeline > li > .timeline-badge {
	color: #ccc;
	font-size: 1.4em;
	height: 24px;
	line-height: 50px;
	position: absolute;
	right: -12px;    
	text-align: center;
	top: 19px;
	width: 24px;    
	z-index: 9;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline > li > .timeline-panel .timeline-heading {
	padding: 5px;
}

.timeline > li > .timeline-panel .timeline-heading img {
	width: 100%;
}

.timeline > li > .timeline-panel .timeline-heading h4{
    margin: 5px 6px 0px 6px;
}

.timeline .timeline-body {
    padding: 12px;
}

.timeline .timeline-body h2 {overflow:hidden;}

.archive-archive_history .timeline .timeline-body {
    padding: 12px 6px;
}

.timeline-body > .col.xs-6,
.timeline-body > .col-md-4 {
    padding-left: 6px;
    padding-right: 6px;
}

.timeline .timeline-footer{
    border-top: 1px solid #ccc;
    font-size: 14px;
    overflow: hidden;    
    padding: 6px 10px;
    width: 100%;
}

.timeline .timeline-footer .timeline-footer-date {
    clear: left;
	float: left;
}

.timeline .timeline-footer .timeline-footer-comments {
    clear: right;
	float: right;
}

.timeline .timeline-footer i {
	color: #777;
    margin-right: 6px;
}

.timeline > li.timeline-inverted{
	float: right; 
	clear: right;
	margin-bottom: 40px;
}

.timeline-top-margin {
    margin-top: 60px;
}

.timeline > li.timeline-inverted > .timeline-badge{
  	left: -12px;
}

@media (max-width: 992px) {
	.timeline > li > .timeline-panel:before {
		border-bottom: 11px solid transparent;        
		border-left: 11px solid #ccc;    
		border-top: 11px solid transparent;
 		right: -11px;   
		top: 31px;
	}

	.timeline > li > .timeline-panel:after {
 		border-bottom: 10px solid transparent;   
		border-left: 10px solid #fff;
		border-top: 10px solid transparent;
 		right: -10px;       
		top: 32px;
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-right-width: 11px;
		left: -11px;
	}
	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-right-width: 10px;
		left: -10px;
	}
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 0px;
    }

    ul.timeline > li {
      clear: left;
      float: left;      
      margin-bottom: 20px;
      position: relative;
      width:100%;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }

    ul.timeline > li > .timeline-badge {
        left: -12px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
		border-bottom: 12px solid transparent;    
		border-left: 12px solid #ccc;
		border-top: 12px solid transparent;
		right: -12px;        
    	top: 27px;
	}

	ul.timeline > li > .timeline-panel:after {
		border-bottom: 11px solid transparent;
		border-left: 11px solid #fff;
		border-top: 11px solid transparent;
		right: -11px;        
		top: 28px;
	}

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 12px;
        left: -12px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 11px;
        left: -11px;
        right: auto;
    }
    
	.timeline > li.timeline-inverted{
		float: left; 
		clear: left;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.timeline > li.timeline-inverted > .timeline-badge{
		left: -12px;
	}
}

.footer-container .footer {
	background-color: #272727;
    line-height: 1.4;
	padding: 40px 0;	
}

.footer-container .footer,
.footer-container .footer  li,
.footer-container .footer  p {
	color: #ddd;
}

.footer-container .footer h3 {
	color: #eee;
}

.FooterSideBar h3,
.RightSideBar h3 {
    line-height: 24px;
    margin-top: 0;
}

.footer-container hr {
    border-color:#888888;
}

.FooterSideBar a {
    color: #777;
}

.copyright {
	background: #222;
	border-top: none;
	padding: 10px 0 5px;
}

.copyright p {
	margin-top: 8px;
}

.copyright a {
    color: #777;
	margin: 0 2px;
}

.footer-socials {
	margin-top: 12px;
	text-align: right;
}

.footer-socials a {
	color: #777;
	font-size: 16px;
}

@media (max-width: 991px) {
    .copyright .copyright-text,
    .footer-container .footer-socials {
        text-align: center;
        width: 100%;
    }
}

.sidebar_plugin {margin: 0 0 30px}

.sidebar_plugin h3{
    /*border-bottom: 2px solid #72c02c!important;*/
    padding: 0 0 5px;
}

.category-list {
  line-height: 1.8em;
}

.plainList .category-children {
    list-style: outside none none;
    padding-left: 24px;
}

.archive-category-list-item a {margin-bottom: 4px}

.archive-categories,
.archive-tags {margin-bottom: 20px;}

img.serendipity_freeTag_xmlButton {
    vertical-align: middle;
}

.timeline-body .noentries {margin:0;}

.timeline .btn-readmore {margin: 4px 0}

.archive-year {
  margin-bottom: 1em;
}

.archive-button,
.archive-button-months {
    width: 100%;
}

.archive-button .archive-button-months {
    margin: 4px 0;
    padding:12px;
}

.btn-group.archive-button li i{
    display: inline-block;
    left: -3px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    width: 1.25em;
}

/* archive page...  */
.btn-group.archive-button .dropdown-menu > li > a:focus,
.btn-group.archive-button .dropdown-menu > li > a:hover {
    /*background-color: #72c02c;*/
    color: #ffffff;
    text-decoration: none;
}

/*.archive-button-months-entries .badge {
    background-color: #4b920c;
} COLORSET - */

.serendipity_plugin_recententries dd {
    font-size: 13px;
    margin-bottom: 18px;
}

.serendipity_plugin_recententries dt {
    font-weight: 500;
}

.serendipity_plugin_comments .plugin_comment_wrap {
    margin-bottom: 30px;
}

.serendipity_plugin_comments .plugin_comment_date {
    font-size: 13px;
    margin-bottom: 5px;
}

.alert,
.panel {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#serendipityQuickSearchTermField {
  width: 100%;
}

.searchterm {
  font-style: italic;
}

.form-group {max-width: 100%}

.form-group legend {
    border:0;
    color: inherit;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
}

@media (max-width: 479px) {
    #serendipity_replyTo {
        color: #666!important;
        max-width: 90%;
    }
}

ul.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list .comment-children {
    list-style: none;
    margin-left: 58px;
    padding: 0;
}

.comment_any {
  margin-bottom: 3.5em;
}

.comment-list-item,
.comment-list-item-body {
    overflow: hidden;
}

.comment-author-heading {
    font-size: 1.0em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

img.comment_avatar {
    border-radius: 50%;
    clear: left;
    float: left;
    height: 48px;
    margin-right: 10px;
    width: 48px;
}

.avatar_right {
    margin-left: 0;
}

.serendipity_comments .comment_ability {
  margin: 15px 0;
}

.comment-date {
  color: #808080;
  font-weight: normal;
}

.comment-meta {
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
}

.serendipity_commentDirection {
    margin: 1em 0;
}

/* If the basic styles for aligning images are changed, the changes
   must be ported to htmlarea/ckeditor/wysiwyg-style.css as well. */
.serendipity_image_left,
.serendipity_image_right,
.serendipity_image_center,
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    background: transparent;
    border: 0 none;
    padding: 0!important;
    max-width: 100%;
}
.serendipity_image_left,
.serendipity_imageComment_left {
    display: block;
    float: left;
    margin: 0 1em 1em 0;
}
.serendipity_image_right,
.serendipity_imageComment_right {
    display: block;
    float: right;
    margin: 0 0 1em 1em;
}
.serendipity_image_center {
    display: block;
    margin: 0 auto 1em auto;
}
.serendipity_imageComment_center {
    display: block;
    margin: 0 auto 1em auto;
}
.serendipity_imageComment_img img {
    border: none!important;
    margin: 0!important;
}
.serendipity_imageComment_txt {
    border: 0;
    color: #808080;
    display: block;
    font-size: .8125em;
    font-style: italic;
    line-height: 1.5em;
    margin: 0;
    padding: .5em;
    text-align: center;
}

#entry img,
.timeline img{
    height: auto;
    max-width: 100%;
}

.image-full-width {width: 100%}

.img-thumbnail {border-radius: 0; padding:1px;}

p.read_more {clear:both; float:none; margin-bottom: 0px}

blockquote {
    /*border-left: 5px solid #57a70f;*/
    color: #808080;
    font-size: inherit;
    font-style: italic;
    margin: 10px 30px;
}

.post-info {color: #a4a4a4; margin-bottom: 20px;}

.post-info i {margin-right: 6px;}

.entry-timestamp,
.entry-author-link,
.entry-comment-link,
.entry-edit-link {
    margin-right:26px;
    white-space: nowrap;
}

.serendipity_entry_body {
    margin-top: 20px; 
}

.serendipity_pageSummary {
    margin: 20px 0 10px;
    text-align:center;
    width: 100%;
}

.pagination a:link,
.pagination a:visited{
    padding: 8px 14px;
}

.serendipity_pageSummary span.thispage {
    padding: 8px 14px;
}

.serendipity_pageSummary .pagination a:hover,
.serendipity_pageSummary .pagination a:active {
    text-decoration: none;
}

.serendipity_pageSummary .pagination .btn {margin-bottom: 4px}

#serendipityRightSideBar img,
#serendipityFooterSideBar img {
    height: auto;
    max-width: 100%;
}

.entry-footer {
    padding: 20px 0;
}

.timeline_freeTag {
    line-height: 2em;
    margin: 0.5em 0;
}

.timeline_freeTag a {
    /*background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c; COLORSET*/
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 4px 4px 0;
    padding: 4px 13px;
    position: relative;
    text-decoration: none;
    text-align: center;
    vertical-align: middle; 
    white-space: nowrap;   
}

.RightSideBar .timeline_freeTag a {
    color: #fff;
}

.timeline_freeTag a:hover,
.timeline_freeTag a:focus {
    background-color: #e6e6e6;
    border: 1px solid #adadad;
    /*color: #57a70f;*/ /*dark*/
    text-decoration: none;
}

.timeline_freeTag_related {
    color: #808080;
    display: block;
    font-size: 90%;
    margin: 30px 0 0;
    text-align: left;
}

table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
table > thead > tr > th {
  border-bottom: 2px solid #ddd;
  vertical-align: bottom;
}
table > caption + thead > tr:first-child > td,
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > td,
table > thead:first-child > tr:first-child > th {
  border-top: 0 none;
}
table > tbody + tbody {
  border-top: 2px solid #ddd;
}
table table {
  background-color: #fff;
}

/* scroll up if not at page top */
#scrollUp {
    /*background: #72c02c;
    border: 1px solid #72c02c;*/
    border-radius: 3px;
    bottom: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 9px 10px 10px;
    right: 20px;
    text-decoration: none;
    transition: background 200ms linear 0s;
}
#scrollUp:hover {
    background: #e6e6e6;
    border: 1px solid #adadad;
    /*color: #72c02c;*/
}

/* show navbar if scroll up */
@media only screen and (min-width: 1170px) {
  .header-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .header-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -62px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    /*border-bottom: 1px solid #f2f2f2;*/
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .header-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);      
  }
}/* Colorset styles loaded via theme config */ 

/*
Theme: Timeline                                                             
Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
green colorset                                                          
*/

/* 
* Green Color: #72c02c;  
* Green Hover Color: #57a70f; 
* Darkest color: #4b920c;
*/

a {
  color: #72c02c;
}

a:hover,
a:focus {
  color: #57a70f;
}

a.subtome:link,
a.subtome:visited { 
    background: url('templates/timeline/img/subtome-green.png') left bottom no-repeat;
}

a.subtome:hover,
a.subtome:focus { 
    background: url('templates/timeline/img/subtome-green.png') -64px center no-repeat;
}

a.subtome img {
    visibility: hidden;
}

.navbar-default .navbar-brand:hover h1,
.navbar-default .navbar-brand:focus h1{
    color: #57a70f;
}

.header .navbar-default .navbar-toggle {
    border-color: #57a70f;
}

.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
    background-color: #72c02c;
}

@media (max-width: 991px) {
    .header .navbar-default .navbar-nav > li > a:hover {
        color: #72c02c;
    }
    .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
        background-color: #72c02c;
    }
}

@media (min-width: 992px) {
    .header .navbar-default .navbar-nav a.navbar_current_page,
    .header .navbar-default .navbar-nav > li > a:hover {
        border-bottom: 2px solid #72c02c;
    }

    .header .navbar-default .navbar-nav > li:hover > a {
        color: #72c02c;
    }
}

.btn-theme {
    background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c;
}

.btn-theme:hover {color: #72c02c;}

.pager li > a,
.pager li > span {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}

.pager li > a:hover,
.pager li > a:focus {
    color: #57a70f;
}

.sidebar_plugin h3{
    border-bottom: 2px solid #72c02c;
}

.btn-group.archive-button .dropdown-menu > li > a {color: #57a70f;}

.btn-group.archive-button .dropdown-menu > li > a:hover,
.btn-group.archive-button .dropdown-menu > li > a:focus {
    background-color: #57a70f;
}

.archive-button-months-entries {border: 1px solid #72c02c;}

.archive-button-months-entries .badge {
    background-color: #4b920c; /* much darker */
}

blockquote {
    border-left: 5px solid #57a70f;
}

.timeline_freeTag a {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}

.timeline_freeTag a:hover,
.timeline_freeTag a:focus {
    color: #57a70f;
}

#scrollUp {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}
#scrollUp:hover {
    color: #57a70f;
}


/* nl2br plugin start */
p.wl_nobottom {
    margin-bottom: 0em;
}
p.wl_notop {
    margin-top: 0em;
}
p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}
/* nl2br plugin end */

/* serendipity_event_emoticate start */
.emoticon {
    display: inline;
    vertical-align: bottom;
    border: 0 none;
}
/* serendipity_event_emoticate end */