/* 
Rogues Dark Alternative
*/
/* Body Style ************************************************************Body!**********************/
body {background-color: #0E2211; color: #EAF1EB;}

/*****NAV*****************************************************************Navigation****************/
nav {background-color: #2F7038; } 
nav a {color: #0E2211;;}
nav a:hover { 	background-color:#C0C0C0;	color: #0E2211;}
nav ul li { background-color: #2F7038; }
nav ul li ul li:hover { background: #C0C0C0; }

@media all and (max-width : 768px) {
		.toggle {color:#FFF;}
		.toggle:hover { background-color: #C0C0C0; color:#0E2211; }
		
		nav a:hover, nav ul ul ul a { background-color: #C0C0C0; }
	
		nav ul li ul li .toggle, nav ul ul a { background-color: #716c42; }
	
		nav ul ul {	  	color: #0E2211;}
	}	
	
	
	.web-nav > li {background-color: #0E2211; color: #EAF1EB;}
	.web-nav a {color: #EAF1EB;}
	.web-nav a:hover {background-color: #AEC8A4; color: #0E2211; }
	
@media all and (max-width : 330px) {
	.web-nav > li {border: 1px solid #CBDBCD;  } 
}
	
	/***********************end nav****************/
/********************************************************************Header!********************/
header {background-color: #2F7038;}
h1 {color: #C0C0C0; border-bottom-color:#C0C0C0 }
h3 {	color:  #6D9B74; border-bottom-color: #6D9B74;}
h4 {border-bottom-color: #EAF1EB;}


/**********************************************************************Font!********************/
.font1 {color: #C0C0C0;}





/*********************************************************************Footer!************************/
footer {background-color: #716c42; color: rgb(200,200,200);}



/*********************************************************************Button!************************/
.button{	background: #CBC8C5; 	color: #0E2211;}


/*******************************************************************Cite!***************************/

cite {background-color: rgb(172, 198, 175);	background-color: rgba(172, 198, 175,0.3);}

/**************************************************************************link!*********************/
a {color: #EAF1EB;}

a:visited{color: #aeb8aa;}

/*********************************************************************Content!************************/
.content p {color: #EAF1EB;}

.content ol {	color: #EAF1EB;	}

#WEBDESIGN-RATES td, th {border-bottom-color: #EAF1EB;}

/**************************************************************************colours!********************/
/*  'slither green':
HEX #2f7038
RGB rgb(47, 112, 56)
HSV hsv(128°, 58%, 44%)
HSL hsl(128°, 41%, 31%)
CMYK cmyk(58%, 0%, 50%, 56%)

 scale in hex 
------------------------
   
    100: #EAF1EB
    200: #CBDBCD
    300: #ACC6AF
    400: #6D9B74
 -> 500: #2F7038
    600: #2A6532
    700: #1C4322
    800: #153219
    900: #0E2211
 *****************************/
.blue {background-color: #2734b0;} /*alt rgb(39,52,176)*/

.blue2 {background-color: #816ed0;color: #0E2211}

.blue3 {
background: linear-gradient(to bottom, rgba(39,52,176,0) 0%,rgba(39,52,176,1) 50%,rgba(39,52,176,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	background-image: linear-gradient( rgb(39,52,176,0), rgb(39,52,176,1), rgb(39,52,176,0)); /*rgb(184,179,150)*/
}


.brown {background-color: #716c42;}
/*Brown Alternates
dark brown : rgb(42,14,15);
*/
.silver {background-color: #C0C0C0;}
/*silver alternate
rgb(192,192,192)
*/

.orange {background-color: #f0a621;color: #0E2211;}/*alt rgb(240,166,33,1)*/

.green {background-color: #287e06;}/*alt rgb(40,126,6)*/

.yellow {background-color: #f7cd21; color: #0E2211;}

.white {background-color: #EAF1EB; color: #0E2211;}

.purple {background-color: #b71b98;}

.red2 {background-color: #35761b;}/* darker*/

.red {background-color: #ac1303;}/*alt rgb(172,19,3)*/




/************************************************************************Singles!********************/