html, body { background:#0a0a0a; }

/* main */
#main { padding-top:25px; color:#ccc; background:#1a1a1a; background:-webkit-gradient(linear, 0 0, 0 100%, from(#0d0d0d), to(#1a1a1a)); }
#main h1, #main h2, #main h5, #main strong { color:#fff !important; }
#main h1 { margin-bottom:5px; }
#main h2 { margin-bottom:5px; font-size:28px; font-weight:bold; text-shadow:0 -1px 0 #000; }
#main p.intro { margin:0 0 35px; width:640px; color:#999; font-size:20px; line-height:1.2;  }
#main a { text-decoration: none; }

#main .col > a:first-child { display: block; margin:-7px -11px -11px; padding: 6px 10px 10px; border: 1px solid transparent; -webkit-transition: -webkit-box-shadow 200ms linear; }
#main .col > a:first-child:hover { border: 1px solid #000; border-top-color:#333; background:#252525; background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0.05))); -webkit-box-shadow:#000 0 2px 20px; -moz-box-shadow:#000 0 2px 20px; }
#main .col > a:first-child:hover p.intro { color: #ccc; }

#main .col p.intro { margin:0 0 10px; width:auto; font-size:15px; }
#main .col img { display: block; }

#main p.callout { margin:20px 0 0; }
#main p.callout a { display:block; border:1px solid #0b0b0b; padding:9px 14px; color:#999; text-decoration:none; background:#111; }
#main p.callout a:hover { background:#0b0b0b; }
#main p.callout a strong { white-space:nowrap; padding-right:8px; background:url(/images/site/home_arrow.gif) no-repeat 100% 50%; }

#main #speaking { margin:40px -10px 0; padding:20px 10px 0; border-top: 1px dotted #000; }
#main #speaking h2 { font-size:18px; font-weight: normal; }
#main #speaking p { margin-top: 0; color: #999; }
#main #speaking .col img { margin: 0 auto; }

#main #eeci2009 { padding-top:40px; }
#main #eeci2009 a { padding:11px 14px 11px 354px; height:68px; line-height:22px; }
#main #eeci2009 a img { float:left; margin:-10px 0 -10px -336px; }

/* footer */
#footer { border-top-color:#1a1a1a; }