/*
 * Most of this stylesheet copied shamelessly from 
 *   http://www.andybudd.com/@media2005/design/index.html
 */

/* Basic Styling
=======================*/

body {
    font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;
    background: #3A508E;
}

img {
    border: none;
}

p img {
    margin-bottom: -3px;
}

h1 {
    font-size: 1.4em;
    color: #f90;
    text-transform: uppercase;
}

h2 {
    font-size: 1.2em;
}

#intro {
    font-weight: bold;
    font-size: 1.2em;
}

a:link, a:visited {
    color:#003399;
    font-weight: bold;
}

a:hover {
    color:#0066CC;
}

/* Layout
=======================*/

body {
    /* PDM: not sure I want this
    text-align: center;
    */
    text-align: left;
    min-width: 760px;
}

#page {
    width: 720px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
}

#logo {
    margin: 0;
}

#branding {
    width: 720px;
    clear: both;
    padding: 10px;
    /* padding: 10px; */
    /*
    height: 200px;
    background: url(images/branding.jpg) no-repeat right top;
    */
}

#branding p, #branding ul {
    position: absolute;
    left: -1000em;
}

#sidenav {
    width: 180px;
    float: left;
}

#content {
    width: 530px;
    float: right;
}

#mainContent {
    width: 500px;
    margin: 0;
    float: left;
}

#footer {
    clear: both;
    line-height: 1;
}

/* hide this style from IE5 Mac \*/
#footer {
    margin-left: 180px;
    padding: 10px;
    text-align: right;
}
/* Stop hiding */

#footerNav, #footerNav li {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#footerNav a {
    padding: 0px 5px;
    border-left: 1px solid #000;    
}

#footerNav .first a {
    border-left: none;
}

#copyright {
    text-align: center;
}

.sidebar {
    width: 190px;
    float: right;
    clear: right;
    margin-bottom: 20px;
}

.person {
    margin-left: 10px;
    clear: left;
}

.person .name {
    font-weight: bold; 
}

.person img {
    float: left;
    margin: 4px;
}

div.schedule {
    display: table;
}

.schedule {
    border: 1px solid black;
}

div.schedule .odd-session, .schedule .even-session {
    display: table-row-group;
}

.schedule .even-session {
    background-color: lightgray;
}

div.schedule .panelist {
    display: inline;
}

div.schedule .panelist:before { content: "Panelists: "; }
div.schedule .panelist + .panelist:before { content: ", "; }
div.schedule .panelist:first-child {
    display:table-cell;
}
div.schedule .panelist {
    display: inline;
}

TABLE.schedule {
    border-collapse: collapse;
}

div.schedule .break, .schedule .presentation {
    display: table-row;
}

div.schedule .even-session .presentation {
    background-color: lightgray;
}

div.schedule .presentation .title {
    display: inline;
}

.schedule .break .speaker {
    background-color: gray;
}

div.schedule .presentation .speaker {
    border-top: 1px solid black;
}

div.schedule .speaker {
    padding-right: 1em;
    /* padding-left: .5em; */
}

div.schedule .time {
    display: table-cell;
}

.schedule .time {
    padding-left: 2em;
    padding-right: 1em;
    /*   background-color: white; */
}

div.schedule .even-session > .title, div.schedule .odd-session > .title {
    display: table-cell;
}

.title {
    font-style: italic;
}

/* General Styles
=======================*/

h2 {
    margin-bottom: 0;
}

p {
    margin-top: 0;
}

#logo {
    background: #fff;
}

/* navbar */

.navbar a:link, .navbar a:visited {
    text-decoration: none;
    color: #fff;
}

.navbar a:hover {
    color: #333;
}

.navbar {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    background: #FAA819 url(images/navbar-bg-dc.gif) repeat-x;
    text-transform: uppercase;
}

.navbar ul {
    list-style-type: none;
    margin: 0; /* PDM */
}

.navbar li {
    float: left;
    padding: 2px 0; /* PDM */
}

/* Hide from IE5 mac \*/

.navbar li a {
    display: block;
}
/* end hack */

.navbar li a {
    margin: 0;
    padding: 0 1em; /* 2em; */
    line-height: 2em;
    background: url(images/navbar-border-dc.gif) repeat-y left top;
}

.navbar .first a {
    background: none;
}

.sidebar ul {
    list-style-position: inside;
    padding: 1px;
}

/* sidenav */

#sidenav {
    color: #333;
    text-transform: uppercase;
}

#sidenav a:link, #sidenav a:visited {
    text-decoration: none;
    color: #333;
}

#sidenav a:hover {
    color: #369;
}

#sidenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidenav li {
    background: #E4E4E4 url(images/sidenav-bg-dc.gif) repeat-x left bottom;
}

#sidenav li a {
    display: block;
    margin: 0;
    padding: 0 10px 0 20px;
    line-height: 2.5em;
    background: url(images/arrow-dc.gif) no-repeat 10px center;
}

#sidenav h2 {
    margin: 0;
    padding: 0 10px;
    font-size: 1em;
    line-height: 30px;
    background: #E4E4E4 url(images/sidenav-bg-dc.gif) repeat-x left top;
}

#branding {
    text-align: center;
}

/* Faux column */

#pagecontent {
    border-top: 2px solid #333; /* #FFF200 - gold */
    background: url(images/bg-dc.gif) repeat-y left top;
}
