
/*
	CSS Stylesheet for Bug Pokemon Fan Page
	Author: Thomas Rinehart
	Date:	11/5/2015

*/


body {
	background-image: url("pokemon_forest2.png");
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Verdana;
    
	
}

body img {
	padding: 5px;
	
}
header {
	border: inset;
	border-radius: 15px;
	border-color: green;
	height: 315px;
	
	}


header h1 {
	
	font-size: 40px;
	color: orange;
   
	
}
	
nav {
	border: groove;
	border-radius: 15px;
	border-color: green;
	
}

li {
	 
	align: center;
	display: inline;

	font-size: 20px;
	margin: 4%;
	
	
}
	
li a {
	color: black;

}

footer {
	background-color: green;
	border: groove;	
	border-radius: 15px;
	border-color: green;
	margin: 1%;
	float: left;
}

#intro {
	color: white;
	width: 40%;
	border: groove;
	border-color: green;
	border-radius: 15px;
}

/* Bug Dex Table Style */
#bdextable {
	float: left;
	border: dashed;
	padding: 5px;
	table-layout: auto;
	text-align: center;
	background-color: rgba(44,200,66,1.00);
	margin: 1%;
	width: 1200px;
	border-radius: 20px;
	
	
}
	
#bdextable th {
	background-color: rgba(26,121,40,1.00);
}


article {
	color: black;
	font-size: 24px;
}




/* Referral Site Styles */
#referral {
	margin: 5%;
	color: white;
	border: groove;
	padding: 1%;
	border-radius: 15px;
	border-color: green;
	background-color: green;
}

#referral a:link {
	color: red;
}

# referral a:visited {
	color: orange;
}

/* Bug News Styles */
#pokeNews h1 {
	font-size: 48px;
	font-family: times new roman;
	color: red;
	
}
#pokeNews h2 {
	font-size: 24px;
	color: yellow;
	
}

#pokeNews p {
	font-size: 16px;
	color: white;
}

#pokemongo {
	border: groove;
	border-color: green;
	border-radius: 15px;
	width: 1200px;
	padding: 5px;
	background-color: green;
	
}

#pokken {
	border: groove;
	border-color: green;
	border-radius: 15px;
	width: 1200px;
	padding: 5px;
	background-color: green;
	
}

#cards {
	border: groove;
	border-color: green;
	border-radius: 15px;
	width: 1200px;
	padding: 5px;
	background-color: green;
}


/* about page Styles */
#about {
	border: groove;
	border-color: green;
	border-radius: 15px;
	width: 1200px;
	padding: 5px;
	background-color: green;
	color: white;
}

#pokeForm {
	
	border: groove;
	border-color: green;
	border-radius: 15px;
	width: 600px;
	padding: 5px;
	background-color: green;
}

