/***************************************************************

  Style sheet for Alberto's home page, derived from the Spaghetti and
  Cruft example website from Chapter 11 of Beginning HTML with CSS and
  XHTML, by Craig Cook and David Schultz (Apress, 2007).

***************************************************************/

/* Styling the page body */
html { background: #fff url(images/background.gif) repeat-x; }

body {
    position: relative;
    min-width: 670px;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    font: normal 100% "Times New Roman", Times, serif;
    color: #333;
}

/* Styling headings */
h2 {
    font: bold 125% "Times New Roman", Times, serif;
    margin-top: 10px;
}

/* Styling the publication list */
ul.pubs {
    font: normal 90% "Times New Roman", Times, serif;
    list-style-type: none;
    padding-left: 30px;
    text-indent: -30px;
}

/* Styling the centered images */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* Styling the centered videos */
iframe.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* Styling the address */
#address {
    color: #000;
    position: absolute;
    top: 0px;
    right: 10px;
    margin: 0;
    text-align: left;
    font-size: 110%;
    line-height: 1.1;
}

#address strong {
    font-size: 140%;
    line-height: 1.3;
}

#main-content { 
    width: 65%; 
    float: right; 
}

#navigation { 
    width: 30%; 
    float: left; 
    list-style: none; 
    margin: 10px 0; 
    padding: 0;
    border-top: 1px solid #b5b5b5;
}

#navigation li {
    padding: 4px 0;
    font: 110% "Times New Roman", Times, serif;
    border-bottom: 1px solid #b5b5b5;
}

#lastupdated {
    clear: both;
    text-align: left;
    font-size: 90%;
    padding-top: 10px;
    border-top: 1px solid #b5b5b5;
}
