/*Angelica Kalancha October 25, 2011*/
/*
CSS for Assignments Home Page
*/

 *{
margin: 0;
padding: 0;
  }


body {
  background: url('images/bg.JPG') no-repeat center fixed;
  background-size: cover;
  
  
  margin: 30px;
  width: 95%;
}




h1 {
   font-family:"Comic Sans MS", cursive, sans-serif;
   color: #734D5F;
   font-size: 2em;
   font-weight: bold;
   padding:0% 0% 0.5% 1%;
   width: 15em;
   }

h2{
   font-family:"Comic Sans MS", cursive, sans-serif;
   color: #899B9E;
   font-size: 1.2em;
   font-weight: bold;
   padding:1% 2% 1% 2%;
   width: 20em;
   }



#myname {
	
        position: fixed;
        right: 0;
        top: 0;
	font-family:"Comic Sans MS", cursive, sans-serif;
        color: #FAF40F;
	opacity: .80;
        font-size: 4em;
        font-weight: bold;
        padding:1% 2% 2% 2%; 
      
   
}

p  {padding-bottom: 2%}



#container {
	
	border-radius: 20px;
        width: 70%;
        min-width: 50em;
        height: 30em;
        background-color: #DEA0BE;
        padding: 2%;
	margin-left:auto;
	margin-right:auto;
        
}

#navigation {
        
        border-radius: 15px;
	width: 10%;
	float: left;
	background-color: #45422E;
	width: 10em;
        margin: 1em 1em;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 150%; 
      
}

#content {
	
	border-radius: 15px;
	width: 75%;
        height: 15em;
	float: right;
        color: #45422E;
        margin-top: 1em;
        font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	line-height: 150%;
	
}

#pictures {
	
        float: right;
	width: 600px;
        height: 200px;
}


#navlist {
	padding-left: 0;
	margin-left: 0;
	width: 10em;
}

#navlist li {
	list-style: none;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.20em;
	border-top: 1px solid gray;
}

#navlist li a { text-decoration: none; }

#navigation a:link {
	color: #EEE;
	text-decoration: none;
}

#navlist a:visited {
	color: #DEA0BE;
}

#navigation a:hover {
	background-color: #899B9E;
	color: #fff;
}
	