body {margin: 0; padding: 0px; background: #fff; font: normal 12px arial; color: #000;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: $none-i;}
	.cf:before, .cf:after {content:""; display:table;}
	.cf:after, .clear {clear:both;}
	.cf {*zoom:1;}

#page {margin: 0 auto; width: 980px;}

#pagebg {background: #fff url(../images/red-bg-new.png) top center no-repeat;}

#header {height: 145px;}
#header .headwrap {width: 980px; margin: 0 auto;}
#header .blank {width: 22%; float: left;}
#header .logo {text-align: center; padding: 24px 0; width: 55%; float: left;}
#header .date {font: bold 15px arial; color: #757575; width: 23%; float: left; text-align: right; padding: 17px 0 0 0;} 
#header .date a {color: #757575;}
#header .date a:hover {color: #e62b1e;}
#header .navwrap {background: #fff url(../images/topnav-bg-2014.png) center center no-repeat; height: 15px;}
#access {clear: both; display: block; margin: 0 auto; width: 800px;}
#access ul {font: bold 17px arial; list-style: none; margin: 0;	padding-left: 0;}
#access li {float: left; position: relative;}
#access a {color: #757575; display: block; line-height: 17px; padding: 0 19px; text-decoration: none; text-transform: uppercase;}
#access ul ul {display: none;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {color: #e62b1e;}
#access li:hover > a, #access a:focus {color: #e62b1e;}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {color: #e62b1e;}

body.post-type-archive-tedspeakers .menu-item-18 a,
body.single-tedspeakers .menu-item-18 a,
body.post-type-archive-tedvideos .menu-item-19 a,
body.single-tedvideos .menu-item-19 a, 
body.page-template-page-resources-php .menu-item-31 a {color: #e62b1e !important;}


#primary {float: left; width: 660px; margin-right: 20px;}
#primary.fullscreen {float: left; width: 100%; margin:0;}

#sidebar {float: left; width: 300px;}
#sidebar .item {margin-bottom: 20px;}
#sidebar .item .title {margin-bottom: 20px; background: #fff url(../images/sidebar-title-bg.png) top left repeat-x; text-transform: uppercase; text-align: center; font: bold 16px arial; color: #757575; line-height: 13px;}
#sidebar #sidefeedback.item .title {margin-bottom: 6px;}
#sidebar .item .title span {background-color: #fff; padding: 0 5px;}
#sidebar .adtxt {font: normal 11px arial; color: #3e3e3e;}
#sidebar .adtxt a {color: #3e3e3e;}
#sidebar .seeall {border-top: 3px solid #e62b1e; background-color: #ececec; text-align: center; padding: 11px 0;}
#sidebar .seeall a {color: #e62b1e; text-decoration: none;}
#sidebar .seeall a:hover {color: #000;}


ul#facts {list-style-type: none; margin: 0px 0 0 31px; padding: 0px; }
#facts li {margin: 0 0 12px 0; list-style-image:url('../images/blogroll-arrow.png');}
#facts a {font: normal 11px arial; color: #696969; text-decoration: none;}
#content #facts a {font: normal 14px arial;}
#facts a:hover {color: #333;}

.factswrap {border-bottom: 3px solid #e62b1e; padding-bottom: 15px;}




#footer {border-top: 3px solid #e62b1e; margin: 25px 0 25px 0; font: normal 11px arial; color:#969696; padding: 20px 0;}
#footer .logos {margin-bottom: 10px;}
#footer .ted {font: bold 15px arial; }
#footer a {color:#969696;}
#footer a:hover {color:#333;}
#footer .pbs {margin-top: 10px;}
#footer .terms {float: right; width: 300px; text-align: right;}



#content {font: normal 14px arial; line-height: 20px; color: #595959; }
#content .media {margin-bottom: 12px; height: 412px;}
#content p {margin: 0 0 10px 0;}


#homegrid {margin: 15px 0;}
.rollgrid {list-style-type: none; margin: 0px; padding: 0px;}
.rollgrid li {float: left; width: 210px; height: 159px; background-color: #ececec; margin: 0 0 15px 0; text-shadow: 1px 1px 6px #000; font: normal 14px arial; line-height: 14px; overflow: hidden;}
.rollgrid li.pad {margin-right: 15px; margin-left: 15px;}
.rollgrid .pic {width: 210px; height: 159px; float: left;}
.rollgrid img {margin: 0px; padding: 0px;}
.rollgrid .title {background: url(../images/trans-gray.png); height: 25px; float: left; position: relative; top: -27px; width: 210px;}
.rollgrid .titledek {display: none; background: url(../images/trans-gray-dark.png); width: 210px; height: 159px; float: left;  position: relative; top: -161px;}
.rollgrid .dek {margin: 7px 0;}
.rollgrid a {text-decoration: none; color: #fff; display: block; width: 210px; height: 159px;}
.rollgrid .pad1 {padding: 5px 7px 0 7px;}
.rollgrid .pad2 {padding: 7px;}
.rollgrid .talk {font-weight: bold;}


.bio {border-top: 3px solid #e62b1e; border-bottom: 3px solid #cdcdcd; padding: 0; margin-bottom: 12px;}
.bio .thumb {float: left; width: 210px; margin-right: 15px;}
.bio a {color: #666;}
.bio a:hover {color: #333;}
.biotop {padding-top: 10px; font: bold 18px arial; margin-bottom: 10px;}
.bio .title1 {}
.bio .title2 {}


.toolbar {float: right; width: 300px; margin-top: 20px;}
.bio .toolbar {float: left; width: 300px;}
.toolbar .button-comments {float: left; width: 84px; text-align: right;}
.toolbar .button-comments a {background-color: #fdfdfd; color: #333; text-decoration: none; font: normal 11px arial; display: block; width: 71px; border: 1px solid #cccccc; padding: 3px 6px; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.toolbar .button-comments a:hover {background-color: #ccc;}

.toolbar.jump {width: 208px; margin: 0 0 15px 20px !important;}
.toolbar.jump .addthis_toolbox a {float: left;}
.toolbar.jump .addthis_counter {width: 96px;}

.video-header {margin-bottom: 15px; color: #595959;}
.video-header h1 {font: bold 18px arial;}
.video-header h2 {font: normal 14px arial; font-style: italic; line-height: 20px; }

.videopost {border-bottom: 3px solid #cdcdcd;}

.transcript {margin-bottom: 15px;}
.transcript .entry-content, .videotop .entry-content {}
.transcript .more {display: none;}
.transcript .loadmore {width: 148px; height: 36px; display: block; float: right;  background: url(../images/full-transcript.png);}
.transcript .loadmore:hover {opacity:0.8;filter:alpha(opacity=80)}
.transcript .entry-content a {color: #666;}
.transcript .entry-content a:hover {color: #333;}


.videoarchive h3, .speakerarchive h3 {margin-bottom: 20px; background: #fff url(../images/sidebar-title-bg.png) top left repeat-x; text-transform: uppercase; font: normal 16px arial; color: #757575; line-height: 13px;}
.videoarchive h3 span, .speakerarchive h3 span {background-color: #fff; padding: 0 5px; margin-left: 35px;}

h1.pagehead {margin-bottom: 20px; background: #fff url(../images/sidebar-title-bg.png) center left repeat-x; text-transform: uppercase; font: normal 18px arial; color: #757575; line-height: 18px;}
h1.pagehead span {background-color: #fff; padding: 0 5px; margin-left: 35px;}




.videoarchive .fullpost {text-align: right;}
.videoarchive .fullpost a {width: 104px; height: 36px; display: block; float: right;  background: url(../images/full-post.png);}
.videoarchive .fullpost a:hover {opacity:0.8;filter:alpha(opacity=80)}


#ajaxinterview .fullpost a {float: left;}


#featuredvideo {margin-bottom: 15px;}




.page .entry-content a {color: #666;}
.page .entry-content a:hover {color: #333;}


.subnav {border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 10px;}
.subnav ul {}
.subnav  li {float: left; margin-right: 15px;}
.subnav a {text-decoration: none; color: #757575; font: normal 15px arial;}
.subnav a:hover {color: #333;}
.subnav li.current_page_item a {color: #e62b1e;}


#tedcomment {}
#tedcomment a {color: #e62b1e;}


.column {float: left; width: 50%;}


.entry-content h2 {color: #e62b1e; font: bold 19px arial;}
.entry-content h3{color: #e62b1e; font: bold 16px arial;}
.entry-content h4 {color: #000; font: bold 16px arial;}


.sharegallery .sharegallery-item.active {border: 1px solid #0087c3 !important; background-color: #00b8d2 !important;}

blockquote {font-family: arial, serif; font-weight: normal; margin: 0 2em; padding: 0 1em; border-left: 4px solid #777;}

/*----------PARTNER CONTENT----------*/
.endcontent{border-top: 3px solid #e62b1e;margin: 25px 0 0 0;clear:both;width:100%;}
h1.pagehead a{text-decoration:none;color:#757575;}
h3.partner  a{color: #e62b1e; font: bold 16px arial;text-decoration:none;}
.partner .entry-summary a{text-decoration:underline;color:#757575;}
.partner ul{list-style-type:none;margin-top:35px;}
.partner li{padding:0 0 35px 0;}
.partner .thumb{float: left;width: 208px;margin: 0 10px 0 0;}
.partner .entry-wrap{color: #000;line-height: 1.3em;}
.partner .entry-summary{color: #595959;}
/*----------PARTNER CONTENT----------*/