/*
	7-4 Final Project
	
	DBZ Tribute Style Sheet
	Author:      Zachary Burleson
	Date:        8/29/15
	
	Filename:    general.css
*/

/* Image Styles */
body section header img {
	padding: 0px 0px 30px 27%;
}

/* Nav Styles */
nav.horizontalTabs {
   margin-top: -3px;
}

nav.horizontalTabs ul {
   height: 40px;
   background-color: black;
}

nav.horizontalTabs ul li {
   padding: 0px;
   float: left; 
   width: 15%; 
   line-height: 40px;
   height: 40px; 
}

nav.horizontalTabs ul li a {
   display: block; 
   text-align: center;
   width: 100%; 
   font-size: 12px; 
   text-decoration: none; 
   color: orange;
}

nav.horizontalTabs ul li:hover {
   background-color: rgb(171, 171, 231);
   background-color: rgba(255, 255, 255, 0.4);
}

nav.index {
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 30px 0px 0px 0px;
}

nav.index h2 {
	color: blue;
	font-size: 24px;
}

nav.index ul.fighterList {
	padding: 10px 0px 0px 0px;
	text-align: left;
	text-indent: 30px;
	text-decoration: none;
	font-size: 18px;
}

nav.index ul.fighterList li {
	line-height: 20px;
	text-indent: 70px;
}

/* Body Styles */
body {
	background-color: orange;
	color: black;
}

body section h1 {
	padding: 30px 0px 0px 0px;
	text-align: center;
	font-size: 30px;
}

h2.attention {
	margin: 50px 7% 50px 7%;
	text-align: center;
	color: red;
	font-size: 22px;
}

h2.saga {
	margin: 50px 7% 40px 7%;
	text-align: center;
	color: orange;
	background-color: black;
	font-size: 22px;
	
}

/* Paragraph Styles */

p.general {
	margin: 0px 7% 3px 7%;
	text-indent: 3%;
	font-size: 20px;
}

p.story {
	margin: 0px 7% 3px 7%;
	text-indent: 3%;
	font-size: 20px;
	text-align: justified;
}

p.iFrameP {
	display: block;
	float: left;
	width: 40%;
	font-size: 18px;
	padding: 60px 5% 5px 5%;
}

p.iFramePLast {
	display: block;
	float: left;
	width: 40%;
	font-size: 18px;
	padding: 60px 30% 5px 30%;
}

/* Iframe Styles */
body section iframe {
	float: clear;
	display: block;
	width: 40%;
	padding: 0px 5% 0px 5%;
	float: left;
}

iframe.iFrameLast {
	float: clear;
	display: block;
	width: 40%;
	padding: 0px 30% 150px 30%;
	float: left;
}

/* Table Styles */
body section table {
	width: 90%;
	font-size: 16px;
	border: 10px outset blue;
	border-collapse: collapse;
	background-color: white;
}

body section table caption {
	font-size: 20px;
}

body section table thead {
	font-size: 18px;
	background-color: black;
	color: orange;
}

col.firstCol {
	background-color: yellow;
}

/* Form Styles */
body section form fieldset {
	background-color: white;
	border: 5px solid black;
	margin: 30px 0px;
	width: 60%;
	height: 450px;
}
body section form fieldset legend {
	font-size: 22px;
	text-align: center;
	width: 100%;
	background-color: black;
	color: orange;
}

body section form fieldset label {
	float: clear;
	display: block;
	float: left;
	margin: 30px 1px;
	width: 18%;
}

body section form fieldset input {
	display: block;
	float: left;
	margin: 30px 60px 30px 0px;
	width: 18%;
}

input.submit, input.reset {
	display: block;
	float: left;
	margin: 20px 60px;
	width: 30%
}

input.button {
	display: block;
	float: left;
	margin: 20px 28%;
	width: 30%;
}

/* Footer Styles */
body section footer address {
	padding: 50px 0px 0px 0px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 16px;
}