/*     This is the style Sheet for the home page of saundby.com
    It's not a template, don't use it unless you have my permission.
    Thanks.
    This version is modified for print.
    All colors are black and white, ads and incidental content
    are not displayed.
    
    -Mark Graybill, August 2009
*/

/* Basics */

html { margin: 0; padding: 0; }

body {
    margin: 0;
    padding: 0;
    background: #fff; /* url('images/Signetics8080BarePCB-MJ.jpg') no-repeat top; */
    color: #000;
    line-height: 120%;
    font-family: Futura, Geneva, Optima, Gill Sans, monospace;
    letter-spacing: 0.12em;
    text-align: center;
 /*   min-width: 680px; */
}

img {border-width: 1px; }

h1 {
    letter-spacing: 0.2em;
    text-align: center;
}

h2 {
    letter-spacing: 0.15em;
    font-style: italic;
    text-align: center;
}

a:link { color: #0077ff; }
a:visited { color: #c700ff; }
a:hover { color: #00ffff; }

.title {
    font-variant: small-caps;
}

/* Divisions */

/* PAGETITLE ================================= */
/* This division sits above the rest of the page,
    across the top. The three columns of leftcol,
    rightcol, and main all start underneath this. 
    An ad banner can safely be placed over this div. */
    
#pagetitle {
    clear: both;
    margin: 20px 20px 20px 20px;
    float: top;
}

#pagetitle h2 {
    letter-spacing: 0.15em;
    font-style: italic;
    text-align: center;
}

#pagetitle h3 {
    display:none;
}

#leftcol {
    display:none;
}
 
/* RIGHTCOL =================================== */
/* This is the outer "wrapper" for the right column.
    Other divisions like NAVBAR, link lists, and so on
    go inside this division. */
 
#rightcol {
    float: right;
    padding: 0;
    margin: 0;
    width: 145px;
}

/* CONTAINER ================================= */
/* This wraps the content of the center section
    of the screen. The main section, and the footer
    are usual divisions to put inside the CONTAINER */
    
#container {
    margin: 0 auto;
    padding: 10px;
    background: #000;
    text-align: left;
}

/* NAVBAR ===================================== */
/* This is a general format for navigation bars,
    usually placed in either the left or right column. */
    
#navbar {
    display: none;
}

#navbar h1 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}
#navbar h2 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}
#navbar h3 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}
#navbar h4 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}
#navbar h5 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}
#navbar h6 { letter-spacing: 0.15em; margin: 0 0 .3em 0;}

#navbar ul { 
    list-style-type: none; 
    padding: 0;
    margin: 0;
}

#navbar li { padding: 0 0 0.25em 0.25em; }

#navbar a:link { color: #00adff; }
#navbar a:visited { color: #d020ef; }
#navbar a:hover { color: #00ffff; }


/* SUMMARY =================================== */
/* This is a pullquote or small intro statement
    for the page. Usually sits in the right column,
    can be moved to the left column, it may be
    desirable to change the width if so. */
    
#summary {
    margin: 0; 
    padding: 0.2em;
    width: 10em; 
    letter-spacing: 0.15em;
    font: italic 10pt/22pt;
    color: #000;
    text-align:center;
}

#summary p { margin: 0.3em; }

#summary h1 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}
#summary h2 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}
#summary h3 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}
#summary h4 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}
#summary h5 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}
#summary h6 { letter-spacing: 0.2em; margin: 0 0 0.5em 0;}

/* MAIN ===================================== */
/* The main section of the page. This
    stays in the center margin, and does not
    flow into the third column. */

#main {
    margin: 0 48px  0 68px;
}

/* ITEM ======================================== */
/* This is a format for short news items or links to
    other articles placed in the main section. */
#item {
    margin: 0 0 0.5em 0;
    padding:0;
    border: 1px solid gray;
    overflow: visible;
    min-height: 144px;
}

#item p {
    padding: 0 0.4em 0.2em 0.5em;
    font: normal 11pt/18pt;
    letter-spacing: 110%;
}

#item h3 {
    margin: 0 0 0 0;
    padding: 0.3em;
    background: #000;
    color: #fff;
    font-variant: small-caps;
    border-bottom: 1px solid gray;
}

#item p.highlight {
    padding: 0 0.4em 0.2em 0.5em;
    color: #222;
}

#item img {
    padding: 0;
    margin: 6px;
}

#item ul {
    margin: 0 0 0.5em 2em;
    padding: 4px;
}


/* FOOTER ===================================== */
/* This is the section for the foot of the page, it is
    usually placed inside the container so as to avoid
    problems with the left and right columns flowing
    over the top of it. */
    
#footer {
    clear: both;
    margin: 0.3em;
    padding: 0.2em;
    font: normal 8pt/14pt;
    text-align: center;

}


/* ADSENSE ====================================== */
/* This section holds formatting stuff for different adsense ads,
    a different adsense id can be created for each type of ad. */
    
#adsense-square { /* This is for 200x200 square ads
                        placed in the left column. */
    display: none;
}

#adsense { /* Don't display ads on print. */
    display: none;
}