/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: ;
    color: ;
    }

.ContextualPopup a, .icon-browser a { color: ; }
.ContextualPopup a:visited { color: ; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: ; }

H1, H2, H3 {
    margin: .25em 0;
    padding: .25em 0;
}

h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

img {
    border: none;
}

hr {
    display: none;
}
.entry-content hr,
.comment-content hr {
    display: block;
    margin: 1em 10%;
}

body {
    font-size: 100%;
    padding: 0;
    background: transparent;
    
}

#canvas {
    margin-left: 0em;
    margin-right: 0em;
}

a {  }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

/* #content layout */
#content { float: none; }
@media only screen and (min-width: 45em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 15em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 15em solid transparent;
    }
    .three-columns-left #content {
        border-left: 30em solid transparent;
    }
    .three-columns-right #content {
        border-right: 30em solid transparent;
    }
    .column-right #content {
        min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
    }
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    
}

h1#title {
    font-family: 'Book Antiqua', Palatino, 'Times New Roman', serif; 
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Book Antiqua', Palatino, 'Times New Roman', serif; 
}

#footer {
    background: transparent;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover {  }
#footer a:active {  }

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

#primary > .inner:first-child, #secondary > .inner:first-child, #tertiary > .inner:first-child {
    padding: 1em;
}

/* modules layout */
#primary { float: none; }
#secondary, #tertiary { width: 100%; }

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

    .two-columns-left #secondary,
    .three-columns-sides #secondary {
        float: left;
        width: 15em;
        margin-left: -15em;
    }
    .two-columns-right #secondary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }
    .three-columns-left #secondary {
        float: left;
        width: 15em;
        margin-left: -30em;
    }
    .three-columns-right #secondary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }

    .two-columns #tertiary {
        clear: both;
        width: auto;
    }
    .two-columns-left #tertiary { margin-left: -15em; }
    .two-columns-right #tertiary { margin-right: -15em; }
    .two-columns #tertiary .module {
        float: left;
        width: 15em;
    }
    .three-columns-left #tertiary {
        float: left;
        width: 15em;
        margin-left: -15em;
    }
    .three-columns-right #tertiary {
        float: right;
        width: 15em;
        margin-right: -30em;
        margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */
    }
    .three-columns-sides #tertiary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* entries */

.entry {
    background: transparent;
    
}

.entry .entry-title {
    
}

.entry .entry-title, .entry .entry-title a {
    
}

.no-subject .entry .entry-title {
    background: none;
    border: none;
}

.entry .contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.entry a {  }
.entry a:visited {  }
.entry a:hover {  }
.entry a:active {  }

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}
.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* Don't add space after last element in an entry/comment. Avoids extra gaps */
/* if there's paragraph tags (markdown) instead of text nodes (casual HTML). */
.entry-content > :last-child,
.comment-content > :last-child {
    margin-bottom: 0;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: .5em;
    padding-left: 0;
}
.metadata li {
    margin-bottom: .5em;
}
.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.metadata-item, .poster-ip {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.tag ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.tag ul li {
    display: inline;
} /* same for month view */

ul.entry-management-links {
    margin-left: 0;
    padding-left: 0;
}
ul.entry-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}

.entry-interaction-links a, .entry-management-links a {  }
.entry-interaction-links a:visited, .entry-management-links a:visited {  }
.entry-interaction-links a:hover, .entry-management-links a:hover {  }
.entry-interaction-links a:active, .entry-management-links a:active {  }

ul.entry-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

/* comments */

.comment-posted {font-weight:bold;}



.comment-wrapper {
    padding: .5em 0;
    min-width: 15em;
}

.comment .admin-poster {
    white-space: nowrap;
}

.comment .comment-title {
    
    margin: 0;
}

.comment .comment-title, .comment .comment-title a {
    
}

.no-subject .comment .comment-title {
    background: none;
    border: none;
}

.comment .contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

ul.comment-management-links {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}
ul.comment-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.comment-interaction-links {
    margin-left: 0;
    padding-left: 0;
}
ul.comment-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}

/* archive */

table.month {
    margin: 0 auto;
    border-collapse: collapse;
}
table.month td {
    height: 3.25em;
}
table.month td,
table.month th {
    border: 1px solid; /* ? */
    padding: 3px;
}
table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl dt {
    font-weight: bold;
}
.month dl .time {
    padding-right: .5em;
}
.month dl h3 {
    display: inline;
    font-size: medium;
}
.page-month .month .entry-poster {
    margin-right: .5em;
}
.month dl .tag ul {
    margin-top: 0;
}

/* icons */

.sorting-options ul {
    margin-left: 0;
}

.sorting-options ul li {
    display: inline;
}

.icon-keywords ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.icon-keywords ul li {
    display: inline;
}

/* modules */

.module {
    background: transparent;
    
}

.module a {  }
.module a:visited {  }
.module a:hover {  }
.module a:active {  }

.module h2 {
    
    
}

.module-content {
    
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

ul.userlite-interaction-links.icon-links {
    margin-left: 0;
    padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
    display: inline;
    padding: 0 .20em;
}

ul.userlite-interaction-links.text-links {
    text-align: left;
}

.any-column .module-calendar table { margin: 0; }
.module-calendar .module-content { text-align: left; }
@media only screen and (min-width: 45em) {
    .multiple-columns .module-calendar .module-content {
        text-align: center;
    }

    .multiple-columns .module-calendar table {
        margin: 0 auto;
    }

    .multiple-columns .module-syndicate .module-content {
        text-align: center;
    }
}

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

.search-box {
    margin: .2em auto;
    max-width: 100%;
}

.search-form .search-box-item,
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
    white-space: normal !important;
}
.module-pagesummary .module-content {
    word-wrap: break-word;
}

.module-credit .category-title {
    font-weight: bold;
}

.tags_cloud li, .module-tags_cloud li { display: inline; }

/* avoid Dramatic Woodchuck zoom effect on form fields (polls, search, etc.) */
@media (pointer: coarse) {
    input[type="text"], select {
        font-size: 16px;
    }
}




        .module-navlinks li {
        display: inline-block; }

        .module-navlinks .module-header { display: none; }
        
    
	body { 
		font-family: 'Amiko', 'Calibri', Arial, sans-serif;    
		font-size:1em;    
		background-image: url("https://ic.pics.livejournal.com/belenen/1289251/904521/904521_900.png");
    		background-attachment: fixed;
		background-repeat: repeat;
		background-color: #090F09;
	                      margin: 5px;
                margin-top: 5px;
	}
### sage green #87bd87
### sage shadow green #447747
### sage deep shadow green #396939
### medium pastel green #66CC66
### pale green #baebae
### forest green #0b330b
### dark green #111c11
### midnight green #090F09
### lime green #00FF00
### cyan #00ffff
### pale lavender #d2c0eb
### medium lavender #a170ea
### medium violet #50208C
### medium shadow violet #331155
### dark purple #220c33
### bright lavender #9554f7
### vivid violet #7700ff
### dark vivid violet #6600cc
### medium grey #9CADA9


@media only screen and (orientation: landscape) { #bottom {display:none;} }
@media only screen and (min-width: 800px) and (orientation: landscape) { #bottom {display:none;} }
@media only screen and (max-width: 800px) { #rightbar {display:none;} #leftbar {display:none;} #bottom {display: contents;} 
   	#contentalone { vertical-align:top; padding: 0; float:left; width: 100vw; margin:auto; background-color: #9CADA9;} 
	#darktext1 {color: #220c33;} #darktext2 {color: #220c33;} }
@media only screen and (orientation: portrait) { #rightbar {display:none;} #leftbar {display:none;} #bottom {display: contents;}
   	#contentalone { vertical-align:top; padding: 0; float:left; width: 100vw; margin:auto;  background-color: #9CADA9;} 
	#darktext1 {color: #220c33;} #darktext2 {color: #220c33;} }
@media only screen and (min-device-width : 320px) and (max-width:800px) {  #rightbar {display:none;} #leftbar {display:none;}  #bottom {display: contents;} 
   	#contentalone { vertical-align:top; padding: 0; float:left; width: 100vw; margin:auto; background-color: #9CADA9;} 
	#darktext1 {color: #220c33;} #darktext2 {color: #220c33;} }


	.smallfont {
		font-size:0.7em;}

	.sideright {
		vertical-align:top;
		float:right;
		 width: 15%;
		padding-right: 2%;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sideleft {
		vertical-align:top;
		float:left;
		width:15%;
		padding-right: 0;
		padding-left: 2%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.sideleft TD { color: #50208c; vertical-align:top; }
	.sideleft A { text-decoration: none; color: #447747; }
	.sideleft A:Hover { color: #7700ff; text-decoration: overline;}
	.sideleft A:Active { color: #ff0000; text-decoration: overline;}


	.maincontent {
		vertical-align:top;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 0;
		padding-bottom: 0;
		width:60%;
		float:left;
                margin:auto;
	}
	#bottom {
		vertical-align:bottom; 
	}
	.border4 { border: 1px solid #7700ff;         }
	.border3 { border: 1px solid #0b330b;         }
	.border2 { border: 1px solid #87bd87;        }
	.brdrr { border: 2px solid red;         }
	.brdrv { border: 2px solid #7000ff;         }
	.brdrc { border: 2px solid #00ffff;         }
        .brdrg { border: 2px solid #00FF00;         }
	.brdry { border: 2px solid yellow;         }
	.brdro { border: 2px solid orange;         }
	.blockquote { margin-top: 1em;
		border-left: 3px double #8000ff;
		border-right: none;
		border-top: none;
		border-bottom: 3px double #8000ff; 
                border-radius: 13px;
		padding-left: 1em;
		padding-right: none;
		padding-top: none;
		padding-bottom: 0.5em;        }
	
	A { color: #87bd87;  text-decoration: none;}
	A:Visited { color: #447747; text-decoration: none;}
	A:Hover { color: #7700ff; text-decoration: overline;}
	A:Active { color: #ff0000; text-decoration: overline;}

	b { font-weight:bold;
		font-family: 'Calibri', Arial, sans-serif;  
		font-size:1.15em;}
				
	#header { align-content:center; display: flex; flex-wrap: wrap; margin: 5px;}

	.nav {color: #8000ff; font-family: 'Caveat', 'Kalinga', cursive; padding: 1px 8px 2px 8px; margin: auto; font-size: 1.1em; text-align:center; display: inline-block; }
	.nav A {padding: 1px 8px 2px 8px; margin: auto; text-decoration: none; border-radius: 55px 2px 22px 6px; border: 2px inset #a170ea; 
		font-size:1.1em; color: #50208C; background-color: #a170ea; display: inline-block; }
	.nav A:Hover { background-color: #50208C; color: #8FFF8F; font-size:1.1em; text-decoration: none;  padding: 1px 8px 2px 8px; 
		margin: auto; border-radius: 55px 2px 22px 6px; border: 2px inset #a170ea; display: inline-block; }	
	
	.userpic  {
		float: left;
		text-align: left;
		margin-top: 1px;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.columncontent { 
		border: 1px solid #8000ff; 
		padding: 4px; 
		font-size: .7em;
		color: #447747;
		font-weight: normal;
	}
	
	.columnitem {
		background-color: ;
		padding: 3px;
		margin-top: 5px;
		color: #447747;
		border-left: 1px solid #66CC66;
		border-right: 1px solid #66CC66;
		border-top: 1px solid #447747;
		border-bottom: 1px solid #447747;
		overflow: visible;
		vertical-align:top;
	}
	.purpletext {color: #9554f7;}

	.columnitem A { color: #447747; text-decoration: none;}
	.columnitem A:Visited { color: #375737; text-decoration: none;}
	.columnitem A:Hover { color: #7700ff; text-decoration: overline;}
	.columnitem A:Active { color: #ff0000; text-decoration: overline;}

	.entries { color: #87bd87;
		line-height: 1.3;
		padding: 8px;
		vertical-align:top;
        }

        .entrycontent { margin:auto; }
	
	.entrydivider {
		border-top: 1px solid #a170ea;
		border-bottom: 0px solid #a170ea;
	}

	.minicomment {
		background-color: #d2c0eb;
		padding: 4px;
		color: #50208C;
		border: 1px solid #a170ea;
		font-size: 0.8em;
	}
	
	.minicommentholder { border: 1px solid #a170ea; }

	.entryinfo {
		background-color: #50208C;
		color: #a170ea; 
		font-size: .8em;
		padding: 1px;
	}
	.entryinfo A:Visited {color: #a170ea; }
	.entryinfo A {color: #a170ea; }
 
	.postedby {
		background-color: ;
		padding: 6px;
		font-size: 0.7em;                   
	}
	.entrylinks {
		border-bottom: 1px solid #a170ea;
		background-color: #50208C;
		padding-top: 1px;
		padding-bottom: 0px;
		font-size: 0.8em;
	}
	
	.entrylinks A {
		text-decoration: none;
		font-weight: bold;
		font-family: 'Calibri', Arial, sans-serif;    
		padding-top: 4px;
		padding-bottom: 4px;
		white-space: nowrap;
		color: #a170ea;
		border-right: 1px solid #a170ea;
	}

	
	.entrylinks A:Hover { color: #8FFF8F;
		background-color: #a170ea;
	}
	.entrylinks A:Visited { 
		color: #220c33;
		font-weight: normal;
		font-family: 'Amiko', 'Calibri', Arial, sans-serif;    
        }

	.messageholder { 
		border: 1px solid #a170ea;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#prop_picture_keyword { color: #220c33;}

	.systemmessage {
		background-color: #d2c0eb;
		color: #447747;
		border: 1px solid #a170ea;
		font-size: 11px;
	}
	
	.systemtext { 
		font-weight: normal;
		padding-left: 10px;
		padding-right: 10px;
	}

	.systemmessage A {
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		color: #447747;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.systemmessage A:Hover {
		background-color: #a170ea;
	}

	.systemmessage input, .systemmessage textarea, .systemmessage select {
		background-color: #a170ea;
		color: #447747;
	}

	.left { float: left; text-align: right; display: inline-flex;} 
	.right {float: right; text-align: left; display: inline-flex;}

	.systemmessage TD {
		padding: 4px;
		font-size: 1em;
		color: #447747;
	}

	.entry { margin-bottom: 10px;
                        padding: 11px;
                        color: #87bd87;
			vertical-align:top;
        }
	.entrytext { margin-top: 5px;
                        overflow-x: visible;
                        text-overflow: clip;
			line-height: 1.4;
			font-size: .8em;
                        padding: 11px;
                        color: #87bd87;       
                        word-wrap: break-word; }

        .entrytext p { color: #87bd87;          }
        .entrytext A { color: #7700ff; text-decoration: none;         }
        .entrytext A:Visited { color: #447747; text-decoration: none;}
        .entrytext A:Hover { color: #7700ff; text-decoration: overline;}
        .entrytext A:Active { color: #ff0000; text-decoration: overline;}


	.subject { font-family: 'Caveat', 'Kalinga', cursive;
                   color: #447747;
		   font-size: 2em;
         }
	
	.meta {
		font-size: 11px;
		padding: 4px;
	}

	.backtop {
		text-align: center;
	}

	.backtop A {
		color: #447747;
		font-size: 11px;
		text-decoration: none;
		padding-bottom: 1px;
	}


	#cal A {
		text-decoration: none; 
                background-color: #447747;

	}

	.calrow {
		clear: both;

	}
	
	.calempty {
		width: 5px;
		font-size: 8px;
		margin: 1px;
         	/*float: left;*/
	}

	.calactitem {
		white-space: nowrap;
		/*float: left;*/
		margin: 1px;
		width: 2px;
		font-size: 8px;
		text-align: center;
		background-color: #50208C;
		border-right: 1px solid #50208C;
		border-bottom: 1px solid #50208C;
	}

	.calactitem A { color: #00FF00; }
	.calactitem A:Visited { color: #00FF00; }
	.calactitem A:Hover { color: #7700ff; }
	.calactitem A:Active { color: #ff0000; }

	.calinitem {
		white-space: nowrap;
		/*float: left;*/
		margin: 1px;
		width: 3px;
		font-size: 8px;
		text-align: center;
                color: #a170ea;
		border-right: 1px solid #50208C;
		border-bottom: 1px solid #50208C;
	}
	
	.friendcolor {
		width: 10px;
		height: 10px;
		border: 2px solid #a170ea;
	}

	.ip {color: #447747; }

	.bigday {
		font-size: 11px;
		color: #a170ea;
		float: right;
		font-weight: normal;
	}

	.notablemessage {padding: 4px;}

	#commenttext {width: 90%; color: #220c33;}

        .systemmessage { background-color: #d2c0eb; color: #ffffff; border: 2px solid #6600cc; font-size: 11px; }

	#mc_embed_signup {
		background-color: ""; 
		font-family: 'Amiko', 'Calibri', Arial, sans-serif;    
		font-size:1em;  
		width:100px;}


