/*
Theme Name: Social Recruiting Summit 2009 Fall
Theme URI: http://socialrecruitingsummit.com
Author: Jim Dalton
Author URI: http://www.ere.net
Template: ere-events
*/

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

#body-container {
    margin: 0 auto;
    width: 960px;
}

#header {
    padding: .5em 0 0;
}

#header-site #header-event {
    margin: 1em 1em .75em;
    padding: 0;
}

#main {
    margin: 2em 1em 1em;
}

#content {
    width: 600px;
    float: left;
    font-family: georgia, "times new roman", times, serif;
}

#event-closed {
    margin: 1em 1em .75em;
    padding: 0;
}

#event-closed p {
    padding: 1em;
    background-color: #fcc;
    color: #c00;
}

/* main nav */

#header #header-nav {
    padding: .5em;
    margin: .75em 1em 1em;
    background-color: #c2e6f2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header #header-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    _height: 1%;
}

#header #header-nav ul li {
    list-style-type: none;
    margin: 0 .1em;
    display: block;
    float: left;
    width: auto;
    font-size: 1.5em;
}

#header #header-nav ul li a {
    text-decoration: none;
    color: #666;
    padding: .25em .5em;
    display: block;
    outline: none;
}

#header #header-nav ul li a:link {}
#header #header-nav ul li a:visited {}
#header #header-nav ul li a:active {
    color: #333;
}
#header #header-nav ul li a:hover {
    color: #333;
}

#header #header-nav ul li.current_page_item a {
    background-color: #fff;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header #header-nav ul li.register a,
#header #header-nav ul li.post-event a {
    color: #ff007f;
}
#header #header-nav ul li.register a:active,
#header #header-nav ul li.post-event a:active {
    color: #bf0060;
}
#header #header-nav ul li.register a:hover,
#header #header-nav ul li.post-event ahover {
    color: #bf0060;
}

#header #header-nav ul li.register.current_page_item a,
#header #header-nav ul li.post-event.current_page_item a {
    color: #000;
}

/* sessions carousel */

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

#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: 830px;
    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 10px;
    color: #666;
    font-size: 16px;
    font-weight: normal;
}

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

#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;
}

/* 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;
}

/* 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;
}

/* widget text */

.widget_text {
    padding: 15px 15px 1px;
    background-color: #ffe5f2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 0 3em;
}

.widget_text h2 {
    font-size: 14px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color: #333;
    margin: 0 0 .5em;
}

.widget_text .textwidget {
    font-size: 12px;
    color: #333;
}

.widget_text .textwidget p {
    line-height: 1.33;
}

/* attendee input */

.highlight {
    padding: .25em;
    background-color: #ffc;
}

.highlight .username {
    font-weight: bold;
}

#attendee-input {
    margin: 0 0 2em;
    padding: 1em;
    background-color: #ccc;
}

#attendee-input #steps {
    margin: .5em 0 .5em 2em;
}

#attendee-input #steps li {
    margin: 0 0 3em;
}

#attendee-input #steps li small {
    font-size: 11px;
    margin-left: .5em;
    font-color: #666;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

#attendee-input #steps li.disabled {
    color: #666;
}

#attendee-input #steps li.done {
    list-style-image: url(images/checkmark.png);
}

#attendee-input #steps li.errors {
    list-style-image: url(images/xmark.png);
}

#attendee-input #steps li.done h4 {
    color: #666;
}

#attendee-input #steps li h4 {
    margin: .25em 0;
    font-size: 1.25em;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

#attendee-input form.new-attendee {
    margin: 1em 0;
    padding: 1.5em;
    background-color: #f2f2f2;
    margin-right: 2em;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

#attendee-input form.new-attendee .field {
    margin: 0 0 1em;
}

#attendee-input form.new-attendee textarea {
    width: 100%;
}

#attendee-input form.new-attendee .field .label {
    margin-bottom: 4px;
}

#attendee-input form.new-attendee .field .explain {
    font-size: 11px;
    color: #333;
}

#attendee-input form.new-attendee .field .explain p {
    margin: 4px 0;
}

#attendee-input form.new-attendee .field .explain p strong {
    color: #000;
}

#attendee-input form.new-attendee #tweet-label .remaining {
    float: right;
    width: auto;
}

#attendee-input form.new-attendee .submit {
    padding: 1em;
    background-color: #9f9;
    text-align: center;
}

/* 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;
}

/* rsvp */

#rsvp {
    margin: 0 0 2em;
    padding: 1em;
    background-color: #e5e5e5;
}

#rsvp ul {
    margin-left: 0;
    padding-left: 32px;
}

#rsvp ul li {
    margin: .75em 0;
    padding: 0;
    height: 16px;
}

#rsvp li#rsvp-linkedin {
    list-style-image: url(images/linkedin.gif);
}

#rsvp li#rsvp-facebook {
    list-style-image: url(images/facebook.gif);
}

#rsvp ul li a {
    vertical-align: top;
}

/* attendee card */

.attendee-card {
    overflow: hidden;
    _height: 1%;
    padding: 10px;
    background-color: #f2f2f2;
    font-size: 13px;
    margin-right: 2em;
}

.attendee-card .photo {
    width: 48px;
    float: left;
    margin-right: 10px;
}

.attendee-card .photo img {
    width: 48px;
}

.attendee-card .info {
    width: 307px;
    float: left;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.attendee-card .info  .name {
    font-size: 15px;
    margin: 0 0 .5em;
}

.attendee-card .info  .name .location {
    font-weight: normal;
    font-size: 13px;
}

.attendee-card .info dl {
    overflow: hidden;
    _height: 1%;
    margin: .5em 0;
    padding: 0;
    font-size: 12px;
}

.attendee-card .info dl dt {
    float: left;
    width: 50px;
    margin: 1px 5px 1px 0;
    padding: 0;
}

.attendee-card .info dl dd {
    float: left;
    width: 250px;
    margin: 1px 0;
    padding: 0;
}

/* attendee list */

#attendee-list {
    margin: 2em 0;
}

#attendee-list ul {
    margin: 1em 0;
    list-style-type: none;
    padding: 0;
}

#attendee-list .attendee-list-item {
    display: block;
    overflow: hidden;
    _height: 1%;
    padding-bottom: 1em;
    border-bottom: 1px #ccc dashed;
    margin-bottom: 1em;
}

#attendee-list .attendee-list-item .info .name {
    font-size: 15px;
    margin: 0 0 .25em;
}

#attendee-list .attendee-list-item .info .name .location {
    font-weight: normal;
    font-size: 13px;
}

#attendee-list .attendee-list-item .photo {
    width: 48px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 2px;
    margin-bottom: .5em;
}

#attendee-list .attendee-list-item .photo img {
    width: 48px;
}

#attendee-list .attendee-list-item .info {
    width: 400px;
    float: left;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    margin-bottom: .5em;
}

#attendee-list .attendee-list-item .info dl {
    overflow: hidden;
    _height: 1%;
    margin: .5em 0;
    padding: 0;
    font-size: 11px;
}

#attendee-list .attendee-list-item .info dl dt {
    float: left;
    width: 50px;
    margin: 1px 5px 1px 0;
    padding: 0;
}

#attendee-list .attendee-list-item .info dl dd {
    float: left;
    width: 340px;
    margin: 1px 0;
    padding: 0;
}

#attendee-list .attendee-list-item .tweet {
    clear: both;
}

#attendee-list .attendee-list-item .tweet p {
    font-size: 14px;
    color: #666;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 0;
}

#sidebar #attendee-input h3 {
    margin: 0 0 .5em;
}

/* register */

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

table.register td {
    padding: .5em;
    background-color: #f2f2f2;
    border: none;
    color: #333;
}

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

table.register thead td,
table.register thead td.price {
    background-color: #999;
    color: #fff;
    border-bottom: 1px solid #fff;
}

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

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

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

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

div.submit input {
    padding: .25em;
}

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

/* 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: 500px;
    float: right;
}

ul.speakers .speaker .about .role {
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color: #666;
}

ul.speakers .speaker .about h4 {
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 0 0 .5em;
    font-size: 1.5em;
}

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

#content.speaker h3.name {
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 0;
    font-size: 2em;
}

#content.speaker h4.job-title, #content.speaker h4.org {
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    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;
}

#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-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 1.15em;
}

/* sidebar */

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

/* attendee countdown*/

.widget_enapispacesavailablewidget {
    padding: 1em;
    background-color: #e9f0f2;
    text-align: center;
}

.widget_enapispacesavailablewidget h3 {
    color: #ff007f;
    margin: 0 0 .75em;
    font-size: 1.25em;
}

.widget_enapispacesavailablewidget h3 em {
    font-style: normal;
    font-size: 3em;
}

.widget_enapispacesavailablewidget p {
    color: #666;
}

.callout {
    padding: 1em;
    background-color: #ffc;
}

div.soldout {
    margin: 1em 0;
    padding: .5em 1.5em;
    background-color: #ffe5e5;
    text-align: center;
}

div.soldout h4 {
    margin: 1em 0;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 1.25em;
}

/* sponsors */

h3.sponsors {
    margin: 2em 0 1em;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 1.25em;
}

ul.sponsor-list {
    margin: 1em 0 2em;
    padding: 0;
}

ul.sponsor-list li {
    list-style-type: none;
    display: block;
    margin: .5em 0;
    padding: 0;
}

/* 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;
}

/* ere live widget */

.ere-live-widget {
	margin: 1em auto;
	width: 944px;
	height: 390px;
	padding: 5px;
	border: 1px solid #ccc;
}

/* footer */

#footer {
    margin: 2em 1em 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-extra {
    overflow: hidden;
    _height: 1%;
}

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

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

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

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

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