/*
Theme Name: SRS Seattle 2010
Theme URI: http://www.ere.net
Author: Jim Dalton
Author URI: http://www.ere.net
Template: ere-events-framework
*/


/* template */

body {
    margin: 0;
    padding: 0;
}

a {
	color: #0033cc;
}

a:link {
	color: #0033cc;
}

a:visited  {
	color: #403366;
	/* color: #339; keep around for dev */
}

a:active {
	color: #999;
}

a:hover {
	color: #0033cc;
}

#body-container {
    margin: 0 auto;
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}

#header-ere-container {
    border-bottom: 2px solid #ccc;
}

#header-ere {
    width: 958px;
}

#header {
    padding: 0 1em;
    margin: 2em auto 0;
    width: 960px;
}

#main {
    width: 960px;
    margin: 2em auto;
    padding: 0 1em;
}

#main #content {
    float: left;
    width: 600px;
}

#main #sidebar {
    float: right;
    width: 300px;
}

#footer {
    width: 960px;
    margin: 0 auto;
    padding: 0 1em;
}

/* header */

#header-logo {
    float: left;
    width: 525px;
    height: 75px;
    margin: 0 0 1em;
}

#header-flourish {
    float: right;
    width: 340px;
    height: 70px;
    margin: 0 0 1em;
}

#header-nav {
    clear: both;
    background-color: #c2e6f2;
    padding: .5em;
    border: 1px solid #ccc;
    border-width: 1px 1px 0;
}

#header-nav li.depth-1 a {
    border-color: #c2e6f2;
    text-decoration: none;
    text-shadow: #e6f9ff 0px 1px 0;
}

#header-nav li.depth-2 a {
    text-shadow: none;
}

#header-nav ul li.depth-1.current_page_item a {
}

#header-nav li.register a {
    color: #e59900;
    float: right;
    text-shadow: none;
}

#header-nav li.post-event a {
    color: #e59900;
    float: right;
    text-shadow: none;
}

/* sessions carousel */

#header-preview {
    padding: 0;
    margin: 0 0  1em;
    border: 1px solid #ccc;
}

#header-preview h3 {
    margin: 0;
    padding: 10px;
    position: relative;
    font-size: 18px;
    font-weight: normal;
}

#header-preview h3 a {
    color: #999; /* #6b8e99; */
    text-decoration: none;
    padding-left: 12px;
}

#header-preview h3 .ui-icon  {
    position: absolute;
    top: 30%;
    left: 5px;
}

#sessions-carousel {
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0;
    padding: 15px;
    margin: 0;
    position: relative;
    overflow: hidden;
    height: 110px;
    background-color: #f2f2f2;
}

#sessions-carousel .carousel-control {
    position: absolute;
    bottom: 65px;
}

#sessions-carousel #session-next {
    right: 8px;
}

#sessions-carousel #session-previous {
    left: 8px;
}

#sessions-carousel #session-next {
    width: 20px;
    height: 20px;
    background: transparent url('images/session-next.png') no-repeat top left;
}

#sessions-carousel #session-previous {
    width: 20px;
    height: 20px;
    background: transparent url('images/session-previous.png') no-repeat top left;
}

#sessions-carousel .sessions-list {
    list-style-type: none;
    margin: 0 25px;
    padding: 0;
    position: relative;
}

#sessions-carousel .sessions-list .session {
    margin: 0 10px;
    list-style-type: none;
    font-family: georgia, "times new roman", times, serif;
    display: none;
    position: absolute;
    left: -10px;
    top: 0;
    width: 870px;
    height: 100px;
    overflow: hidden;
}

#sessions-carousel .sessions-list .session.selected {
    display: block;
}

#sessions-carousel .sessions-list .session .image {
    float: left;
    width: auto;
    margin: 0 10px 0 0;
}

#sessions-carousel .sessions-list .session .time {
    float: right;
    width: auto;
    margin: 0 0 5px 0;
    color: #666;
    font-size: 16px;
    font-weight: normal;
}

#sessions-carousel .sessions-list .session .title {
    font-size: 18px;
    margin: 0 0 5px 0;
}

#sessions-carousel .sessions-list .session .speakers {
    margin: 5px 0 0 10px;
    color: #666;
    font-family: "Lucida Grande", Verdana, sans-serif;
}

/* page */

h2.page-title {
    font-family: "Lucida Grande", Verdana, sans-serif;
    color: #666;
    font-size: 2.25em;
    margin: 0 0 .5em;
}

h3.page-title {
    font-family: "Lucida Grande", Verdana, sans-serif;
    color: #666;
    font-size: 1.25em;
    margin: 0 0 .5em;
    font-weight: normal;
}

/* entry */

.entry {
    margin: 0 0 4em;
}

.entry-date {
    color: #999;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.entry-title {
    font-size: 2em;
    margin: .1em 0 .5em;
    line-height: 1.2;
}

.entry .entry-title a {
    text-decoration: none;
    color: #000;
}

.entry-content {
    margin: 1em 0 2em;
}

.entry-content p {
    line-height: 1.5;
    font-size: 1.15em;
}

.entry-content li {
    line-height: 1.33;
    font-size: 1.15em;
}

.entry-meta {
    text-align: right;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color: #666;
    padding-top: .5em;
    border-top: 1px dotted #666;
    margin-top: 1em;
    font-size: 13px;
}

.entry-meta .meta-group {
    text-align: left;
    width: 75%;
    float: left;
}


/* twitter feed */

.widget_eretwitterfeedwidget {
    margin-left: -10px;
    padding-left: 10px;
    margin-bottom: 3em;
    background: url('images/speech-bubble-w.gif') no-repeat 0 27px;
}

.widget_eretwitterfeedwidget #hashtag-inner {
    padding: 12px;
    background-color: #cef2f2;
}

.widget_eretwitterfeedwidget h3.title {
    color: #000;
    font-size: 20px;
    margin: 0 0 1em;
}

.widget_eretwitterfeedwidget ul.details {
    margin: 1em 0;
    font-size: 12px;
    color: #666;
}

.widget_eretwitterfeedwidget ul.details li {
    margin: .75em 0 .75em 1.5em;
    padding: 0;
    list-style-type: square;
}

.widget_eretwitterfeedwidget ul.details cite {
    color: #000;
}

table.tweets {
    margin: .25em 0;
    width: 100%;
    max-width: 100%;
}

table.tweets td {
    border: none;
    padding: .5em 0;
}

table.tweets td.image {
    width: 56px;
    padding-top: .75em;
    vertical-align: top;
}

table.tweets td.image img {
    width: 48px;
    height: 48px;
    padding-right: 8px;
}

table.tweets td.tweet {
    overflow: auto;
    vertical-align: top;
}

table.tweets td.tweet p {
    margin: 0;
    line-height: 1.33;
    color: #333;
    width: 221px;
    max-width: 221px;
    overflow: auto;
    
}

table.tweets .user {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-family: georgia, "times new roman", times, serif;
}

table.tweets .timeago {
    font-size: 11px;
    color: #999;
}

/* sponsor twitter */

.widget_sponsortwitterwidget {
    padding: 1em;
    border: 3px solid #cef2f2;
    margin: 0 0 3em;
}

.widget_sponsortwitterwidget .headline {
    margin: 0 0 .5em;
    font-size: 1.2em;
}

.widget_sponsortwitterwidget .intro-copy {
    margin: 0 0 1em;
    font-size: 12px;
    color: #666;
}

.widget_sponsortwitterwidget .learn-more {
    margin: 1em 0 0;
    text-align: right;
    font-size: 12px;
}

/* sponsor videos */

a#sponsor-back {
    display: block;
    width: auto;
    float: right;
    margin-left: 1em;
}

h3.videos {
    font-size: 1.5em;
    color: #666;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

ul.videos {
    margin: 1em 0;
    padding: 0;
    list-style-type: none;
}

ul.videos li {
    margin: 1em 0;
    padding: 0;
    overflow: hidden;
    _height: 1%;
    list-style-type: none;
}

ul.videos li div.video {
    float: left;
    width: 320px;
    margin-right: 1em;
}

ul.videos li div.meta {
    float: left;
    width: 400px;
}

ul.videos li div.meta h4 {
    font-size: 1.25em;
    margin: .5em 0;
}

.widget_sponsoryoutubewidget {
    margin: 0 0 3em;
    padding-left: 1.5em;
    border-left: 1px solid #e5e5e5;
}

.widget_sponsoryoutubewidget h3 {
    margin-top: 0;
    color: #999;
}

#sidebar .widget_sponsoryoutubewidget {
    padding: 10px;
    border: 1px solid #999;
}

#sidebar .widget_sponsoryoutubewidget p {
    font-size: 12px;
    margin: .25em 0;
}

#sidebar p.more {
    text-align: right;
    font-size: 11px;
    margin-bottom: 0;
}

#sidebar .widget_sponsoryoutubewidget object {
    display: block;
    margin: 1em 0;
}

/* register today widget */

.widget_registertodaywidget {
    padding: 1.5em 1em .5em;
    text-align: center;
    background-color: #fcf4e3;
    border: 1px solid #ffdd99;
    margin: 0 0 3em;
    font-family: arial,helvetica,clean,sans-serif;
}

.widget_registertodaywidget h3 {
    margin: 0 0 .5em;
}

.widget_registertodaywidget h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.15;
    margin: 0 0 .5em;
}

.widget_registertodaywidget h4 strong {
    font-size: 1.75em;
}

.widget_registertodaywidget .body-copy {
    font-size: 13px;
    color: #666;
}

.widget_registertodaywidget .body-copy p {
    margin: .75em 0 1em;
    line-height: 1.2;
}



/* agenda at a glance */

table.agenda-at-a-glance {
    margin: 3em 0;
}

table.agenda-at-a-glance th {
    font-family: arial,helvetica,clean,sans-serif;
    color: #000;
    border-color: #ccc;
    text-align: left;
}

table.agenda-at-a-glance td {
    color: #333;
    border-color: #ccc;
}

table.agenda-at-a-glance th.day {
    font-size: 1.25em;
    background-color: #fff;
}

table.agenda-at-a-glance th.day .workshop-note {
    font-weight: normal;
    font-size: 12px;
    width: auto;
    float: right;
    position: relative;
    top: 3px;
    text-align: right;
    color: #666;
}

table.agenda-at-a-glance th.time-slot {
    font-weight: normal;
    background-color: #ebf5ff;
    border-right: 1px solid #ccc;
}

table.agenda-at-a-glance td.session-slot {
    padding: 0;
    border-left: 1px solid #e5e5e5;
}

table.agenda-at-a-glance table.sessions {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

table.agenda-at-a-glance table.sessions td {
    border: none;
    vertical-align: top;
    font-family: arial,helvetica,clean,sans-serif;
    padding-bottom: .75em;
}

table.agenda-at-a-glance table.sessions td.break {
    background-color: #f2f2f2;
    height: 2.5em;
}

table.agenda-at-a-glance table.sessions td div {
    margin: .25em 0;
}

table.agenda-at-a-glance table.sessions td .session-type {
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
}

table.agenda-at-a-glance table.sessions td .session-name {
    font-size: 14px;
}

table.agenda-at-a-glance table.sessions td .session-speakers a {
    color: #000;
    text-decoration: none;
}

/* agenda table */

table.agenda {
    border: none;
    margin: 2em 0;
}

table.agenda td, table.agenda th {
    border: none;
    padding: .75em;
    vertical-align: top;
}

table.agenda thead th {
    text-align: left;
    color: #666;
    font-size: 1.2em;
    font-family: "Lucida Grande", Verdana, sans-serif;
}

table.agenda td.time, table.agenda th.time {
    background-color: #f2f2f2;
    width: 8em;
}

table.agenda td.time {
    color: #666;
    font-size: 1.15em;
}

table.agenda .session .label {
    font-family: "Lucida Grande", Verdana, sans-serif;
    text-transform: uppercase;
    color: #666;
}

table.agenda td.time .speakers {
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0;
}

table.agenda td.time .speakers li {
    list-style-type: none;
    margin: .5em 0;
    padding: 0;
    display: block;
    text-align: center;
}

table.agenda td.time .speakers li img {
    border: 2px solid #999;
}

table.agenda .session .title {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 1.4em;
    margin: 0;
}

table.agenda .session .title .duration {
    font-weight: normal;
    color: #333;
    font-size: .75em;
}

table.agenda .session .speakers {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 1.1em;
    margin: 1em 0;
}

/* speakers */

ul.speakers {
    margin: 1em 0 2em;
    padding: 0;
    list-style-type: none;
}

ul.speakers .speaker {
    padding: 1em 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    display: block;
    overflow: hidden;
    _height: 1%;
}

ul.speakers .speaker img {
    float: left;
    width: 80px;
    margin-top: .4em;
}

ul.speakers .speaker .about {
    width: 480px;
    float: right;
}

ul.speakers .speaker .about .role {
    color: #666;
}

ul.speakers .speaker .about h4 {
    margin: 0 0 .5em;
    font-size: 1.5em;
    font-family: arial,helvetica,clean,sans-serif;
}

ul.speakers .speaker .about .bio p {
    font-size: 15px;
}

#content.speaker h3.name {
    margin: 0;
    font-size: 2em;
}

#content.speaker h4.job-title, #content.speaker h4.org {
    color: #666;
    margin: .1em 0;
    font-size: 1.25em;
    font-weight: normal;
}

#content.speaker .photo {
    width: auto;
    float: left;
    margin: .45em 1em .5em 0;
}

#content.speaker .photo img {
    width: 85px;
    border: 3px solid #e5e5e5;
}

#content.speaker .bio {
    margin: 1em 0;
    font-family: Georgia, Times, serif;
}

#content.speaker .bio p {
    line-height: 1.5;
    font-size: 1.15em;
}

#content.speaker .bio li {
    line-height: 1.33;
    font-size: 1.15em;
}

#content.speaker .proposals {
    font-size: 1.15em;
}

/* sponsors */


table.sponsor-list {
    margin: 1em 0 3em;
    border: none;
}

table.sponsor-list td {
    border: none;
    padding: 5px 0;
    text-align: center;
    width: 280px;
}

/* hotel table */

table.hotel {
    float: right;
    margin: 0 0 1em 1em;
    border: 1px solid #ccc;
}

table.hotel td {
    border: none;
    font-size: 11px;
    vertical-align: top;
    width: 180px;
    color: #333;
}

table.hotel td.image {
    padding: 0;
    width: auto;
}

table.hotel td img {
    margin: 0;
}

div.hotel {
    float: right;
    margin: 0 0 1em 1em;
    padding: 1px 1em 1em;
    font-size: 11px;
    background-color: #e5e5e5;
}

/* footer */

#footer {
    margin: 2em auto 1em;
    overflow: hidden;
    _height: 1%;
}

#footer-conference {
    overflow: hidden;
    _height: 1%;
    margin: 0 0 1em;
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: .5em 0;
}

#footer-extra-links {
    width: auto;
    float: left;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer-extra-links li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
    border-right: 1px solid #666;
    padding-right: 6px;
    margin-right: 3px;
}

#footer-extra-links li.last {
    border: none;
}

#footer-conference-info {
    width: auto;
    float: right;
}

#footer-conference-info p {
    margin: 0;
    display: inline;
}

#footer-addendum {
    overflow: hidden;
    _height: 1%;
}

#footer-copyright {
    margin: 1em 0 0;
    color: #999;
    float: left;
    width: auto;
}

#footer-sponsors {
    width: 540px;
    float: right;
    margin: 1em 0 0;
}

#footer-sponsors h3 {
    margin: 0 0 1em;
    font-weight: normal;
    font-size: 13px;
    vertical-align: top;
    color: #999;
    margin-left: .5em;
}

#footer-sponsors ul {
    display: block;
    margin: 0;
    padding: 0;
}

#footer-sponsors ul li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 .5em;
    padding: 0;
    height: 200px;
}

#footer-sponsors ul li img {
    vertical-align: middle;
}

/* register */

div.register-container {
    margin: 1em 0;
    border: 1px solid #999;
    border-width: 0 1px 1px;
}

table.register {
    width: 100%;
    font-size: 1.5em;
    margin: 0;
}

table.register td {
    padding: .5em;
    background-color: #ebf4f7;
    border: none;
    color: #333;
    border: 1px solid #fff;
    border-width: 1px 0 0;
}

table.register td.price {
    text-align: center;
}

table.register thead td,
table.register thead td.price {
    background-color: #999;
    color: #fff;
    border-top: none;
}


table.register thead td small {
    color: #f2f2f2;
    font-size: 12px;
    margin-top: .5em;
}

table.register td small {
    color: #666;
    font-size: 13px;
    font-weight: normal;
}

table.register tr.current td {
    background-color: #ffffcc;
    font-weight: bold;
    color: #000;
}

table.register tr.expired td {
    color: #999;
}

table.register tr.extra td {
    background-color: #e5e5e5;
    font-size: 12px;
    font-family: arial,helvetica,clean,sans-serif;
}

div.submit {
    margin: 1em 0 2em;
    padding: 1.5em;
    background-color: #e5ffe5;
    border: 1px solid #a3cca3;
}

div.submit form {
    margin: 0 0 .75em;
    text-align: center;
    font-size: 1.25em;
}

div.submit input {
    font-size: 18px;
}

div.submit p {
    margin: .5em 0 0;
    font-size: 13px;
}

/* twitterwall */

#twitterwall-signup {
    font-family: arial,helvetica,clean,sans-serif;
}

#twitterwall-signup h4 {
    margin-bottom: 1em;
}