/* stylesheet.css */
/* Style rule for the body element */
body {
	background-color: #000;
	background-image: url(images/background2.jpg); 
	background-position:right;
    background-repeat:no-repeat;
    background-attachment:fixed;

	
/* Default font styling */
	font: 10pt Arial, Helvetica, Sans-Serif;
	color: black;
	background-repeat: no-repeat;
	background-position: right;
}

/* Style rule for the wrapper div */
#wrapper {
 width: 90%;
 min-width: 600px;
 max-width: 900px;
 margin: 1em auto;
 background-color: white;
 border: solid 2px #F07002;
 border-radius: 20px;
 box-shadow: 10px 10px 10px black;
}
/* Eliminate default margins for all heading types */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #FF0000;
}
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section{
 display:block;
}
/*================================== Layout Sections */
/*======== Styling for page header */
header {
	height: 308px; /* Font size, line-height, and family */
	font: 40px/80px Impact, Gadget, Fantasy;
	text-align: center; /* Background color, image, position */
	background-color: black;
	background-image: url(images/header-black.jpg);
	background-repeat: no-repeat;
	background-position: center; /* Round the top corners */
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}
/*======== Styling for the sidebar section (aside) */
aside{
 width:215px;
 padding:10px;
 float:right;
}

/*======== Styling for the article section */
article {
	padding: 35px;
	margin-top: 0;
	margin-right: 235px;
	margin-bottom: 0;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F07002;
}

/*======== Styling for links in the nav section */
/* Top level menu bar */
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: white;
}


/* Each list item inside horizontal menu bar */
nav ul li {
	float: left;
	width: 20%;
	position: relative;
	z-index: 10;
}


/* Text and links across navbar */
nav span, nav a {
/* Preload background images */
    background: url(images/button1.jpg), url(images/button2.jpg);
    text-decoration: none;
    outline: none;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
	border-right: solid 2px white;
	box-sizing: border-box;

/* Box sizing for older browsers */ 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box;   
}

/* Unvisited/visited links in horizontal bar */
nav a:link, nav a:visited {
    background: url(images/button1.jpg);
    color: white;
}

/* Hovering over list item in top menu bar */
nav ul li:hover a, nav ul li:hover span {
    background: url(images/button2.jpg);
    color: black;
}

/* Drop-down menu for each item in menu bar */
nav ul li ul {
    background: url(images/button1.jpg);
    position: absolute;
    z-index: 11;
    width: 100%;
	visibility: hidden;
}

/* Make drop-down visible when hovering on menu bar item  */
nav ul li:hover ul {
    visibility: visible;
}

/* Individual list items in drop-down menus */
nav ul li ul li {
    width: 100%;
    float: none;
    height: 50px;
    line-height: 50px;

}

/* Links in drop-down menus */
nav ul li ul li a, 
nav ul li ul li a:link, 
nav ul li ul li a:visited {
    background: none;
    display: block;
    text-align:left;
    text-indent:10%;
    width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;
    outline: none;
}
/* Hover and active states in drop down menu */
   nav ul li ul li a:hover, 
   nav ul li ul li a:active {
   background: url(images/button2.jpg);
   color: black;
}

/* Styling for current page */
   nav a.currentpage {
   background: url(images/button2.jpg);
   color: black;
   }

/* ==== Styling for tables in the article section */


/* ==== Styling for footer */
footer {
	height: 35px;
	padding: 5px;
	background-color: #FEDC00;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
}
/* Styling for table in footer */
footer table {
 width: 98%;
 margin: 5px auto;
 color: #4c2e16; 
}
/*========================= More general style rules and classes */
/* Style for h1 headings */
h1 {
	text-shadow: -2px -2px 2px #a48362;
	text-align: center;
	font-family: "Arial Black", Gadget, Sans-Serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
}
/* Style for h2 headings */
h2 {
 font: italic small-caps bold 18px Arial Black, Gadget, Sans-Serif;
 text-shadow: -1px -1px 1px #a48362;
}
/* Style for paragraphs */
p {
 line-height: 1.5;
 margin-top: 0;
}
/* === Style classes */
/* Highlight any span of text */
.hilite {
 background-color: yellow;
}
/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised {
 border: solid 1px gray;
 border-radius: 5px;
 box-shadow: 5px 5px 5px gray;
}
/* Image floating to the left of neighboring text */
img.left {
 float: left;
 width: 30%;
 margin-right: 10px;
}
/* Image floating to the right of neighboring text */
img.right {
 float: right;
 width: 30%;
 margin-left: 10px;
}

/* Use class="centerall" in p or div to center
 all text and images inside the element */
.centerall {
 text-align: center; /* Clear any floating elements */
 clear: both;
}

#wrapper article p strong {
	color: #F00;
}