/*
	Final Project
	Your Name: Ruby-Anne Locke
	Today's Date: Nov 17, 2017
	CityGarden
	Layout Style Sheet
	
	colors:   offyellow #F2FFA9   light green #c1e8ae  darker green #599e8e   greyblue: #497082  black: #10282E
    colors:   blue #2d61A6  green: #49BFAA    dark green:  #247364   light green:#4ED9B1   white: #F2F2F0 
	gray with hints of green: #9EACA3
*/
a{
	color: #F54163;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

a:hover{
	color: green;
	font-family: 'Raleway', sans-serif;
	
}

nav a:visited{
	color: firebrick;
	font-family: 'Raleway', sans-serif;
}

body {
	font-size:1.1em;
	font-family:Arial,Helvetica,sans-serif;
	color: purple;
	background-color:#599e8e;
}
	
#container {
	width:90%;
	margin: 10px auto;
	border: 2px solid black;
	background-color:#4ed9b1;
	border-radius: 1.8em;
}

header {
	padding: 0 0.5%;
	margin-bottom: 0.5%;
}

aside {
	width: 20%;
	padding: 0.5%;
	float: right;
	margin-right: 1%;
	overflow: visible;
	border-radius:20px;
	background-color:#9EACA3;
}

main	{
	margin-right: 27%;
	width: 80%;
	text-align: center;
	background-color:#49BFAA;
}

main p {
	text-indent: 1.5em;
}

nav ul li {
	margin-right: 1em;
	display: inline;
	list-style-type: none;
}

nav li a {
	padding: 1em;
	color: white;
	text-decoration: none;
}
nav li a:hover {
	color: yellow;
	text-decoration: underline;
}

footer {
    margin: 0.5% 0 0 0;
	text-align:center;
	padding: 0.5%;
	background-color: #65a397;
}
p::first-letter {
	color: #6e7a77;
	font-size: x-large;
}
p.large {
	font-size: 150%;
}
#redfont #flavor #bluefont {
		margin-top: 1%;
		border: dashed 1px black;
		padding: 1%;
}

#redfont {
	color: #FF1A00;
}
#yellowfont {
	color: #E6FF00;
}
#bluefont {
	color:blue;
}
.center
	{
		text-align:center;
}

#leftsidebar {
	width: 18%;
	background-color: #F2FFA9;
	padding: 0.5%;
	float: left;
	margin-right: 1%;
	border-radius:20px;
}

#wrapper {
	width: 930px;
	margin-bottom: 1px;
	border: 2px solid;
	border-radius: 27px;
}

figure {
	padding: 0px;
	text-align: center;
}
figcaption {
	font-style: italic;
	text-align: center;
}
img {
	border-radius:20px;
}
.floatleft
	{
		float:left;
		margin-right:4em;  /* it floats the first image, then leaves room on the right side for 60 */
		margin-left:6em;   /* moves the floated image over 40 px */
		margin-bottom:2em;
}
.highlight{
	color:firebrick;
	font-family: verdana, serif;
	font-weight: bold;
}
h5.copyright {
	color: #BF40B3;
}
/* the code for table styles below */
table {
	width: 90%;
	margin: 10px auto;
	border: solid 3px black;
	border-collapse: collapse;
	background-color: lightblue;
}

caption {
	padding: 4px;
	color: white;
	background-color: midnightblue;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

td {
	padding: 6px;
}

tr.stripe {
	background-color: dodgerblue;
}

tr:hover {
	color: white;
	background-color: black;
}

.activities {
	background-color: royalblue;
}