@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
}

body {
padding:0;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC;
background-image:url(images/background.png);
text-align:center;
}

a:link {
/*color:#005696;*/
color:#005696;
text-decoration:none;
}
a:visited {
color:#005696;
text-decoration:none;
}
a:hover {
color:#1395D4;
}

#logoBox{
margin-bottom:1em;
float:left;
}

#headerBox {
background-color:#005696;
border:#666666 2px solid;
background-position:left;
background-repeat:no-repeat;
height:50px;
min-width:700px;
margin-bottom:1em;
margin-left:240px;
}
#headerTitle {
text-align:center;
margin-top:-1em;
}

h1, h2, h3, dt, dd {
font-family:Arial, Helvetica, sans-serif;
color:#444;
}

h1.title {
color:#FFFFFF;
}
h1.title a:link {
color:#000;
}
h1.title a:visited {
color:#000;
}
h1.title a:hover {
color:#000;
}
h1.title a:active {
color:#000;
}
#content {
	/* You can change the font size of all of the body text by uncommenting the next line and varying the em rating. Changing the font-size here will proportionally affect the sizes of all elements that aren't explicitly declared. To only change <p> elements, you could have a rule that looks like this: #content p {font-size:1em;} */
	/* font-size:1em; */
}
#content ul {
margin-bottom:1em;
}
dd {
margin-bottom:1em;
}
dd ul {
margin:0 auto;
}
#wrapper{
background-image:url(images/chapel-logo-1300.png);
background-size: 200px;
background-position:2.5em 1em;
background-repeat:no-repeat;
text-align:left;
margin:0 auto;
min-height:800px;
max-width:800px;
max-width:1000px;
padding:1em 2em 2em;
border:#666666 1px solid;
background-color:#FFFFFF;
}

#content {
margin-top:0;
padding: 0 3em 0 15em;
height:inherit;
}

#sidebar-wrapper {
float:left;
width: 13em;
}

#sidebar {
font-family:Arial, Helvetica, sans-serif;
background-color:#005696;
border:#666666 2px solid;
color:#FFFFFF;
float:left;
width: 13em;
margin-top:5em;
clear:both;
}

#sidebar ul {
padding:0 1em;
}
#sidebar ul li { /* The font size here will adjust the sidebar link sizes */
color:#FFFFFF;
font-size:0.85em;
font-weight:bold;
list-style-type:none;
}

.home {
text-decoration:underline;
}

#sidebar a:link {
color:#FFFFFF;
text-decoration:none;
}
#sidebar a:visited {
color:#FFFFFF;
text-decoration:none;
}
#sidebar a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#sidebar a:active {
color:#FFFFFF;
text-decoration:underline;
}

#email {
position:relative;
bottom:0;
padding: 0em 0 1em 1em ;
font-size:0.80em;
/*font-weight:bold;*/ /* Uncomment this to have the email and website links look the same as the navigational links. I would recommend having them diferent, since they accomplish different goals. */
}

.indent {
padding-left:2em;
}

.code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.code-snippet {
    background: #333333;
    color: #ffffff;
    padding: 0em 1em;
    font-size: 90%;
    overflow-x: auto;
}

.flip {
    width: 100%;
    margin-top: 20px;
    display: none;
}

.gist .line-pre .line,
.gist .line-numbers .line-number
{
  font-size: 120%;
}


/* styling for #os-package-table in install-pkg.html */
table#os-package-table,
table#os-package-table tr,
table#os-package-table th,
table#os-package-table td {
  border-collapse: collapse;
}
table#os-package-table th,
table#os-package-table td {
  padding: 5px;
}
table#os-package-table th {
  text-align: center;
  font-weight: normal;
  vertical-align: bottom;
}

/* only underline first row */
table#os-package-table tr      { border-bottom: 1px solid black; }
table#os-package-table tr ~ tr { border-bottom: none; }

/* only add middle vertical lines */
table#os-package-table th,
table#os-package-table td            { border-right: 1px solid black; }
table#os-package-table th:last-child,
table#os-package-table td:last-child { border-right: none; }