/*
Theme Name: Edgerton Relaunch
Theme URI: http://edgerton-digital-collections.org/
Description: The new fork of the Edgerton theme for continued development.
Version: 0.1.2
Author: mitcho
Author URI: mitcho@mitcho.com
*/
/* RED: #e02000 */
/* GREY: #33363b */
/* BEIGE: #f4ede0 */
/* BLUE: #009fad */
/********************************
BEGIN STYLE
********************************/
body {
  font-size: 12px;
  line-height: 18px;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serif;
  background: #ece4d2 url('images/edgerton-bg-alt.jpg') repeat top center;
  color: #333;
  text-align: center;
  width: 960px;
}
#beta-banner {
  position: fixed;
  right: -9px;
  top: -10px;
  width: 150px;
  height: 150px;
  background: transparent url('images/beta.png') no-repeat top right;
}
#page, #footer {
  text-align: left;
}
#header {
  background: transparent /*url('images/edgerton-header.jpg') no-repeat top center*/;
}
  #nav {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  position: absolute;
  top: 105px;
  padding-left: 109px;
  margin-bottom: 0;
}
#nav li {
  list-style-type: none;
  display: inline-block;
  position:relative;
  width: 97px;
  border-bottom: 14px #33363b solid;
  padding-bottom: 3px;
  margin-right: 1px;
  margin-bottom: 10px;
}
#nav li a {
  color: #33363b;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
/*  border-bottom: 13px #e02000 solid;*/
}
#nav li:hover, #nav li.selected { border-color: #e02000; cursor: pointer; }
#nav > li:hover > a, #nav > li.selected > a { color: #e02000; }
#nav .fauxtarget {
  position: absolute;
  display: block;
  margin-top: 30px;
  width: 97px;
  height: 20px;
/*  background: blue;*/
}
/* DROPDOWN MENUS */
#nav li ul { z-index: 5; display: none; }
#nav li:hover ul {
  display: block;
  z-index: 5;
  position: absolute;
  background-color: #f4ede0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  margin-top: 46px;
  margin-left: 0px;
  padding: 11px 11px 8px 11px;
}
#nav li:hover ul li {
  display: block;
  border: none;
  width: 150px;
  padding: 3px 5px;
  margin-bottom: 4px;
}
#nav li:hover ul li a { font-size: 12px; color: #33363b; }
#nav li:hover ul li:hover { background-color: #e02000; cursor: pointer; }
#nav li:hover ul li:hover a { color: #f4ede0; }
/* COLUMNS */
.leftsidebar { float:left; padding: 0 11px 10px 11px; margin: 0px; }
.leftsidebar h2 { margin: 5px; color: #e02000; font-size: 16px; }
.leftsidebar ul { padding: 0px; margin-left:0; padding-left:0; }
  .leftsidebar li { cursor: pointer; }
.leftsidebar ul li, .leftsidebar p {
  display: block;
  border: none;
  width: 190px;
  padding: 3px 5px;
  margin-bottom: 4px;
  list-style:none;
}
.leftsidebar ul li a {
  color: black;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}
.leftsidebar ul li .highlight a { color: #e02000; }
.leftsidebar ul li:hover,
.leftsidebar ul li.selected,
.leftsidebar ul li.current {
  background-color: #e02000;
}
.leftsidebar ul li:hover a,
.leftsidebar ul li.selected a,
.leftsidebar ul li.current a {
  color: white;
}
.onewidecolumn {
  padding-bottom: 25px;
  border-top: 1px white solid;
  border-bottom: 1px white solid;
}
.widerightcolumn {
  padding-bottom: 25px;
  float:left;
  width: 730px;
  border-top: 1px #d82400 solid;
  border-bottom: 1px #d82400 solid;
}
.widerightcolumn.technique { border: none; }
#threecol { padding:14px 0; }
#threecol div.box { background:#ffffff; padding:10px; margin-bottom:20px; }
#threecol div.leftsidebar { width:225px; padding:0; }
#threecol div.leftsidebar.box { width:205px; }
#threecol div.leftsidebar p { margin:5px 0; }
#threecol div.widerightcolumn { width:445px; margin:0 15px; }
#threecol div.rightsidebar { margin-left:699px; }
#threecol div.rightsidebar .box { width:230px; overflow:hidden; }
#threecol div.rightsidebar .box h2 {
  margin-top:0;
  color:#E02000;
  font-size:14px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
}
#threecol div.rightsidebar .image { width:230px; }
#threecol div.rightsidebar .image h2 { border:0; }
#threecol div.rightsidebar .box p.redbar { margin-bottom:0; padding-bottom:1em; border-bottom:5px solid #e02000; }
/* FOOTER */
#footer {
  border: none;
  margin: 0 auto;
  width: 960px;
  clear: both;
}
#footer img { margin: 0 5px 0 1px; float:left; }
#footer p {
  background: #f2e5ca;
  padding: 5px 4px;
  margin-left: 61px;
  width: 882px;
}
#footer a { color:#e02000; }
#footer span { text-align:right; }
#footer span a { color:#333333; }
#content {
  width: 960px; /* Needed to increase from 950 to make techniques page fit correctly */
  margin: 0px auto;
  font-size: 1.1em;
  padding: 14px 0px;
}
.thread-alt {  background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
/* Begin Structure */
body { margin: 0; padding: 0; width: 100%; }
#page { margin: 0 auto; padding: 0;  width: 960px; }
#header { margin: 0 0 0 1px; padding: 0; width: 960px; }
.post hr {display: block;}
.clear {clear: both;}
/* End Structure */
/*  Begin Headers */
h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle {margin-top: 30px;  text-align: center; }
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 30px 0 0; }

.archive h3 {
	margin: 10px 0 0 0;
}

h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */
/* Begin Images */
p img { padding: 0;  max-width: 100%; }
/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */
/* Begin Lists
  Special stylized non-IE bullets
  Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
}
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0;  padding: 0; }
.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}
#sidebar ul, #sidebar ul ol { margin: 0;  padding: 0; }
#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {  margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;  padding: 0; }
/* End Entry Lists */
#logo { float:left;  margin-top:10px; }
/* Begin Form Elements */
#searchform {
  float:right;
  padding: 3px 3px;
  margin-top:24px;
  margin-right:10px;
}
#searchform input {
  border:none;
  padding:3px;
  line-height:15px;
  font-size:13px;
}
#searchform #s { background-color:#ffffff;margin-right:-3px;width:192px; }
input#searchsubmit {background-color: #33363b;color:#fff;padding:2px;}
select {width: 130px;}
#skiplink {display:block;  margin-bottom:6px;}
#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}
#commentform {  margin: 5px 10px 0 0;}
#commentform textarea {  width: 100%;  padding: 2px;}
#respond:after {
    content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
}
#commentform #submit {  margin: 0 0 5px auto;  float: right;}
  
/* End Form Elements */
/* Begin Comments*/
.alt {  margin: 0;  padding: 10px;}
.commentlist {  padding: 0;  text-align: justify;}
.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;
}
.commentlist li ul li {   margin-right: -5px;  margin-left: 10px;}
.commentlist p {  margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {  margin: 5px 0;}
.nocomments {  text-align: center;  margin: 0;  padding: 0;}
.commentmetadata {  margin: 0;  display: block;}
/* End Comments */
/* Begin Sidebar */
#sidebar{
  padding: 20px 0 10px 0;
  margin-left: 545px;
  width: 190px;
}
#sidebar form {  margin: 0;}
/* End Sidebar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {  cursor: help;}
acronym, abbr {  border-bottom: 1px dashed #999;}
blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #d82400;
}
blockquote p {color:#d82400;font-size: 13px; }    
blockquote cite {  margin: 5px 0 0;  display: block;}
.center {  text-align: center;}
.hidden {  display: none;}
  
.screen-reader-text {  display:block;  clear:both;  color:#333;}
hr {  display: none;  clear:both;}
a img {  border: none;}
.navigation {
  display: block;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
.clear {clear:both;}
/* End Various Tags & Classes*/
/* Classes for current page */
body.home a.home,
body.docs-life a.docs-life,
body.galleries a.galleries,
body.videos a.videos,
body.techniques a.techniques,
body.stories a.stories,
body.notebooks a.notebooks
{border-color:#E02000; color:#E02000;}
body.home #footer {margin-top:35px;}
#homeVideo {cursor:hand; cursor:pointer;}
.wrap .search-results-container {float:left;}
.wrap .search-results {border:1px solid #ccc; background:url('images/trans-white.png'); padding:10px; height:400px; overflow:auto; margin-top:10px;}
/* .wrap .search-results-container.none .search-results { background:url('images/gray-trans.png');} */
.wrap .search-results-container.none .toggleWidth {display:none;}
/* .wrap .search-results-container.none .zero {font-weight:bold;} */
.wrap .expand, .wrap .collapse {text-align:center; font-weight:bold; padding:2px 5px; background:#333333; color:#ffffff;}
.wrap .collapse {background:#f2e5ca; color:#e02000;}
#photo-results{ width:275px; padding-right:0;}
.search .content {overflow:hidden;}
.search .wrap {width:2000px;} /* give breathing room to animation expansion */
#notebook-results {width:320px;}
#wp-results {width:255px;}
.search-results h3 {margin-top:0;}
.search-results div.post, .search-results div.page, .search-results div.videos {margin-bottom:10px; font-size:10px;}
.click {cursor:hand; cursor:pointer;}
textarea, input {border: 1px solid #999;}
.image {overflow:hidden;}

/* notification jquery plugin */
.notice-wrap {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 250px;
  z-index: 9999;
}
* html .notice-wrap {  position: absolute;    }
 
.notice-item {
  height: 60px;
  background: #f2e5ca;
  color: #333333;
  padding: 6px 6px 0 6px;
  font-family: lucida Grande;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #e02000;
  border-width:1px 0;
  display: block;
  position: relative;
  margin: 0 0 12px 0;
}
.notice-item-close {
  position: absolute;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  right: 6px;
  top: 6px;
  cursor: pointer;
}
.notebooks .wrap {text-align:left !important;}
  .notebooks .wrap .gridTop {margin-bottom:10px;}
  .notebooks .wrap .gridTop a {font-weight:bold;}
.notebooks .notebook-thumb {float:left; display:block; }
.sf-menu, .sf-menu * {z-index:2 !important;}
#ImageBoxOuterContainer {z-index:3;}
#content {z-index:1;}
.gridTop h2, .gridTop div {
  margin-top: 20px;
}
/********************************
BEGIN TYPE
********************************/
small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}
h1, h2, h3 {
/*  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
  font-weight: bold;
}
h1 {
  font-size: 4em;
  text-align: center;
}
h2 {
  font-size: 1.6em;
}
h2.pagetitle {
  font-size: 1.6em;
}
h3 {
  font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited {
  text-decoration: none;
  color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color:#e02000;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  text-decoration: none;
}
.entry p a:visited {
  color: #57a6ad;
}
.sticky {
  background: #f7f7f7;
  padding: 0 10px 10px;
}
.sticky h2 {
  padding-top: 10px;
}
.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
  font-size: 1em;
}
.commentlist li {
  font-weight: bold;
}
.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}
#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
  font-weight: normal;
}
#sidebar {
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
  color: #009fad;
  text-decoration: none;
}
a:hover {
  color: #147;
  text-decoration: underline;
}
/********************************
BEGIN SHARED ELEMENTS
********************************/
/* NAVDROPS */
ul.navdrops {
  display: inline;
  margin-left: -30px;
}
ul.navdrops li {
  list-style-type: none;
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: white;
  margin-right: 5px;
  vertical-align: middle;
}
ul.navdrops li:hover, ul.navdrops li.selected {
  background-color: #009fad;
}
ul.navdrops li a {
  text-decoration: none;
}
.navigation a {
  color: #009fad;
  font-size: 0.89em;
  font-weight:bold;
}
/* NOTEBOOK-THUMBNAILS */
.notebook-thumb {
  display: inline-block;
  background-color: white;
  overflow: hidden;
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  line-height:0;
}
/* notebook page visited border */
.notebook-thumb {}
.notebook-thumb a img {border:3px solid #555;}
.notebook-thumb a:visited img, .notebook-thumb a.visited img {border:3px solid #96F;} /* Also assigned in JS, redundancy for IE */
.notebook-thumb a:hover img {border:3px solid #009FAD;}

.notebook-thumb img {
  width: 130px;
  height: 165px;
}
/* PHOTO-THUMB */
.thumbs-wrap {
  clear: both;
}
.photo-thumb {
  display: inline-block;
  background-color: white;
  height: 120px;
  width: 120px;
  padding: 10px;
/*  margin: 10px;*/
  margin-right: 6px;
  margin-bottom: 6px;
  vertical-align: middle;
  border:0;
  cursor: pointer;
  float:left !important;
}
/*
.photo-thumb img {
  min-height: 116px;
  min-width: 116px;
}
*/
.photo-thumb:hover {  border-color: #e02000;}
/* LIGHTBOX */
#ImageBoxOverlay{  background-color: #000;}
#ImageBoxCaption{  background-color: #fff;}
#ImageBoxContainer{  width: 250px;  height: 250px;  background-color: #fff;}
#ImageBoxCaptionText{  padding-bottom: 5px;  font-size: 13px;  color: #000;}
#ImageBoxCaptionImages{  margin: 0;}
#ImageBoxNextImage{  background-image: url(images/spacer.gif);  background-color: transparent;}
#ImageBoxPrevImage{  background-image: url(images/spacer.gif);  background-color: transparent;}
#ImageBoxNavigation {  float: right;  font-size: 0.9em;}
#ImageBoxMetadata {  position: absolute;  width: 295px;  overflow: auto;}
#ImageBoxMetadataWrap {  position: absolute;  width: 310px;  overflow: auto;}
#ImageBoxMetadata h3 {  margin-top: 10px;}
#ImageBoxMetadata h3.top {  margin-top: 0px;  color: #e02000;}
#ImageBoxMetadata p {  margin-left: 6px;  margin-top: 4px;}
/*#ImageBoxNextImage:hover
{
  background-image: url(images/next.gif);
  background-repeat:  no-repeat;
  background-position: right 40px;
}
#ImageBoxPrevImage:hover
{
  background-image: url(images/prev.gif);
  background-repeat:  no-repeat;
  background-position: left 40px;
}*/

.post { clear: both; }


/********************************
BEGIN PAGE SPECIFIC
********************************/
.museum-images img {
}
.docslife .video {
  position: absolute;
}
/* TECHNIQUE */
.technique-content {
  padding-left: 408px;
  width: 310px;
  min-height: 538px;
}
.technique-photo {
  position: absolute;
  border: white 10px solid;
  background-color: white;
  width: 370px;
  height: 518px;
  z-index:1;
}
.technique-photo .img-wrap {
  height: 438px;
  width: 370px;
  overflow: hidden;
}
.technique-photo .img-wrap .img-wrap2 {
  margin-left: -210px;
  height: 438px;
  width: 790px;
  text-align: center;
}
.technique-photo .img-wrap .img-wrap2 img {
  margin: 0px auto;
  min-height: 438px;
  min-width: 370px;
}
.technique .museum-images {
  padding-top: 25px;
  margin-left: -20px;
}
.technique .video {
}
.technique h2 {
  color: #e02000;
}
.technique .number {
  color: #33363b;
}
.technique {

}
.technique-thumb {
  display: inline-block;
  border: 10px white solid;
  background-color: white;
  height: 116px;
  width: 116px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  
  float:left;
}
.technique-thumb.hlON {
  border-color:#E02000;
}
.leftsidebar .hlON {
  background:#E02000;
}
.leftsidebar .hlON a {
  color:#fff;
}
.technique-thumb img {
  height: 116px;
  width: 116px;
}
.technique-thumb.selected {
  border-color: #e02000;
}
/* GALLERY */
.leftsidebar ul li.subsubnav, .leftsidebar ul li.subsubnav:hover {
  background: transparent url(images/subsubnav.png) repeat top left;
}
.leftsidebar ul li.subsubnav a {
  color: #33363b;
  margin-left: 20px;
}
.leftsidebar ul li.subsubnav a {
  color: #33363b;
}
.leftsidebar ul li.subsubnav ul li:hover, .leftsidebar ul li.subsubnav ul li.current-cat {
  background: transparent url(images/right-bullet.png) no-repeat 13px 9px;
}
.leftsidebar ul li.subsubnav ul li:hover a, .leftsidebar ul li.subsubnav ul li.current-cat a {
  color: #e02000;
}
.iconic .wrap {
  width: 740px;
}
/* DOCS LIFE */
.docs-content {
  padding-left: 248px;
  width: 460px;
}
.docs-content h2 {
  color: #e02000;
}
/* PHOTOS */
.photo .museum-photo {
  clear: both;
  padding: 15px 15px 15px 0;
}
.photo .museum-photo img {
  max-width: 680px;
  background-color: white;
  padding: 15px;
}
#museum-photo-info {
  background: transparent url(images/trans-white.png) repeat scroll 0 0;
  padding: 15px;
  margin-top: 15px;
}
/* TOP */
#top-wrap {
  padding: 14px 0px;
  margin: -15px;
  margin-top: 0px;
  margin-bottom: 15px;
  height:560px;
/*  background: url(images/notebook-bg-center.png);*/
}
.top-photo {
  float:left;
  margin-left: 7px;  padding: 20px 19px;
  background: transparent url(images/top-photo-shadow.png) top left;
  width: 380px;
  height: 510px;
  
  overflow:hidden;
}
.picText {
  margin-bottom:20px;
}.top-photo-candidate {  display: none;
}
.top-photo-candidate.show {
  display: block;
}
.top-photo .img-wrap {
  height: 476px;
  width: 379px;
  overflow: hidden;
}
a.top-image-next {
  float: right;
}
a.learnMore {
  float:left;
}
.top-photo .img-wrap img {
  min-height: 476px;
  min-width: 379px;
}
#top-rightcolumn {
  float:left;
  width: 541px;
  min-height: 500px;
}
#top-rightcolumn .video {
  float:left;
  margin-top:10px;
  margin-left:10px;
}
#videoBunch {
  height:210px;
  clear:both;
  margin:5px 0 0 5px;
}
#videoText {
  float:left;
  width:255px;
  margin-left:29px;
}
p.top-text, .top-photo-candidate p {
  margin:10px 0 0 0;
}
p.top-text {
  font-size:14px;
  line-height:20px;
}
#top-rightcolumn > p {
  font-size:15px;
  line-height:20px;
  margin-left:281px;
  min-height:178px;
}
.highlight {
  font-family: Arial, sans-serif;
  color: #e02000;
  font-weight: bold;
}
#top-rightcolumn .story {
  position: absolute;
  width: 220px;
  padding: 21px;
  height: 306px;
  background: transparent url('images/card-shadow-dark.png') no-repeat top left;
  cursor: pointer;
}
#top-rightcolumn .story a {
  color: #e02000;
  font-size: 14px;
  font-weight: bold;
}
#top-rightcolumn .story img {
  width: 220px;
}
#top-rightcolumn .story h2 {
  margin-top: 0px;
  padding-top: 5px;
}
#top-rightcolumn .story p {
  padding-bottom: 15px;
}
#top-rightcolumn .story p a {
  color: #009fad;
  font-size: 0.9em;
  font-weight: normal;
}
#top-rightcolumn .story.front {
  z-index: 5;
  background: transparent url('images/card-shadow.png') no-repeat top left;
}
#story1 {
  margin-top: 10px;
  margin-left: 2px;
}
#story2 {
  margin-top: 35px;
  margin-left: 147px;
}
#story3 {
  margin-top: 0px;
  margin-left: 286px;
}
/* NOTEBOOK */
.notebook {
background-color:#f3e5ca;
border-color:#e02000;
border-style:solid;
border-width:1px 0;
padding:0;
}
.notebook .wrap, .notebook #respond {
padding:0 8px;
}
.notebook h2, .notebook .notedate, .notebook .navigation {
float:left;
margin:0;
padding:12px 0 10px;
}
.notebook .wrap {
}
.notebook h2 {
font-size:1.3em;
color:#e02000;
padding-right:16px;
}
.notebook .navigation {
float:right;
}
.notebook #respond {
padding-bottom:25px;
}
.notebook #respond h3 {
margin:0;
color:#e02000;
padding:15px 0 0;
}
.notebooks #commentform #submit {
  float:left;
  margin-top:5px;
}
#pageimg-cntnr, .notebook #transcr {
background-color:#ffffff;
border-color:#ffffff #ffffff #333333;
border-style:solid solid ridge;
border-width:3px 3px 2px;
height:360px;
padding-bottom:10px;
position:relative;
}
#pageimg {
height:100%;
overflow:auto;
text-align:center;
}
#pageimg img {
width:100%;
}
#opener {
padding:0;
font-size:80%;
text-align:right;
}
.notebook #commentform {
margin:5px 0 0 0;
}
.notebook .metadata {
  float:left;
  width:310px;
  height:240px;
  overflow:auto;
  
  background:url('images/trans-white.png');
  padding:10px 20px ;
  margin:40px 20px 0 20px;
  border:1px solid #999;
}
.notebook #respond {
  width:300px;
  float:left;
  padding-left:0;
}
.notebook .minImage {float:left; margin:40px 0 0 25px;}
.notebook #transcr {
height:200px;
margin-bottom:1em;
width:300px;
}
.notebook #transcr textarea {
border:0 none;
margin:0;
padding:0;
width:100%;
display:block;
}
/* NOTEBOOK COMMENTS */
#comments-wrap {
  margin: 25px; clear: both;
}
/*STORIES*/
.lft {
  clear:both;
  width:60%;
  float:left;
  padding: 0 .5em .5em 1em;
  
}
.rght {
  width:30%;
  float:right;
  padding: 0 1em .5em .5em;
  
}
.stories-content .navigation {
/* ------------------------------BECAUSE THIS IS BROKEN, I'M NOT GOING TO DISPLAY IT FOR DEMO ----------------*/
display:none;
/**************************************************************************************************************/
float:right;
margin:0;
text-align:right;
width:30%;
  }
.stories-content h2 {
width:60%;
  }

img.centred {
  display:block;
  margin:.25em auto 0;
}
/* Museum search top */
.tricol {
  float:left;
  width:31%;
  margin-right:2%;
}
.tricol ul {
  margin-left:0;
  padding-left:0;
  list-style:none;
}
.search-results-container h3 .extra {color:#33363b;font-size:.77em;}
.search-results .photo-thumb,.techniques .photo-thumb, .docs-life .photo-thumb, .stories .photo-thumb {margin:0;padding:0;}
.search-results .photo-thumb {
margin:0 10px 10px 0;}
.search-results .photo-thumb, .search-results .photo-thumb .img-wrap, .techniques .photo-thumb, .techniques .photo-thumb .img-wrap, .docs-life .photo-thumb, .docs-life .photo-thumb .img-wrap, .stories .photo-thumb, .stories .photo-thumb .img-wrap {width:115px; height:115px;}
.techniques .wrap, .docs-life .wrap {margin-bottom:20px;}
.techniques .widerightcolumn, .docs-life .widerightcolumn {border-bottom:none;}
.techniques .museum-images, .docs-life .museum-images {border-top:1px solid #E02000;}
.technique .notebooks, .docslife .notebooks, .technique .museum-images, .docslife .museum-images {padding-top: 25px; margin-left: -20px;}
.technique .notebooks, .docslife .notebooks {padding-top:0;}
.technique .notebooks, .docslife .notebooks, .technique .museum-images, .docslife .museum-images {margin-left: -20px;}
.techniques .notebook-thumb, .docslife .notebook-thumb {margin:0 10px 0 0; border:none;}
.techniques .notebook-thumb {margin:10px 10px 0 0;} 
.search-results .img-wrap2 {background:#000 !important; width:115px !important; text-align:center !important;}
.search-results .photo-thumb a {text-align:center; margin:0 auto; display:inline-block; float:none; margin:0 auto;}
.search-results .photo-thumb img {height:115px; width:auto; margin:0 auto; text-align:center;}
/* default text input... repeated in nowrap */
.idleField {color:#999; font-style:italic; border:1px solid #ccc;}
input.text.focusField, textarea.focusField {color:#000; border:1px solid #0CF !important;}
#sb-title-extra a{font-size:12px; color:#00ECFF; margin-left:10px;}
#sb-title-extra a:hover {color:#FFF;}
#screenBlock {position:absolute; z-index:99999; top:0; left:0; width:100%; height:100%;}
label {
  cursor: pointer;
}

/* ==|== Stories Pages ====================================================== */
body.public-stories div .widerightcolumn {background: #FCFBEE; width:425px; border:none;}
body.public-stories div .wrap {}
body.public-stories div h3 {margin:0; padding:0;}
body.public-stories div .date {float:right;}
body.public-stories #sidebar {margin:0;}
body.public-stories .leftsidebar ul li, body.public-stories .leftsidebar p {
  background:none;
  color:#000;
}
body.public-stories .leftsidebar ul li:hover,
body.public-stories .leftsidebar p:hover,
body.public-stories .leftsidebar ul li:hover a {
  color:#000;
}
body.public-stories .leftsidebar ul li a:hover {color:#fff; background:#E02000}
body.public-stories .wrap .post {padding:20px;}
body.public-stories .wrap .post:nth-child(even) {background:#fff;}
body.public-stories .wrap .post:nth-child(odd) {}

/* ==|== Single Story ======================================================= */
.stories .post {
  /*background: white;*/
  margin: 10px 0;
  overflow: hidden;
  padding: 0 10px 10px 10px;
}

/* ==|== Videos (Archive) =================================================== */
#video_archive {
  background: #fff;
  overflow: hidden;
  padding-bottom: 8px;
  width: 100%;
}
  #video_archive .videos {
    background: #373737;
    color: #fff;
    height: 225px;
    float: left;
    margin: 6px 0 0 6px;
    padding: 10px;
    width: 165px;
  }
    #video_archive .thumbnail,
    #video_archive .thumbnail img {
      background: url(http://placehold.it/165x100);
      display: block;
      height: 123px;
      width: 165px;
    }
    #video_archive h3,
    #video_archive h3 a {
      color: #fff;
      font-size: 12px;
      line-height: 1.2;
      margin: 0;
    }
    #video_archive h3 { margin-top: 5px; }
    #video_archive .postmetadata,
    #video_archive .postmetadata a {
      color: #fff;
      font-size: 11px;
      line-height: 1.1;
    }
    #video_archive .postmetadata a {
      text-decoration: underline;
    }

/* ==|== Single Video ======================================================= */
.single-videos #content {
  overflow: hidden;
  padding: 0 20px; 
  width: 920px;
}
.single-videos #content h2 { margin: 20px 0 5px; }
.single-videos #content h2 small { font-size: 12px; }

.single-videos .pagination { overflow: hidden; text-align: right; }
.single-videos .previous { float: left; }
#video_embed {
  background: black;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
}
#video_embed div { display: none; }
#video_meta {
  overflow: hidden;
  width: 320px;
  color: #bbb;
  float: right;
  max-height: 340px;
}
#video_meta dt {
  clear: left; 
  float: left; 
  font-weight: bold; 
  text-align: right; 
  width: 6em;
}
#video_meta dd {
  float: left;
  margin-left: 1em;
  width: 220px;
  text-align: left;
}

#video_info {
  background: #fffaf0;
  border-radius: 4px;
  margin-top: 20px;
  padding: 15px;
}
  #video_description {
    margin-bottom: 15px;
  }
  #video_timecodes td,
  #video_timecodes th {
    vertical-align: top;
  }
  #video_timecodes thead th {
    font-size: 12px;
    font-weight: normal;
    padding-right: 20px;
    white-space: nowrap;
  }
  #video_comments { }
    #video_comments > div:before {
      color: #ba9;
      content: '\201C';
      float: left;
      font-family: Georgia, serif;
      font-size: 60px;
      height: 0;
      line-height: 1;
      margin: -8px 0 0 -30px;
    }
    #video_comments > div {
      margin: 0 0 10px 10px;
      padding: 0 0 10px 30px;
    }
    #video_comments > div p:last-child {
      color: #ba9;
      font-size: 0.8em;
      line-height: 1;
      margin: 0;
    }

.single-video .pagination {
  overflow: hidden;
  margin: 10px auto;
  text-align: right;
  width: 50%;
}
.single-video .pagination .previous {
 float: left;
}

/* ==|== Widgets ============================================================= */

.big-text-widget {
  font-size: 18px;
  line-height: 1.2;
}

.video_date {
	margin-top: 8px;
	margin-bottom: 0px;
}

.video_id {
	margin-top: 0px;
}

.video_date a, .video_id  a{
	color: #fff;
}

.video_date a:hover, .video_id a:hover {
	color: #fff;
}

#skiplink {
	display: none;
}

.notebooks .leftsidebar .cat-item .highlight {
	display: inline-block;
	width: 20px;
}

.cat-description {
	padding: 0 10px 0px 10px;
}

.archive #threecol .wrap .type-post {
	border-top: 1px solid #999;
}

.archive #threecol .wrap .type-post .postmetadata {
	margin-bottom: 0px;
}