/*
====================================================================
   eComm Conference Stylesheet
   by: Jesse Gardner, Plasticmind Design (http://plasticmind.com)
   for: Lee Dryburgh, eComm Media (http://america.ecomm.ec)
   edit: 1/19/2009
====================================================================
*/

body {
font: 12px/1.5 Lucida Grande, Verdana, Arial, sans-serif;
    background: #fff url(../i/2009/body.png) repeat-x top left;
}
a {
color: #f73d0c;
font-weight:bold;
}
a:hover {
text-decoration: underline;
}
#archive-notice a {
    display: block;
    border-bottom: solid 1px #cbc9c7;
    padding: 8px 0 5px 0;
    background: #ebe9e7;
    text-align: center;
    color: #999;
    font-size: 14px;
}
#container {
    width: 1015px;
    margin: 0 auto;
}
#container-inner {
margin-top: 25px;
}
#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#alpha, #beta, #gamma {
    display: inline;
    float: left;
}
#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}
#footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    overflow: hidden;
}

#header,
#mainmenu,
#content {
width: 805px;
float: left;
}

/* Utilities */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

/* Wide-Thin Layout */

#content {
margin-top: 20px;
}

#beta {
    width: 145px;
display: none;
}

.layout-twt #gamma {
    width: 155px;
}

#footer {
clear:both;
}

#header {
height:122px;
}
#header-name {
float:left;
margin-left: -15px;
}
#header-name a {
display: block;
height: 102px;
width: 335px;
background: transparent url(../i/2009/logo-ecomm.png) top left no-repeat;
text-indent: -9999px;
}
#header-description {
background: transparent url(../i/2009/header-info.png) top right no-repeat;
float:right;
height:102px;
width:304px;
text-indent: -9999px;
}

/* Menu Styles */

#mainmenu {
height: 34px;
background: black url(../i/2009/mainmenu-bg.png) top left repeat-x;
font: 12px/1 Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}

#mainmenu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -999em;
}

#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#mainmenu li {
  float:left;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }

#mainmenu a {
	display:block;
color: #aeaeae;
padding: 11px 14px;
text-align: center;
  }
#mainmenu a:hover { 
background-position: bottom;
color:#fff;
text-decoration:none;
background: transparent url(../i/2009/mainmenu-selector.png) bottom center no-repeat;
}

#mainmenu li ul {
	position: absolute;
	left: -999em;
	padding: 5px;
	margin:0;
background: #000;
filter:alpha(opacity=95);
opacity:.95;
clear:both;
z-index: 1;
font-size: 11px;
}
#mainmenu li:hover ul, #mainmenu li.sfhover ul {
left:auto;
}
#mainmenu li li {float:none;margin:0;}

#mainmenu ul ul li a {
	display:block;
margin: 0 0 0 0;
padding: 7px 5px 4px 5px;
width:130px;
background: #000;
border-bottom: solid 1px #3c3a3a;
text-align: left;
}
#mainmenu ul ul li a:hover {
background: #4c4a4a;
border-bottom: solid 1px #5c5a5a;
}
#mainmenu li#register a {
color: #f73d0c;
}
#mainmenu li#register a:hover {
color: #fff;
}

/* Sponsor Bar Styling */

#sponsors-bar {
float: right;
width: 167px;
background: white;
border: solid 1px #dedede;
margin: -155px 0 20px 0;
}
#sponsors-bar-inner {
padding: 10px;
}

#sponsors-bar h4 {
text-indent: -9999em;
height: 21px;
background-position: top center;
background-repeat: no-repeat;
margin: 0 0 15px 0;
}
#sponsors-bar #sponsor-headline h4 { background-image: url(../i/2009/h4-sponsors-headline.png); }
#sponsors-bar #sponsor-platinum h4 { background-image: url(../i/2009/h4-sponsors-platinum.png); }
#sponsors-bar #sponsor-gold h4 { background-image: url(../i/2009/h4-sponsors-gold.png); }
#sponsors-bar #sponsor-silver h4 { background-image: url(../i/2009/h4-sponsors-silver.png); }
#sponsors-bar #sponsor-media h4 { background-image: url(../i/2009/h4-sponsors-media.png); }
#sponsors-bar #sponsor-wiki h4 { background-image: url(../i/2009/h4-sponsors-wiki.png); }
#sponsors-bar #sponsor-press h4 { background-image: url(../i/2009/h4-sponsors-press.png); }
#sponsors-bar #sponsor-groups h4 { background-image: url(../i/2009/h4-sponsors-groups.png); }
#sponsors-bar ul {
margin: 10px 0 45px 0;
}
#sponsors-bar li { 
margin-bottom: 10px;
}
#sponsors-bar li a { 
   display:block;
   background: transparent url(../i/2009/sponsor-media-bg.png) no-repeat top left; 
   overflow: hidden;
   padding: 5px 0;
}
#sponsors-bar li a:hover { background-position: bottom left; }

#sponsors-bar #sponsor-headline li a { 
   height: 110px; 
   background-image: url(../i/2009/sponsor-headline-bg.png); 
}
#sponsors-bar #sponsor-platinum li a { 
   height: 90px; 
   background-image: url(../i/2009/sponsor-platinum-bg.png); 
}
#sponsors-bar #sponsor-gold li a { height: 50px; }
#sponsors-bar #sponsor-media li a { height: 50px; }


/* Widget Styling */

#sponsors-bar .widget {
text-align: center;
color: #303030;
font-size: 11px;
}
#sponsors-bar .widget a {
font-weight:bold;
color: #303030;
}


.asset-name,
#intro h2,
.archive-title,
.speaker-name {
font-size: 24px;
color: #3c3a3a;
margin-bottom: 10px;
line-height: 1.2;
}

.search-results-header {
font-size: 18px;
color: #3c3a3a;
margin-bottom: 20px;
line-height: 1.2;
border-bottom: solid 1px #bbb;
padding-bottom: 10px;
}

.comments-open-header {
font-size: 18px;
color: #3c3a3a;
margin-top: 25px;
}

/* ------------- Asset Styling ----------- */

.mt-author-profile .asset-name {
font-size: 14px;
}
.asset p {
margin-bottom: 12px;
}
.asset h3 {
font-size: 18px;
color: #3c3a3a;
margin: 18px 0 6px 0;
}
.widget-intro ul li,
.asset-body ul li,
.asset-body ul li,
.speaker-sessions ul li {
margin-bottom: 3px;
color: #3c3a3a;
padding-left: 15px;
background: url(../i/common/bullet-raised.png) no-repeat left 4px;
font-size: 12px;
}
.asset ul {
margin-bottom: 12px;
}
.asset-footer {
margin-bottom: 25px;
}

.pullquote {
float: left;
font: 20px/1.5 Georgia, "Times New Roman", serif;
width: 220px;
font-style: italic;
color: #847777;
}
.pullquote p {
padding: 10px 15px 12px 20px;
background: #f4f4ef;
margin: 0 15px 0 0;
}


/* Alpha sidebar ----------------------------- */

#alpha-sidebar {
float: right;
width: 287px;
color: #333;
font-size: 11px;
}

#alpha-sidebar .box-gray {
background: transparent url(../i/2009/recentblog-bg-bottom.png) no-repeat bottom left;
}
#alpha-sidebar .box-gray-inner {
background: transparent url(../i/2009/recentblog-bg-top.png) no-repeat top left;
padding: 15px;
}
#alpha-sidebar .widget-header {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
}
#alpha-sidebar .widget {
margin-bottom: 12px;
}
#alpha-sidebar .widget-videopromo .box-gray-inner {
padding: 12px 12px 1px 12px;
}
#alpha-sidebar .widget-videopromo embed {
padding: 0;
margin: 0 0 6px 0;
}


/* Intro page */

.widget-splash {
height: 220px;
overflow: hidden;
background: transparent url(../i/2009/splash-bg.jpg) top left no-repeat; 
padding: 0 12px 0 22px;
font-family: Helvetica, Arial, sans-serif;
}
.widget-splash h3.widget-header {
color: #fff;
margin: 63px 250px 20px 0;
font: 16px/1.3 Helvetica, Arial, sans-serif;
text-indent: -999em;
}
.widget-splash #splash-photos ul {
margin-top: 15px;
float: left;
}
.widget-splash #splash-photos li {
display: inline;
margin:0 15px 0 0;
padding: 0;
}
.widget-splash #splash-photos img {
border: solid 1px #fff;
}
.widget-splash #splash-register {
float: right;
margin-top: 100px;
position: relative;
}
.widget-splash #splash-register p {
margin: 0;
padding: 0;
line-height: 1;
}
.widget-splash #splash-register .register-button {
padding-top: 4px;
}
.widget-splash #splash-register .register-button a {
display: block;
height: 29px;
width: 198px;
background: transparent url(../i/2009/button-register.png) top left no-repeat;
text-indent: -999em;
}
.widget-splash #splash-register .register-action {
font-size: 11px;
color: #fff;
margin: 0 32px 0 0;
padding: 0;
text-align: right;
text-transform: uppercase;
}
.widget-splash #splash-register .register-action a {
color: #fff;
text-decoration: none;
}
.widget-splash #splash-register a:hover {
background-position: bottom left;
}
.widget-intro .widget-header,
.widget-speakers .widget-header,
.widget-newsletter .widget-header,
.widget-videopromo .widget-header,
.widget-recententries .widget-header {
height: 32px;
font-weight: bold;
text-indent: -999em;
background-position: top left;
background-repeat: no-repeat;
margin-left: -2px;
}
.widget-intro #post299 { background-image: url(../i/2009/h3-whatisecomm.png); }
.widget-intro #post414 { background-image: url(../i/2009/h3-whyecomm.png); }
.widget-intro #post421 { background-image: url(../i/2009/h3-whyattend09.png); }
.widget-speakers .widget-header { background-image: url(../i/2009/h3-speakers.png); }
.widget-recententries .widget-header { background-image: url(../i/2009/h3-recentblog.png); background-position: bottom left; }
.widget-newsletter .widget-header { background-image: url(../i/2009/h3-eventupdates.png); background-position: bottom left; }
.widget-videopromo .widget-header { background-image: url(../i/2009/h3-videopromo.png); background-position: bottom left; }

#alpha .widget-speakers {
clear: both;
margin-top: 0;
padding-top: 0;
}
.widget-speakers .widget-header {
margin: 0;
padding: 0;
}

.widget-morelink {
font-size: 11px;
margin-top: 10px;
}
.widget-morelink a {
color: #2a2b28;
}
.widget-intro {
width: 495px;
float: left;
margin-bottom: 24px;
}
.widget-intro a.reveal {
font-size: 11px;
text-decoration: none;
}
.widget-intro a.reveal:hover {
text-decoration: underline;
cursor: pointer;
}

.widget-intro .moredetails {
color: #777;
}

/* -------------- Recent Entries Box ------------- */

#alpha-sidebar .widget-recententries .box-gray-inner {
padding: 0;
font-family: Helvetica, Arial, sans-serif;
}
.widget-recententries .recent-entry {
border-bottom: solid 1px #dedede;
clear: left;
padding: 10px;
}
.widget-recententries #recent-entry-last {
border-bottom: none;
padding-bottom: 13px;
}

.widget-recententries .recent-entry-date {
background: transparent url(../i/2009/recentblog-date.png) no-repeat top left;
display: block;
float: left;
width: 34px;
height: 36px;
clear: left;
text-align: center;
color: #fff;
text-transform: uppercase;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1;
}
.widget-recententries .recent-entry-date span {
margin-top: 4px;
font-family: Arial, sans-serif;
display: block;
font-size: 10px;
}
.widget-recententries .recent-entry-title {
font-size: 13px;
font-weight: bold;
line-height: 1.2;
margin-left: 45px;
}
.widget-recententries .recent-entry-title a {
color: #2a2b28;
}
.widget-recententries br {
clear: both;
line-height: 1px;
}



/* ------------- Speaker Carousel styling ---------------*/

.widget-speakers {
clear: left;
margin: 25px 0 40px 0;
}
.board-member {
    width: 150px;
    height: 165px;
text-align: center;
float: left;
overflow: hidden;
}
#carousel-box,
#advisory-board {
background: transparent url(../i/2009/speakers-bg-bottom.png) no-repeat bottom left;
}
#advisory-board {
width: 805px;
}
#carousel-box-inner,
#advisory-board-inner {
background: transparent url(../i/2009/speakers-bg-top.png) no-repeat top left;
padding-top: 10px;
}
#advisory-board {
margin-top: 20px;
}
#advisory-board-inner {
padding: 30px 15px 15px 15px;
}
.carousel-speaker-picture,
#advisory-board .board-member-picture {
display: block;
width: 88px;
height: 108px;
overflow: hidden;
background: transparent url(../i/2009/profile-bg.png) no-repeat center;
margin: 0 auto;
}
.carousel-speaker-picture img,
#advisory-board .board-member-picture img {
padding: 4px;
}
.carousel-speaker-details {
display: block;
padding: 5px 0 20px 0;
line-height: 1.2;
}
.carousel-speaker-name,
#advisory-board .speaker-name {
display: block;
font-size: 11px;
margin-bottom: 3px;
}
.carousel-speaker-name a,
#advisory-board .speaker-name a {
color: #000;
}
.carousel-speaker-position,
#advisory-board .speaker-position {
display: block;
font-size: 10px;
color: #808080;
line-height: 1.2;
}
#advisory-board .speaker-position a {
color: #aaa;
}

/* Asset/Speaker styling ---------------------------- */

.asset {
margin-bottom: 30px;
}
.speaker-title,
.asset-name {
font: 22px/1.1 Helvetica, Arial, sans-serif;
font-weight: bold;
color: #333;
margin: 0 0 24px 0;
}
.speaker-details,
.asset-details {
margin-bottom: 20px;
color:#555;
}
.asset-body {
font-size: 13px;
line-height: 1.5;
margin-bottom: 12px;
color: #333;
}
.asset-footer {
font-size: 11px;
color: #555;
}
.asset-footer a {
color: #777;
background: #f4f4f4;
padding: 2px 3px;
}
.asset-footer a:hover {
background: #eee;
}
/* Float video to the right on about page */
#page-187 .asset-body embed {
float: right;
margin: 0 0 18px 18px;
}


/* Speaker styling, profile page ------------------- */

.asset .speaker-picture {
overflow: hidden;
background: transparent url(../i/2009/profile-bg.png) no-repeat center;
margin: 0 10px 10px 0;
border: 0;
}
.asset .speaker-picture img {
padding: 4px;
}

.speaker-shortbio a {
font-weight: normal;
}
.speaker-picture {
float: left;
margin: 0 6px 10px 0;
}
.speaker {
margin-bottom: 15px;
line-height: 1.2;
}
.speaker-photo {
margin-bottom: 12px;
}
.speaker-position {
font-size:11px;
}
.speaker-sessions h5 {
margin: 20px 0 8px 0;
padding-bottom: 5px;
font-weight: bold;
color:#555;
border-bottom: solid 1px #ccc;
}
.speaker-sessions {
padding-bottom:15px;
clear: left;
font-weight: bold;
}
.speaker-sessions a {
color: #777;
font-weight: normal;
}
.speaker-sessions p {
margin-top: 20px;
font-size: 13px;
}
.speaker-sessions p a {
padding-right: 16px;
background: transparent url(../i/2009/arrow-right.png) no-repeat right;
}

#speaker-list .speaker-name {
font: 18px/1.1 Helvetica, Arial, sans-serif;
font-weight: bold;
color: #777;
}

/* Session Styling -------------------------- */

.session-info {
margin-bottom: 12px;
color: #777;
}
.session-info p {
margin: 0;
padding: 0;
font-size: 11px;
}

/* Conference Schedule Styling -------------- */

.mt-main-index .session-time {
float:left;
width: 100px;
font-size: 12px;
font-weight: bold;
color: #333;
background:#d1d1d1;
padding: 6px 7px 5px 7px;
line-height: 1;
clear:left;
}
.mt-main-index .session-category {
float:left;
width: 100px;
font-size: 12px;
font-weight: bold;
color: #333;
background:#e3e3e3;
padding: 6px 7px 5px 7px;
line-height: 1;
clear:left;
}
.mt-main-index .session-speaker a {
color: #333;
}
.mt-entry-archive .session-speaker {
font-size: 16px;
}
.mt-entry-archive .session-info {
margin: 10px 0 20px 0;
}
.mt-entry-archive .asset-body {
font-size: 13px;
border-bottom: solid 1px #ccc;
padding: 10px 0 5px 0;
}
.mt-main-index .session-details {
margin-left: 130px;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: solid 1px #ddd;
}
.session-details p {
margin:0;
line-height: 1.3;
color:#333;
}
.mt-main-index .session-title {
font-size: 14px;
}
.mt-main-index .session-title-grey {
font-size: 14px;
}
.mt-main-index .session-title-grey a {
color: #424142;
}
.mt-main-index .session-break {
padding: 15px 0 15px 0;
font-size: 14px;
font-weight: bold;
text-align: center;
background:#e3e3e3;
color: #777;
}
.session-info {
font-size: 11px;
}
#schedule .session-media {
font-size: 12px;
font-weight: bold;
color: #aaaaaa;
}
#schedule .session-media a {
color: #f73d0c;
}
#speaker-list .session-media {
font-size: 12px;
font-weight: bold;
color: #aaaaaa;
}
#speaker-list .session-media a {
color: #f73d0c;
}
#schedule .session-media span.separator, #speaker-list .session-media span.separator {
color: #000000;
font-weight: normal;
}
#schedule h3 {
font: 18px/1.1 Helvetica, Arial, sans-serif;
font-weight: bold;
color: #999;
margin: 30px 0 12px 0;
}
.page-nav {
float:right;
margin-top:5px;
color: #ccc;
font-size: 11px;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
background: #ddd;
}
.page-nav a {
color: #aaa;
}
.page-nav a:hover {
color: #555;
}


/* Comment Styling -------------------------- */

.comments-open-header,
.comments-header {
font: 18px/1.2 Helvetica, Arial, sans-serif;
font-weight: bold;
color: #333;
margin: 36px 0 6px 0;
border-top: dashed 1px #ccc;
padding: 12px 0 0 0;
}
.comment-header {
text-transform: uppercase;
margin: 5px 0;
font-size:11px;
}
.comment-header img {
display:none;
}
.comment-footer {
font-size:10px;
text-align: right;
margin-top: 10px;
}
.comment-footer a {
color: #777;
}
.comment {
background: #f9f9ed;
padding: 10px 12px;
margin:0 0 20px 0;
}
.comment p {
margin-bottom: 6px;
}
#comments-form label {
color:#555;
text-transform: uppercase;
font-size:11px;
text-align: right;
}
#comment-form-url label,
#comment-form-name label,
#comment-form-email label,
#comments-open-text label {
display:block;
width:100px;
float:left;
margin-right: 10px;
padding-top: 5px;
}
#comment-form-url input,
#comment-form-name input,
#comment-form-email input,
textarea#comment-text {
margin-bottom:5px;
width:650px;
border: solid 1px #aaa;
padding: 3px;
font-size: 13px;
}
#comments-open-text textarea {
width:600px;
margin-top:10px;
}
#comment-form-remember-me,
#comments-open-footer {
margin-top:5px;
text-align:right;
padding-right: 10px;
}
#comments-open-footer input {
padding: 1px 5px;
}
#comment-form-external-auth {
margin-bottom: 20px;
color: #555;
}


/* Hotels Page ------------------------------ */

.hotel {
margin-top: 10px;
padding-top: 10px;
border-top: solid 1px #ccc;
text-align: center;
}

/* Sponsors Page ----------------- */

#page-264 h3 {
font: 18px/1.1 Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 30px 0 12px 0;
}
.sponsor {
border-top: dashed 1px #ddc;
padding-top: 12px;
clear: both;
}
.sponsor p {
margin: 6px 0 18px 0;
font-size: 11px;
padding-left: 20px;
background: transparent url(../i/common/arrow_right.png) no-repeat left top;
}


.widget-speakers .speaker-details {
margin-bottom: 10px;
}
.widget-speakers .speaker-details p {
margin:0 0 0 0;
}

.widget-search input, .widget-feedburner input, .widget-newsletter input {
margin: 0 0 0 0;
width: 80px;
font-size: 10px;
}

.widget-search input#search, .widget-feedburner input#email, .widget-newsletter input#MERGE0 {
margin: 0 0 4px 0;
width: 120px;
}

.widget-day-openers {
padding: 0 0 10px 0;
}

.day-opener {
padding: 0 0 15px 0;
}


#footer {
clear: both;
background: transparent url(../i/2009/footer.png) repeat-x top left;
font-size: 11px;
margin-right: 208px;
}
#footer-inner {
padding: 10px 6px 6px 6px;
}
#footer .widget {
text-align: left;
color: #555;
}

/* ------- MISC STYLING ---------- */

.thumb-right {
float: right;
margin: 0 0 15px 15px;
}
.thumb-left {
float: left;
margin: 0 15px 15px 0;
}
#register-button {
float: right;
margin-top: -10px;
}
#register-button a {
display: block;
text-indent: -999em;
width: 160px;
height: 32px;
background: #2a2a2a url(../img/button-register.html) top left repeat-x;
}
#register-button a:hover { 
background-position: bottom left;
}
#pricing {
width:100%;
padding: 6px;
background: #fff;
border: solid 1px #d9d9d9;
}
#pricing td {
border-bottom: solid 1px #d9d9d9;
padding: 2px 0;
text-align: right;
}
#pricing th {
text-align: right;
}
#pricing .note {
font-size: 10px;
color:#3d3d3d;
border-bottom: none;
padding-top: 10px;
}
p.coding {
margin: 10px 0 30px 0;
padding: 10px;
background-color: #c5c5c5;
}
pre {
   clear:both;
   overflow:auto;
   margin: 10px 5px 30px 5px;
   padding-bottom:0 !important;
   padding-bottom:1.5em; /* for IE which doesn't make room at the bottom of the pre for a horizontal scrollbar */
   padding: 0.5em 0.5em 1.5em 0.5em;
   width: 750px;
   color:#000;
   background-color:#efefef;
}
.asset-body #newsletter {
float: left;
width: 300px;
}
.ical-feed {
text-align: right;
padding: 6px 0 0 0;
font-size: 11px;
color: #888;
}
.ical-feed a {
padding: 0 0 0 12px;
background: transparent url(../i/common/icon-ical.png) top left no-repeat;
}