/* Assembly Language Lessons CSS style sheet
|
|  revised: August 31, 2009, May 17/2015
|
*/

/*
brown == #705030;
tan   == #D2B48C
lightblue == #E0E0FF;
*/

body
{
  background-color:#FAF5F5;
  font-family:arial,sans-serif; 
  font-size:100%;
}

p
{
  margin-left:1%;
  margin-right:1%;
  text-align: justify;
  color:black;
}

.fifty
{
  max-width:50%;
  margin-left:1%;
  margin-right:1%;
}

.thirty
{
  max-width:30%;
  margin-left:1%;
  margin-right:1%;
}

ol
{
margin-left:4%;
}

ul
{
margin-left:4%;
}

.blue
{
color:blue;
}

.red
{
color:red;
}

.green
{
color:green;
}

sub
{
font-size:0.6em;
color:#5050F0;
}

pre 
{
margin-left:6%;
font-family:"lucida console",courier-new,courier,monospace;  
}

pre.code
{
margin-left:6%;
font-family:"lucida console",courier-new,courier,monospace; 
font-size:1em;
}

pre.program
{
width:auto;
margin-left:5%;
margin-right:5%;
padding:2em;
border-style:double;
border-color:#8B7355;
background-color:white;
font-family:"lucida console",courier-new,courier,monospace; 
font-size:1em;
}

code
{
font-family:"lucida console",courier-new,courier,monospace; 
color:blue;
font-size:1em;
white-space:nowrap;   /* to deal with deprecated nobr */
}


code.register
{
color:green;
font-weight:bold;
}


a:link      { color:#705030;}
a:visited   { color:#705030; }
a:active    { color:red }
a:hover img { border: 2px solid blue; background-color: blue}
a:hover { color: blue}

.navigation
{
padding-top:1em;
border-width:1px 0 0 0;
border-style:dashed none none none;
border-color: blue;
margin-left: 1%;
}

.navigation img
{
border: 2px solid transparent;
}
 
.topnavigation
{
padding-bottom:1em;
border-width:  0 0 1px 0;
border-style: none none dashed none;
border-color: blue;
margin-left: 1%;
}

.topnavigation img
{
border: 2px solid transparent;
}

.questionEcho
{
padding-bottom:1em;
border-width:  1px 1px  1px  1px;
border-style: none none dashed none;
border-color: blue;
}

.answer
{
background-color:#f0f0ff;
padding:0.5em;
border-style:groove;
border-width:thin;
border-color:blue;
margin-left: 1%;
margin-right:1%;
}

.answer h3
{
margin-left: 1%;
color:blue;
}

.answer table
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:white;
}

.answer th
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:#E0E0FF;
}

.answer td
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:white;
}

a.audio
{
  font-family:arial,sans-serif; 
  font-size:1.5em;
  letter-spacing:0.1em;	
  font-weight:bold;
  line-height:0.2em
}

.rightimage
{
  display: block;
  float:   right;
  margin:  0em 2em 2em 1em;
}

.righttable
{
  display: block;
  float:   right;
  margin:  auto 4em auto 2em
}

.center 
{
  display: block;
  margin:  2em auto 2em  auto ; 
}

figcaption 
{ 
  display: block;
}

.clearfloats
{
  clear:both;
}

.lesson
{
  margin-top:1.0em;
  margin-right:1%;
  margin-bottom:1.0em;
  margin-left:1%;
  padding:0em;
  clear:both;
}
 
td pre
{
  margin-left:0.4cm;
}

table
{
  margin-left:1cm;
  border-width: 1px;
  border-style: solid;
  border-color:#705030;
  background-color:white;
}

td, th
{
  text-align: center;
  padding: 10px;
}

td
{
  border-width: 1px;
  border-style: solid;
  border-color:#705030;;
}

th
{
  border-width: 1px;
  border-style: solid;
  border-color:#705030;
  background-color:#E2C49C;
}

.formatTable
{
  border-style: dotted;
  border-width: 1px;
}

.formatTable td
{
  text-align:left;
  border-style: none;
  border-width: 0px;
}

h1
{
  text-align:center;
}

.lesson h1
{
color:#705030;
font-family:arial,sans-serif; 
font-size:2em;
}

.lesson h1 code
{
color:#705030;
font-family:"lucida console",courier-new,courier,monospace;
}

.lesson h4
{
color:black;
margin-left:1%;
}

.question
{
	background-color:#f0f0ff;
	padding:0.5em;
	border-style:groove;
	border-width:thin;
	border-color:blue;
	margin-left: 1%;
	margin-right:1%;
	clear:both;
}

.question h3
{
margin-left: 1%;
color:blue;
}

.question table
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:white;
}

.question th
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:#E0E0FF;
}

.question td
{
  border-width: 1px;
  border-style: solid;
  border-color:blue;
  background-color:white;
}

.revisions
{
  font-size:0.6em;
}