/*
General colour scheme:
#333 Grey for copy text

Links: #336699;
Links visited state: #4488bb;
Other Link states: #07488A;

#666 text grey
#ddd grey
#BBCCD9 blue grey
#4488bb lighter blue
#336699 dk blue
*/

/*
that space that you wanted to get rid of is actually space further up here;
    html, body {
        margin: 0;
        padding: 0;
    }
*/

/* General Styles */
html, body {    
    background-color: #fcfcfc;
    font-family: sans-serif;
    font-size: 100%;
    color: #333;
}

div, ul, li, p {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h5 {
/*
    color: #005689;
    font-family: georgia, serif;
    line-height: 1.25;
    margin-top: 0;
*/
    color: #008000;
    font-family: sans-serif;
    margin-left: 0px;
    margin-top: 10px;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 18px;
}

p {
    margin-bottom: 0.5em;
}

a {
    color: #336699;
    text-decoration: none;
}

a:visited {
    color: #4488bb;
}

a:hover, a:focus, a:active {
    color: #07488A;
    text-decoration: none;
}

/* if you want to hide the extra headings, can be read by screen readers 
h1, h2 { position: absolute; left: -999px; }

*/

/* Preamble */

.preamble, .postamble .file-code, .file-listing {
    margin: 25px;
}

span.func-list-expl {
    font-size: 70%;
}

span.diff-plus {
    color: #004080;
}

span.diff-minus {
    color: #800080;
}

/* Tab like navigation */
.file-view-nav {
    padding: 5px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
    font-size: 14px;
    text-transform: lowercase;
    margin-bottom: 0;
}

.file-view-nav li {
    display: inline;
    padding: 5px 0.7em;
    margin: 0 0 0 0.5em;
    border: 1px solid #778;
    border-bottom: none;
    background: #dde;
    /* some rounded corners, ff and opera */
    -moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
    -moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius:10px;
}

.file-view-nav li:hover, 
.files-in-chapter li:hover{
    color: #07488A;
    background: #aae;
    border-color: #227;
}

.file-view-nav li a:hover, 
.file-view-nav li a:active, 
.file-view-nav li a:focus,
.files-in-chapter li a:hover,
.files-in-chapter li a:active,
.files-in-chapter li a:focus {
    color: #07488A;
}

.file-view-nav li.current,
.file-view-nav li.current a {
    color: #336699;
    background: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}
/* End of tab like navigation */

/* code in files */

.file-code .code{
    padding: 10px;
    border-width: 0 1px 1px 1px; 
    border-style: solid;
    border-color: #778;
}

.file-code .code h2 {
    margin: 0;
}

.file-code .code ul{
    margin-top: 0.5em;
}

.file-code .code li {
    display: inline;
    margin-right: 1em;
}

.functions-in-file
{
    margin-bottom: 10px;
}

/* I have wrapped the functions in separate <pre> tags etc, you might find it easier not do this. This means no HRs and you can put the name attr on the pre tag instead of using an <a>. it does mean the first item has to have a two classes*/
.listing {
    background-color: #f4f0f4;
    font-family: monospace, courier;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
    border: 1px solid #44BB44;
}

.function {
    border-top: 1px solid #44BB44;
    margin-top: 20px;
    padding-top: 20px;
}

.listing .first {
    border: none;
    padding-top: 0;
    margin-top: 0;
}

.filename {
    font-family: monospace, courier;
}

/* end of code in files */
/* All files by chapter */
.listing-page .preamble {
    margin-bottom: 15px;
}

.file-listing {
    margin-top: 0;
}

.files-in-chapter {
    clear: both;
    overflow: hidden;
     margin-bottom: 10px;
}

.files-in-chapter ul li {
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 0.3em;
}

.files-in-chapter ul li a{
    margin: 0 0 0.3em 0.3em;
    padding-right: 0.3em;
    border-right: 1px solid #778;
    display: block;
    min-width: 1.3em;
}

.code-listing {
    border:1px solid #777788;
    padding:10px;
    background-color:#F4F0F4;
}

.code-listing .item{
    border-bottom:1px solid #777788;
    padding:10px 15px 15px 15px;
    margin-bottom: 10px;
    overflow: hidden;
}

.code-listing .item h2 {
    float: left;
}

.code-listing .item p.top {
    float: right;
    font-size: 0.9em;
}

.code-listing .item ul {
    clear: left;
}

.code-listing .item ul li {
    margin-bottom: 0.8em;
    margin-left: 2em; 
    overflow: hidden;
}

.code-listing .last {
    border-bottom: none;
    margin-bottom: 0;
}

/* End of all files by chapter */
/* Interfaces*/
.interfaces  .code-listing .item ul li {
    margin-bottom: 1em;
    margin-left: 2em; 
    overflow: hidden;
}

.code-listing .item .contained-in {
    clear: none;
    
}
.interfaces .code-listing .item ul li 
.code-listing .item .contained-in li {
    margin-bottom: 0.2em;
    margin-left: 1.5em;
}
/* this is to put light grey lines between the interface listings 
    this requires that each list item has a class of last */
.interfaces  .code-listing .item ul li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #0dd;
    margin-bottom: 0;
}

.interfaces .code-listing .item .contained-in li {
    border-top: 0;
    border-bottom: 0;
}

.interfaces .code-listing .item .first {
    margin-bottom: 0;
    border-bottom: 0;
}

.interfaces .code-listing .item .last {
    margin-bottom: 0;
    border-bottom: 0;
}
/* end of grey line styles*/

.code-listing .item span {
    float: left;
    clear: left;
}

.contained-in {
    margin-left: 170px;
}

.contained-in li {
    display: block;
    float: left;
    width: 220px;
}

/* End of Interfaces */
/****more of michaels styles here****/

a.func {
    color: red;
    text-decoration: none;
}
a.manpage {
    color: red;
    text-decoration: none;
}
a.file {
    color: red;
    text-decoration: none;
}

/*********************************************************/
/*
body { color:#000000; background-color:#F8F8F8; }
b    { color:#502000; }
i    { color:#006000; }
h2   { color:#A00000; padding-top: 15px; font-size: 100%; }
h3   { color:#600000; font-size: 100%; padding-top: 10px; padding-left: 20px; }
pre  { font-family: monospace, courier; }

a:link    { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover   { text-decoration: underline; color: red; }
a:active  { text-decoration: underline; background-color: #FFD0D0; }
h1 { 
     color : black;
}
.code {
    	font-family: monospace, courier;
	color: #004000;
	font-size: 22px
}
.shell {
    	font-family: monospace, courier ;
	color: #004000;
	margin-left: 40px;
}
.shell strong {
   	color: #007000;
	font-weight: bold;
}

.manpage {	
	font-style: italic;
	color: darkblue;
}


.filename {
    	font-family: monospace, courier;
	color: blue;
	font-weight: bold;
}

.filename strong { color: green }
*/