/* main body layout */
* {
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
}

.tnycpg {
	width: 95%;
	border-radius: 25px;
	box-shadow: 5px 5px 10px rgba(52,17,9,0.5);
}

.fletter::first-letter {
	color: #c21460;
	font-family: 'Dancing Script', cursive;
	float: left;
	font-size: 5em;
	margin: 0 .1em 0 0;
	line-height: 0.85;
	padding: 8px;
}

p {
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.4;
}

li {
	font-size: 1.2em;
	line-height: 1.3;
	color: #333;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.1em;
}

.cursive_dtitle {
	color: #341109;
	text-shadow: 1px 1px 5px #909090;
	font-size: 1.8em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}

.cursive_dsubtitle {
	color: #34091c;
	text-shadow: 1px 1px 5px #909090;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}

.cursive_dsubtitle2 {
	color: #34091c;
	text-shadow: 1px 1px 5px #909090;
	font-size: 1.1em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}

a.cursive_dsubtitle2 {
	text-decoration: none;
}

.cursive_dsubtitle_sml {
	color: #34091c;
	text-shadow: 1px 1px 5px #909090;
	font-size: 0.9em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
	vertical-align: top;
}

a.cursive_dsubtitle_sml {
	text-decoration: none;
}

.cursive_burgu_title {
	color: #660b32;
	text-shadow: 1px 1px 5px #808080;
	font-size: 2.0em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}

.cursive_burgu_subtitle {
	color: #660b32;
	text-shadow: 1px 1px 5px #808080;
	font-size: 1.7em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}

a {
	color: #a21150; 
	text-decoration: none;
	word-wrap: break-word;
}

a:hover { color: #660b32; }

.bodycol {
	float: left;
	padding: 30px;
	width: 45%;
	margin: auto;
}

.bodyrow {
	width: 95%;
	margin: auto;
}

.bodyrow::after {
	content: "";
	display: table;
	clear: both;
}
/* small screens */
@media screen and (max-width: 800px) {
	.bodycol {
		width: 95%;
	}
}
.tnyccol {
	float: left;
	width: 70%;
}

/* Clear col float left*/
.tnycrow::after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive col for mobile */
@media screen and (max-width:800px) {
	.tnyccol {
	width: 100%;
	}
}
/* end body layout */

/* header area */
.tnychdr {
	background-color: white;
	padding: 10px;
	font-family: 'Alex Brush', cursive;
	font-size: 1.5em;
	color: #34091c;
	border-radius: 25px 25px 0px 0px;
}

.tnychdrimg {
	margin: 5px;
	padding: 5px;
	box-shadow: 3px 3px 15px 3px #e6e6ff;
	border-radius: 15px;
	vertical-align: middle;
}

.hdrcol {
	float: left;
	padding: 10px;
	width: 50%;
	vertical-align: middle;
}

.hdrrow {
	vertical-align: middle;
	width: 95%;
}

.hdrrow::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 800px) {
	.hdrcol {
		width: 100%;
	}
}

.wcsgwelc {
	overflow: hidden;
	background-color: #c21460;
	border-style: outset none inset none;
	border-width: 5px;
	border-color: #ed5094;
	vertical-align: middle;
	padding: 15px;
}

.welcome_title {
	font-size: 1.5em;
	color: #fcdfeb;
	letter-spacing: 1.3px;
}

.pg_title_welcome {
	font-size: 1.8em;
	color: #fcdfeb;
	letter-spacing: 1.2px;
	font-family: 'Dancing Script', cursive;
	text-align: center;
}

.welcome_title_l a {
	color: #fcdfeb;
	text-decoration: none;
}

.welcome_title_l:hover a {
	color: #34091c;
}

.welcome_title a{
	color: #fcdfeb;
	text-decoration: none;
}

.latest_search {
	display: grid;
	grid-template-columns: auto auto;
	vertical-align: top;
	padding: 0px;
}

.latest_search > div {
	padding: 5px 0;
	vertical-align: top;
}

.welcsrch {
	width: auto;
	font-family: 'Roboto', sans-serif;
	float: right;
	margin-right: 20px;
}

.srchbtn {
	font-size: 1.0em;
	font-weight: bold;
	color: #34091c;
	border-radius: 10px;
	background-color: #fceefb;
	border: 5px ridge #c21460;
	padding: 5px;
}

.srchBttn {
	font-size: 1.2em;
	border-radius: 15px;
	background-color: white;
	border: 1px solid #e6e6ff;
	box-shadow: 2px 2px 10px 1px #e6e6ff;
	padding: 10px 10px;
	cursor: pointer;
}

.srchBttn:hover {
	background-color: #ed5094;
}

.srchBox {
	height: 90%;
	width: 90%;
	display: none;
	position: fixed;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.9);
	z-index: 2;
	top: 0;
	left: 0;
}

.srchBox-content {
	position: relative;
	width: 80%;
	top: 46%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}

.srchBox .xsrchbtn {
	font-size: 3.5em;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 45px;
	color: #c21460;
}

.srchBox .xsrchbtn:hover {
	color: #660b32;
}

.srchBox input[type="text"] {
	font-size: 1.6em;
	padding: 10px;
	width: 75%;
	background-color: white;
	float: left;
}

.srchBox input[type="text"]:hover {
	background-color: #f8f8ff;
}

.srchBox button {
	float: left;
	width: 20%;
	padding: 15px;
	background-color: #34091c;
	font-size: 1.6em;
	border: none;
	cursor: pointer;
}

.srchBox button:hover {
	background-color: #660b32;
}

.findseek {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 5px grey;
	letter-spacing: 1.0px;
	color: #660b32;
}

.srch_prvw {
	margin: 15px;
	float: left;
	height: 100px;
	border-radius: 30px;
	box-shadow: 5px 5px 15px gray;
}

/* header navigation */
.wcsgbtn {
	background-color: rgb(194, 20, 96);
	background-color: rgba(194, 20, 96,0.3);
	color: #660b32;
	padding: 16px;
	font-size: 1.2em;
	border: none;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #660b32;
}

.wcsgbtn:hover a {
	color: #c21460;
}

.wcsgnav {
	position: relative;
	display: inline-block;
	right: 0px;
}

.wcsgnav a {
	text-decoration: none;
	color: #34091c;
}

.wcsgnav-content {
	display: none;
	position: absolute;
	font-family: 'Dancing Script', cursive;
	font-size: 1.0em;
	background-color: white;
	border-radius: 10px;
	padding: 5px;
	min-width: 225px;
	box-shadow: 3px 5px 10px 5px rgba(0,0,0,0.3);
	z-index: 1;
}

.wcsgnav-content a {
	color: #34091c;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.wcsgnav-content a:hover {
	color: #c21460;
	text-shadow: 1px 1px 5px #c0c0c0;
}

.wcsgnav:hover .wcsgnav-content {
	display: block;
}

.wcsgnav:hover .wcsgbtn {
	box-shadow: 1px 1px 5px 1px rgba(52,17,9,0.5);
}

.wcsubmenu {
	position: relative;
	display: inline;
}

.wcsubbtn {
	background-color: inherit;
	color: #ed5094;
	font-family: 'Dancing Script', cursive;
	font-size: 1.1em;
	border: none;
	outline: none;
}

.wcsubmenu-content {
	display: none;
	position: absolute;
	font-family: 'Dancing Script', cursive;
	font-size: 1.0em;
	padding: 5px;
	min-width: 250px;
	z-index: 1;
}

.wcsubmenu-content a {
	color: #ed5094;
	padding: 12px 16px;
	text-decoration: none;
	background-color: rgb(102,11,50);
	background-color: rgba(102, 11, 50,0.989);
	border-radius: 10px;
	box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3);
	display: block;
	position: relative;
	left: 15px;
	top: -20px;
	z-index: 1;
}

.wcsubmenu-content a:hover {
	color: #c21460;
	text-shadow: 1px 1px 5px #34091c;
	z-index: 1;
}

.wcsubmenu:hover .wcsubmenu-content {
	display: block;
	color: #34091c;
	z-index: 1;
}

.wcsgtop {
	position: absolute;
	padding: 10px;
	bottom: 10px;
	right: 10px;
	width: 100px;
	border: 3px dotted #ed5094;
	background-color: #fceefb;
	border-radius: 10px;
	color: #34091c;
}

#wcsgTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	border: 1px solid #ed5094;
	background-color: #c21460;
	font-size: 1.2em;
	color: #34091c;
	outline: none;
	cursor: pointer;
	padding: 15px;
	border-radius: 5px;
	z-index: 99;
}

#wcsgTop:hover {
	background-color: #ed5094;
}
/* end header and navigation */

/* posts and pages */
.main_content {
	padding: 0px;
	line-height: 1.3;
	margin-left: 0px;
	margin-right: 0px;
	color: #000026;
}

.wcbar {
	width: 60%; 
	border-width: 3px;
	border-style: solid; 
	border-color: #34091c; 
	box-shadow: 1px 1px 5px #c21460;
}

.wcbar_wide {
	border-width: 5px;
	border-style: solid; 
	border-color: #34091c; 
	box-shadow: 1px 1px 10px #c21460;
}

.bluebar {
	border: 4px solid blue; 
	box-shadow: 5px 5px 10px black;
}

.pcatg {
	font-size: 0.9em;
	color: #34091c;
}

a.pcatg_l {
	color: #34091c;
}

a.pcatg_l:hover {
	color: #fcdfeb;
}

.ptags {
	font-size: 0.9em;
	color: #5a5a5a;
	font-style: italic;
}

.latestpost {
	font-family: 'Dancing Script', cursive;
	padding: 10px;
	color: #34091c;
	font-weight: 600;
	letter-spacing: 1.2px;
}

a.latestpost {
	color: #fcdfeb;
}

a.latestpost:hover {
	color: #660b32;
}

.latestpost h1 {
	font-family: 'Dancing Script', cursive;
	font-size: 1.4em;
	letter-spacing: 1px;
}

.latestpost h2 {
	font-family: 'Dancing Script', cursive;
	font-size: 1.5em;
	letter-spacing: 1.2px;
	color: #fcdfeb;
}

.latestpost h3 {
	font-family: 'Dancing Script', cursive;
	font-size: 1.5em;
	letter-spacing: 1.2px;
	color: #34091c;
}

.wcsgposttitle_light {
	font-family: 'Alex Brush', cursive;
	font-size: 1.5em;
	color: #fcdfeb;
	text-shadow: 2px 2px 5px #660b32;
	letter-spacing: 1.3px;
}

.wcsgposttitle {
	font-family: 'Alex Brush', cursive;
	font-size: 1.5em;
	color: #34091c;
	text-shadow: 2px 2px 5px #fcdfeb;
	letter-spacing: 1.3px;;
}
.wcsgpostsubtitle {
	font-family: 'Alex Brush', cursive;
	font-size: 1.2em;
	color: #c21460;
	text-shadow: 2px 2px 5px #fcdfeb;
	text-align:center;
}

.wcsgpostdate {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	color: #c21460;
}

.wcsgpostexcerpt {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	color: #34091c;
}

.wcsgfeatimg {
	border-radius: 20px;
	box-shadow: 5px 5px 10px 2px rgba(52,17,9,0.5);
	float: right;
	margin: 10px;
}

.feat_caption {
	font-size: 0.9em;
	color: #5a5a5a;
	text-shadow: 1px 1px 3px #999;
}

.pubdate {
	color: #34091c;
	font-size: 0.9em;
	font-weight: 800;
}

.postauth {
	font-size: 1.0em;
	color: #660b32;
}
a.postauth {
	font-size: 1.0em;
	color: #660b32;
	font-weight: bold;
	text-shadow: 1px 1px 5px #ed5094;
}

a.postauth:hover {
	font-size: 1.0em;
	color: #fcdfeb;
}

.postfeatured {
	box-shadow: 5px 5px 10px #34091c;
	border-radius: 10px;
	margin: 10px;
	max-width: 90%;
}

.wcsgpexcerpt {
	color: #34091c;
	font-style: italic;
}

blockquote {
	color: black;
	font-size: 1.1em;
	font-weight: 500;
	font-family: Roboto, sans-serif;
	text-shadow: 1px 1px 5px #c0c0c0;
	background-color: rgba(240, 255, 255,0.5);
	background-color: rgb(240, 255, 255);
	border-radius: 15px 15px 15px 15px;
	padding: 20px; 
	border: 1px dotted #b3b3ff;
	box-shadow: 5px 5px 10px 1px #dbdbff;
	width: 95%;
	margin: auto;
}

.wccomment {
	font-size: 1.1em;
	font-weight: 500;
	font-family: Roboto, sans-serif;
	text-shadow: 1px 1px 3px #c0c0c0;
	background-color: rgba(245,245,255,0.5);
	background-color: rgb(245,245,255);
	border-radius: 15px 15px 15px 15px;
	padding: 20px; 
	border: 1px dotted #b3b3ff;
	box-shadow: 5px 5px 10px 1px #dbdbff;
	width: 100%;
	margin: auto;
}

a.wccomment {
	word-wrap: break-word;
}

.wccomment::after {
	clear: both;
	content: "";
}

.replyto {
	background-color: rgba(179,179,255,0.4);
	padding: 5px;
	font-weight: bold;
	border: 1px solid #e6e6ff;
	border-radius: 10px;
	box-shadow: 2px 2px 7px #b3b3ff;
	width: 60%;
	margin-bottom: 10px;
}

.wcfl::first-letter {
	font-size: 2.0em;
	color: #34091c;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
	line-height: 1.0;
	float: left;
	background-color: rgba(237,80,148,0.4);
	background-color: rgb(237,80,148);
	border-radius: 3px;
	padding: 8px;
	margin: 3px;
}

.wcquote {
	font-weight: 550;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 1.2em;
	color: black;
	text-shadow: 0px 1px 3px #777;
	line-height: 1.3;
	background-color: #f5f5ff;
	border-radius: 15px 15px 15px 15px;
	padding: 25px;
	border: 1px dotted #34091c;
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.3);
	width: 85%;
	margin: auto;
}

.wcquote::after {
	content: none;
	clear: both;
}

.wcquote-banner::before {
	content: "\"";
	position: relative;
float: left;
    top: -30px;
	left: -30px;
	padding: 5px;
	color: #483D8B;
	background-color: #d0d0d0;
	font-family: 'Alex Brush', cursive;
	font-size: 100px;
	opacity: 0.5;
}

.wcquote-banner {
	color: #483D8B;
	font-weight: 500;
	text-shadow: 1px 1px 5px #808080;
	display: block;
	background-color: rgba(255, 255, 240,0.5);
	background-color: rgb(255, 255, 240);
	border-radius: 0 10px 90px 10px;
	padding: 25px; 
	border: 1px dotted #b3b3ff; 
	box-shadow: 5px 5px 10px 1px #dbdbff;
	margin-left: 25px;
	margin-right: 15px;
	overflow: hidden;
}

.wcquote-banner::after {
	content: normal;
	clear: both;
}

.quoteltr::before {
	content: "quote";
	float: left;
	position: relative;
	rotate: 270deg;
	padding: 10px;
	margin: 0px;
	background-color: #ffecef;
	color: #483D8B;
	font-family: 'Alex Brush', cursive;
	font-size: 2.0em;
	font-weight: 560;
	letter-spacing: 1.1px;
	opacity: 0.9;
	z-index: -1;
}

.quoteltr {
	color: black;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	line-height: 1.3;
	display: block;
	background-color: rgba(240, 255, 240,0.5);
	border-radius: 90px 10px 90px 10px;
	padding: 15px; 
	border: 1px dotted #b3b3ff; 
	margin-left: 20px;
	margin-right: 5px;
	overflow: hidden;
}

.quoteltr::after {
	content: normal;
}

cite {
	font-size: 0.9em;
	font-style: italic;
	font-weight: 500;
	color: #777;
	padding: 0px;
}

cite::before {
	content: "↪ ";
}

.randomquo::before {
	content: "quote";
	float: left;
	position: relative;
	rotate: 270deg;
	padding: 5px;
	margin-top: 3px;
	margin-left: -10px;
	border: 1px dotted #34091c;
	background-color: rgba(252,223,235,0.2);
	background-color: rgb(253, 232, 240);
	color: #34091c;
	font-family: 'Alex Brush', cursive;
	font-size: 2.0em;
	font-weight: 560;
	letter-spacing: 1.1px;
	opacity: 0.9;
	z-index: 0;
}

.randomquo {
	border-radius: 0px 0px 60px 0px;
	border: 1px dotted #34091c;
	box-shadow: 1px 1px 8px 1px #660b32;
	padding: 0px;
	width: 60%;
	margin: 0;
	margin: auto;
	width: 60%;
	background-color: rgba(237,80,148,0.5);
	background-color: rgb(237,80,148);
	overflow: normal;

}

@media (max-width: 800px) {
	.randomquo {
		width: 80%;
	}
}

.randomquo::after {
	content: normal;
	clear: both;
}

.randomquo > p {
	color: #2b0818;
	text-shadow: 2px 2px 5px #fceefb;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-shadow: 2px 2px 6px #808080;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4;
	padding: 10px;
	margin: 10px;
}

.randquo {
	color: #34091c;
	text-shadow: 2px 2px 5px #fceefb;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-shadow: 2px 2px 5px #808080;
	font-size: 1.1em;
	line-height: 1.4;
	border-radius: 5px;
	box-shadow: 1px 1px 8px 1px #660b32;
	padding: 15px;
	width: 60%;
	margin: auto;
	text-align: center;
	background-color: #ed5094;
}

.randquoauth {
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	line-height: 1.4;
	font-style: italic;
}

@media (max-width: 800px) {
	.vembeds {
		width: 100%;
	}
}
@media (max-width: 800px) {
	blockquote .wccomment {
		width: 95%;
	}
}

.comments_title {
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	letter-spacing: 1.2px;
	color: #34091c;
}
.comment_info {
	font-size: 1.0em;
	color: #34091c;
}
.replyquo {
	margin-left: 20px;
}

.abouttitle {
	font-family: 'Caveat', cursive;
	font-size: 1.8em;
}

.sitemp h1 {
	font-family: 'Caveat', cursive;
	font-size: 1.5em;
	letter-spacing: 1px;
}

.sitemp h2 {
	font-family: 'Caveat', cursive;
	font-size: 1.3em;
	letter-spacing: 1px;
}

.sitemp h3{
	font-family: 'Caveat', cursive;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.wcreaction {
	margin: 2px;
	border-radius: 5px;
	vertical-align: text-bottom;
}

/* end posts and pages */

/* footer */
.tnyc_ftr_title {
	color: #660b32;
	text-shadow: 1px 1px 3px #c0c0c0;
	font-size: 0.9em;
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}
a.tnyc_ftr_title {
	color: #660b32;
	text-decoration: none;
}

a.tnyc_ftr_title:hover {
	color: #ed5094;
}

.tnycftr {
	background-color: #34091c;
	padding: 20px;
	color: #ed5094;
	border-width: 10px;
	border-style: outset none none none;
	border-color: #660b32;
	border-radius: 0px 0px 25px 25px;
	box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.3);
}

.tnycftr h1 {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 2.0em;
}
.tnycftr h2 {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 1.8em;
}
.tnycftr h3 {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 1.5em;
}
.tnycftr h4 {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 1.3em;
}
.tnycftr h5 {
	font-family: 'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 1.1em;
}

.tnycftr h6 {
	font-family:  'Dancing Script', cursive;
	text-shadow: 2px 2px 2px black;
	font-size: 0.9em;
}

.ftrpeeps a {
	color: #fceefb;
	text-shadow: 1px 1px 2px black;
	text-decoration: none;
}

.ftrpeeps:hover a{
	color: #c21460;
	text-shadow: 1px 1px 2px black;
}

.ftrpeeps:visited a {
	color: #fceefb;
}

/* ftr cols */
.ftrcol {
	float: left;
	padding: 20px;
	width: 50%;
	color: #c21460;
}

.ftrrow {
	vertical-align: middle;
	width: 90%;
	margin: auto;
	color: #c21460;
}
/* Clear after ftr*/
.ftrrow::after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 600px) {
	.ftrcol {
		width: 100%;
	}
}

a.wcsgftrl {
	font-family: 'Dancing Script', cursive;
	font-size: 1.2em;
	text-shadow: 3px 3px 2px #000000;
	text-decoration: none;
	letter-spacing: 1px;
	color: #ed5094;
}

a.wcsgftrl:hover {
	color: #fcdfeb;
}
/* end footer */

.wcsgredir {
	background-color: black;
	color: cyan;
	font-size: 1.4em;
	padding: 15px;
	margin: auto;
	width: 85%;
	border-radius: 20px;
	box-shadow: 5px 5px 10px 3px #333;
}

/* home page */
.anim-text {
	position: relative;
	background-color: #c0c0c0;
	animation-name: teeit;
	animation-duration: 5s;
	animation-iteration-count: 3;
	animation-delay: 3s;
}

@keyframes teeit {
	from {background-color: gray;}
	to {background-color: white;}
	0% {background-color: #34091c; color: #fceefb; left:0px; top:0px;}
	25% {background-color: #660b32; color: #fceefb; left:200px; top:0px;}
	50% {background-color: #c21460; color: #fceefb; left:200px; top:200px;}
	75% {background-color: #ed5094; color: #fceefb; left:0px; top:200px;}
	100% {background-color: #fceefb; color: #34091c; left:0px; top:0px;}

}

.gcols {
	padding: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px #34091c;
}

.latestloqr {
	display: grid;
	grid-template-areas: 'left middle right';
	grid-column-gap: 20px;
	width: 100%;
} 

.latestloqrcl, .latestloqrcm, .latestloqrcr {
	padding: 10px;
}

.latestloqrcl {
	grid-area: left;
}

.latestloqrcm {
	grid-area: middle;
}

.latestloqrcr {
	grid-area: right;
}
@media (max-width: 800px) {
	.latestloqr {
		grid-template-areas: 'left left' 'middle middle' 'right right';
	}
}

.latestloqfeatured {
	border-radius: 10px;
	box-shadow: 5px 5px 10px #34091c;
	text-align: center;
	padding: 10px;
	align-items: center;
	vertical-align: middle;
}

.latestloqfeatured h2 {
	font-family: 'Caveat', cursive;
}
.latestloqfeatured > p {
	padding: 15px;
}

.latestloqfeatured p {
	color: #fcdfeb;
	font-style: italic;
}

.latestloqfeatured img {
	border-radius: 25px;
	border: 3px double #34091c;
	height: auto;
	width: 98%;
}

.latestloqfeatured a {
	color: #ed5094;
	text-decoration: none;
}

.latestnewp {
	color: #fcdfeb;
	text-shadow: 3px 3px 10px #34091c;
	font-size: 1.2em;
	position: relative;
	animation-name: newpost;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

.latestnew {
	background-image: radial-gradient(#0066CC 30%, #00CC99 100%);
	border-radius: 30px;
	box-shadow: 2px 2px 5px #34091c;
	color: white;
	width: 70%;
	margin: auto;
	padding: 10px;
	font-size: 1.0em;
	text-align: center;
	position: relative;
	animation-name: newpost;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

@keyframes newpost {
	from {left: -40px;}
	to {left: 25px;}
}

.latestnew a {
	color: #00ff99;
	text-decoration: none;
	font-weight: bold;
}

.hiphopdv {
	background-image: linear-gradient(180deg, #9B9595, #E5926C);
	padding: 20px;
	border: 5px double black; 
	border-radius: 20px;
	text-align: center;
}

.hiphop a{
	color: #990033;
	letter-spacing: 1px;
	font-size: 2.8em;
	font-family: 'Sedgwick Ave Display', cursive;
	text-decoration: none; 
	text-shadow: 2px 2px 5px #4d004d;
	text-align: center;
}

.hiphop:hover a {
color: blue;
}

.pinkitup {
	background-image: linear-gradient(to bottom right,#ffe6ff,#fceefb,#efa9ed);
	color: #34091c;
	padding: 10px;
	border: 2px dotted #f3bef1;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 2px #f2baf1;
}
/* end home page */

@media (max-width: 800px) {
	.smls {
		width: 95%;
	}
}

@media only screen and (max-width: 500px) {
    .smlsc {
		width: 95%;
	}
}

/* WP css xfers */
.tshadw {
	text-shadow: 1px 1px 2px black;
}

.aligntop {
vertical-align: text-top;
}
.aligncenter {
	text-align: center;
	vertical-align: middle;
}
/* end WP css xfers */

/* view single image */
#tcImg { /* id */
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s;
	box-shadow: 5px 5px 15px #808080;
}

#tcImg:hover {opacity: 0.7;}

.imageBG { /* background area */
	display: none; /* default */
	position: fixed;
	z-index: 1;
	padding-top: 50px;
	left: 0;
	top: 0;
	width: 90%;
	overflow: auto; /* scroll option */
	background-color: rgb(102,11,50); /* option2 */
	background-color: rgba(52,9,28,0.9504);
}

/* imaging viewing */
.viewImage {
	max-width: 1000px;
	display: block;
	width: 80%;
	margin: auto;
}

#picinfo {
	max-width: 700px;
	width: 80%;
	height: 150px;
	margin: auto;
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #ccc;
}

.viewImage, #picinfo {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}

/* close image */
.xClose {
	transition: 0.3s;
	top: 15px;
	right: 35px;
	position: absolute;
	color: #fcdfeb;
	font-size: 2.0em;
	font-weight: bold;
	font-family: 'Caveat', cursive;
}

.xClose:hover,
.xClose:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 800px){
	#tcImg {
		width: 100%;
		margin: auto;
	}
}
/* end view single image */

/* images gallery lightbox */
.picrow > .piccolumn {
	padding: 0 8px;
}

.prow::after {
	content: "";
	display: table;
	clear: both;
}

.pcolumn {
	float: left;
	width: 25%;
}

/* gallery bg */
.picsBackground {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #34091c;
}

/* pic viewing */
.picLightbox {
	position: relative;
	background-color: #fcdfeb;
	border-radius: 15px;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}

 .xClosePic {
	color: #fcdfeb;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.xClosePic:hover,
.xClosePic:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.allPics {
	display: none;
}

.pcursor {
	cursor: pointer;
}

.prevpic, .nextpic {
	top: 50%;
	margin-top: -50px;
	position: absolute;
	width: auto;
	padding: 16px;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 3.0em;
	color: #2e0517;
	background-color: rgba(252,223,235,0.3);
	transition: 0.6s ease;
	user-select: none;
	-webkit-user-select: none;
}

.nextpic {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* theme dark color */
.prevpic:hover,.nextpic:hover {
	background-color: rgba(52,9,28,0.6);
}

/* pagination - bubble gum pink */
.picnum {
	position: absolute;
	top: 0;
	padding: 8px 12px;
	font-size: 1.1em;
	color: #fcdfeb;
}

img.galleryimg {
	margin-bottom: 10px;
	border-radius: 15px;
}

.picCaption {
	background-color: #34091c;
	color: #c21460;
	text-align: center;
	padding: 2px 16px;
}

.picPrvw {
	opacity: 0.6;
}

.picActive, .picPrvw:hover {
	opacity: 1;
}

img.picHovershadow {
	transition: 0.3s;
	box-shadow: 5px 5px 15px #808080;
}

.picHovershadow:hover {
	box-shadow: 0 4px 8px 0 rgba(52,9,28,0.2), 0 6px 20px 0 rgba(52,9,28,0.19);
}

@media only screen and (max-width: 800px){
	.pcolumn .galleryimg {
		height: 90%;
		width: 90%;
	}
	.displayPics .picLightbox .prow {
		height: 100%;
	}
}
/* end images gallery */

/* diary */
.tdiary {
	line-height: 1.5;
}
/* end diary */

/* cclc cols */
.cclc_hdr_links {
	background-color: #b30000;
	color: #ff9900;
	cursor: pointer;
	padding: 10 0px;
	flex-wrap: wrap;
	width: auto;
	text-align: center;
	font-size: 1.2em;
	border-radius: 5px;
	outline: 2px solid #b35600;
	box-shadow: 3px 3px 10px #b35600;
}

.active, .cclc_hdr_links:hover {
	background-color: #800000;
	color: white;
}

.cclchlc {
	padding: 0px;
	display: none;
	overflow: hidden;
	background-color: #fff2e6;
}

.cclcpg {
	width: 95%;
	border-radius: 25px;
	box-shadow: 5px 5px 10px rgba(52,17,9,0.5);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}

.cclchdr {
	padding: 15px;
	font-family: 'Quicksand', sans-serif;
}

.knfs {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.0em;
}

.knfs_title {
	font-size: 2.0em;
	font-weight: bold;
	font-family: 'Red Hat Display', sans-serif;
}

.knfs_subtitle {
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Red Hat Display', sans-serif;
}

.knfs a {
	color: #b35900;
}

a.knfs:hover {
	color: #ffcc99;
}

a.knfs:visited {
	color: #997300;
}

.cclc_hdr_col {
	float: left;
	padding: 5px;
	width: 32%;
	color: #cc0000;
	font-family: 'Quicksand', sans-serif;
}

.cclc_hdr_row {
	vertical-align: middle;
	width: 100%;
	margin: auto;
	color: #cc0000;
	background-color: #fff2e6;
	border-width: 10px 0px 10px 0px;
	border-color: #b35600;
	border-style: inset;
}
/* Clear after row */
.cclc_hdr_row::after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 800px) {
	.cclc_hdr_col {
		width: 100%;
	}
}

.cclc_main_content {
	padding: 15px;
	margin: auto;
}
.cclc_ftr {
	background-color: #b35900;
	padding: 0px;
	border-radius: 0px 0px 10px 10px;
	border-width: 10px 0px 0px 0px;
	border-color: #e66f00;
	border-style: outset;
	color: #ffbf80;
}

.cclcftrl {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.2em;
	text-shadow: 2px 2px 6px #000000;
	text-decoration: none;
	letter-spacing: 1px;
	color: #ffe6cc;
}

a.cclcftrl:hover {
	color: gray;
	text-decoration: none;
}

.cclc_ftr_col {
	float: left;
	padding: 20px;
	width: 44%;
	vertical-align: middle;
}

.cclc_ftr_row {
	text-align: center;
	margin: auto;
}

.cclc_ftr_row::after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 800px) {
	.cclc_ftr_col {
		width: 100%;
	}
}

.cclcpostauth {
	font-size: 1.0em;
	color: #4d2500;
}

a.cclcpostauth {
	font-size: 1.0em;
	color: #4d2500;
	font-weight: bold;
	text-shadow: 1px 1px 5px #777;
}

a.cclcpostauth:hover {
	font-size: 1.0em;
	color: #800000;
}

a.cclctags {
	font-size: 0.9em;
	color: #4d2500;
	font-style: italic;
	font-weight: bold;
}

a.cclctags:hover {
	color: red;
}

/* end cclc */

/* pulp */
.pulpwelc {
	overflow: hidden;
	background-color: #660b32;
	border-style: outset none inset none;
	border-width: 5px;
	border-color: #ed5094;
	vertical-align: middle;
	padding: 15px;
}

.pulp_title {
	font-size: 1.5em;
	color: #fcdfeb;
	letter-spacing: 1.3px;
}

.pulp_title_welcome {
	font-size: 1.8em;
	color: #fcdfeb;
	letter-spacing: 1.2px;
	font-family: 'Dancing Script', cursive;
	text-align: center;
}

.pulp_title_l a {
	color: #fcdfeb;
	text-decoration: none;
}

.pulp_title_l:hover a {
	color: #ed5094;
}

.pulp_title a {
	color: #fcdfeb;
	text-decoration: none;
}

.pulpdate {
	color: #ed5094;
	font-size: 0.9em;
	font-weight: 800;
}

.pulpauth {
	font-size: 1.0em;
	color: #c21460;
}
a.pulpauth {
	font-size: 1.0em;
	color: #c21460;
	font-weight: bold;
	text-shadow: 1px 1px 5px #34091c;
}

a.pulpauth:hover {
	font-size: 1.0em;
	color: #fcdfeb;
}

.pulpcatg {
	font-size: 0.9em;
	color: #ed5094;
}

a.pulpcatg_l {
	color: #ed5094;
}

a.pulpcatg_l:hover {
	color: white;
}

.bookcase {
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px;
	grid-gap: 20px;
	width: 90%;
}

.bookshelf {
	font-size: 1.1em;
	color: #34091c;
	padding: 20px;
	border: 5px double #e0e0e0;
	border-radius: 20px;
	box-shadow: 5px 5px 15px grey;
}
@media screen and (max-width: 800px) {
	.bookcase {
	    display: inline;
		width: 100%;
	}
}

/* end pulp */