/*
 * Site design, content, and backend all authored by Aaron Stacy
 */

@font-face {
  font-family: "Aller Light";
  src: local("Aller Light"), url("Aller_Lt.ttf");
}

@font-face {
  font-family: "Aller Light Italic";
  src: local("Aller Light"), url("Aller_LtIt.ttf");
  font-style: italic;
}
 
@font-face {
  font-family: "Aller";
  src: local("Aller"), url("Aller_Rg.ttf");  font-style: italic;
}
 
body, p, ol, ul, td {
  font-family: "Aller Light", Sans-Serif;
}
 
em {
  font-family: "Aller Light Italic", Sans-Serif;
}

b, strong {
  font-family: "Aller", Sans-Serif;
}                                         

html, body {
  margin: 0;
  padding: 0;
  height:97%; width:100%;
}
 
body {
  font-size: 22px;
  color: #333;
  background-color: #fff;
}
 
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
 
a {
  color: #005499; /* blue */
  background-color: #fff;
  text-decoration: none;
}
 
a:visited {
  color: #904060; /* blue */
}
 
a:hover {
  background-color: #005499; /* blue */
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

img {
  border: 0px solid #fff;
}
 
hr {
  width: 85%;
  border: 0;
  background-color: #c9c9c9;
  height: 1px;
}
 
#page-container {
  width: 85%;
  margin: auto;
}
 
#header {
  padding: 10px 25px 10px 25px;
  font: bold 96px Helvetica;
  /*font: 96px "Aller Light";*/
  text-align: right;
}
 
#sidebar {
  float: right;
  width: 280px; /* must be the same as the #container margin-right */
  line-height: 1.5em;
  font-size: 0.8em;
}
 
#sidebar .padding {
  margin: 25px;
  margin-top: 35px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  padding-top: 5px;
}
 
#sidebar h2 {
  letter-spacing:0.5em;
  text-align:center;
}

#sidebar li {
  list-style:none;
  line-height:2.0em;
  padding-left: 0px;
}
 
#sidebar ul {
  padding-left: 1.2em;
}
 
#content {
  /*margin-right: 280px; [> must be the same as the #sidebar width <]*/
  line-height: 1.5em;
}
 
#content .padding {
  padding: 25px;
}
 
#content h1 {
  margin-bottom: 0.3em;
  margin-top: 0.6em;
  letter-spacing:1px;
  font-style:italic;
  font:italic 2em georgia;
}
 
#content p {
  margin: 0px;
  padding: 0px;
  /*padding-bottom: 15px;*/
  margin-bottom:0.5em;
  margin-top:0.5em;
}
 
p.center {
  text-align: center;
  vertical-align: middle;
}
 
#footer {
  clear: both;
  font-family: Tahoma, Helvetica, Arial, Sans-Serif;
  font-size: 0.8em;
  color: #665;
  border-top: 1px solid #665;
  padding: 13px 25px;
  line-height: 1.5em;
}
 
#footer a {
  color: #665;
  text-decoration: none;
}
 
h1 {
  margin: 0px;
  padding: 0px;
}
 
.hidden {
  display: none;
}
 
#main-nav
{border-bottom:1px solid #666;
height:34px;
clear:both;
}
 
#main-nav h2
{float:left;
font-size:170%;
line-height:34px;
margin-bottom:0;
}
 
#main-nav a
{color:#666666;
}
 
#tabs
{float:right;
font-weight:bold;
}
 
#tabs a
{background:#eee;
border:1px solid #eee;
color: #333;
display:block;
float:left;
font-size:90%;
height:24px;
line-height:22px;
margin:8px 8px 0 0;
padding:0 11px 0 11px;
text-decoration:none;
}
 
#tabs a:hover
{background:#fff;
border:1px solid #666666;
border-bottom-color:#fff;
line-height:20px;
margin-top:9px;
}
 
#tabs a.youarehere
{background:#fff;
border:1px solid #666666;
border-bottom-color:#fff;
color: #333;
font-size:120%;
height:30px;
line-height:28px;
margin-top:3px;
padding:0 11px 0 11px;
}
 
code {
  background-color: #eee;
  padding: 10px;
  border-left: 5px solid #ddd;
  white-space:pre;
  display:block;
  width:80%;
  margin-left:5%;
  margin-bottom:1em;
  margin-top:1em;
}
 
#tizag_props {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
 
table {
  border: 1px solid #665;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow:           2px 2px 5px #333333;
  -webkit-box-shadow:   2px 2px 5px #333333;
  -moz-box-shadow:      2px 2px 5px #333333;
  padding: 5px;
  margin-left:5%;
  margin-bottom:2.5em;
  margin-top:0.5em;
  width:90%;
}

td {
  border-top: 1px solid #665;
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
  height:2.3em;
  line-height:1.2em;
}

td.cmd {
  text-align:center;
}

.aside {
  font-size: 0.6em;
  line-height: 0.6em;
}

.h3-line {
  border-top: 1px solid #aaa;
  /*font-size:0.5em;*/
  line-height:0.1em;
  margin-top:1.2em;
  width:80%;
  font-weight:bold;
  margin-top:2em;
}

.h3-line span {
  position:relative;
  top:-0.6em;
  left:30px;
  background-color:#fff;
  font-size:1.3em;
  line-height:1em;
}

.fixed {
  font-family:"Andale Mono";
  background-color:#ddd;
}

dt {
  font: 0.8em "Andale Mono";
  line-height:2.2em;
}

dd {
  font-size: 0.8em;
  line-height: 1.5em;
}

em {
  font-family: "Aller Light Italic";
}

pre {
  background-color: #eee;
  margin: 4px;
  padding: 10px;
  border-left: 5px solid #ddd;
  width:85%;
}

object {
  margin-top:15px;
  margin-bottom:15px;
}