/*
   

   Style Sheet for Solar System Site

   Author:   Alexander Fisk   
   Date:     4/3/2016   
   Filename:    solStyles.css


*/

/* import roboto slab google font family */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

/* Default styles */


* {
	font-family: 'Roboto Slab', serif;
	list-style: none;
    margin: 2px;
    padding: 1px;
	text-align: center;
}

header, figure, hgroup, footer, article, nav, section {
	display: block;
}

body {
    background-image: url(stelBackground.jpg);
    color: white;
	
}



section {
	background: black; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, black , purple); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, black, purple); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, black, rgb(123, 53, 140)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, black , rgb(123, 53, 140)); /* Standard syntax */
	
	position: relative;
	width: 100%;
	margin-top: -3px;
	
}




/* Drop down menu styles */
.drop_down {
	padding: 8px;
	margin: 0px;
	height: 30px;
}

.drop_down li {
	float: left;
}
.drop_down li a {
	color: white;
	padding: 9px 20px;
	display: block;
	text-decoration: none;
}

/* sub menu styles */

.drop_down ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	
}

.drop_down li:hover {
	position: relative;
	background: black;
}

.drop_down li:hover ul {
	left: 0px;
	top: 30px;
	background: black;
	padding: 0px;
	
}


.drop_down li:hover ul li a {
	padding: 5px;
	display: block;
	width: 150px;
	text-indent: 15px;
	background-color: black;
	
}

.drop_down li:hover ul li a:hover {
	background: purple;
}



/* Table Styles */

table {
	
}

/* article styles */

article {
	margin-top: 30px;
	text-align: left;
	
}

/* Figure Styles */


figure img {
	margin-top: 0px;
	height: 80%;
	width: 80%;
}

figure iframe {
	align: center;
	
}
/* Footer styles */

footer {
	
}