/* Stylesheet for CS106L Website.
 * If you're the type that reads this, I apologize if it's a little tricky to read.
 */
 
 body
 {
	 font-family: "Times New Roman", serif;
	 font-size: 10pt;
	 
	 color: #000040;
	 background-color:white;
 }
 
 /* Tables are for layout unless noted otherwise. */
 table
 {
	 border: none;
	 background-color: inherit;
	 color: inherit;
	 vertical-align: top;
}
 
 tt
 {
	 font-size: 9pt;
	 font-family: "Courier New", Courier, monospace
 }
 
  code
 {
	 font-size: 9pt;
	 font-family: "Courier New", Courier, monospace
 }
 
 th
 {
	 text-align: left;
	 color: inherit;
	 background-color: inherit;
	 font-weight: bold;
	 font-size: 14pt;
	 vertical-align: top;
 }
 
 td
 {
	 text-align: left;
	 color: inherit;
	 background-color: inherit;
	 font-weight: normal;
	 font-size: 10pt;
	 padding-right: 20px;
	 vertical-align:top;	/* To make everything top-aligned. */
 }
 

 div.header
 {
	font-weight: bold;
	font-size: 12pt;
 }
 div.date
 {
	font-size: 8pt;
 }
 div.announcement
 {
	 padding-left:30px;
 }
  
 #header_bar
 {
	width: 661px;
	height: 320px;
	 
	background-image: url(../images/cs106l.png) !important; 
	background-repeat: no-repeat;
	background-position: top right;
 }
 
 #announcement_bar
 {
	 width: 500px;
	 margin-right: 30px;
	 float: left;
	 text-align: left;
 }
 
 #non_code_bar
 {
	 width: 250px;
	 margin-right: 30px;
	 float: left;
	 text-align: left;
 }
 
 #code_bar
 {
	 width: 250px;
	 margin-right: 30px;
	 float: left;
	 text-align: left;
 }

.lecture_info
{
	width: 800px;
	margin-right: 30px;
	float: left;
	text-align: left;
}

.lecture_header
{
	font-weight: bold;
	font-size: 25px;
	color: #3914AF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.lecture_segment
{
	width: 180px;
	margin-right: 30px;
	float: left;
	text-align: left;
}

.lecture_reading
{
	width: 800px;
	margin-right: 30px;
	float: left;
	text-align: left;
}

.lecture_segment_title
{
	font-weight: bold;
	font-size: 18px;
}

.lecture_segment_break
{
	clear: left;
}

.lecture_clear
{
	clear: left;
	padding-bottom: 30px;
}

.assignment_info
{
	width: 800px;
	margin-right: 30px;
	float: left;
	text-align: left;
}

#navbar
{
	width:800px;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}

#navbar li {
	display:inline;
}

#navbar li a {
	font-weight:bold;
	font-size:20px;
	text-decoration: none;
	padding: 5px 5px;
	background: #020041;
	color: #FFFFFF;
	margin-bottom: 75px;
}

#navbar li a.selected {
	background: #3914AF;
}

#navbar li a:hover {
	background: #3914AF;
}

 #data
 {
	 width: 800px;
	 text-align: left;
	 padding-left: 100px;
 }