body {
	font-family: Arial, Helvettica, sans-serif; 
/*	background-color: #333333;
Replaced by shorthand below*/
	background: #333333 url(Aerodactyl.jpg) fixed;
/* fixed vs. "scroll" background image */

}

header {
width: 80%;
background-color: black;
color: white;
margin-right:auto;
margin-left:auto;
padding:20px;
overflow: hidden;
}

section{
width: 75%;
background-color: black;
color: white;
margin-right:auto;
margin-left:auto;
padding: 5px;
}

center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

figure{
width: 75%;
background-color: black;
color: white;
margin-right:auto;
margin-left:auto;
border-color: white;
border-style: solid;
border-width: 10px;
}

figure img {
display: block;
max-width: 100%;
margin-right:auto;
margin-left:auto;
}

figcaption{
	padding: 5px;
}	

footer{
width: 95%;
background-color: black;
color: white;
margin-right:auto;
margin-left:auto;
border-color: white;
border-style: solid;
border-width: 5px;
padding: 10px;
border-radius: 5px;
margin: 10px;
height: 30px;
font-size: .8em;


}

hgroup {
	width: 60%;
	float: left;
}

hgroup h1 {
	padding-top: 0;
	line-height: 1em;
}

hgroup h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1em;
}

nav	{
	width: 40%;
	float: right;
}

nav li {
	float: left;
	margin-right: 5px;
}

nav ul 	{
	list-style-type: none;  //removes bullets from list items
}

h1 {
	font-size: 2.25em;
	margin: 10px;
	padding: 0;
}

h2 {
	font-size: 1.5em;
	margin: 10px;
	color: white;
	padding: 0;
}

h3 {
	font-size: 1.25em;
	margin: 0px;
	padding: 5px;
	border-color: blue;
	border-style: double;
	border-width: 10px;
	border-radius: 10px;
}


p {
	margin: 5px;

}

img 	{
	margin: 5px;
}

small {
	padding: 5px;

}

a:link {
	color:white;
}

a:hover {
	color:blue;
}

a:visited {
	color:yellow;
}

label.addItem {
	color: red;
}

#noCards {
	color: purple;
}

/* interesting....
p:first-letter {
	font-size:2em;
}
*/

p:before {
	content: '********';
}

tr.firstrow {
	border:3px solid green;
	border-spacing:2px;
	
}