/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* general
-------------------------------------------------------------- */

/*body #wrap { background:url(img/body-bg.gif) repeat-y; } 
body.col1 #wrap { background-position:-260px 0; }
body.col2 #wrap { background:url(img/body-2col-bg.gif) repeat-y; }
body.library #wrap { background:url(img/library-center-bg.gif) repeat-y center;}*/
/*body.library #wrap { background:#333 url(img/body-library-bg.gif) repeat-y; color:#ccc;  }*/

body #wrap { background:url(img/body-bg.gif) repeat-y center; } 
body.col1 #wrap { background:none; }
body.col2 #wrap { background:url(img/body-2col-bg.gif) repeat-y center }
body.library #wrap { background:#333 url(img/body-library-bg.gif) repeat-y; width:auto;}
#sidebar { float:left; width:179px; padding:40px 39px 30px 44px; }
#body { margin:0 0 20px 262px;}
#wrap { width:1024px; margin:0 auto; position:relative; padding:0 0 20px 0;}

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

#sidebar h1 a { background:url(img/logo.png); width:179px; height:50px; text-indent:-9999px; display:block;}
#sidebar h3 { color:#666; font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid #ccc; margin:0 7px 7px 0;}
#sidebar h3.library { margin-top:40px;}
#sidebar ul { list-style:none; margin:0 0 15px 0; font: italic 11px/23px Georgia, "Times New Roman", Times, serif }
#sidebar ul a { color:#666;}
#sidebar ul a:hover, #sidebar ul a.active { color: #3399ff; }

.col1 #sidebar { float:none; padding-bottom:0;}
.col1 #body { margin:0 0 40px 0;}
.col1 #footer p { margin-left:44px;}
.col1 #footer .top { left:44px;}
.col1 .content { margin:0 44px; padding:0;}
.col1 .content p { margin-left:0; width:auto;}

/* home
-------------------------------------------------------------- */
.home img { margin:0;}
.home cite { font-size:38px; line-height:42px; text-indent:-15px; color:#999; width:660px; padding:5px 0 20px 30px; display:block; font-style:normal;}
.home .author { color: #3399ff; font-weight:bold; text-transform:uppercase; padding-left:25px;}

/* content
-------------------------------------------------------------- */

.content { padding:82px 0 0 23px; /*width:579px;*/}
.content h5,
.content h2,
.content ul,
.col2 .content h4,
.content p { margin-left:236px; width:345px;}
.content p.cite { position:relative; margin:0;}
.content p.cite cite { position:absolute; left:25px; top:-4px; text-align:right; color:#3399ff; font-size:16px; line-height:20px; width:180px; text-align:right;}

.content .banner { margin-right:20px;}
.content .top { height:219px; width:579px; background:#ccc;}
.content h4 img { float:left; width:131px; margin:0 38px 0 67px; }

.col2 .content { padding-top:60px; padding-left:5px;}
.col2 .content img.banner { margin-left:236px;}
.col2 .content p { width:360px;}

.title-team { margin-top:15px; margin-bottom:0; color:#3399ff;}
.subtitle-team { margin-top:0; line-height:20px; }
.title-ideas { margin-top:15px;}

.content-wide {padding:98px 0 0 23px; width:726px;}

.top-link-content { font:italic 11px/11px Georgia, "Times New Roman", Times, serif;padding-right:12px; background:url(img/footer-top-blt.png) no-repeat right 3px;}

/* jay walker
-------------------------------------------------------------- */

.content .title-talks { margin-top:20px; width:510px;}

.meet-jay { padding-top:52px;}
.meet-jay h2 { height:163px;}
.content ul li { padding-left:13px; background:url(img/li-blt.gif) no-repeat 0 5px;}
.content ul p { margin-left:0; width:332px;}

.content ol { margin-left:256px; }
.content ol p { margin-left:0; width:325px;}

.logo-ted { background:url(img/logo-ted.gif) no-repeat 238px 0; height:65px; text-indent:-9999px; margin-top:105px;}

/* sidebar-content
-------------------------------------------------------------- */

.sidebar-content { position:absolute; width:190px; top:81px; left:282px;}
.sidebar-content h4 { height:62px; text-transform:uppercase; font-size:10px; position:relative;}
.sidebar-content h4 img { float:left; margin-right:7px; border:2px solid #fff;}
.sidebar-content h4 a.active img {border:4px solid #3399ff; width:52px; }
.sidebar-content h4 a:hover img { border-color:#3399ff; }
.sidebar-content h4 a { display:block; color:#666; font:italic 11px/12px Georgia, "Times New Roman", Times, serif; text-transform:none; }
.sidebar-content h4 a.top { padding:0;}
.sidebar-content h4 a.active,
.sidebar-content h4 a:hover {color:#3399ff;}

.sidebar-video { width:151px;}
.sidebar-video h4 { height:116px;}
.sidebar-video h4 a { padding:0; font-size:10px;}
.sidebar-video h4 a img {border:2px solid #ccc; margin-bottom:3px; display:block; padding:0; float:none;}
.sidebar-video h4 a.active img { border:4px solid #3399ff; width:133px; }
.sidebar-video h4 a.audio img { width:29px;}

.sidebar-leadership h4 span {position:absolute; bottom:9px; left:65px; width:127px;}
/* library
-------------------------------------------------------------- */

.library #body { color: #ccc; background:url(img/library-content-bg.png) repeat-x; width:750px; width:auto;}
.library #footer p { border-top-color:#666;}
.library .content { padding:0 0 0 160px; width:580px}
.library .content h2 { color:#39f;}
.library .content h2,.library .content  h5,.library .content  p,.library .content  ul { margin-left:0;}
.library .content .col-text p, .library .content .col-text ul { width:auto;}
.col-text { float:left; width:188px; margin-right:20px;}
.library-history { display:block; margin:160px 0 0 20px; float:left;}
.library h5.br-top { margin-top:0; padding-top:45px; color:#ccc;}
.library .video { margin-left:20px;}
.library .content p { width:445px;}
.library .content p.text-talks {height:80px;}

.library .sidebar-video { width:auto; padding-top:0px;}
.library .sidebar-video h4 img { margin:0 0 3px 0;}
.library .sidebar-video h4 { float:left; width:141px;}
.library .sidebar-video h4 a { font:italic 10px/12px Georgia, "Times New Roman", Times, serif; color:#ccc;}
.library .sidebar-video h4 a img { width:128px;}
.library .sidebar-video h4 a.active img { width:124px;}
.library .sidebar-video h4 a:hover img {border-color:#39f;}

.pager { text-align:right; margin-right:20px;}
.prevPage { background: url(img/pager-prev.gif) no-repeat right 4px; display:inline-block; width:5px;  height:12px; }
.nextPage { background: url(img/pager-next.gif) no-repeat left 4px; display:inline-block; width:5px;  height:12px; }

.pager .pageNumbers a{ border-right:1px solid #ccc; line-height:12px; color:#666; padding:0 5px; }
.pager .pageNumbers a.last { border:none;} 
.pager .pageNumbers a.active { color:#3399ff; }

#patent td {
text-transform: lowercase;
}

#patent td:first-letter {
text-transform: uppercase;
}

/* mycarousel
-------------------------------------------------------------- */
#mycarousel { visibility:hidden; }
.jcarousel-container { height:464px; position:relative; width:148px;}
.jcarousel-clip { height:464px; overflow:hidden; }
.jcarousel-container li { height:116px; width:148px; float:none; overflow:hidden;}
.jcarousel-prev,
.jcarousel-next { cursor:pointer; background: url(img/carousel-vertical.png) no-repeat;width:28px; height:25px;}
.jcarousel-prev { position:absolute; top:-43px; left:57px;}
.jcarousel-prev:hover {background-position:0 -30px;}
.jcarousel-prev-disabled:hover {background-position:0 0; cursor:default;}
.jcarousel-next { background-position:0 -63px; margin:7px 0 0 57px;}
.jcarousel-next:hover {background-position:0 -93px;}
.jcarousel-next-disabled:hover {background-position:0 -63px; cursor:default;}
.jcarousel-prev-disabled,
.jcarousel-next-disabled { visibility:hidden; }
/* footer
-------------------------------------------------------------- */

#footer { padding-top:130px; clear:left; position:relative;}
#footer p{ font:italic 11px/36px Georgia, "Times New Roman", Times, serif; margin:0 15px 80px 281px; border-top:1px solid #ccc;}
/* #footer.footer-home { padding-top:54px;} */
.col2 #footer p { margin-left:500px;}
#footer .top { position:absolute; top:-33px; left:281px; padding-right:12px; background:url(img/footer-top-blt.png) no-repeat right 3px;
font:italic 11px/11px Georgia, "Times New Roman", Times, serif;}