/*fix header styling in story view since we don't make it an h1 here*/

#header #siteTitle {background:transparent url(/images/title.gif) no-repeat scroll 0px 0px; height: 50px; width: 220px; margin: 6px 0 0 55px;}

#header #siteTitle span {
  position: absolute;
  top: -140px;
  left: -1000px;
}


/*content layout*/
#content {
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  min-height: 0;
  background-color: #fff;
}
#content.mce-content-body {padding: 2%; width: 96%;}

#leftCol, #rightCol {background: transparent;}
#leftCol {float: left; width: 590px; padding-top: 10px;}
#rightCol {float: left; width: 240px; padding-top: 7em;}


/*breadcrumbs*/
#content #breadcrumbs {margin: 3px 1em 0pt 0pt; text-align: right; font-size: 0.9em;}

#ed_note {
  background-color: #f7d998;
  border: 4px solid #d7b978;
  padding: 1em;
}

/*menu*/
#related .sleeve {padding: 0px 25px 15px 15px;}

#related li em, #related li span.date {font-family: verdana, arial sans-serif; font-size: .8em; font-style: normal; color: #7286A5;}


#related a:hover, #related ul li a:hover {color: #c90; border-bottom: 1px dotted #ababab;}

#related p#archives {font-size: 1em;  margin: 1em 0 0 0;}
#related p#rss {background: transparent url(/images/feed_icon_16x16.gif) no-repeat left; line-height: 16px; padding: 0 0 0 20px; font-size: .9em; margin: .4em 0 .5em 0;}
#related p#twitter {background: transparent url(/images/Twitter-16.png) no-repeat left; line-height: 16px; padding: 0 0 0 20px; font-size: .9em; margin: .8em 0 .5em 0;}
#related p#facebook {background: transparent url(/images/facebook_16.gif) no-repeat left; line-height: 16px; padding: 0 0 0 20px; font-size: .9em; margin: .8em 0 .5em 0;}
#related p#itu {background: transparent url(/images/itu-button16.gif) no-repeat left; line-height: 16px; padding: 0 0 0 20px; font-size: .9em; margin: .8em 0 .5em 0;}
#related p#youtube {background: transparent url(/images/YouTube-16.gif) no-repeat left; line-height: 16px; padding: 0 0 0 20px; font-size: .9em; margin: .8em 0 .5em 0;}

#related h2 {font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin: 0;}

#related h3 {margin: 0em 0 .5em 0; padding: 0 0 0 0; display: block; font-size: .9em; line-height: 1.2; text-transform: uppercase; font-family: verdana, arial, sans-serif; font-weight: normal; color: #444; padding: .4em 0 .4em 0;}
#related h3:first-child {margin-top: 1em;}
#related h3#explore {margin: 0em 0 0 0; font-size: 1.1em;}

#content #related h4 {font-size: .95em; font-weight: normal; color: #333; margin: 1.5em 0 0 0;}
#content #related #siteBox h3 + h4 {margin-top: 1em;}
#related ul#relatedClips li span.news-outlet {display: block; font-size: .8em; font-style: normal; color: #7286A5; margin-top: 4px;}


#related ul.headline li {list-style-type: none; line-height: 1.2; padding: 0; margin: 0 0 1em 0;}
#related ul {padding: 0 0 0 0; margin: 4px 0 0 0;}
#related ul li {list-style-type: none; line-height: 1.2; margin: 0 0 1em 0;}
#related ul#relatedClips li {list-style-type: none; line-height: 1.2; margin: 0 0 1em 0; font-size: 1em;}

#related ul li span.headline {font-family: verdana, arial sans-serif; }
#related ul li span.headline a {line-height: 1.2;}
#related ul.inline li {margin-bottom: 4px;}
#related ul.inline li, #related ul#archives li,#related #menuLeft ul li, #related #menuRight ul li {list-style-type: square; margin-left: 1em; font-size: .95em;}
#related a:hover, #menu ul li a:hover {color: #c90; border-bottom: 1px dotted #ababab;}


/*siteBox*/

#siteBox {background:transparent url(/images/stripes3.gif) repeat scroll 0pt; margin: 30px 0 0 0; padding: 1em; border: 2px dotted #e3c8a6;}
#related #siteBox ul li {margin: 0 0 4px 1.2em;}
#related #siteBox ul.headline li {margin: 0 0 1em 0; font-size: .95em;}

/*story elements*/
#content #story.sleeve {padding: 20px 30px 15px 15px;}

#content p a:hover {text-decoration: none;}

#content #sideBar p.small {font-size: .9em;}

#content h1 {
  text-transform: none;
  font-size: 1.7em;
  line-height: 1.4;
  margin: 0 0 .65em 0;
  font-family: 'Gentium Book Basic', Georgia, serif;
  font-weight: bold;
}

#content h2 {
  font-size: 1.2em;
  line-height: 1.3;
  margin:1.5em 0 1em 0;
}
#content h2, #content h3 {
  text-transform: none;
  font-weight: bold;
}
#content h3 {
  font-size: 14px;
  margin-bottom: 0px;
}

#content #story h3 {margin: 1.75em 0 .74em 0;}

#content #sideBar h3 {
  margin-bottom: 0px;
  margin-top: 10px;
}
#content #sideBar h2 {
  margin: 0 0 1em 0;
}
#content p, #content ul li, #content ol li {
  font: 120%/160% verdana,arial,sans-serif;
  /*font:  82%/115% verdana, arial, "sans serif"; */
  /*line-height: 1.6;*/
  margin: 0 0 1.75em 0;
}
#content #story_content p, #content #story_content ul li, #content #story_content ol li {
  /*font-family: 'Gentium Book Basic', Georgia, serif;*/
}

#content #story ul li ul li {
font-size: 1em;
list-style-type: square;
}

body.generic #content p, body.generic #content ul li, body.generic #content ol li {
  font-size: 1em;
}

#content p.small {font-size: .9em;}

#content ul li {margin: 0 0 1em 1em; list-style: disc;}
#content ol li {margin: 0 0 1em 1.5em; list-style: decimal;}

#content blockquote {margin-left: 3em;}

#content p img {
  border: 1px solid #666;
  max-width: 100%;
}

#content p img.mceIcon {
  border: 0px solid #666;
}

#content #storyDate {
  color: #777777;
  font-size: .9em;
  font-weight: bold;
  float: left; 
  margin-right: 10px;
  line-height: 1;
}
#content #author {
  padding-left: 10px;
  border-left: 1px solid #ccc;
  font-size: .9em;
  line-height: 1;
  float: left;
}
#content #story #author a {
  border-bottom: 0px solid #ffffff;
  text-decoration: none;
}

#sm-new {margin: 0px 0 30px -5px; clear: both; padding-top: 8px;}

#fb-recommend {float: left;}
#tweetmeme {float: right; margin-right: -20px;}

#story_content {clear: both; margin-top: 25px;}

#content #leftCol li p {
  margin-top: 1em;  
  font-size: 1em;
}

#content #story a {text-decoration: underline;}
#content #story #count a {text-decoration: none;}
#content #story ul.storyIndex a {text-decoration: none;}

#sideBar {
  float: right;
  width: 175px;
  margin: 0 0 20px 20px;
  padding: 15px;
  font-size: 1em;
  line-height: 1.3em;
  border: 2px dotted #abcebd;
  background-color: #fefefe;
}
#szybalski #sideBar {
background-color:#f1e5ca;
border:2px solid #878272;
width: 150px;
}
#sideBar img {
  border: 1px solid #000000;
}
#sideBar p a.sideBarImageLink:link {
  border: 0px solid #900 !important;
}

#sideBar #moreInfo {
  margin-bottom: 15px;
}

#content #sideBar p, #content #sideBar img {
/*
  padding: 0px !important;
  margin: 0px !important;
*/
  line-height: 1.2;
}
#content #sideBar p {
  font-size: .9em;
  line-height: 1.3;
}
#content #sideBar p.caption {
/*
  padding-top: 0px !important;
  padding-bottom: 5px !important;
*/
}
#content #sideBar ul li {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  line-height: 1.3;
  margin-left: 14px;
  margin-bottom: 8px;
}
#szybalski #content #sideBar ul li {font-weight: normal; list-style: disc;}
#szybalski #content #sideBar img {margin-bottom: 10px;}
#content .mainCaption {
  font-size: .9em;
  line-height: 1.4;
  color: #000000;
  margin-top: -15px;  
}
#content .photoByLine {
  margin-top: 0px;  
  font-size: .9em;
  line-height: 13px;
}
#content .inBodyHeadshot {
  float: left;
  padding: 5px 10px 0px 0px;
}
#content .inBodyHeadshot p {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
#content div.player-div {margin-bottom: 20px;}
#content a.player {
background:#FFFFFF none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
display:block;
float:none;
height:508px;
padding:0;
text-align:center;
text-decoration:none;
width:550px;
margin-bottom: 25px;
}

#content p#backToWW {clear: both;}
#content p#backToWW a {border: 0;}
#sideBar .book {
  border: 0px !important;
}
.pullQuote {
  margin: 0px 0px 2em 2em;
  font-size: 1.3em;
  float: right;
  width: 45%;
  padding: 1em 0 1em 0;
  border-top: 1px solid #990000;
  border-bottom: 1px solid #990000;
  color: #990000;
  text-align: center;
}
#content .pullQuote p.quote {margin: 0; font-family: georgia, serif; line-height: 1.3;}
#content  #pullQuoteAuthor  {
   font-size: .75em;
   text-align: left;
   color: #444;
   margin-top: .5em;
}
.photoBlockRight370 {
  float: right; 
  width: 370px; 
  margin: 0px; 
  padding: 8px 0px 0px 40px;
}
.photoBlockRight370 p img {margin-top: 1em;}
.photoBlockRight370 p:first-child img {margin-top: 0em;}
.photoBlockLeft370 {
  float: left; 
  width: 370px; 
  margin: 0px; 
  padding: 0px 20px 0px 0px;
}
#content .photoBlockRight370 h4 {
  font-size: 1.0em;
}
#content .photoBlockRight370 ul li {
  font-size: 11px;
  margin-bottom: .4em;
  line-height: 1.1;
}
#content #wideSide {
  width: 220px; 
  margin-left: 50px; 
  margin-right: 20px; 
  float: right;
  border: 1px solid #ababab;
  padding: 0px 10px;
}
#content #wideSide p {
  line-height: 15px; 
  font-size: 11px;  
}
#content #wideSide img {
  border: 1px solid #000;
}
#content .headshotRight {
  float: right; width: 100px; padding: 0px 0px 10px 20px;
}
#content .headshotLeft {
  clear: both; float: left; width: 100px; padding: 0px 10px 10px 0px;
}
#content img.headshotNoCaption {float: left; margin: .4em 1em 1em 0;}

#content .flashvideo {margin: 0 0 1em 0;}


#content ul.tight {margin: -1em 0 1em 0;}
#content ul.tight li {margin: 0 0 0 1em;}

/*new inline div content styles*/

#content div.inline-content {max-width: 100%;}
#content div.photo img {}
#content div.right {float: right; margin: .5em 0 0 3em; max-width: 320px;}
#content div.left {float: left; margin: .5em 2em 0 0; max-width: 320px;}
#content div.inline-content p:first-child {margin-bottom: 0;}
#content div.inline-content p.mainCaption {font-size: 1em; line-height: 1.5; color: #444; margin-top: 0; margin-bottom: 1em;}
#content div.inline-content p + p.photoByLine {margin-top: 0em; margin-bottom: 1em;}
#content div.inline-content.span {margin: 2em 0 2em 0;}
#content #story div.inline-content h3:first-child {margin-top: 5px;}
#content div.inline-content.pull-quote, #content div.inline-content.pull_quote {background: transparent; font-size: 1.3em; width: 45%; padding: 1em 0 1em 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #990000; margin-bottom: 1em;}
#content div.pull-quote p.quote, #content div.pull_quote p.quote {margin: 0; font-family: georgia, serif; line-height: 1.3;}
#content div.pull-quote p.quotee, #content div.pull_quote p.quotee {font-size: .75em; text-align: left; color: #444; margin: .5em 0 0 0;}

audio {max-width: 100%;}


/*WLS timeline*/
#content #wls-timeline {background-color: #eff4e2; padding: 1em; border: 4px double #4A6705;}
#content #wls-timeline h2 {margin-top: 0;}
#content p.wls-reference {font-style: italic; color: #4A6705;}
#content p span.wls-date {font-weight: bold;}
#content #wls-timeline img {float: right; border: 1px solid #444; margin: 0 0 1em 1em;}

/*special wisc-idea-tour pages*/
#content h2#first-person-impressions {font-family: georgia, serif; font-size: 1.4em; color:#DDB55B;}
#content div.first-person-wibus {border: 6px double #ededed; padding: 1em; margin-bottom:2em;}
#content div.first-person-wibus h3 {font-size: 1.3em; margin-bottom: .4em;}

/*pagination*/
#content #pageNav {font-size: .9em; margin: 0; background-color: #f5f5f5; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding: 0 .2em; text-align: left;}
#pageNav a {padding: 0 .3em;}

/*story index*/
#c-list h1 {font-family: verdana, sans-serif; font-style: italic;}
#c-list h1 span {display: block; font-size: .6em; font-weight: normal;  font-style: normal;}
#c-list h2 {margin: 0 0 1em 0; font-size: 1.1em;}
#c-list #content p#count {margin: -1em 0 1em 0; font-size: .9em;}
#c-list #content p#count img {border: 0; vertical-align: text-top; padding: 0 3px 0 1em;}
#c-list #content #story.sleeve {padding-top: 10px; padding-right: 20px;}
#c-list #leftCol {width: 560px; padding-top: 0;}
#c-list #rightCol {width: 250px; padding-top: 4em;}
#c-list #rightCol #related {border: 1px dotted #c90; background: transparent url(/images/stripes-story.gif) repeat-y 0 0;}
#c-list #rightCol #related .sleeve {padding-top: 1em;}
#c-list #content #related li {line-height: 1.4; font-size: .95em;}
#c-list #content #related li a {color: #900; border: 0;}
#c-list #content #related li a span.subtitle {font-style: italic;}
ul.events span.description {display: block; margin: .3em 0 0 0; line-height: 1.3; font-size: .95em;}
#content ul.storyIndex {margin: 0 2em 0 0; padding: 0;}
#content ul.storyIndex li {margin: 0 0 1.5em 0; line-height: 1.4; list-style: none; clear: both;}
#content ul.storyIndex span {}
#content ul.storyIndex span.headline {line-height: 1.2; font-size: 1.1em; /*font-family: 'Gentium Book Basic', Georgia, serif;*/}
#content ul.storyIndex span.date {display: block; line-height: 1; margin: .2em 0pt 1em;  color: #c90; font-size: .8em; font-style: italic;}
#content ul.storyIndex span.description {display: block;font-size:0.95em; line-height:1.55; /*font-family: 'Gentium Book Basic', Georgia, serif;*/}
#content ul.storyIndex img {border: 1px solid #ccc;}
#content ul.storyIndex img.noBorder, #content img.noBorder, #content #sideBar img.noBorder {border: 0;}
#content ul.storyIndex img.thumbLeft, #content ul.storyIndex img.thumbRight {float: left; margin: .3em 1em .3em 0;}

#c-list #searchResults {margin: 0; padding: 0;}
#c-list #searchResults li {margin: 0 0 1em 0; list-style: none; line-height: 1.2; }
#c-list #searchResults li .date {display: block; font-size: .8em; color: #c90;}

/*generic pages*/

body.generic #content #rightCol {padding-top: 0em;}
body.generic #related h3#explore {font-size: 1.3em; margin: 0;}
body.generic #leftCol {width: 620px;}
body.generic #rightCol {width: 210px;}

/*social bookmarks*/

div#share img {vertical-align: text-bottom; margin: 0 2px 0 4px;}

/* slide shows */
div.scroller.beowulf div.section {
height:auto;
line-height:1.2;
overflow:hidden;
width:550px;
text-align: center;
background: #000;
color: #fff;
padding: 1.5em;
font-size: .9em;
font-size: .9em;
}
div.scroller.beowulf div.section img {margin-left: -38px;}
div.scroller.beowulf div.section p {width: 510px;}
#content div.scroller.beowulf.jeopardy div.section p {width: 500px; margin-left: 5px;}

#content dl {
margin: 1.5em 0;
}

#content dt, #content dd {display: block; font-size: 1.1em;}
#content dt {margin-top: 1em;}
#content dd {margin-top: .25em;}


@media only screen and (max-width: 415px) {
  #header #siteTitle {
    margin-left: 42px;
    margin-top: 10px;
    background-size: 175px;
  }
  #content #story.sleeve {
    padding: 20px 15px 15px 15px;
  }
  #c-list #content #story.sleeve {
    padding-top: 20px;
  }
  #sm-new {
    display: none;
  }
  #story_content {
    margin-top: 50px;
  }
  #story_content iframe {
    max-width: 100%;
  }
  #content ul.storyIndex {
    margin-right: 0;
  }
  #siteBox, #c-list #rightCol {
    display: none;
  }
  #leftCol, #c-list #leftCol {
    float: none;
    width: auto;
    padding-top: 0;
  }
  #rightCol {
    float: none;
    width: auto;
    padding-top: 0;
    border-top: 1px solid #efefef;
  }
  #content div.left, #content div.right {
    float: none;
    margin: 2em 0;
    padding: 1em 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    width: auto !important;
  }
  #content div.inline-content.pull_quote {
    width: auto;
    margin: 2em 0;
  }
}