/* auto include templates/default/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 {
    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/square/style.css */


/* square_box template by David Cummins - style.css  */
/********* General Styles  *********/
/* used in entry and sidebar titles */
h3, h4 {
	margin: 0;
	color: #336633;
}
/* style for acronyms and abbreviations */
abbr, acronym, .help {
	text-decoration: underline;
	border: none;
	cursor: help;
}
/* all input and textarea boxes */
input, textarea, select {
	font-size: small;
}
td, th {
	font-size: x-small;
	padding: 0;
}
/* all links are orange */
a {
	color: #E77D00;
	text-decoration: none;
}
/* underline when hovered over */
a:hover {
	color: #336633;
	text-decoration: underline;
}
/* style for all emoticons in posts */
.emoticon {
	border: none;
}
/* style for all images and linked images in posts */
img, a img {
	border: 1px solid #aaa;
}
/* style for quotes, be careful of adjusting margin and padding, different browsers do weird things */
blockquote {
	float: right;
	margin: 1em 1em 1em 1em;
	width: 150px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #336633;
	text-align: right;
	line-height: 18px;
	display: inline;
}
/* make sure large images don't throw out the whole design */
p img {
     max-width:100%;
     padding: 0px; }
/* warning messages from s9y */
.serendipity_msg_important {
     color: #b22222;
     font-weight: bold;
     font-size: small; }
/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
     color: green;
     font-weight: bold;
     font-size: small; }
/* used for odd numbered comments */
.graybox {
     background-color: #ffffff;
     margin-bottom:20px;
     padding: 0 5px 0 3px; }
/* used for even numbered comments */
.redbox {
     margin: 0 0 20px 5px;
     padding: 0 5px 0 3px; }
/* used when s9y needs to center something */
.serendipity_center {
     margin-left: auto;
     margin-right: auto;
     text-align: center; }
/* used when s9y needs to left align something */
.serendipity_left {
     margin-left: auto;
     margin-right: auto;
     text-align: left; }
/* used when s9y needs to right align something */
.serendipity_right {
     margin-left: auto;
     margin-right: auto;
     text-align: right; }
/* style for code, adjusts size because browsers make it smaller and harder to read */
code, cite {
     font-size: 1.1em;
     color: #336633; }
/* style for html element */
small {
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 0.9em;
     line-height: 1.5em; }
/********* End of General Styles *********/
/********* Structural Styles *********/
/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
body {
     background-color:#fff;
     margin:0 auto 20px auto;
     color:#333;
     padding:0 0 0 0;
     font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
	padding: 0; }
/* containers for content and sidebar */
#wrapper {
	float: right;
	width: 440px;
	margin: -20px auto;
}
#mainpane {
     line-height: 110%;
     text-align: left;
     padding: 0px;
     width: 900px;
     background-color: #ffffff;
     margin: 0 auto 0 auto; 
     	background-image: url(templates/square/img/sbbg.gif);
     	background-position:  right 20px;
     	background-repeat: repeat-y;
     	}
/* wrapper style for comment popup window */
.s9y_wrap {
     line-height: 110%;
     text-align: left;
     padding: 0px;
     background-color: #e2edf9;
     margin: 0 auto 0 auto;
     overflow:auto; }
/* container for entries column */
#content {
	float: left;
     width: 455px;
     padding-top:20px;
 }
/* container for banner */
#serendipity_banner, #header {
	float: right;
     background-color: #070D01;
     background-image: url(templates/square/img/square.jpg);
     background-position: top left;
     color: #FFFFFF;
     text-align: left;
     width: 96%;
     margin: 0px 0px 0 0;
     height: 350px; }
/* container for right sidebar */
#serendipityRightSideBar {
	float: right;
     width: 48%;
     margin:0 0px 0 0px;
     padding: 0 0px 0 0px;
 }
/* container for left sidebar */
#serendipityLeftSideBar {
	float: right;
     width: 48%;
     margin:0 0 0 0;
     padding: 0 0px 0 0px;
 }
/* container for footer */
#footer {
     padding: 0;
     margin: 0 auto;
     width: 890px;
     clear: both; }
/********* End of Structural Styles *********/
/********* Header Styles *********/
/* the big link in the banner, blog name/entry title */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1, #header h1 {
     color: #E77D00;
     font-family: verdana, helvetica, sans-serif;
     font-size: 20px;
     font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
     line-height:110%;
     margin: 0 5px 0 0;
     padding: 0px 0 0 10px;
     text-decoration: none;
     text-align:right; }
/* the smaller link in the banner, blog description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2, #header h2 {
     color: #fff;
     font-family: verdana, helvetica, sans-serif;
     font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
     font-weight: bold;
     padding: 240px 0 0 10px;
     margin: 0 5px 0 0;
     text-decoration: none;
     text-align:right; }
/********* End of Header/Banner Styles *********/
#navcontainer {
	float: right;
	width: 96%;
	height: 20px;
	background: #070D01;
}
#navlist {
	display: inline;
     font-size: .8em;
text-transform: uppercase;
letter-spacing: 1px;
	margin: 0;
}
#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navlist a:link, #navlist a:visited {
	float: right;
	line-height: 12px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #038906;
}
#navlist a:hover, #navlist.selected
{ 
	color: #E77D00; 
	border-bottom: 5px solid #E77D00; }
/********* End of Footer Styles *********/
/********* Entry Styles *********/  
/* container for date at top of entries */
div.serendipity_entry_date, div.serendipity_Entry_Date {
     width: auto;
     margin: 0 0 0 0; }
/* style for the date at top of entry */
.serendipity_date {
     color: #555;
     line-height: 103%;
     font-size: 1.1em;
     text-align: left;
     font-weight: normal;
     padding:10px 0px 5px 0px;
     margin: 6px 5px 3px 5px;
	border-bottom: 1px solid #ccc;
 }
/* style for entry title */
.serendipity_title {
     font-family: verdana, helvetica, sans-serif;
     margin: 0px 5px 0px 5px;
     padding:5px 5px 5px 0px;
     text-align:left;
     font-size:1.2em;
     font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.25em;
 }
/* style for entry title link */
.serendipity_title a:link, .serendipity_title a:visited {
     color: #777777; }
/* style for entry title link when hovered over*/
.serendipity_title a:hover {
     color: #E77D00;
     text-decoration: underline; }
/* general style for everything within the entry */
.serendipity_entry {
     color: #444;
     text-align: justify;
     font-size: 1em;
     padding:0 5px 0 5px;
     line-height:160%; }
/* margin for extended body fixes missing break */
.serendipity_entry_extended {
     margin-top:15px; }
/* style for "posted by", comments and trackbacks at bottom of entry */
div.serendipity_entryFooter {
     color: #444;
     font-size: 0.8em;
     text-align: left;
     margin:10px 0 20px 0;
     padding-bottom: 10px;
     line-height: normal;
	border-bottom: 1px solid #ccc;
     clear:both; }
/* styles for the previous and next paging at bottom of content */
div.serendipity_pageFooter {
     color: #444;
     font-size: 0.8em;
     text-align: center;
     margin-bottom: 30px;
     line-height: normal;
     clear:both; }
/* style for divider between same day posts */
.entry_separator {
     background: url(templates/square/img/divider.png) no-repeat bottom center;
     border-bottom: 15px transparent #e2edf9;
     border-top: 15px transparent #e2edf9;
     padding-bottom: 35px;
     margin: 0 0 15px 0; }
/* style for category image if used */ 
img.serendipity_entryIcon {
     float: right;
     clear:left;
     border:none;
     margin-right:10px; }
/* style for all paragraphs in entry */
.serendipity_entry p {
     margin: 0px;
     padding-bottom: 10px; }
/* style for all bold text within entry */
.serendipity_entry b {
     color: #336633;
     line-height: 103%;
     text-align: left;
     font-weight: bold; }
/* separate entries with a 20px high gap */
.post-footer {
     margin-bottom:20px; }
/* make any italic text in entries green */
.serendipity_entry i {
     color:#336633; }
/* make all links within the entry body and entry extended bold */
.serendipity_entry_body a, .serendipity_entry_extended a {
     font-weight:bold; }
/* headline on search results page */
.serendipity_search {
     text-align:left;
     margin: 5px 5px 20px 5px;
     color: #336633;
     line-height: 103%;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: bold; }
/********* End of Entry Styles *********/
/********* Comment Styles *********/
/* comments, trackbacks and commentform titles */
.serendipity_commentsTitle {
	font-family: georgia, "times new roman", times, serif;
	color: #555;     
     padding:0px 5px 15px 0px;
     text-align:left;
     font-size:1.2em;
     font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
 }
/* container for all comments, and for individual comments */
.serendipity_comments, .serendipity_comment {
     font-size: 1em;
	background-color: #ffffff;
     margin-right: 5px;
     padding-left: 5px;
     padding-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #ccc }
/* style for paragraph text within comments */
.serendipity_comment p {
     padding: 0 0 0 3px;
 }
/* used if no comment have been made */
.nocomments {
     color: #777; }
/* container style for entire comment form */
.serendipity_commentForm {
     font-size:normal;
     color: #ffffff;
     margin-bottom: 13px;
     margin-right: 10px;
     margin-left: 10px;
     background-color: #FFFFFF; }
/* style for name, email etc fields in comments form */
td.serendipity_commentsLabel {
     font-size: .7em;
     font-weight: normal;
     padding-right: 10px;
     vertical-align: top; }
/* styles for input boxes in comments form */
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
     border: 1px solid #333;
     padding: 2px; }
/********* End of Comment Styles *********/
/********* Sidebar Styles *********/
/* all content within the sidebars */
.serendipitySideBarContent {
     padding: 0 10px 0 10px; }
/* search box and template switcher */
.serendipitySideBarContent input, .serendipitySideBarContent select {
     width: 90%;
     font-size:xx-small; }
/* any image within the sidebars */
.serendipitySideBarContent img {
     border:none; }
/* container style for individual sidebar blocks */
div.serendipitySideBarItem {
     color: #666666;
     font-size: x-small;
     text-align: left;
     margin-bottom: 15px;
     line-height: normal;
     padding: 3px; }
/* style for each sidebar title */
h4.serendipitySideBarTitle {
     font-family: verdana, helvetica, sans-serif;
     color: #777777;
     line-height: 103%;
     font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
     text-align: left;
     font-weight: 700;
     padding: 10px 10px 2px 0px;
     margin: 3px 10px 5px 10px;     
     border-bottom: 1px solid #aaa; }
/* for any plugins that use tables */
td.serendipitySideBar {
	font-size: x-small; }
/********* End of Sidebar Styles *********/
/********* Calendar Styles *********/
/* container style for calendar table rows */
table.serendipity_calendar td {
     text-align: center;
	padding: 3px 0 3px 0 ;
	color: #666;
     border-bottom: 1px solid #cccccc; }
/* style for calendar date links */
table.serendipity_calendar a {
	color: #E77D00;
     font-weight: bold;
	background-color:transparent;
     text-decoration:none; }
/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	color: #336633;
     text-decoration: underline; }
/* style for calendar weekday names */
td.serendipity_weekDayName {
     text-align: center;
     font-weight: normal;
     padding: 6px 0 6px 0; }
/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited {
	background-color:transparent;
     color: #E77D00;
     font-size: x-small;
     text-align: left;
     font-weight: bold;
     text-transform: uppercase;
     padding: 6px 0 0 0;
     letter-spacing: .25em;
     text-decoration: none; }
td.serendipity_calendarHeader a:hover {
	color: #336633;
/********* End Calendar Styles *********/
/********* Begin Image Manager Styles *********/
/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
     margin:0 0 20px 0;
     padding:10px;
     border:1px solid #c0c0c0;
     background-color:#fafbfc;
     color:#6a91b2;
     line-height:1.5em; }
/* style to center image and text within entry */
.serendipity_imageComment_center {
     display:block; margin:0 auto 5px auto; }
/* style to left align image and text within entry */
.serendipity_imageComment_left {
     float:left; margin:0 12px 5px 0; }
/* style to right align image and text within entry */
.serendipity_imageComment_right {
     float:right; margin:0 0 5px 12px; }
/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
     margin: 0px;
     padding: 0px;
     text-align: center; }
/* styles for the text below the image if used */
.serendipity_imageComment_txt {
     margin: 0px;
     clear: both;
     text-align: center; }
/********* End Image Manager Styles *********/
/********* Begin Plugin Styles *********/
.serendipity_freeTag_xmlButton {
     padding-left:5px; }
.serendipity_freetag_taglist {
     padding:15px; }
.serendipity_plugin_freetag{
     font-size:12px;
     line-height: 150%; }
.serendipity_freeTag {
     color: #444;
     font-size: .9em;
     text-align: center;
     clear:both; }
.staticpage_navigation {
     padding:15px;
     margin:0 10px 20px 10px;
     padding:10px;
     border:1px solid #c0c0c0;
     background-color:#fafbfc;
     color:#505050;
     line-height:1.5em;}
/********* End Plugin Styles *********/

/* serendipity_event_emoticate start */

.emoticon {
    display: inline;
    vertical-align: bottom;
    border: 0 none;
}

/* serendipity_event_emoticate end */



/* 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 */


/* auto include  */