/* CSS for Image Formats - Best Practices */

* {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

body {
	background-color: black;
	font-family: "trebuchet ms", arial, helvetica, verdana, sans-serif;
	color: black;
	font-size: 1em;
	padding: 0;
}


/*end resets*/




h1 {
	color: red;
	font-size: 3em;
	padding: .9em 1em .6em 1em;
	
	padding: 1.1em 3em .2em 3em; 
	margin: 0 2em .6em 2em;
	border-bottom: 5px solid red;
	
}





h2 {
	color: black;
	font-size: 2.2em;
	line-height: 1em;
	
	padding: .2em 3em .3em 3em; 
	margin: 0 2em 1.4em 2em;
}




h3 {
	
	color: white;
	font-size: 1.8em;
	padding: .3em 2em .3em 2em;
	font-family: arial, "tresbuchet ms", sans-serif;
	width: 320px;
	margin: 2em auto 0 auto;
}



/*Boxes*/
	
.image {
	margin: 0 auto;
	width: 360px;
	padding: 0;
}



.text {
	padding: 1.5em 20px 1.5em 20px;
	line-height: 1.6em;
	width: 320px;
	margin: 0 auto;
}

.text {
	background-color: white;
	margin: 0 auto;
}
	
.text p {
	padding: .0 0 1.1em 0;
}
	
.photo-title {
	width: 320px;
	background-color: black;
	color: white;
	padding: .8em 20px .8em 20px;
	margin: 0 auto;
	line-height: 1.1em;
	border-bottom: 2px solid white;
	font-size: 2em;
}
	
	
.file-info {
	width: 320px;
	background-color: black;
	color: white;
	padding: .8em 20px .8em 20px;
	margin: 0 auto;
	line-height: 1.1em;
	border-top: 2px solid white;
}



#inner-wrapper {
	width: 70%;
	background-color: white;
	margin: 0 auto;
}

#wrapper {
	width: 70%;
	background: white;
	margin: 0 auto;
	background-color: white;
}