/* ========================================
	Theme Variables
   ======================================== */
:root {
	--bg_img: url('https://cache.e-cards.com/images/backgrounds/blueFlake.gif');
	
	--body_bg: #FFFFFF;
	--page_bg: rgba(234, 247, 255, 0.97);
	--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: #970000;
	--text_heading: #b92211;
	
	--link: #da1d1d;;
	--link_viited: rgba(218, 29, 29, 0.833);
	--link_active: #535eff;
	--link_hover: #535eff;
	
	--nav:  #535eff;
	--nav_viited: #535eff;
	--nav_active: #535eff;
	--nav_hover: #535eff;
	
	--page_border: #f5d46b;

}


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

body {
	background-color: #e2e8ff;
	background-image: var(--bg_img);
	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: 2px solid 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
   ======================================== */