body { background-color: #f7f7f7
     ; color: #222
     ; font-family: 'Hoefler Text', Georgia, 'Roboto', serif
     }

h1 { text-align: center
   ; font-size: 4em
   ; font-weight: normal
   ; margin: 0.8em 0 0.4em
   ; padding: 0
   }

h2 { text-align: center
   ; font-size: 2em
   ; font-weight: normal
   ; margin: 0.2em 0 1em
   ; padding: 0
   }

a { color: #0E539C }

a.img { border: none }

#breadcrumbs { font-size: 1.5em
             ; color: #222
             ; position: absolute
             ; top: 0.3em
             ; left: 0.3em
             }

#breadcrumbs a { text-shadow: none
               ; color: #222
               }

#forkme { position: absolute
        ; top: 0
        ; right: 0
        ; border: none
        }

ul.nav { text-align: center
       ; max-width: 400px
       ; margin: 0 auto
       ; padding: 1em
       ; border: solid 1px #ccc
       ; background-color: #fff
       ; -moz-border-radius: 20px
       ; -webkit-border-radius: 20px
       ; border-radius: 20px
       ; behavior: url(js/border-radius.htc)
       ; behavior: url(../js/border-radius.htc)
       }

ul.nav li { display: block
          ; font-size: 1.6em
          ; line-height: 1.8em
          ; margin: 0
          ; padding: 0
          }

ul.nav li a { padding: 5px
            ; text-decoration: none
            ; border-bottom: dashed 1px #0E539C
            ; text-shadow: #999 5px 5px 5px
            }
ul.nav li a:visited { color: #227 }

ul.nav li a:hover,
ul.nav li a:active { text-shadow: #aa7 5px 5px 5px
                   ; border-bottom: dashed 1px #000
                   }

ul.nav li a:active { text-shadow: none }

footer { text-align: center
       ; font-size: 1.2em
       ; margin: 1em
       }

footer a { border-bottom: none }

#promote-js { margin-top: 3em
             ; text-align: center
             }

#promote-js img { border: none }