/*
  BizLounge, Master Stylesheet for screen media
  Last Updated: 08 January 2010
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@import url(../styles/reset.css);


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    }
em {
    font-style: italic;
    }
h1, h2, h3 {
    font-weight: normal;
    line-height: 1em;
    }
h1 {
    border-bottom: 1px solid #ccc;
    color: #eb990e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3.6em;
    line-height: 1.2em;
    padding: 20px;
    }
p {
    font-size: 1.2em;
    line-height: 1em;
    }

#wrapper {
    width: 960px;
    margin: 0 auto;
    }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
    float: left;
    border-bottom: 10px solid #000;
    padding-top: 32px;
    width: 100%;
    }
#header img {
    float: left;
    margin-left: 20px;
    }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation {
    float: right;
    list-style: none;
    margin: 57px 0 -19px 0;
    }
#navigation li {
    float: left;
    line-height: 3em;
    margin-left: 3px;
    position: relative;
    }
    #navigation li.active { background: transparent url(../images/backgrounds/bg-activenav.gif) no-repeat 50% 100%; padding-bottom: 19px; }

#navigation li a {
    background: #eb990e;
    border-top: 3px solid #f3c26e;
    color: #000;
    float: left;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    width: 90px;
    }
    #navigation li.active a { background: #000; border-top: 3px solid #000; color: #fff; }
    #navigation li.active a:hover { background: #000; }
    #navigation li a:hover { background: #f3c26e; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
    clear: both;
    }

.primary {
    color: #666;
    margin: 20px 20px;
    }
.primary h2 {
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 1em;
    }
.primary p {
    font-size: 1.3em;
    line-height: 2em;
    }

.secondary {
    background: #fff url(../images/backgrounds/bg-stripe.gif);
    border-top: 12px solid #000;
    margin-bottom: 2px;
    }
.secondary h2 {
    color: #eb990e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.4em;
    line-height: normal;
    padding: 8px 17px;
    }
    .secondary.half h2 { border-right: 1px solid #fff; }
    .secondary.half.last h2 { border-right: 0; }

.secondary ul {
    border-bottom: 1px solid #ccc;
    list-style: none;
    }
    .secondary.half ul { border-right: 1px solid #fff; }

.secondary ul li,
.secondary table td {
    border-top: 1px solid #ccc;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.4em;
    padding: 18px 17px;
    }
.secondary ul li span,
.secondary table td span {
    color: #7f7f7f;
	font-size: .857em; /* 14x.857 = 12px */
    }
.secondary table {
    border-bottom: 1px solid #ccc;
    width: 100%;
    }
.secondary table caption,
.secondary table thead {
    display: none;
    }
.secondary table th.date,
.secondary table td.date {
    text-align: right;
    }
.secondary table td {
    border-top: 1px solid #ccc;
    }
.secondary table td a {
    color: #000;
    text-decoration: none;
    }

.half {
    border-right: 1px solid #000;
    float: left;
    width: 479px;
    }
    .half.last { border-right: 0; margin-left: 1px; }

/* Events */
.event {
    color: #fff;
    height: 550px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    }
    .event.brief { height: 220px; }
    .event.brief .event-top { height: 220px; }
    .event.brief #map { height: 220px; }

.event a {
    color: #fff;
    }
.event h2 {
    font-size: 1.167em; /* 12x1.167 = 14px */
    padding-bottom: 6px;
    text-transform: uppercase;
    }
.event h3 {
    border-bottom: 1px solid #464645;
    color: #eb990e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3.6em;
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 7px;
    }
.event h3 span {
    color: #d3ae84;
    font-size: .8em;
    font-weight: normal;
    }
.event p span {
    font-size: 1.333em /* 12x1.333 = 16px */;
    font-weight: bold;
    }
    .event p span.divider { font-weight: normal; padding: 0 10px; }

.event p.date {
    background: #fff url(../images/backgrounds/bg-date.jpg);
    color: #000;
    height: 88px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1em;
    left: 0;
    line-height: normal;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 88px;
    }
.event p.date span {
	margin-top: -5px;
	display: block;
    color: #eb990e;
    font-size: 60px;
    font-weight: normal;
    line-height: 64px;
	width: 88px;
    }
.event p.details {
    color: #6566b6;
    }
.event p.location {
    color: #eb990e;
    }
.event p.location a {
    color: #eb990e;
    }
.event p.more {
    margin-top: 60px;
    text-transform: uppercase;
    }
.event p.more a {
    color: #6566b6;
    }
.event-details,
.event-location,
.event-bio {
    left: 157px;
    position: absolute;
    width: 646px;
    }
.event-details {
    left: 24px;
    padding: 7px 0 0 133px;
    top: 29px;
    }
.event-location {
    top: 348px;
    }
.event-bio {
    top: 400px;
    }
.event-bio p {
  line-height: 14px;
  color: #D3AE84;
  }

.event-top,
.event-bottom,
.event-left,
.event-right {
    background: #000;
    position: absolute;
    }
.event-top,
.event-bottom {
    left: 0;
    width: 960px;
    }
.event-top {
    height: 161px;
    top: 0;
    }
.event-bottom {
    height: 239px;
    bottom: 0;
    }
.event-left,
.event-right {
    height: 150px;
    top: 161px;
    width: 157px;
    }
.event-left {
    left: 0;
    }
.event-right {
    right: 0;
    }

.event .popup {
    background: transparent url(../images/backgrounds/bg-map-popup.png) no-repeat;
    color: #000;
    display: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.4em;
    font-weight: bold;
    line-height: normal;
    padding-left: 14px;
    position: absolute;
    width: 226px;
    }
.event .popup div {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    padding: 4px 8px 6px;
    }
.event .popup a {
    color: #000;
	font-size: .857em; /* 14x.857 = 12px */
    font-weight: normal;
    }

#map {
    height: 550px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

/* Main Sponsors */
ul#sponsors-main {
    font-size: 1.2em;
    line-height: 2em;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    }
ul#sponsors-main li {
    float: left;
    margin-bottom: 20px;
    }
    ul#sponsors-main li.last { margin-bottom: 0; }

ul#sponsors-main li a {
    color: #666;
    }
    ul#sponsors-main li strong a { color: #000; text-decoration: none; }

ul#sponsors-main li a.logo {
    border: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    }
ul#sponsors-main li a.logo img {
    display: block;
    }

/* Footer Sponsors
#sponsors {
    background: #000;
    clear: left;
    color: #fff;
    float: left;
    overflow: hidden;
    padding: 30px 20px;
    width: 920px;
    }
#sponsors h2 {
    float: left;
    font-size: 14px;
    line-height: normal;
    margin-top: 20px;
    width: 100px;
    }
#sponsors ul {
    list-style: none;
    }
#sponsors ul li {
    float: left;
    margin-left: 20px;
    }
#sponsors ul li a {
    float: left;
    height: 0;
    padding-top: 73px;
    overflow: hidden;
    }
    #sponsors ul li.sponsor1 a { background: transparent url(../images/sponsor1.gif) no-repeat; width: 187px; }
    #sponsors ul li.sponsor2 a { background: transparent url(../images/sponsor2.gif) no-repeat; width: 68px; }
*/

/* Resources */
.resource a {
	font-size: .857em; /* 14x.857 = 12px */
    padding: 0 0 0 18px;
    text-decoration: none;
    }
    .resource a:hover { background-position: 0 -15px !important; }
    .resource a.linkedin { background: transparent url(../images/icons/icon-linkedin.jpg) no-repeat 0 0; }
    .resource a.twitter { background: transparent url(../images/icons/icon-twitter.jpg) no-repeat 0 0; }

/* Flash message for cancellations, etc. */
.flash {
    background: #cc0000;
    border-bottom: 10px solid #900;
    color: #fff;
    font-size: 2.0em;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 20px;
    }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {
    font-family: Georgia, "Times New Roman", serif;
    }
fieldset {
    margin-top: 40px;
    position: relative;
    }
legend span {
    color: #eb990e;
    font-size: 2.4em;
    left: 20px;
    line-height: normal;
    position: absolute;
    top: -35px;
    }
form div {
    border-top: 1px solid #ccc;
    font-size: 1.4em;
    padding: 8px 20px;
    }

form label {
    float: left;
    padding: 8px 0;
    width: 190px;
    }
form input,
form select {
    border: 1px solid #ccc;
    padding: 4px;
    width: 240px;
    }
    form input.submit { background: #eb990e; border: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1em; padding: 6px 20px; width: auto; }
	form input.phone { width: 30px; }

form select {
    width: 250px;
    }

form div.buttons {
    border-top: 1px solid #ccc;
    padding: 20px 0 20px 210px;
    }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
    clear: both;
    background: #000;
    clear: left;
    color: #fff;
    float: left;
    padding: 80px 0 0 0;
    width: 960px;
    }
#footer p {
    color: #999;
    background: #fff;
    padding: 0 0 50px 0;
    }
#footer p a {
    color: #999;
    text-decoration: none;
    }
    #footer p a:hover { text-decoration: underline; }