body, p, header, aside, section, article, h1, h2, h3, nav, div, footer {
    padding: 0;
    margin: 0;
}

html {
     background: url(../images/originalSpace.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

body {
    /*background-image: url(../images/background1.jpg);
    background-repeat: repeat-x; */
	/*font-family: 'Open Sans', sans-serif;*/
    font: 11pt "Sathu";
}

#main {
	margin: 0 auto;
	width: 900px;
	height: auto;
    /*border: 2px solid blue;*/ /* remove when done */
}

#navBox {
   /* border: 2px solid red;  remove when done */  
    width: 410px;
    height: 28px;
    position: absolute;
    top: 8px;
    right: 240px;
    width: 410px;
} 

#logo {
    /*border: 1px solid red;*/ /* remove when done */
    height: 125px;
	width: 125px;
    padding-top: 10px; 
}

/*
#nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 8px;
    right: 212px;
    width: 410px;
}*/

#nav li{
	float: left;
	width: 100px;
	display: block;
	position: relative;
	margin: 0 1px;
}
#nav li a{
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
    background-color: #4F3C97;
    color: #FFFFFF; /* #EFC9D8*/
}

#nav li a:hover{
	background-color: #5EACE0;
    color: #0D0F22;
}
#nav li a.selected{
	background-color: #5EACE0;
}

/*sub menu*/
#nav ul{
	position: absolute;
	list-style-type: none;
	padding-left: 0px;
	display: none;
	margin: 0 0 0 -1px;
}
#nav ul a{
	display: block;
    color: #FFFFFF;
}

#nav ul a:hover, #nav ul a.selected{
	background-color: #5EACE0;
    color: #0D0F22;
}

#flare {
    /*border: 1px solid orange;/* /* remove when done */
    margin-bottom: -10px;
}

h1 {
    font: 3em cursive, sans-serif;    
}

p {
    line-height: 150%;
}

/*
#foo {
    margin-left: 25%;
    margin-top: 2.5%;
    border: 0.5px solid #0D0F22;
    border-radius: 15px;
    /*width: 400px;
    height: 266px;   
    box-shadow: 7px 7px 3px #353031;
}*/

#redRose {
    margin-left: 25%;
    margin-top: 2.5%;
    /*border: 0.5px solid #0D0F22;*/
    /*border-radius: 15px;*/
    width: 400px;
    height: 266px;   
    /*box-shadow: 7px 7px 3px #353031;*/
}

.redRose {
    /*margin-left: 25%;
    margin-top: 2.5%;*/
    /*border: 0.5px solid #0D0F22;*/
    border-radius: 15px;
    width: 400px;
    height: 266px;   
    box-shadow: 7px 7px 3px #353031;
}


#content {
    /*border: 1px solid yellow; /* remove when done */
    padding: 20;
    margin: 0;
    background-color: #ffffff; /* 5EACE0, A5CCE6 */
}

section {
    padding: 0 2em 1em 2em;
}

/******* added for About me *********/
.statement{
	width: 93%;
    padding-left: 4%;
}

#resume {
	clear: both;
	margin-top: 20px; /* 50px didn't change anything*/
}

.title{
	width: 100%;
	padding: 0.5% 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1% 0 0 0;
	color:#fff;
}
.edu{
	background-color: #4F3C97; /* #FEC736 */
	margin-top: 5% !important; /* 11% !important // changed it...*/
}
.skills{
	background-color: #BA648D; /* #495696 */
}
/*****************************************************************/

/***********CONTACT PAGE****************/
#contact {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	width: 400px;
	float: left;
   /* border: 1px solid purple; */
}

#sealLogo {
	float: left;
	width: 40%;
	text-align: center;
	clear: none;
	border-style:none;
	border-width: 0;
    margin: -15px 0 150px 100px;
    padding: 0;
   /* border: 1px solid red; */
    box-shadow: 7px 7px 3px #353031; /* #231F20 */
    width: 200px;
    height: 200px;
}

#thankyou {
	font-size: 50px;
	text-align: center;
	height: 200px;
	padding-top: 100px;
}

label.error {
  font-size: 0.9em;
  color: #6D3A53;
  font-weight: bold;
  display: block;
  margin-left: 5%;
}

input.error, select.error  {
  background: #EFC9D8;
  border: 1px solid #290418;
}

/********* Graphics Page *****************/
.thumb{
	padding: 20px;
	float: left;	
}
/*
#lightbox{
	width: 800px;
	margin: 0 auto;
}
/*****************************************/

.clear {
	clear:both;
}



#footer {
	background-color: #185084;
	font-family: 'Open Sans', sans-serif;;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 880px;
	height: 25px;
	margin: 0 auto	50px;
	padding: 20px 10px 50px 10px;
	clear: both;
	float: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#footer p{
	margin:0;
    
}

footer a {
    color: #EFE7E4;
}

#minidash {
    padding: .5em 0;
    align-content: center;
}

/*  Color Palette *****
HEX             RGB
#0D0F22
#101C42
#185084
#4F3C97
#5EACE0

#6C5C63
#6D3A53
#BA648D
#EA7FB1
#EFC9D8

/* Responsive Site */
/* Large Screen 
@media only screen  and (min-width : 1440px) {
    body {
        background-color: #0D0F22;
        font: 100%;
        font-family: "palatino linotype";
    }
    
    section {
        padding: 1% .5% 1% 1%;
        float: left;
        max-width: 100%;
        text-align: left;
        margin: 15px 3.125% 0 3.125%;
    }
    
}

/* Medium Screen 
@media screen and (max-width :1160px) {
    body {
        background-color: #101C42;     
    } 
    
}

/* Tablet and Notebook 
@media all and (max-width :800px) and (min-width :533px) {
    body {
        background-color: #101C42;    
    }   
    
}

/* Phone 
@media all and (max-width :532px) and (min-width :320px) {
    body {
        background-color: #6D3A53;    
    }   
    
}