/* Semi-transparent images created in Adobe Photoshop.
1.  Create a 10x10 pixel RGB image (transparent).
2.  Double-click foreground colour to edit.
3.  Enter COLOURLT (scss:#ffffcc, andrew:#e5f3ff) into hex field.
4a. SCSS (transyellow): Change HSB colour. Edit 'B' from 100 to 95. OK.
4b. Andrew (transblue): Change HSB colour. Edit 'S' from 10 to 20. Edit 'B' from 100 to 95. OK.
4c. Gray: HSB=(0,0,40).
5.  Fill image with colour.
6.  Change the layer opacity to 90%.
7.  Save for web as PNG.
*/

/*body {
  max-width: 50em;
  margin: 0 auto;
}*/

/* Google ads */
body.andrew div#googleads {
  position: absolute;
  top: 8px;
  right: 8px;
}
body.andrew {
  padding-right: 136px;
}

/* Hover styles */
:link {
  color: blue;
  background: transparent none;
  text-decoration: underline;
}
:visited {
  color: purple;
  background: transparent none;
  text-decoration: underline;
}
body.scss :link:hover {
  color: blue;
  background: #ffe566 none;
  text-decoration: underline;
}
body.scss :visited:hover {
  color: purple;
  background: #ffe566 none;
  text-decoration: underline;
}
body.andrew :link:hover {
  color: blue;
  background: #9cf none;
  text-decoration: underline;
}
body.andrew :visited:hover {
  color: purple;
  background: #9cf none;
  text-decoration: underline;
}

/* Navigation bar styles */
p.skipnav, span.url {
  display: none;
}
body.andrew div.altbrowsers {
  padding: 8px;
}
div.altbrowsers p {
  margin: 0;
  padding: 0;
  text-align: center;
}
div#navbar, div.bottomnavbar {
  padding: 0.5em;
}
body.scss div#navbar, body.scss div.bottomnavbar {
  color: black;
  background: #fc0 none;
}
body.andrew div#navbar, body.andrew div.bottomnavbar {
  color: black;
  background: #9cf none;
}
div#navbar a.nohover:hover {
  color: inherit;
  background: transparent none;
}
div.navr {
  float: right;
  text-align: right;
}
img.stock, img.logo {
  padding-bottom: 0.5em;
}

/* Drop-down menu styles */
ul.menu {
  font: bold smaller Verdana, sans-serif;
}
ul.menu, ul.menu ul {
  list-style-type: none;
}
ul.menu, ul.menu * {
  margin: 0;
  padding: 0;
}
ul.menu li.current ul, ul.menu li, ul.menu form, ul.menu fieldset {
  display: inline;
  vertical-align: top;
}
ul.menu li {
  text-align: left;
}
ul.menu li.submenu {
  display: inline-block;
  position: relative;
}
ul.menu li.submenu ul {
  visibility: hidden;
  position: absolute;
  top: 1.2em;
  left: 0;
}
ul.menu li.submenu:hover ul, ul.menu li.submenu.hover ul {
  visibility: visible;
  z-index: 9;
}
ul.menu li.submenu li {
  display: block;
  width: 12em;
  line-height: 1;
}
ul.menu li.submenu li.current, ul.menu li.submenu ul a {
  padding: 0.3em 0.5em;
  text-align: left;
}
ul.menu li.submenu li.current {
  width: 11em;
}
ul.menu li.submenu ul a {
  display: block;
}
ul.menu li.submenu ul :link, ul.menu li.submenu ul :visited {
  text-decoration: none;
}
ul.menu a {
  color: black;
  background-color: transparent;
}
ul.menu legend, ul.menu label {
  display: none;
}
ul.menu li.submenu:after, ul.menu li.current li:before {
  content: " > ";
}
ul.menu li.current li+li:before, ul.nosubmenus li+li:before {
  content: " : ";
}
ul.menu li.submenu ul {
  border-width: 2px;
  border-style: solid;
}

body.scss ul.menu li.submenu ul {
  border-color: #fff gray gray #fff; }
body.andrew ul.menu li.submenu ul {
  border-color: #eee gray gray #eee; }
body.scss ul.menu, body.scss ul.menu li.current ul {
  color: black; background-color: #fc0; }
body.andrew ul.menu, body.andrew ul.menu li.current ul {
  color: black; background-color: #9cf; }
body.scss ul.menu li.current, body.scss ul.menu li span.pagetitle,
body.scss ul.menu a:hover, body.scss ul.menu li.submenu ul a:hover {
  color: #fc0; background: black none; }
body.andrew ul.menu li.current, body.andrew ul.menu li span.pagetitle,
body.andrew ul.menu a:hover, body.andrew ul.menu li.submenu ul a:hover {
  color: #9cf; background: black none; }
body.scss ul.menu :visited {
  color: #666; background: #fc0 none; }
body.andrew ul.menu :visited {
  color: #666; background: #9cf none; }
body.scss ul.menu li.submenu li.current {
  color: #fc0; background: transparent url(/images/transgray.png); }
body.andrew ul.menu li.submenu li.current {
  color: #9cf; background: transparent url(/images/transgray.png); }
body.scss ul.menu li.submenu ul :link {
  color: black; background: transparent url(/images/transyellow.png); }
body.andrew ul.menu li.submenu ul :link {
  color: black; background: transparent url(/images/transblue.png); }
body.scss ul.menu li.submenu ul :visited {
  color: #666; background: transparent url(/images/transyellow.png); }
body.andrew ul.menu li.submenu ul :visited {
  color: #666; background: transparent url(/images/transblue.png); }
body.scss ul.menu input[type="text"] {
  color: #999; background: #ffc none; }
body.andrew ul.menu input[type="text"] {
  color: #999; background: #e5f3ff none; }
body ul.menu input[type="text"]:hover, body ul.menu input[type="text"]:focus {
  color: black; background: white none; }

/* Section styles */
hr.sectiondiv {
  display: none;
  clear: none;
}
div.section {
  border: 1px solid;
  margin: 0.5em 0;
  padding: 1em;
}
body.scss div.section {
  color: black;
  background: #ffc none;
  border-color: #fc0;
}
body.andrew div.section {
  color: black;
  background: #e5f3ff none;
  border-color: #9cf;
}
div.section h2 {
  margin-top: 0;
}
body.scss div.valid {
  color: #fc0;
  background: #ffc none;
}
body.andrew div.valid {
  color: #9cf;
  background: #e5f3ff none;
}

/* Site area 'branding' */
/*
body.andrew.opera, body.andrew.opera div.section {
  background-attachment: fixed;
  background-position: 30% 50%;
  background-repeat: no-repeat;
  background-image: url(/family/andrew/o7/Opera4_t_faded.png);
}
body.andrew.opera div.section {
  background-image: url(/family/andrew/o7/Opera4_t_faded_blue.png);
}
*/

/* Table styles */
table.simple {
  border-collapse: collapse;
}
body.scss table.simple caption {
  color: black;
  background: #fc0 none;
}
body.andrew table.simple caption {
  color: black;
  background: #9cf none;
}
table.simple th, table.simple td {
  padding: 5px;
  border-width: 2px;
  border-style: solid;
}
body.scss table.simple th, body.scss table.simple td {
  border-color: #fc0;
}
body.andrew table.simple th, body.andrew table.simple td {
  border-color: #9cf;
}

/* Indicate external links, with some exceptions */
/* Unfortunately, they don't validate (yet)
a[href^="http:"]::after {
  content: " " url(/images/externalweb.png); 
}
a[href^="http://www.scss.com.au/"]::after,
div.button a[href^="http:"]::after,
div.stats a[href^="http:"]::after,
div.valid a[href^="http:"]::after,
p.promos a[href^="http:"]::after {
  content: "";
}
a[href^="ftp:"]::after {
  content: " " url(/images/externalftp.png);
}
a[href^="mailto:"]::after {
  content: " " url(/images/mailto.png);
}
a[href^="news:"]::after, a[href^="nntp:"]::after {
  content: " " url(/images/news.png);
}
a[href$=".zip"]::after {
  content: " " url(/images/download.png);
}
*/

/* Highlight the referring page in the sitemap */
ul#sitemap li#current>a {
  font-weight: bolder;
  font-size: larger;
}

blockquote code {
  display: block;
  white-space: pre;
  overflow: auto;
  margin-right: 5em;
  padding: 0.5em;
  border: 1px solid black;
  font-size: 80%;
}
body.andrew blockquote code {
  color: inherit;
  background-color: #d9eeff;
}

/* Tooltips (http://www.madaboutstyle.com/tooltip2.html) */
span.tooltip {
  position: relative;
/*  cursor: help;*/
}
span.tooltip span {
  display: none;
  font-weight: normal;
  text-align: left;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 15em;
  border: 1px solid #000;
  background-color: #ffe;
  color: #000;
  font-size: small;
  padding: 1px;
  z-index: 99;
}
span.tooltip:hover span {
  display: block;
}

/* Search engine keyword highlighting */
span.searchword   { color: #000; background-color: #ff6; font-weight: bold; }
span.searchword1  { color: #000; background-color: #ff6; }
span.searchword2  { color: #000; background-color: #9ff; }
span.searchword3  { color: #000; background-color: #9f9; }
span.searchword4  { color: #000; background-color: #f99; }
span.searchword5  { color: #000; background-color: #f6f; }
span.searchword6  { color: #fff; background-color: #800; }
span.searchword7  { color: #fff; background-color: #0a0; }
span.searchword8  { color: #fff; background-color: #860; }
span.searchword9  { color: #fff; background-color: #049; }
span.searchword10 { color: #fff; background-color: #909; }

/* Newsfeed lists */
div.newsfeeds {
  font-size: smaller;
  font-weight: bold;
  text-align: center;
}
div.newsfeeds img {
  vertical-align: bottom;
}
div.newsfeeds ul, div.newsfeeds li {
  display: inline;
  margin: 0;
  padding: 0;
}
div.newsfeeds li+li:before {
  content: " : ";
}
div.headerimg div.newsfeeds {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  width: 16em;
}
div.headerimg div.newsfeeds img {
  vertical-align: top;
}
div.headerimg div.newsfeeds ul {
  position: absolute;
  display: block;
  width: 16em;
  left: 0;
  top: 12px;
  visibility: hidden;
  padding: 3px;
  border: 1px solid;
}
body.scss div.headerimg div.newsfeeds ul {
  color: black;
  background: #ffc none;
  border-color: #fc0;
}
body.andrew div.headerimg div.newsfeeds ul {
  color: black;
  background: #e5f3ff none;
  border-color: #9cf;
}
div.headerimg div.newsfeeds li {
  display: block;
}
div.headerimg div.newsfeeds li:before {
  content: url(/images/buttons/feed-icon-12x12.png);
}
div.headerimg div.newsfeeds:hover ul {
  visibility: visible;
}