/*************************************************



     Engelbart Institute content css	 

	

	Corresponding javascript and css files are 

	in /templates and /modules and /includes    



**************************************************/



/*    BEGIN REPEATED SITE SETTINGS      */

    /* duplicated in content.css */

body  {

  margin      :  0px;  

  background  :  #e3e3e3; 

  line-height : 1.4em; 

  font-size	 : 16px;

  font-size	: 0.875em;

  font-family: verdana, arial, sans-serif;

}

/*  TEST PULL from content.css ->rem24-Oct-2022

div  { 

  margin: 0px; 

  padding: 0px; 

  position: relative; 

  left: 0px; 

  top: 0px; 

  text-align: left; 

  font-size: 1em; 

  color: #000000;

}

 */

 

#LeftBorder  { 

  margin-left  :  10px; 

  background   :  url('https://dougengelbart.org/templates/bootstrap_template/images/page-border-left.jpg') repeat-y;

}



#RightBorder  { 

  margin-right         :  10px; 

  background           :  url('https://dougengelbart.org/templates/bootstrap_template/images/page-border-right.jpg') repeat-y; 

  background-position  :  right top;

}



#ContentArea  { 

  margin      :  0px 10px 0px 10px; 

  background  :  #ffffff; 

  overflow    :  hidden;

}



#Footer  { 

  clear        :  both; 

  padding      :  6px 0px 6px 0px; 

  background   :  #5698cc url('../images/footer-bg.jpg') repeat-x;  

  font-family  :  verdana, arial, sans-serif; 

  font-size    :  0.9em; 

  color        :  #ffffff;  

  text-align   :  center;

}



#Footer a  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #ffffff; 

  text-decoration  :  none;

} 



#Footer a:hover  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #bad6ee; 

  text-decoration  :  underline;

}

div#final-whitepace { /* set the number of blank lines before Footer until Footer does this */

}

/*    END REPEATED SITE SETTINGS      */



/* TEST PULL

*/

/* Informal announcement banner before the content e.g. "Mouse turned 60!" */
p#announcing {
  margin-left:25px;
  margin-right:25px;
  margin-bottom:12px;
  margin-top:-18px; 
  font-size:0.8rem; 
  font-style:italic; 
  text-align:center;
}

/* Note see INDENTATION below for separate level indentation settings */

h1 {

  padding-top: 10px;

  font-size: 1.5em;		  	/* was 18px */

  font-weight: 500;

  color: #000000;

  font-style: normal;

  margin: 24px 0px 15px 0px;

}





h1.mainheading + h1 { 		  	/* if h1 immediately follows mainheading,   */

  margin-top: 12px;			/* 	reduce the extra whitespace */

}



.mainheading { 

  font-size: 1.6rem; 		  	/* was 20px */

  line-height: 1.6rem;

  font-weight: 500; 

  color: #446898; 

  margin-top: -20px;

  margin-bottom: 24px; 

}



h1.mainheading .mainheading-subhead {

  font-size: smaller; 

  line-height: 1.5em; 	  		/* TODO figure in ems was 24px */

  display: block;

  margin-left: 2px;

  font-style: normal;

}



h2 {

  font-size: 1.3em;		  	/* was 14px */

  font-weight: 500;

  font-style: normal;

  margin-top: 24px;

  padding-left: 25px;

}



h3 {

  font-size: 1.2em;		  	/* was 13px */

  font-weight: 500;

  margin-top: 18px;

  padding-left: 25px;

}



h4 {

  font-size: 1.1em;	  		/* was 13px */

  font-weight: 500;

  font-style: italic;

  margin-top: 14px;

  margin-bottom: -3px;

  padding-left: 25px;

}



h5 {

  font-size: 1.0em;	  		/* was 12px */

  font-weight: bold;

  margin-top: 12px;

  margin-bottom: -3px;

  padding-left: 25px;

}	

	

h6 {

  font-size: 1.0em;	  		/* was 12px */

  font-weight: bold;

  font-style: italic;

  margin-top: 1px;

  padding-left: 25px;

}

	

		



.small{font-size:-.75em; }



.contentItemTable { border: 0px; top: 12px; position: relative; }



.contentItemTableLeft{

  vertical-align: top;

  padding: 0px 10px 0px 0px;

}



.contentItemTableRight{

  width: 180px; 

  vertical-align: top;

}

	

.contentItemTableRight div{

  border:3px outset #007297;

  padding:10px;

  text-align: center;

}

.contentItemTableRight div p{font-size: 0.9em; /* was 10px */

}







/*************************************************



    Classes added by Christina since 2/1/2019       



**************************************************/









/***** INDENTATION *****/



.level1  { margin-left: 0px; padding-left: 0px; }

.level2  { margin-left: 0px; padding-left: 0px; }

.level3  { margin-left: 20px; padding-left: 0px; } 

.level4  { margin-left: 40px; padding-left: 0px; } 

.level5  { margin-left: 60px; padding-left: 0px; }

.level6  { margin-left: 80px; padding-left: 0px; }





h2  { margin-left: 12px; padding-left: 0px; }

h3  { margin-left: 24px; padding-left: 0px; } 

h4  { margin-left: 40px; padding-left: 0px; } 

h5  { margin-left: 60px; padding-left: 0px; }

h6  { margin-left: 80px; padding-left: 0px; }

/*

h2  { margin-left: 12px; padding-left: 0px; }

h3  { margin-left: 18px; padding-left: 0px; } 

h4  { margin-left: 24px; padding-left: 0px; } 

h5  { margin-left: 30px; padding-left: 0px; }

h6  { margin-left: 36px; padding-left: 0px; }*/



/* 

LIST INDENTATION

   NOTES: 

   1. tag both the ol/ul AND each of it's li statements with above .level class

      so tools can determine LEVEL independent of view/print formatting

   2. make ol margin-left same as .level above, 

   3. make ul margin +3 because bullet column narrower than num column 

   4. When nested, ul or ol will inherit a parent ul/ol indentation and ADD its own margin-left  

   5. To accommodate untagged lists, do not set ol, ul { margin: 0px; padding: 0px; }   */

ol.level2 { margin: 0; padding: 0; margin-left: 20px; }

ol.level3 { margin: 0; padding: 0; margin-left: 30px; }

ol.level4 { margin: 0; padding: 0; margin-left: 40px; }

ol.level5 { margin: 0; padding: 0; margin-left: 60px; }

ol li { margin-left: 0px; padding-left: 5px; padding-bottom: 9px; }

 

ul.level2 { margin: 0; padding: 0; margin-left: 23px; }

ul.level3 { margin: 0; padding: 0; margin-left: 33px; }

ul.level4 { margin: 0; padding: 0; margin-left: 43px; }

ul.level5 { margin: 0; padding: 0; margin-left: 63px; }

ul li { margin-left: 0px; padding-left: 0px; padding-bottom: 9px; }





/* Lists */

li { 

  font-size: 1.0em;

  font-family: inherit; 

}





/* Note: started in 2008 with fatlist which stopped working, ~2021 created spacious-list */

ol.fatlist { padding-bottom: 12px; text-indent: -48px }

ul.fatlist { padding-bottom: 12px; text-indent: -48px }

li.fatlist { padding-bottom: 12px; text-indent: -48px }



/* Note: please use this instead of fatlist */

ul.spacious-list li {

  margin-bottom:9px; 		/* or 12px */

}



ol.spacious-list li {

  margin-bottom:9px;		/* or 12px */

}



/* to cover places where this is over tagged, not recommended */

li.spaciouslist { padding-bottom: 12px; }



ul.big-square-bullets {

	list-style: none; /* Remove default bullets */

	padding-left: 12px; 

	margin-left: 1.2em; 

}

ul.big-square-bullets li::before  {

	content: "\25AA";  /* insert square bullet in front using unicode */

	width: 1.5em;

	font-size: 2em;

	font-weight: bold;

	color: #38709F;   /* was 4c74aa or main banner color #446898 */

	margin-left: -.6em; 

	position: relative; top: 0.15em;

}





/* Numbered lists styled with parens -  style-paren or style-parens

   Use paren if single paren 1) or parens if surrounding parens (1) 

   To have list numbered for you, add class num for Numbers (1) or ll for Lowercase Letter (a)

   otherwise assumes author is supplying them - Examples: class="style-parens ll" */

ol.style-parens, ol.style-paren {

  list-style: none;

  counter-reset: list;

}

ol.style-parens > li {

  padding-bottom: .75em;

  padding-left: 1.0em ;

  text-indent: -2.0em ; /*calibrated for font-family: verdana */

                        /*also tested -1.48em  for open sans and georgia / 

						 -1.56em worked for arial, helvetica and sans-serif */

}

ol.style-paren > li {

  padding-bottom: .75em;

  padding-left: 1.0em ;

  text-indent: -1.5em ; /*calibrated for font-family: verdana */

                        /*also tested -1.2m  for open sans and georgia / 

						 -1.2em worked for arial, helvetica and sans-serif */

}

ol.style-parens.num > li:before { 

  content: "(" counter(list) ") ";

  counter-increment: list;

}

ol.style-parens.ll > li:before { 

  content: "(" counter(list,lower-alpha) ") ";

  counter-increment: list;

}

ol.style-paren.num > li:before { 

  content: counter(list) ") ";

  counter-increment: list;

}

ol.style-paren.ll > li:before { 

  content: counter(list,lower-alpha) ") ";

  counter-increment: list;

}



.figure {

  display: block;

  width: 80%;

  min-width: 250px; 

  max-width: 650px;

/*max-height: 600px;*/

  align: center;
  margin: auto;
  padding-left: 10%;
  padding-right: 10%;

  padding-left: 15%; /* to preserve level indenting */
  padding-right: 5%;

  }

.figureCaptionCell  { /* Note this was erroneously tagged in the tr instead of td */

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 6px;

  text-align: center;

  font-style: italic;

  font-size: 0.9em;

  }

  

.purplenumberFigure, .purplenumberFigure a, .purplenumberFigure a:link, .purplenumberFigure a:visited, .purplenumberFigure a:hover, .purplenumberFigure a:active { 

  font-family:  verdana, arial, sans-serif;

  color: #C8A8FF;

  font-size: 0.9em;    /* was 9pt */

  font-weight: bold;

  font-style: normal;

  text-transform: lowercase;

  text-decoration: none;

  display: block;			/* TODO revisit this after getting the other purples working */

  float:right;

  position:relative; 

  margin-top: -16px; 

  padding-bottom: +18px; 

  }



/* SEE template.css for full Purple Number settings, this then alters some of that */  

.purplenumber, .purplenumberFigure, .purplenumberH0, .purplenumberH1, .purplenumberH2, .purplenumberH3, .purplenumberH4, .purplenumberH5, .purplenumberH6 { 

  font-size: 0.8rem;	/* TODO this mostly works, now change template_css accordingly */

  font-weight: normal;

  padding-bottom: 0em;

  margin-right: -12px;

  display: inline; 

  float: right; 

  bottom: -0em; 

  }





/*******    DEFINE rightpanel parameters      *******/



.contentItemTable { }





td.contentItemTableRight { 

  font-size: 0.9em;

  text-align: center;

}



td.contentItemTableRight h1 { 

  font-size: 1.275em;

  font-weight: 500;

  margin-top: -3px;

}



td.contentItemTableRight h2 { 

  font-size: 1.2em;

  font-weight: 500;

}



td.contentItemTableRight .sidebarheading { 

  font-weight: 500; 

  font-size: 1.3em;

}   

td.contentItemTableRight .sidebarimg { 

  width: 90%;

}



td.contentItemTableRight hr { 

  width: 90%;

  color:#3284ad; 

  margin-top: 32px; 

  margin-bottom: 24px;

}



table.figure{

  text-align: center;

  font-style: oblique;

  margin:15px auto;

  width:100px; 

  padding: 2px;

}





/* 

    ***    ADDING styling for Quotable Callouts    ***

*/



div.quotable-callout {

  display: table;

  margin-left: 0px; 

  margin-right: 0px;  

  padding-top: 8px; 

  padding-bottom: 8px;

}

div.quotable-callout blockquote { 

  text-align: center; 

  margin-left: 12%;

  margin-right: 12%;

  background-color: transparent;

  font-family: Georgia, 'Times New Roman', Times, serif; 	

}

div.quotable-callout blockquote a { 

   font-family: Georgia, 'Times New Roman', Times, serif;       

}

div.quotable-callout span.quotable-text {

  font-style: italic;

  font-size: 1.3em;			/* was 12pt */

  line-height: 1.55em; 

}

div.quotable-callout span.quotable-text:before { 

  font-size: 44px;

  font-style: italic; 

  line-height: 0.6em;  

  margin-left: -14px;

  padding-right: 6px;

  vertical-align: -14px;

  content: "\275D";

  opacity:0.2;

}

div.quotable-callout span.quotable-text:after {

  font-size:44px;

  font-style: italic; 

  line-height:0.6em;

  vertical-align:-14px;

  padding-right: 0.3em;

  content: "\275E"; 

  opacity:0.2;

}

div.quotable-callout footer {

  display:block;

  padding: 18px 8px 6px 8px;

  text-align:center;

  padding-left: 10%; 

  padding-right: 10%; 

}

div.quotable-callout cite {

  font-size:11pt;

  line-height: 20px;

  font-style: normal; 

}

div.quotable-callout blockquote cite:before {

   content: "\2013";

}





/* 



    ***    ADDING styling for Quotable Writings    ***  

*/

div.quotable-writings {

  display:table;

  font-size:inherit;

  margin-left:0%; 

  margin-right:10%;  

}

div.quotable-writings blockquote {  /* padding determines gap btwn text and " marks */

   position: relative;

   margin: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left */

   padding: 0.3em 3em  0.3em 3.5em; /* top right bottom left */

}

/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */

div.quotable-writings blockquote:before {

  position: absolute;

   font-size:4em;

   line-height: 1;

   top: 0;

   left: 0;

   content: "\275D";

  opacity:0.2;

}

div.quotable-writings blockquote:after {

  position: absolute;

   float:right;

   font-size:48px;

   line-height: 1;

   right:0;

   bottom:0.0em;

   content: "\275E";

  opacity:0.2;

}

div.quotable-writings blockquote footer {

   padding: 6px 0 0 12px;

   text-align:left;

}

div.quotable-writings blockquote cite:before {

   content: "\2013";

}



/* 



    ***    ADDING red emphasis styling for alert text spans like New! and All New!    ***  

*/

span.alert-text {

  color:red; 

  font-style:italic; 

  font-weight:bold; 

  font-family:Georgia,serif;

  }

  

/* 

    ***    ADDING video containers      ***

*/

/* BEGIN: Code for fluid video frames */

.video-container {

 position:relative;

 padding-bottom:60.25%;

 padding-top:30px;

 height:0;

 overflow:hidden;

 }

.video-container iframe, .video-container object, .video-container embed {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 }





/*  is this redundant? comment out and see

  ******    ADDING video containers      *******/



/* BEGIN: Code for fluid video frames 

.video-container {

 position:relative;

 padding-bottom:60.25%;

 padding-top:30px;

 height:0;

 overflow:hidden;

 }

.video-container iframe, .video-container object, .video-container embed {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 }*/





/*******    ADDING visual inserts and sidebars for images and videos      *******/



/***  new featured sidebar and sidebar caption (Sep 2022)  ***/

div.featured-sidebar-right {

  float: right;

  width: 50%;

  padding-left: 10px;

  padding-bottom: 10px;

  text-align: center;

}

.sidebar-caption {

  display: block;

  font-size: 0.7rem;

  line-height: 0.95rem;

  margin-top: 4px;

}

/***  depracating use of table tagging for this  ***/

table.visuals-sidebar {

 width: 40%;

 align: right;

 }



table.visuals-sidebar td { 

 padding-bottom:6px;

 padding-left:10px;

 width: 100%; 

 }



table.visuals-sidebar tr { 

 vertical-align: top; 

 }

 

table.visuals-sidebar .image-caption {

 display: block;

 text-align: center;

 font-style: italic;

  font-size: 0.7rem;			/* was 11px */

  line-height: 0.95rem;

  padding: 4px 3px 3px 3px;

 }



table.visuals-sidebar .video-minutes {

 font-style: normal;

 }



/*******    ADDING 'projector' icon to the end of fancybox links    *******/

/*******           was full space "\00a0" now half space "\2009"    *******/



[data-fancybox]:not(:has(img))::after {

    content: "\2009"  url('https://deiimages.files.wordpress.com/2022/12/icon-video-projector.png?w=12');

  }



/*******    For Section:  HISTORIC FIRSTS   *******/



table.visuals-sidebar .FIRSTS-imgicon {

 width: 50%;

 float: left;

 padding-right: 3px;

 padding-bottom: 8px;

 }



table.visuals-sidebar .FIRSTS-imgicon-caption {

  display: table;

  padding-top: 6px;

  padding-right: 6px;

 font-style: italic;

 font-size: 0.85em;

 line-height: 1.2em;

 }  



table.firsts-teaser {

  width: 25%;

  max-width:225px; 

}



div.FIRSTS-sideheader {

  background-color: #fafbfd ; 

  font-size: 1.2em;

  font-weight: bold; 

  color: darkgray ; 

  padding: 6px; 

  text-align: center;   

}



div.FIRSTS-sideheader a { 

  color: darkgray ;   

}



div.FIRSTS-sideheader a:hover {

  color: #40678d; 

  text-decoration: underline;   

}





/**************************************************

 *******    For Section:  VISION / KEY CONCEPTS ***

 **************************************************/



div#sidebar-visuals {

  width: 40%;

  float: right;

  margin-left: 10px;

  margin-bottom: 6px;

  }

div#sidebar-visuals.feature  {

  width: 50%;

  margin-left: 10px;

  align: center;

  }

div#sidebar-visuals table {

  width: 100%;

  }

div#sidebar-visuals .image-caption { 

  display: block;

  text-align: center;

  font-style: italic;

  font-size: 0.7rem;			/* was 11px */

  line-height: 0.95rem;

  padding: 4px 3px 3px 3px;

  }

div#sidebar-visuals .image-credits { 

  display: block;

  text-align: center;

  font-style: normal;

  }

div#sidebar-visuals .slide-item {

  width: 100%;

  align: center;

  margin-bottom: 0px;

  font-size: 0.7rem;			/* was 11px */

  }

div#sidebar-visuals.feature .slide-item {

  display: block;

  width: 80%;

  align: center;

  margin: 0 auto;  

  padding-left: 8%;

  padding-right: 8%;

  }

div#sidebar-visuals.feature .slide-item .image-caption {

  display: block;

  width: 140%;

  margin-left: -20%;

  text-align: center;

  }



div#sidebar-visuals img.slide-image {

  width: 100%;

  align: center;

  }



div#sidebar-visuals .separator-whitespace {

  padding-top: 4px;

  padding-bottom: 6px;

  }

div#sidebar-visuals .separator-rule {

  padding-top: 6px;

  padding-bottom: 6px;

  }

div#navfooter {

  display: block;

  font-size: 0.8rem;			/* essentially 11px */

  text-align: center;

  }



/**************************************************

 *******    For Section:  HISTORIC FIRSTS   *******

 **************************************************/





/*******    For Section: PUBS / PAPERS (TODO id the pages and fix these accordingly)  *******/



div.docinfo {

  display:none;

}



div.pub-banner {			  	/* for example SRI report banner used in AHI/3906 */

  display: block;

  margin-bottom: 40px;

}

div.pub-banner img {

  width:90%; 

  max-width:700px; 

  align:center; 

  margin-left:5%; 

  margin-right:5%;

}



h0.mainheading {

  display: block;

  text-align: center;

}



span.mainheadingtitle {

  display: block;

  margin-top: 24px;

  text-align: center;

  font-size: 1.5rem; 		  	/* was 18pt */

  line-height: 1.5rem;

  font-weight: normal;

  color: black;

}



span.mainheadingdetails {

  display: block;

  margin-top: 12px;

  text-align: center;

  line-height: 1.2em; 		  	/* was 14pt */

  font-size: 1.2em; 		  	/* was 12pt */

  font-weight: normal;

}



hr.pubnote-rule {

  display: block;

  width: 100%;

  align: center;

}



span.mainheadingpubnote {

  display: block;

  text-align: center;

  margin-left: 25px;

  padding: 18px;

  margin-right: 25px;

  font-size: 0.9em;

}



span.mainheadingmore {

  display: block;

  text-align: center;

  font-size:  1.1em;			 /* was 12px */

  font-weight: normal;

  text-align: left;

}

span.preface {		/* for initial preface/abstract/summary paragraph contained in mainheading */
  display:block;
}

span.inline-heading {	/* duplicated in template.css for Viewspec purposes */
  font-weight: bold;
  font-style: italic;
  font-family: Georgia, Times New Roman, serif;
  font-size: 1.125em;
  }


span.originally-underlined, span.author-underlined  {

  font-style: italic; 

}



/* within pubnote 'Available Here' */

span.pubalts { /* encases "Available Here:" in case we want to change content or style of this subtitle */

} 

span.avail-hyperscope { /* class for | HyperScope(?) | choice, if available */

} 

a.goto-hyperscope { /* class for the link to the HyperScope version */

  font-style: italic;

} 

a.info-hyperscope { /* class for the "(?)" help link to info on HyperScope ./hs2 */

  font-style: italic;

} 





/* Preset Hover Hints / Tooltip feature  */

[data-tooltip] {

    display: inline-block;

    position: relative;

    cursor: help;

    padding: 4px;     

}

a.hyperscope-info[data-tooltip] {  

    --tooltip:"Learn about HyperScope";   

}

a.usethis-tooltip[data-tooltip] { /* example using data-tooltip="XXtexttodisplayonhoverXX" */

    --tooltip:attr(data-tooltip);   

}

/* Tooltip styling */

[data-tooltip]:before {    

    content:var(--tooltip);

    display: none;

	font-size: 0.9em;

    position: absolute;

    background: #FAF9F6;

    color: charcoal;

    padding: 4px 8px;

    min-width: 160px;

    text-align: center;

    border-radius: 2px;

	border-style: solid;

    border-width: 0.5px;

    border-color: charcoal;

    left: 50%;

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    top: 100%;

    margin-top: 6px;

}

/* Optional Tooltip arrow styling/placement */

[data-tooltip]:after {

    content: '';

    display: none;

    position: absolute;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    left: 50%;

    margin-left: -6px;

    top: 100%;

    border-width: 0 6px 6px;

    border-bottom-color: #000;

}

/* Show the tooltip when hovering */

[data-tooltip]:hover:before,

[data-tooltip]:hover:after {

    display: block;

    z-index: 50;

}



/* TABLE may be redundant with above? */

table.figure {

  text-align: center;

  font-style: oblique;

  margin: 12px 3px 3px 3px; /* top right bottom left */

  width: 90%; 

  padding: 2px;

}



table.figure .figureImageCell {

  text-align: center;

}

	

td.figureImageCell img {

  max-width: 900px;

  max-height: 900px; 

}



table.figure .figureCaptionCell {

  font-style: oblique; 

  line-height: 12px;

  width: 80%;

}

/* Backlinks to where this reference item is cited 

   - modeled after Wiki Reference listings 

    Usage Example: References section - https://dougengelbart.org/pubs/augment-80360-Evolving.html  */

span.dei-backlink {

  font-size: 90%;

  font-family: Arial, Helvetica, sans-serif;

  font-stretch: condensed;

  font-weight: bold;

  text-decoration: none;

} 

span.dei-backlink-multi {

  font-size: 90%;

  font-style: italic;

  vertical-align: super;

}

span.dei-backlink:before {

  display:block;

  content: "jump up";

  visibility: hidden;

  opacity: 0;

  width: auto;

  background-color: #f0f0f0;

  color: charcoal;

  font-family:Verdana, Arial, Helvetica, sans-serif;

  font-weight: normal;

  font-size: 90%;

  text-align: center;

  border-radius: 1px;

  border-color: lightgray;

  border-style: solid;

  border-width: 1px;

  padding: 1px 8px 1px 8px;

  transition: opacity 1s ease-in-out;



  position: absolute;

  z-index: 1;

  left: 10px;

  top: 28px;

}





span.dei-backlink:hover:before {

  opacity: 1;

  visibility: visible;

}

/*******   ADDING classes for Press and Blog RSS Include       *******/



 /* standard rssinclude classes   TODO add PRESS INCLUDES and id the pages */



 div.rssincl-clear {

  clear: both;

  margin-bottom: 18px;

}



 a.rssincl-itemtitle {

  color: blue;

}






.hideshow {
  display: none;
}






/*    END Christina's additions    *********************/