1 /*

     2  * Structural layout, i.e. positioning of layout items

     3  */

     4 

     5 body

     6 {

     7     padding: 0px;

     8     margin: 0px;

     9 }

    10 

    11 /* Full-width decorative header at top */

    12 div#header

    13 {

    14     padding: 40px;

    15 

    16     text-align: left;

    17 

    18     font-size: 300%;

    19     font-weight: bold;

    20 

    21     border-bottom: 1px dotted #aaa;

    22 }

    23 

    24 /* 

    25  * Container for horizontal layout 

    26  * XXX: for equal-height columns, I believe; see #menu

    27  */

    28 div#container

    29 {

    30     overflow: hidden;

    31 }

    32 

    33 /* Left column in content layout, below header */

    34 div#menu

    35 {

    36     float: left;

    37 

    38     /* Evil? */

    39     padding-bottom: 2000px;

    40     margin-bottom: -2000px;

    41             

    42     border-right: 1px dotted #aaa;

    43 }

    44 

    45 div#menu ul

    46 {

    47     margin: 0px;

    48     padding: 0px;

    49 

    50     list-style-type: none;

    51 

    52     width: 180px;

    53 }

    54 

    55 div#menu li a

    56 {

    57     display: block;

    58 

    59     padding: 10px;

    60     padding-left: 20px;

    61 }

    62 

    63 /*

    64 div#menu li a:hover

    65 {

    66     background-color: #ddd;

    67     text-decoration: none;

    68 }

    69 */

    70 

    71 /* Content-width compact navigation menu below header and next to menu*/

    72 div#nav

    73 {

    74     margin-left: 180px;

    75 

    76     padding: 0px;

    77 

    78     border-bottom: 1px dotted #aaa;

    79 }

    80 

    81 div#nav ul

    82 {

    83     list-style-type: none;

    84     white-space: nowrap;

    85 

    86     padding: 5px 0px;

    87     margin: 0px;

    88 }

    89 

    90 div#nav li 

    91 {

    92     display: inline;

    93 

    94     padding: 0px;

    95 

    96     border-left: 1px dotted #aaa;

    97 }

    98 

    99 div#nav li:first-child

   100 {

   101     border-left: none;

   102 }

   103 

   104 div#nav li a

   105 {

   106     padding: 5px 10px;

   107 

   108 }

   109 

   110 /* Main content view */

   111 div#content

   112 {

   113     margin-left: 180px;

   114 }

   115 

   116 /* Full-width Footer at bottom of page */

   117 div#footer

   118 {

   119     padding: 10px;

   120 

   121     border-top: 1px dotted #aaa;

   122 

   123     font-size: x-small;

   124     font-style: italic;

   125 

   126     text-align: center;

   127 }