html {
background: #5E7FA0 url(../images/bg.jpg) fixed top center;
}

strong {
font-weight: bold;
}

div#dock {
height: 50px;

/* Background */
padding-left: 16px;
background: transparent url(../images/border-left.png) no-repeat bottom left;

/* Centering */
margin-left:50%;
width:348px;
position:relative;
left:-174px;

/* Bottom of page */
/*position: fixed;
bottom: 0px;*/
}

div#dock ul {
/* Sliding Doors Technique Background */
background: transparent url(../images/border-right.png) no-repeat bottom right;

/* No Bullets for Semantic Markup Through Lists */
list-style-type: none;

/* Correct Size */
height: 50px;
width: 100%;

/* Leave Space for the Background */
padding-right: 10px;

/* Stay Out of the Way */
float: left;

/* Popups Don't Get Squished */
overflow: visible;
}

div#dock ul li {
/* Be Horizontal */
float: left;

/* Stay up on Hover */
height: 50px;

/* Put Some Space in Between */
margin: 0 3px;

/* Text Bubbles */
overflow: visible;
width: 52px;
}

div#dock ul li a {
/* Remove FireFox Link Border */
outline: none;

display: block;
height: 48px;
}

div#dock p.bubble {
border: 1px solid black;
background-color: #555;
color: white;
-moz-opacity: .8;
padding: 3px;
-moz-border-radius: 5px;
position: relative;
top: -115px;
width: 150px;
display: none;
margin-left: -49px; /* -(150px - 64px)/2 */
text-align: center;
}

div#dock li.stack ul {
background: #555 none repeat;
border: 1px solid black;
color: white;
-moz-opacity: .95;
padding: 3px;
-moz-border-radius: 15px;
position: relative;
width: 230px;
display: none;
margin-left: -84px; /* -(230px - 64px)/2 */
}

div#dock li.stack ul li {
float: left;
padding: 3px;
-moz-border-radius: 5px;
border: 2px solid transparent;
position: relative;
width: 25%;
height: 80px;
text-align: center;
margin: 3px 0;
}

div#dock li.stack ul li:hover {
border: 2px solid white;
background-color: #AAA;
}

#content {
background-color: #EEE;
border: 1px solid black;
width: 60%;
height: 80%;
margin: 50px 0 23px 20%;
overflow: auto;
padding: 10px;
}

#content h1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}

#content h2 {
font-size: 110%;
padding-left: 10%;
text-decoration: underline;
}

#content hr {
width: 60%;
margin-left: 20%
}

#content p {
margin-bottom: 5px;
}

#content h1 a {
color: #555;
text-decoration: none;
}

#content h1 a:hover {
text-decoration: underline;
}

#content #installNotebook {
width: 90%;
margin-left: 5%
}

#content #installNotebook pre {
width: 95%;
overflow: auto;
border: 1px dashed grey;
margin: 2.5% 0;
padding: 2px;
}

#content #installNotebook ul img {
position: relative;
top: 3px;
}

.tabs-nav a {
line-height: 1.8em;
}

.tabs-container {
border: 1px solid #97A5B0;
height: 18em;
overflow: auto;
}

div.title {
width: 59%;
margin: 0 0 0 20%;
overflow: visible;
text-align: center;
background-image: url(../images/window-left.png);
position: absolute;
top: 27px;
height: 24px;
padding-left: 22px;
margin-right: 84px;
}

div.title span {
display: block;
width: 100%;
background: transparent url(../images/window-right.png) no-repeat top right;
padding: 4px 0;
float: left;
padding-right: 1.75%;

font-weight: bold;
color: white;

overflow: hidden;
}