/* layout and positioning */
body { margin: 0; padding: 0; }
a img { border: 0 none; }
form { margin: 0; }

#siteContainer { margin: 0 auto; border-right: 5px solid; border-left: 5px solid; padding-left: 15px; width: 900px; overflow: auto; position: relative; }
h1, h2, h3 { margin: 0; padding: 0 10px 0 0; }
p { margin: 0.5em 0; padding: 0 1em; }
#content { padding-bottom: 40px; width: 700px; }
#twitterFeed { margin: 0; padding: 20px 0 0; list-style: none outside; }
  #twitterFeed li { margin: 0px; padding: 15px; }
    #twitterFeed .timestamp { display: block; }
#sidebar { position: absolute; top: 345px; right: 15px; width: 170px; }
  #menu { margin: 50px 0; padding: 0 0 0 10px; list-style: circle outside; }
    #menu li:hover { list-style: disc outside; }
      #menu a { display: block; }

/* colour and images */
body { background: #4F4131; color: #4F4131; }
#siteContainer { border-right-color: #6F220D; border-left-color: #BF310B; background: #3F3427; }
#content { background: #FFC400; border-color: #BF310B; }
h1 { background: #FFC400; border-color: #BF310B; }
h1:first-letter { color: #BF310B; }
h1 a { color: #4F4131; }
a { color: white; }
a:hover { color: #BF310B; }
#twitterFeed { background-color: #FFDB5F; }
#twitterFeed li { color: #FFC400; }
#twitterFeed li.odd { background-color: #FFDB5F; }
#twitterFeed li.even { background-color: #FFC400; }
#twitterFeed .twitter { color: #7F5E37; }
#twitterFeed .timestamp { color: #4F4131; }
#sidebar { color: white; }

/* text and type */
body { font-family: 'trebuchet ms', arial, verdana, sans-serif; font-size: 15px; }
h1 { font-size: 135px; text-align: right; line-height: 110px; letter-spacing: 0; }
h1:first-letter { font-size: 260px; font-weight: bold; font-style: italic; line-height: 1em; }
h2, h3 { text-align: right; }
a { text-decoration: none; font-weight: bold; }
#twitterFeed .timestamp { font-size: 12px; font-style: italic; text-align: right; }
#sidebar { font-size: 12px; }