/* colors.css */

body {
	background: center/cover url('../images/IMG_20240108_225004.jpg') no-repeat;
	color: #303;
	min-height: 100%;
}

#container{ 
	background-color: rgba(196, 112, 173, .80); /*#c470ad; */ /* #ccf; */
	color: #303;
}

div#mainColumn {	background-color: rgba(196, 112, 173, .80); }

html, button, input, select, textarea { color: #303; }

::-moz-selection { background: #fe57a1; color: #fff; }
::selection { background: #fe57a1; color: #fff; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }

hr { border-top: 1px solid #ccc; }
ins { background: #ff9; color: #000; }
mark { background: #ff0; color: #000; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

.chromeframe { background: #ccc; color: black; }

nav a{
	background:#e44d26;
	color:white;
}

nav a:hover, nav a:visited{
	color:white;
}

#main aside{
	color:white;
}

#footer-container footer{
	color:#222;
}

#header-container,
#main aside{
	-webkit-box-shadow:0 5px 10px #aaa;
	        box-shadow:0 5px 10px #aaa;
}

#copyright{
	color: #eee;
}

.pullout{
	border:1px dashed #aac;
	background-color:gray;
	color: #ccc;
}

#nav li,
#navigation li
	{
	background-color: gray; /* #ffc; */
	}
#nav li a:hover, 
#nav li a:active,
#navigation li a:hover, 
#navigation li a:active 
 	{
	background-color:#0ff;
	}

#pageTitle { color: blue; }

#pageFooter
	{
	border: 1px solid #aac;
	}

#pageFooter #nav li,
#pageFooter #navigation li
	{
	background-color: #ccf;
	}
#pageFooter #nav li a:hover,
#pageFooter #nav li a:active,
#pageFooter #navigation li a:hover,
#pageFooter #navigation li a:active
	{
	background-color: #ccf;
	}