/* This style sheet is for my homework page site */

/*  Body Styles */
#wrapper {max-width: 990px; }

/* Content Styles*/
#content {width: 800px;
          height: 600px;
		  margin-left: 160px;
          background-image: url(../images/background_image_resized.jpg);
		  margin-right: auto;
	      margin-left: auto;
          }


/* Body Styles*/
body{width: 66%;
	  margin-top: 10px;
	  margin-bottom: 200px;
	  margin-right: auto;
	  margin-left: auto;
	  background-color: rgb(135,206,250);
	  /*background-image: url(../images/background_image.jpg);
	  background-size: cover;
	  background-position: top left;
	  background-repeat: no-repeat;
      background:  url(../images/left-top-ball.gif) top left no-repeat, -moz-linear-gradient(top left, #1e9bca, white);   
      background:  url(../images/left-top-ball.gif) top left no-repeat, -webkit-gradient(top left, #1e9bca, white,);    
      background:  url(../images/left-top-ball.gif) top left no-repeat, -o-linear-gradient(top left, #1e9bca, white);
	  background: url(../images/riht-top-ball.gif) top right no-repeat;*/
	  }


/* Header Styles*/
header h1 {color: #0119ff; 
           text-align: center;
		   font-family: 'Comic Sans MS';
		   font-size: 50px;
		   }
/*H2 Styles*/
h2 {background-color: #1760f8;
    width: 29%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
	padding-top: 10px;
	margin-top: 90px;
	margin-left: 280px;
	font-family: 'Monotype Corsiva';
	font-size: 30px;
	color: white;
	}

/*P styles*/

#intro p {margin-left: 180px;
          padding-left: 95px;
          font-size: 12px;
		  width: 49%;
		  color: black;
		  font-weight: bold;
		  }

/* Navigation list styles 3.5*/
nav ul {list-style-type: none;
        margin-left: 50px;
		}

nav ul li {display: block;
           float: left;
           width: 125px;
		   height: 30px;
		   margin-left: 25px;
		   background-color:black;
		   border-top-left-radius: 5px;
		   border-top-right-radius: 5px;
		   border-bottom-right-radius: 5px;
		   border-bottom-left-radius: 5px;
		   text-align: center;
           }

nav ul li a {color: white;
             text-decoration: none;
			 font-family:'Times New Roman';
			 font-size: 16px;
			 font-weight: bold;
			 line-height: 1.0em
			 }

nav ul li:hover {background-color: #1760f8;}

/* Section Styles */
.me {margin-top: 80px;
     float: left;
     margin-left: 90px;
	 -o-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg) ;
     -webkit-transform: rotate(-15deg);
	  transform: rotate(-15deg);
	  border: 3px solid black;
	  }


#email {float:left;
		margin-left: 259px;
		margin-bottom: 20px;
		font-size: 13px;
		text-decoration: none;
		}
#email a{text-decoration: none;
		}

#email a:hover{text-decoration: underline;}

/*Footer Styles*/
footer p {color: #100184;
		  font-family: 'Times New Roman';
		  font-weight: bold;
		  margin-top: 50px;
		  margin-right: 150px;
		  margin-left: 167px;
		  text-align: center;
		  font-size: 19px;

		}