/*
Theme Name: TEDxMidAtlantic
Theme URI: http://tedxmidatlantic.com/
Description: Designed for TEDxMidAtlantic event.
Version: 1.0
Author: Lokesh Dhakar
Author URI: lokeshdhakar.com and make-things.com
Tags: multiple columns, custom header, grid
*/
@import url("http://tedxoilspill.com/wp-content/themes/tedxmid/reset.css");
@import url("http://tedxoilspill.com/wp-content/themes/tedxmid/960.css");


/* TYPOGRAPHY ---------------------------------------------------------- */
html{}
body{ font-family:  Helvetica,Arial,sans-serif; color: #5d5d5d; font-size: 14px; }

a:link, a:visited{ color: #ff2b06; text-decoration: none; }
a:hover{ text-decoration: underline;}
.red { color: #ff2b06; }

h1, h2, h3, h4, h5{ line-height: 1.25em;  margin-bottom: .5em; color: #222;  }
h1{ font-size: 150%; } 
h1 .secondary{ font-size: 75%; line-height: 1.25em;}
h2{ font-size: 120%; }
h3{ font-size: 95%; }
h4{ font-size: 100%; }
h5{ }
h2 span { font-size: 13px; font-weight: normal; padding-left: 7px; line-height: 15px;}

p{ line-height: 1.6em; margin-bottom: 1em;}
p a{padding: .25em 0;}
ul{ margin-bottom: 1.5em;}
ul li{ margin-bottom: .5em; line-height: 1.2;}

em { font-style: italic; }
strong{ }
small{ font-size: 75%; }
del { text-decoration: line-through;}
pre{ display: block; margin: 1em 0; padding: 0 .5em; overflow: auto;  background-color: #eee;}
code{ font-family: monospace; }
pre code{ line-height: 1.3em;}
abbr, acronym{ border-bottom: 1px dotted #333;}

.divider{ border-top: 2px solid #eee; padding-top: 1em;}

/* Tables ---------------------------------------------------------- */
td, th{ padding: .4em .5em .2em .5em;}
th{ font-weight: bold;}
table.schedule th{ text-align: right;}



/* Resuable Bits and Pieces ---------------------------------------------------------- */
.box{ background-color: #ececec; padding: 10px; margin-bottom: 10px;}
.box p{ margin-bottom: 0;}

/* HEADER ---------------------------------------------------------- */
#hd{  font-size: 12px;}

#hd #topBar .grid_12{ width: 940px; w\idth: 920px; margin-bottom: 20px; padding: 7px 10px 8px 10px; font-size: 12px; background-color: #ececec; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px;}
#hd #topBar a{ color: #222;}
#hd #topBar .licenseNote{ float: left; font-size: 11px;}
#hd #topBar .basicInfo{ float: right;}

#hd #logoAndNav{ position: relative; margin-bottom: 1px; }
#hd #logoAndNav .logo{ position: absolute; display: block; width: 290px; height: 83px; background: url(http://tedxoilspill.com/wp-content/themes/tedxmid/images/tedxoilspill_logo.png) no-repeat; overflow: hidden; line-height: 999px;}

#hd #mainNav{ border-bottom: 3px solid #ff2b06;}
#hd #mainNav ul{ float: right; margin-bottom: 0;}
#hd #mainNav ul li{ float: left; margin-bottom: 0; line-height: 1em; }
#hd #mainNav ul li a{ color:#222; font-weight: bold; display: block; padding: 10px 0 8px 0; text-align: center; width: 120px; float: left; background-color: #ececec; xborder-bottom: 1px solid #dcdcdc; margin-left: 10px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px;}
#hd #mainNav ul li a:hover{ background-color: #d7d7d7; text-decoration: none;}

#hd .dateInfo { text-align: right; font-weight: bold; color: #222; line-height: 1.4em; margin-bottom: 15px;}
#hd .dateInfo em { color: #ff2b06; font-style: normal;}

/* BODY ---------------------------------------------------------- */
#bd{ padding-bottom: 20px;}

#bd .grid_8 { padding-top: 15px; }
#bd .grid_4 { padding-top: 15px; }

.sidebar > h2{ margin-top: 0px;}


/* FOOTER ---------------------------------------------------------- */
#ft{ font-size: 12px; font-weight: bold; margin-top: 2em; background: #eee; }
#ft .grid_12{ width: 940px; w\idth: 920px; padding: 15px 10px; font-size: 12px; background-color: #ececec; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px;}
#ft .info{ float: left; font-weight: bold; width: 305px; color: #222;}
#ft .livestreamLink{ float: left; width: 305px; }
#ft .livestreamLink strong{ color: #222;}
#ft .livestreamLink .icon{ float: left; margin-right: 10px;}
#ft .connectLinks{ float: right; width: 305px; text-align: right;}


/* Countdown ---------------------------------------------------------- */
.countdown{ font-weight: bold; font-size: 11px; text-align: center;}
.countdown_section{ float: left; margin-right: 1em;}
.countdown_amount{ font-size: 20px;}


/* Page Specific Styles ---------------------------------------------------------- */

/* Homes */
img.homeMosaic { float: left; }
.homeMosaic{ margin: 0;}
.sidebar .basicInfo{ background-color: #eee; padding: 10px; margin-bottom: 10px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.newsBlurb{ padding-bottom: 3px; border-bottom: 1px solid #eee; margin-bottom: 13px;}

/* Events */
#speaker-list em { display: block; font-family: georgia; font-size: .9em; color: #999; }

/* LIVE */
#liveCountdown{ font-size: 16px;}
#liveCountdown .countdown_amount{ font-size: 35px;}

/* Speakers */
.bio{ padding-bottom: 5px; }
.bio h2{ margin-bottom: 4px;}
img.speakerthumb { float: left; padding: 2px 10px 0 0; }
img.eventinfo { float: left; padding: 5px 10px 0 0; }

/* Sponsors */
.sponsorLogos{ margin-bottom: 1em;}
.sponsorLogos img{ float: left; margin: 0 25px 25px 0;}



.news_date {
padding-bottom: 8px;
color: #444;
font-weight: bold;
}

.news_border {
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}

.formBox{ padding-top: 10px; border-top: 1px solid #eee;}


body#highlights #hd #logoAndNav{  }
body#highlights #hd #logoAndNav .logo{ position: static; float: left; }

.more-link {
font-weight: bold;
font-size: 16px;
}

li.picture-item {
float: left;
margin:5px 15px 5px 0;
border:3px solid #fff;
width:70px;
height:70px;
overflow:hidden;
}

li.widget {
list-style: none;
}

.youtube_gallery_item {
padding-right: 15px;
margin-left: 0px;
}