/ *

   My Story in AZ Styles

   

   Name: Woohyun Chung

   MEID: WOO2140445

   Course: CIS140

   Section: 11894

   Date: 8/11/14

   File Name: ms_styles.css



*/



/* Body Style */



body {

	margin: 0px auto;

	padding: 0px;

	line-height: 1.5em;

	width: 98%;

	max-width: 900px;

	font-family: Verdana, Geneva, sans-serif;

	background-image: url(_images/sky.jpg);

	background-size: cover;

}



/* Section Style */



section {

	width: 690px;

	float: left;

	background-color: rgba(222,184,135,0.4);

}



section img {

	float:  right;

	margin: 15px;

}



section embed {

	margin: 20px;

}



section h1 {

	background-color: rgb(222,184,135);

	font-family: Tahoma, Geneva, sans-serif;

	color: white;

	font-size: 2em;

	letter-spacing: 0.1em;

	line-height: 1.8em;

	text-indent: 1em;

}



section p {

	font-weight: bold;

	margin-left: 15px;

	margin-right: 15px;

}



#info {

	font-family: 'Century Gothic', sans-serif;

	font-size: 1.4em;

	line-height: 1.6em;

	color: rgb(17,0,76);

}



/* Navigation styles */



nav {

	width: 200px;

	float: left;

	margin-right: 10px;

	background-color: rgba(222,184,135,0.4);

}



nav ul {

	background-color: rgb(135,146,199);

	line-height: 3.5em;

	list-style-type: none;

	padding-left: 0.5em;

	font-family: 'Comic Sans MS', cursive;

	font-weight: bold;	

}



nav ul li {

	border-bottom: 1px solid rgb(17,0,76);

}



nav ul li:hover {

	background-color: rgb(95,92,165);

}



nav ul li:first-of-type {

	text-transform: uppercase;

}



nav ul li a {

	color: white;

	text-decoration: none;

}



nav ul li a:hover {

	color: rgb(0,255,0);

}



/* Footer styles */



footer {

	clear: left;

	width: 900px;

	text-align: center;

	margin-top: 5px;

}



footer address {

	width: 900px;

	clear: left;

	font-family: Georgia, serif;

	font-size: 0.9em;

	font-style: normal;

	font-variant: small-caps;

	border-top: 2px solid black;

	background-color: rgba(222,184,135,0.8);

}



/* Table Style */



table.photos {

	border-collapse: collapse;

	border-spacing: 0px;

	padding: 0px;

	width: 675px;

	height: 675px;

}



table.photos tr td {

	width: 330px;

	height: 225px;

	text-align: center;

}



table.photos img {

	margin: 0px;

	float: center;

}