a, #sitemap li ul li a { text-decoration: none; color: #288cf0; }
a:hover { color: #333; }

body { background: white url(../images/uploads/background_tile.gif) repeat-x; }

#logo { height: 70px; }
#logo img { margin-top: 19px; }

ul.menu,
ul.menu li,
ul.menu ul { list-style: none; margin: 0; padding: 0; }

#nav { float: left; margin-top: 40px; }
#nav li { float:left; margin: 0; }
#nav a { display:block; float:left; margin:0 0 0 10px; padding:6px 12px; color:white; font:bold 16px Arial;  background-color:#288cf0; }
#nav a:hover { background-color: #666; }
#nav a.new { margin-left: 90px; background-color: #FD1934; }
#nav a.new:hover { background-color: #666; }
#nav a.here { background-color: #666; }

#quick-nav { position: absolute; top: 5px; left: 50%; margin-left: 240px; }
#quick-nav li { float: left; }
#quick-nav a { float: left; margin: 0 5px; }

#news-box { background-color: #ccc; margin: 10px 10px 10px 0; position: relative; }
#news-tagline { float: left; padding: 5px; width: 620px; opacity: 0.7; background-color: #222; color: white; position: absolute; left: 0; top: 326px; z-index: 99; }
#news-tagline em { font-style: normal; float: left; width: 520px; }
#next, #prev { color: white; }
#news, #news img { width: 630px; height: 354px; }

p.tweet { font: 12px/1.4 Arial; background-color: white; }
span.tweet-time { display: block; font-size: 10px; color: #666; font-style: italic; margin-top: 2px; }

.snippet { margin: 5px 0 15px 5px; width: 305px; }
.snippet h2 { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #333; border-bottom: 2px solid #999; padding: 0; margin: 2px 0; margin-left: 10px; }

#twitter .tweet,
#blog .blog,
#talk .blog { padding: 0; margin-left: 10px; }

#twitter h2 { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; background: transparent url(../images/uploads/bubble_tip.gif) 30px 24px no-repeat; }
#twitter .tweet { -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin-bottom: 0; }

.blog-title { display: block; font-weight: bold; font-size: 14px; }
.blog-time { display: inline; margin-right: 10px; font-size: 11px; color: #666; }
.blog p { margin-bottom: 0px; font: 12px/1.4 Arial;}

#body { margin-top: 25px; }
body.index #body { margin-top: 15px; }

#content1 { font-size: 14px; line-height: 1.3; color: #555; }

blockquote { font-size: 24px; line-height: 30px; color: rgb(100,160,255); color: #888; margin: 0; font-style: normal; }
blockquote p { margin-bottom: 0.8em; }

#subheader { font-size: 20px; font-weight: bold; padding: 0 0; float: left; color: #444; }
#body #subnav { height: 200px; display: block; border-top: 2px solid #999; margin-top: 5px; padding-top: 5px; float: left; width: 210px; font-size: 14px; }
#subnav a.here { color: #444; font-weight: bold; }
#subnav a img { border: 5px solid transparent; }
#subnav a.here img { border: 5px solid #ccc; }
#subnav a:hover img { border: 5px solid #ccc; }

.summary-boxes td { width: 210px; vertical-align:top; padding: 10px 10px 0 10px; font-size: 13.5px; }
.summary-boxes tr.subsections td { border: 1px solid #666; border-top: 0; border-left: 0; } 
.summary-boxes tr.extras td,
.summary-boxes tr.heading td { border-right: 1px solid #666; }
.summary-boxes tr td.last { border-right: 0; }
.summary-boxes h3 { margin-bottom: 10px; }
body.about .summary-boxes, body.about .summary-boxes td { border: 1px solid #ddd; }

.resources .summary-boxes tr.heading td { xfont-weight: bold; font-style: italic; color: #333; padding-bottom: 5px; }
.resources .summary-boxes tr.subsections td { border-bottom: 0; border-top: 1px solid #666; }

.resources a.here { color: black; }

#audio-panels .panel { float: left; border: 1px solid red; }

.blog-post a.blog-title{ margin: 10px 0 5px 0; font-weight: bold; font-size: 16px; }
.blog-post p.blog-time { display: block; margin-bottom: 10px; font-size: 12px; }
.blog-post h3 { margin: 15px 0 5px 0; }
.blog-post { margin-bottom: 20px; float: left; padding-bottom: 10px; border-bottom: 2px solid #999; }
#body .blog-permalink { border-bottom: 0; }

body.news .blog-post img { margin-bottom: 10px; }

.talks { border-top: 1px solid #999; width: 100%; margin-top: 20px; }
.talk { border-bottom: 1px solid #999; float: left; width: 100%; padding: 5px 0; }
.talk-when { float: left; font-size: 22px; font-weight: bold; color: #ccc; width: 80px; margin: 0; padding-top: 2px; line-height: 20px; }
.talk-when span.year { font-size: 18px; font-weight: normal; line-height: 18px; margin: 0 0 0 10px; }
.talk-info a { float: left; font-size: 16px; font-weight: bold; width: 620px; }
.talk-info p.talk-detail { float: left; margin: 0; }

.talk-permalink h4 { font-size: 20px; font-weight: bold; margin-bottom: 0; }
.talk-permalink .talk-detail { color: #666; } 
.talk-permalink .talk-download { margin-top: 10px; }

#footer { border-top: 2px solid #999; padding-top: 10px; margin-top: 30px; margin-bottom: 10px; }
body.index #footer { margin-top: 15px; }

#mission { text-align: center; margin: 20px auto; }
#mission p { margin: 0; }

#info { height: 100px; }
#info .body { xborder: 1px solid #ccc; font-size: 11px; margin: 5px; display: none; }

#sitemap ul { list-style: none; margin: 0; padding: 0; }
#sitemap li { display: block; width: 180px; float: left; font-size: 13px; font-family: Helvetica, Arial; }
#sitemap li li { margin: 0; }
#sitemap li ul { float: left; margin: 0; }
#sitemap li a { color: #444; font-weight: bold; }
#sitemap li ul li a { font-weight: normal; }

form label { float: left; display: block; width: 120px; text-align: right; padding-right: 5px; font: 16px Arial; line-height: 2; }
form input, form select, form textarea { float: left; width: 200px; border: 0; background-color: #ddd; padding: 5px; margin:2px 0; font: 16px Arial; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form textarea { width: 400px; }
form br { clear: both; }
form input.firstButton { width: 100px; margin-left: 125px; }