/* Eric Meyer's CSS reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded) */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Clearfix (http://www.positioniseverything.net/easyclearing.html) */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
/* \*/
* html .group {height: 1%; }
.group { display: block; }
/* */

.promo {
    color: #333333;
    font: 46px Georgia, Serif;
    line-height: 55px;
    margin: 100px auto;
    text-align: center;
}
.promo h1 { margin-left: -70px; }
.promo h2 { font-size: 28px; font-style: italic; color: #888; margin-left: 100px; margin-top: -15px;}
.promo a { border-bottom: 1px dashed #999999; color: #999999; text-decoration: none; }
.promo a:hover { border-bottom: 1px solid #333333; color: #333333; text-decoration: none; }
.promo .sub { font-size: 16px; margin-top: 20px; padding: 50px 50px 0; line-height: 26px;}
.promo .sub span { margin: 0 10px; white-space: nowrap; }
.promo .afa-link { font-size: 72px; display: block; margin: 40px 20px; padding-bottom: 20px; border-bottom: 5px dashed #999999; text-decoration: none;}
.promo .afa-link:hover { text-decoration: none !important; border-bottom: 5px dashed #333; }

/* Generic */
.left {float: left;}
.right {float: right;}
.disabled {display: none;}
em {font-style: italic;}
strong {font-weight: bold;}

body a {color: #999999; text-decoration: none; border-bottom: 1px dashed;}
body a:hover {color: #333333; border-bottom: 1px solid;}

/* Structure */
body {background-color: #F9F8F3; color: #333333; font: 18px "Georgia", Serif;}
#frame {margin: 0 auto; width: 910px;}

/* Header */
#header {padding: 20px 15px; }
#header h1 {font-size: 46px;}
#header h1 a {border: 0; color: #333333; text-decoration: none;}
#header h1 a:hover {color: #999999;}
    #subtitle {color: #999999; font-size: 18px; font-style: italic; margin-top: -3px; }
    #countdown-container { color: #5AAEF1; margin-top: -5px; font-size: 12px;}
    #activity-indicator { padding-right: 5px; }
    #retweet-control, #links-control { margin-top: -1px; font-size: 12px; margin-left: 1em; }

/* Nav */
#nav, #feed {float: left;}
#nav li.nav a {
    border-bottom: 0;
    color: #999999;
    display: block;
    font-size: 26px;
    padding: 15px 0 15px 25px;
    text-decoration: none;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}
#nav li.nav a:hover {background-color: #EBE8DB; border-bottom: 0;}
#nav li.nav a.active {background: #D1CCBC url('/media/images/arrow.gif') center right no-repeat; color: #333333;}

.dev-message {
    font-style: normal !important;
    color: #666;
}
.dev-message em {
    color: #222;
}

/* Footer */
#footer {color: #999999; font-size: 14px; font-style: italic; line-height: 1.6em; padding: 25px; width: 174px;}

/* Feed */
#feed {
    background-color: #EBE8DB;
    min-height: 400px;
    padding: 25px 10px;
    padding-top: 10px;
    width: 665px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#feed ul {margin: 0;}
#feed li {border-top: 1px dotted #D1CBBB; margin: 0; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
#feed li:first-child {border-top: 0;}
#feed li:last-child {margin-bottom: 0;}
#feed li.new {background-color: #CDEAC9;}
#feed li.retweet {background-color: #dcd9cd;}
#feed .tweet-text, .photos {font-size:14px; float: left; line-height: 1.3em; margin-left: 15px; width: 572px;}
#feed .profile-image {
    border-bottom: 0;
    display: block;
    float: left;
    height: 48px;
    margin-top: 5px;
    position: relative;
    width: 48px;
    -moz-background-size: 48px 48px;
    -moz-border-radius: 5px;
    -webkit-background-size: 48px 48px;
    -webkit-border-radius: 5px;
}
#feed li.retweet {
    display: none;
}
.posted {font-size: 12px; line-height: normal; margin-top: 7px; color: #666;}


/* Sessions */
.sessions-title, .sessions-subtitle {background-color: #5AAEF1; border-radius: 5px; font-size: 26px; font-style: italic; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 3px; line-height: 1.3em;}
.sessions-title a {color: #333;}
.sessions-subtitle {background-color: #D1CBBB; font-size: 16px; margin-bottom: 10px;}
.sessions li {padding: 0 !important;}
.sessions li:last-child {margin-bottom: 10px !important;}
.sessions li a {
    border-bottom: 0;
    border-radius: 5px;
    color: #333333;
    display: block;
    margin: 0;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
.sessions li a:hover {background-color: #D2CCBC;}
.sessions li a span.time {color: #999999; display: block; margin-left: 10px; margin-top: -2px;}
.sessions li a span.counts {color: #999999; display: block; margin-top: 5px;}
.sessions li.dimmed { opacity: .30; -ms-filter: "alpha(opacity=30)"; }
.conference-title:hover { background-color: #4483B6 !important; color: #FFF; }

.new-tweet { background-color: #fbf6d7; }
.speaker-tag { padding: 0 0 0 10px; margin-bottom: -3px; }