:root {
	--header-font: "font-family:Poppins";
	--nav-font: "font-family:'Oswald', sans-serif, Arial, Verdana, Tahoma, sans-serif";

	/* COLORS */
    --main-bg-color: #2f2f2f;
	--sec-bg-color: #00000028;
    --sel-tex-hover-col: #73b4a5;
    --border-color: #c71616;
	--bg-light-col-rgb: 247, 247, 247;
}

body, html {
    /*height:100%;*/
}

body {
    /*
    -webkit-animation: bgcolor 10s infinite;
    animation: bgcolor 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
	/*background-image: url("bg.png");*/
	/*font-family:'Oswald', sans-serif, Arial, Verdana, Tahoma, sans-serif;*/
	color:#fff;
	font-size:0.8em;

    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}

.tq-bg-light {
	background-color: rgba(var(--bg-light-col-rgb), 0.7) !important;
}

.tq-1s-fblink {
    animation: blinker 1.5s linear infinite;
}

.tq-b-shadow1 {
	box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;
}

.tq-b-shadow2 {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@keyframes blinker {
    0%,100% { opacity: 0 }
    50% { opacity: 1 }
}

.tq-sec-color {
	background-color:var(--sec-bg-color) !important;
}

.tq-font {
	font-family:'Oswald', sans-serif, Arial, Verdana, Tahoma, sans-serif;
}

.navbar-tq {
    background-color: var( --main-bg-color, black );
	font-family:'Oswald', sans-serif;
	border-color: var(--border-color) !important;
	border-bottom: 2px solid;
}

.footer-tq {
    background-color: var( --main-bg-color, black );
	font-family:'Oswald', sans-serif;
}

.tq-info-container {
	min-height: 200px;
	min-width: 400px;
}


a:hover, a.active, a:active, li:hover, .active, li.active {
	color:var( --sel-tex-hover-col, white ) !important;	cursor:pointer; 
}

#nav ul {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
}



/*


#nav ul li:hover > ul {
	display:block;
}

#nav li, #nav-right {
	text-shadow:0 2px 0 #1A1A1A;
	font-family:'Oswald', sans-serif;
	font-size:1.2em;
	line-height:1.4;
	margin-right:15px;
	float:left;
}

#nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}

#nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
}

#nav ul ul li a {
	padding: 15px 40px;
	color: #fff;
}

#nav ul ul li a:hover {
	background: #4b545f;
}

#nav-right {
	float:clear;
	float:right;
	margin:0;
	padding:0;
}

#nav-right a {
	margin-left:15px;
}

#nav a {
	text-decoration:none;
	color:#fff;
}

#nav a:hover, #nav a.active {
	color:#73b4a5;	cursor:pointer;
}
h1 {
	font-weight:bold;
	font-size:2.0em;
	line-height:1;
	margin:10px 0 10px 0;
}

h2 {
	text-shadow:0 1px 1px #000;
	color:#73b4a5;
	font-size:1.1em;
	line-height:1;
	margin:10px 0 15px 0;
}
*/

#content {
	margin:10px auto 10px auto;
	padding:0px 5px 5px 5px;
    overflow:visible;
}
#footer {
	font-size:0.8em;
	color:#777777;
}

#footer p {
	margin:0;
}

.content-box {
	background-color:#272727;
	padding:10px;
}

.content-box h1 {
	text-shadow:0 2px 0 #1A1A1A;
	margin-top:0;
}
	
.post {
	padding:10px;
	background-color:#272727;
	position:relative;
	color:#d3d3d3;
	margin-top:10px;
	margin-bottom:10px;
    overflow:visible;
}

.post .date {
	text-shadow:0 1px 0 #000;
	font-weight:bold;
	font-size:0.8em;
	color:#7FC1FF;
	position:absolute;
	top:5px;
	right:10px;
}

.post h1 {
	font-size:1.4em;
	line-height:1;
	text-shadow:0 2px 0 #1A1A1A;
	color:#7FC1FF;
	margin:0 0 10px 0;
}

.post .author {
	font-size:0.8em;
	margin:-10px 0 10px 0;
}

.post p {
	margin:0 0 10px 0;
	font-size:1.0em;
	color:#d3d3d3;
}

.post a {
	color:#7FC1FF;
}

.post .line-separator {
	height:1px;
	background:#313030;
	margin:10px 0 10px 0;
}

.post img {
	border: 4px solid white;
	list-style-type:none;
	list-style:none;
}

.post ul {
	list-style-type:none;
	list-style:none;
	margin:0px;
	padding:15px;
}

.post ul > li {
	display:inline-block;
}
.round {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.line-separator {
	height:1px;
	background:#313030;
	margin:10px 0 10px 0;
}

.tag {
	background-color:#73b4a5;
	font-size:0.8em;
	font-weight:bold;
	color:#42645c;
	text-shadow:0 1px 0 #87d6c4;
	display:inline-block;
	padding:3px 5px 3px 5px;
	margin:5px 8px 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.hide {
	display:none;
}

.center {
	text-align:center;
}

.quote {
	border:1px solid #2b2b2b;
	font-style:italic;
	font-size:0.8em;
	margin:30px;
	padding:10px;
	background-color:#2f2f2f;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;
	position:relative;
}