/* Common */
.floatr   { float: right; }
.floatl   { float: left; }
.clear    { clear: both; }

/* Grid Module */
#wrapper       { margin: 0; font-size: 1.2em; line-height: 1.4em; }
.container     { width: 833px; margin: 0 auto; }
#header        { height: 188px; background: #41585c; border-bottom: 28px solid #1a1a1a; }
     #logo          { width: 403px; height: 173px; }
          #logo .title        { width: 403px; height: 173px; text-indent: -999px; overflow: hidden; background: url('../images/mot-logo.jpg'); }
     #menu          { margin: 147px 0 0; }
          #menu ul li         { float: left; margin: 0 0 0 14px; background: #224248; }
          #menu ul li a       { display: block; width: 129px; margin: 10px 0; text-decoration: none; text-align: center; text-shadow: 1px 1px 2px #111; font: 1.5em 'Lucida Grande', sans-serif; color: #fff; }
          #menu ul li:hover   { background: #1e383d; }
          #menu ul li.active  { background: #1a1a1a; }
#content       {}
     #page          { width: 546px; margin: 14px 0; min-height: 600px; }
          #people li          { float: left; width: 129px; margin: 0 10px 10px 0; padding: 14px; background: #f8f8f8; }
          #people .delete     { padding: 2px 4px; margin: 0 4px 0 0; background: #ff1133; color: #fff; text-decoration: none; }
          #pagination         { margin: 14px 0; }
          #pagination li      { display: inline; padding: 5px; margin: 0 5px 0 0; border: 1px solid #e8e8e8; }
     #sidebar       { width: 273px; margin: 14px 0 0 14px; color: #7a7a7a; }
          #authors li         { display: block; height: 48px; margin: 0 0 12px; }
          #authors li span    { display: block; height: 48px; margin: 0 0 0 48px; padding: 0 0 0 12px; background: #fff; }
          #authors .title     { font: 400 1.2em 'Lucida Grande', sans-serif; color: #7a7a7a; }
          #authors #matt      { background: #b3b3b3 url('../images/ap-logo.png') no-repeat; }
          #authors #james     { background: #b3b3b3 url('../images/jc-logo.png') no-repeat; }
          #authors #adrian    { background: #b3b3b3 url('../images/sd-logo.png') no-repeat; }
#foot          { height: 188px; padding: 14px 0; background: #1a1a1a; color: #f8f8f8; }
     #foot .col     { width: 259px; padding: 0 0 0 14px; }
     .col .title    { font: 400 1.2em 'Lucida Grande', sans-serif; color: #a7a7a7; }
     #foot a        { color: #b3b3b3; }
     #sd-logo       { display: block; width: 70px; height: 70px; text-indent: -999px; overflow: hidden; background: url('../images/sd-circle-logo.jpg'); }
     
/* Tweets Module */
.tweet    { background: #f8f8f8; padding: 14px; min-height: 48px; }
.alt      { background: #e8e8e8; }
     .tweet .thumb       { position: absolute; padding: 4px 0 0; }
     .tweet .author a    { margin: 0 0 0 62px; display: block; font: 400 2.3em 'Lucida Grande', sans-serif; text-decoration: none; }
     .tweet .author a:hover { color: #3a3a3a; }
     .tweet .entry       { margin: 0 0 0 62px; display: block; font: 400 1.2em 'Lucida Grande', sans-serif; }
     .tweet .entry a     { color: #41585c; }
     .tweet .entry a:hover { color: #1a1a1a; }
     .entry .date        { font: 400 0.8em 'Lucida Grande', sans-serif; color: #7a7a7a; }

/* Form Module */
#myForm        { width: 546px; }
     #myForm input       { padding: 10px; font: 400 1.2em 'Lucida Grande', sans-serif; }
     #commentinput       { border: 1px solid #e8e8e8; width: 520px; background: #f8f8f8; color: #224248; }
     #submitinput        { border: 1px solid #fff; background: #f8f8f8; color: #7a7a7a; margin: 14px 0; }
     #emailinput, #nameinput { display: none; }
#success { padding: 10px; color: #349036; text-align: center; }