/*
CSE 190 M, Homework 7 (Baby Names Redux) style sheet
You should not modify this file.
*/

html, body {
	height: 100%;
}


* {
    font: medium/1.566 Georgia,'Times New Roman',serif;
}


body {
	font-size: 12pt;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -15px; /* the bottom margin is the negative value of the footer's height */
	
	background-image: url("images/cherry.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	
}




em {
	font-style:italic;
}


h2, h3 {
	font-family: 'Averia Serif Libre', cursive;
}

h1 {
	font-size: 25px;
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 3em;
}


h2 {
	font-size: 120%;
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 3em;
}


h3 {
	font-size: 100%;
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 80px;
}



th {
	font-weight: bold;
	text-align:center;
	padding:10px;
	background-color: orange;
	color:white;
	font-family: 'Averia Serif Libre', cursive;	
}

p, ol li, #info ul li {
	text-align: justify;
	margin-left: 100px;
	margin-right: 100px;
}


.announce {
	font-weight: bold;
}

.linebreak {
	background-image: url("images/LineBreak.png");
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	height: 10px;

}

.figure {
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

.important {
	color: red;
}


#banner {
	background-image: url("images/CSE352_banner.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 100px;
	width: 300px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;

}


#coursename {
	font-size: 64px;
	font-family: 'Averia Serif Libre', cursive;
}

#nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#nav {
	display: inline;
	float:left;
	text-align: center;
	width: 280px;
}

#nav ul {
	list-style: none;
}

#nav li {
	width: 220px;
	height: 30px;
	padding-top:10px;
	padding-left: 10px;
	text-align: left;
	background-color: #dddddd;
	margin-top: 17px;
	margin-bottom: 17px;
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	color: black;
	text-decoration: none;	
	border-radius:2px;
	box-shadow: 0px 0px 1px 1px #a1a1a1;
	-webkit-user-select: none;
}

#nav li:hover , #nav .active{

	/*text-shadow: rgb(233,149,8) 0px 0px 30px;*/
	border: 1px solid orange;
	cursor: pointer;
	color: #ff6633;

}

#info {
	text-align: center;
	margin-right: 20px;
	margin-left: 280px;
	border-radius:2px;
	/*box-shadow: 0px 0px 5px 5px #a1a1a1;*/
	min-height: 300px;
}



caption {
	font-size: 12px;
	margin: 20px;
}

#push {
	height: 15px; /* .push must be the same height as .footer */
	clear: both;
}


#copyrights {
	text-align: center;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #666;
	height: 15px; /* .push must be the same height as .footer */
	clear: both;
}

/* ----------------------CALENDAR -- */
.scheduleTable {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
    font: 100% 'Averia Serif Libre', cursive;	
    table-layout: fixed;
    border-collapse: collapse;
    width: 700px;
}


/* Styling for the title (Month and Year) of the calendar */
.lecture {
	background-color: #b3e892;
}

.lab {
	background-color: #ffb967;
}

div.title {
    font: x-large 'Averia Serif Libre', cursive;	
    text-align: center;
    height: 40px;
    background-color: white;
    color: black;
    }
/* Styling for the footer */
div.footer, div.footer a {
    font: small 'Averia Serif Libre', cursive;	
    text-align: center;
	font-size: 10px;
    }

/* Styling for the column headers (days of the week) */
.scheduleTable th {
    padding: 0 0.5em;
    text-align: center;
    background-color:gray;
    color:white;
    }
/* Styling for the individual cells (days) */
.scheduleTable td, .scheduleTable em  {     
    font-size: 13px;
    padding: 0.25em 0.25em;   
    width: 14%; 
    height: 80px;
    text-align: left;
    vertical-align: top;
    }
/* Styling for the date numbers */
.date  {     
	float: right;
    font-size: medium;
    padding: 0.25em 0.25em;   
    text-align: left;
    vertical-align: top;
	color: grey;
    }
/* Class for individual days (coming in future release) */
.sun {
     color:red;
     }
/* Hide the month element (coming in future release) */
th.month {
    visibility: hidden;
    display:none;
    }