/*
      IT-270 Website Design
      7-4 Final Project: Final Project: Website

      Chrome Complex
      Author: Patricia Kuntz
      Date:   9/4/2015

      Filename:         overall.css
      Supporting files: black.png, cityscape.jpg
	  
	  This page is the CSS page for Chrome Complex, A d20 Cyberpunk RPG. This also doubles as the CSS page for my final project assignmement for IT-270.

*/

/*Backgorund styles*/
body {
	background: url(black.png) repeat-x, url(cityscape.jpg);
	/*ExtraWall.net. (2013). Cyberpunk city [Cyberpunk city at night]. Retrieved from http://extrawall.net/?option=wallpaper&id=72#.VeopDxHBzRY */
	position: relative;
	font-family: 'Courier New', courier, monospace;
	font-size: 100%;
	color: #1edb1e;
	padding: 0px;
	margin: 0px;
	min-width: 100px;
	max-width:1400px;
	display: block;
	vertical-align: baseline;
}

#header {
	max-height: 50px;
	min-height: 50px;
}

/*Navigation list styles*/
nav.horizontal {
	position: relative;
	bottom: 20px;
	
}

nav a {
	text-decoration: none;
}

}
nav.horizontal ul{
	list-style-type: none;
}

/*Horizontal navigation list styles*/

nav.horizontal li {
	font-size: 125%;
	background-color: black;
	float: left;
	text-align: center;
	width: 20%;
	line-height: 2.2em;
}

nav.horizontal li a {
	color: #1edb1e;
}

nav.horizontal li a:hover {
	color: white;
	
}

nav.horizontal ul li:hover {
	background-color: #8e8585;
}

/*Article styles*/

#Home {
	border: 75px white ridge;
	background-color: black;
	margin: 50px 300px;
	padding:30px;
	min-height: 600px;
	text-align: justify;
	width: 75%;
	position: relative;
	left:300px;
	top: 110px;
	-moz-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
}

#setting {
	border: 75px white ridge;
	background-color: black;
	margin: 50px 125px;
	padding:30px;
	position: relative;
	left:275px;
	top: 75px;
	-moz-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
}

/*Table styles*/

#tables {
	border: 75px white ridge;
	background-color: black;
	text-align: left;
	margin: 50px 200px;
	min-height: 400px;
	max-height: 800px;
	padding: 30px 30px 0px 30px;
	font-size: 16px;
	position: relative;
	left: 275px;
	top: 75px;
	-moz-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
}

table.weapons caption {
	font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 10px;
    text-align: center;
	font-weight: bold;
}

table.weapons td {
	padding: 0px 5px;
}

table.armor caption {
	font-size: 18px;
    letter-spacing: 5px;
	margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
	font-weight: bold;
}

table.armor td {
	padding: 0px 5px;
}

table.augmentation caption {
	font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 10px;
    text-align: center;
	font-weight: bold;
}

table.augmentation td {
	padding: 0px 5px;
}

/*Image styles*/

#d20 {
	position: relative;
	margin:5px 400px;

}

/*Audio styles*/

#music {
	margin:5px 400px;
}

#music2{
	margin:5px 345px;
}

#music3 {
	margin:40px 225px;
}

#music4 {
	margin:20px 200px;
}

#music5 {
	margin:5px 150px;
}
/*Footer styles*/

footer{
   position:relative;
   top: 200px;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   text-align: center;
   margin: 5px 300px;
}