/* ========================================
	Theme Variables
   ======================================== */
:root {
	--body_bg: #EEF9FF;
	--page_bg: rgba(238, 249, 255, 0.94);
	--page_bg_top: var(--page_bg);
	--page_bg_bottom: rgba(248, 252, 255, 0.97);
	--cont_box_bg: rgba(61, 118, 255, 0.9);
	
	--text_color: #370000;
	--text_heading: #b80808;
	
	--link: #6d0000;;
	--link_viited: rgba(132, 0, 0, 0.837);
	--link_active: rgba(132, 0, 0, 0.837);
	--link_hover: rgba(132, 0, 0, 0.837);
	
	--nav:  #b80808;
	--nav_viited: rgba(184, 8, 8, 0.837);
	--nav_active: #d80505;
	--nav_hover: #d80505;
	
	--page_border: rgba(0, 6, 188, 0.766);

}


/* ========================================
   Global
   ======================================== */

body {
	background-color: #e2e8ff;
	background-image:  url(https://cache.e-cards.com/images/backgrounds/4thBG.gif);
	background-size: auto;
	background-repeat: repeat;
	color: var(--text_color);
}
   
a:link {
	color: var(--link)
}
a:visited {
	color: var(--link_visited);
}
a:hover {
	color: var(--link_hover);
}
a:active {
	color: var(--link_cative);
}


h1,
h2,
h3 {
	color: var(--text_heading);
}


/* ========================================
   Page Container
   ======================================== */

#page {
	background-color: var(--page_bg_top);

	background: linear-gradient(
		to bottom,
		var(--page_bg_top) 0%,
		var(--page_bg_bottom) 100%
	);

	border-color: var(--page_border);
}



/* ========================================
   Logo
   ======================================== */



/* ========================================
   Left Nav
   ======================================== */

#left_nav li::before {
	content: "💥";
}

#left_nav li {
	color: var(--nav);
}

#left_nav li:hover {
	color: var(--nav_hover);
}

#left_nav li:active {
	color: var(--nav_hover);
}

#left_nav li:visited {
	color: var(--nav_hover);
}




/* ========================================
   Content Boxes
   ======================================== */
.content_box {
}

.content_box {
}

.content_box_title {
}

.content_box_content {
	color: var(--body_text);
}





/* ========================================
   Misc
   ======================================== */