/* CSS Copyright 2006 by amitp@cs.stanford.edu (Amit J. Patel)  */

/* I don't mind if you copy my stylesheet.  However, I'd appreciate it
   if you gave me credit. Rob Pike has used this css! http://herpolhode.com/rob/xray.html */

/* TODO: remove the "compact" option */

html {
  margin: 0;
  padding: 0;
}

body {
  color: #fff;
  background-color: #369;

  background-image: url("dots/bg-336699.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;

  margin: 0;
  padding: 1em 5%;
  min-height: 95%;

  font-family: Calibri, Tahoma, "Bitstream Vera Sans", Lucida, sans-serif;
}

body.gameprog, .gameprog body {
  color: #fff;
  background-color: #a44;
  background-image: url("dots/bg-aa4444.jpg");
}

div.main {
  color: #000;
  background-color: #fff;
  border: 1px solid #555;
  border-right: 2px solid #000;
  margin: 0;
  padding: 1em 2em;
}

.footer {
  border-left: 1px solid #555;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;

  color: #000;
  background-color: #fff;

  padding: 0.5em 1em;
  margin: 0;
  font-family: sans-serif;
}

body {
  border-radius: 10px;
}

div.main {
  border-radius: 10px 10px 0 0;
}

div.main {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.footer {
  border-radius: 0 0 10px 10px;
}

.footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "avant garde","century gothic","trebuchet ms",sans-serif;
  font-weight: bold;
  color: #029;
  margin-bottom: 0;
}

h1 {
  font-family: "arial black", verdana, "bitstream vera sans", sans-serif;
  font-weight:normal;
  font-style: italic;
  letter-spacing: -0.05em;
  font-size: 35px;
    
  text-shadow: 2px 2px 2px #000; /* http://www.css3.info/preview/text-shadow.html */
}

.gameprog h1, .gameprog h2, .gameprog h3, 
.gameprog h4, .gameprog h5, .gameprog h6 {
  color: #920;
}

h1, .gameprog h1 {
  margin: 0;
  padding: 0;
  color: #fff;
}

.gameprog h2 {
  border-top: 1px solid #ccc;
  text-shadow: 1px 1px 1px #000;
}

body#blog h2 :link, body#blog h2 :visited {
  text-decoration: none;
}

h2:target {
  color: #f00;
  font-size: 2em;
}
div:target {
  border: 1px dashed #888;
}

address {
  text-align: right;
}

.footer p {
  margin: 0;
}
.footer hr {
  display: none;
}

/* http://www.accessibleinter.net/portfolio/writing/revised_method_link_pseudoclasses.php */ 

:link {
  color: #237;
}

.gameprog :link {
  color: #a44;
}

:visited {
  color: #626;
}

.gameprog :visited {
  color: #842;
}

:link:hover, :visited:hover {
  text-decoration: none;
  color: #00f;
  background-color: #fff;
}

em:after {
  content: " ";
}

sup, sub {
  font-size: 0.5em;
}

input:focus { 
  color:HighlightText; 
  background-color: Highlight;
}

div.nav, div.subnav {
  background-color: #258;
}

.gameprog div.nav, .gameprog div.subnav {
  background-color: #933;
}

div.nav {
  margin: 0 3em;
  border-radius: 100% 100% 0 0;
}

div.subnav {
  margin: 0 2em;
  padding: 0 2em;
  border-radius: 50% 50% 0 0;
}

div.nav ul, div.subnav ul {
  margin: 0;
  padding-left: 3em;
  font-family: sans-serif;
  font-size: small;
}
div.nav ul {
  padding-top: 1em;
}
div.nav li, div.subnav li {
  list-style: none;
  margin: 0;
  display: inline;
}
div.nav li a, div.subnav li a {
  padding: 0 3px;
  margin-left: 0.1em;
  text-decoration: none;
}

div.nav :link, div.subnav :link {
  color: #fff;
}
div.nav :visited, div.subnav :visited {
  color: #ccc;
}
div.nav :link:hover, div.subnav :link:hover, div.nav :visited:hover, div.subnav :visited:hover {
  background-color: #fff;
  color: #000;
}
div.nav li#navcurrent a, div.subnav li#navcurrent a {
  color: #fff;
  background-color: #000;
  position: relative; top: 1px;
  z-index: 30;
}
div.nav a, div.subnav a {
  border-radius: 100%;
}

li, dd {
  margin-top: 0.25em;
  margin-bottom: 0.50em;
}

.compact li, .compact dd {
  margin: 0;
}

li > em:first-child, li > strong:first-child, dt { 
  color: #369;
}
dt {
  font-weight: bold;
}

.gameprog li > em:first-child, .gameprog li > strong:first-child, .gameprog dt {
  color: #a44;
}

/* Thanks to http://www.svendtofte.com/code/max_width_in_ie/ */
p, li, dd { 
  line-height: 1.25;
  max-width: 40em;
}
p {
  width:expression( 
    document.body.clientWidth > (600/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "40em":
        "auto" );
}

.note {
  float: right;
  width: 15em;
  margin: 1em;
  margin-right: 0;
  padding: 1em;
  border: 2px solid #000;
  background-color: #eee;
}
.note {
  border-radius: 10px;
}

pre, code {
  color: #442;
}

pre {
  max-width: 60em;
  font-size: small;
  white-space: pre;
  background-color: #ededea;
  border: 1px solid #888;
  padding: 4px 12px;
  overflow: auto;
  resize: both; /* See http://www.css3.info/preview/resize.html */
}

pre.snippet {
  border-style: dashed;
}

blockquote {
  font-style: italic;
  max-width: 35em;
}

table.standard {
  border: 1px solid #888;
  border-collapse: collapse;
}
table.standard th {
  background-color: #eff;
}
.gameprog table.standard th {
  background-color: #ffe;
}
table.standard td {
  background-color: #fff;
}
table.standard th, table.standard td {
  border: 1px solid #888;
}

hr {
  border-width: 0px;
  border-top: 1px solid #ccc;
}

.todo {
  background-color: #ccc;
  color: #808;
  font-family: fixed,monospace;
}

.gameprog ul li {
  list-style-type: square;
  list-style-image: url('/~amitp/dots/square_red.gif')
}
.gameprog ul li.new {
  list-style-type: square;
  list-style-image: url('/~amitp/dots/square_new_red.gif')
}
.gameprog ul li.local {
  list-style-type: disc;
  list-style-image: url('/~amitp/dots/disc_red.gif')
}
.gameprog ul li.localnew {
  list-style-type: disc;
  list-style-image: url('/~amitp/dots/disc_new_red.gif')
}

div.byline {
  text-align: right;
}