@CHARSET "UTF-8";

@media screen {
	.browser * {
		color:#5E5E5E;
		text-shadow: 1px 1px 1px white;
	}

	.browser .civilization {			
		background-color: #89BCDB;
		background: -webkit-gradient(linear, left top, left 500, from(#89BCDB), to(#E4ECF4));
		background: -moz-linear-gradient(#89BCDB, #E4ECF4, 500px);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89BCDB', endColorstr='#E4ECF4');
	}
	
	.browser .civilization {
		background:white url(../img/civilization.jpg) no-repeat top left;
	}
	.growing {
		background:white url(../img/growing.jpg) no-repeat bottom left;
	}
	.outlaw {
		background:white url(../img/outlaw.gif) no-repeat bottom left;
	}

	.blue {
		background:#5598D7;
	}
	.blue .nav li a {
		border-top:1px solid transparent;
		border-bottom:1px solid transparent;
	}
	.blue li.selected a {
		background:#CBE0F2; /* a light blue */
		border-top:1px solid #5598D7; /* a darkish blue */
		border-bottom:1px solid #5598D7; /* a darkish blue */
	}
	.blue li a:hover { /* applied after [name='selected'] */
		background:#F5F6BE; /* firefox security beige */
		color:black;
		opacity:1;
		border-top:1px solid #5598D7; /* a darkish blue */
		border-bottom:1px solid #5598D7; /* a darkish blue */
	}

	.green {
		background:#76B376;
	}
	/*.green .h1,
	.green .h1 * {
		color:#76B376;
	}*/
}