/* File: foundation.css */
/* Hierarchy level: 1 history */
/* Platform: not specified */
/* Browser: not specified */
/* Sets basic site-wide class declarations */
/*------------ BASIC -----------*/
body {
background-color: #FFF;
font-size: 80%;
font-family:Arial, Helvetica, sans-serif;
margin:0%;
margin-left: 0px;
margin-top : 0px;
padding: 0px;
}
td, th, p, div {
font-family: Arial, Helvetica, sans-serif;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*------------ // BASIC -----------*/
/*------------ TEXT -----------*/
/* modifies padding underneath tag: */
h1{font-weight:bold; margin-top: 0px; margin-bottom: 4px;}
/* modifies padding underneath tag: */
h2{font-weight:bold; margin-top: 0px; margin-bottom: 3px;}
/* modifies padding underneath tag: */
h3{font-weight:bold; margin-top: 0px; margin-bottom: 3px;}
/* modifies padding underneath tag:*/
h4{font-size: 1.17em; font-weight:bold; margin-top: 0px; margin-bottom: 2px;}
/* modifies padding underneath tag:*/
h5{font-size: 1em; font-weight:700; margin-top: 0px; margin-bottom: 1px;}
/* modifies padding underneath tag:*/
h6{font-weight:bold; margin-top:0px; margin-bottom: 1px;}
/* for text smaller than body size (usage example: RH navs on article pages) */
.smallertext {font-size: 90%;}
/* for standfirst: */
.standfirst {font-size: 115%; line-height: 115%; margin-right:4px;}
/* for caption text */
.caption {font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 2px; margin-bottom: 2px;}
/* to reassert normal (non-bold) text in a bolded element */
.nonbold {font-weight: normal}
/*------------ // TEXT -----------*/
/*------------ LINKS -----------*/
/* Ensures compatibility with BBC style guideline,
especially in browsers not supporting the hover pseudo class */
a:active {color: #ff9900; font-weight: bold; text-decoration:none;}
a:link {color: #663300; text-decoration:none;}
a:visited {color: #663300;}
a {color: #663300; font-weight: bold; text-decoration: none;}
a:hover {color: #ff9900; font-weight: bold; text-decoration: underline;}
/* for left-hand nav hyperlinks: */
a.lhnavlink {color: #000000; font-weight:normal;}
a.lhnavlink:link {color: #000000; font-weight:normal;}
a.lhnavlink:visited {color: #000000; font-weight:normal; text-decoration:none;}
a.lhnavlink:hover {color: #000000; font-weight:normal; text-decoration:none;}
/* for list hyperlinks in
tags (RH nav links): */
li a {font-weight:bold;}
li a:link {font-weight:bold;}
li a:visited {font-weight:bold;}
li a:hover {font-weight:bold; text-decoration: underline;}
/* for list hyperlinks in tags (RH nav links): */
ul.special a {font-weight:400;}
ul.special a:link {font-weight:400;}
ul.special a:visited {font-weight:400;}
ul.special a:hover {font-weight:400;}
/* for running-list hyperlinks not in tags (homepage category entries, RH nav links): */
a.listing {font-weight:normal; font-size: 90%;}
a.listing:link {font-weight:normal; font-size: 90%;}
a.listing:visited {font-weight:normal; font-size: 90%;}
a.listing:hover {font-weight:normal; font-size: 90%;}
/* To highlight the current page in article and timeline tocs */
a.tocactive {color:#ff9900;}
a.tocactive:link {color:#ff9900;}
a.tocactive:visited {color:#ff9900;}
a.tocactive:hover {color:#ff9900;}
/* top promo for index and subindex pages - added by david - phase 1 re-launch 2005 also added to hompage_new.css */
td.mainpromo a:active {color: #ffffff; text-decoration:none;font-weight:bold}
td.mainpromo a:link {color: #ffffff; text-decoration:none;font-weight:bold}
td.mainpromo a:visited {color: #ffffff;font-weight:bold}
td.mainpromo a {color: #ffffff; text-decoration: none;font-weight:bold}
td.mainpromo a:hover {color: #ffffff; text-decoration: underline;font-weight:bold}
/*------------ // LINKS -----------*/
/* top promo normal text colour for index and subindex pages - added by david - phase 1 re-launch 2005 also added to hompage_new.css */
td.mainpromo {color: #ffffff; text-decoration: none;font-size:0.72em;}
td.mainpromo p {padding: 0px 0 0 5px; }
/*------------ // LISTS -----------*/
/* controls format of bullet-point list [including lists of links] (usage example: article page RH nav) */
ul {list-style-type: square; margin-left: 0px; margin-top: 8px; margin-right: 4px; margin-bottom: 6px; padding: 0 0 0 20px;}
ol {margin-top: 8px; margin-right: 4px; margin-bottom: 6px;}
ul.special,ol.special {font-size: 90%;}
li {list-style-position: outside;}
/* sets style for unordered lists without bullet-points (usage example: table of contents) */
ul.nobullets {list-style-type: none; margin-left: 0px;}
/*------------ // LISTS -----------*/
/*------------ PULLQUOTE BOX -----------*/
/* sets format for left-aligned pullquote box: */
.pullleft {
width: 165px;
font-size:115%;
padding: 5px;
margin:0px 10px 5px 0px;
background-color: #ffcc66;
float: left;
}
/* sets format for right-aligned pullquote box: */
.pullright {
width: 165px;
font-size:115%;
padding: 5px;
margin:0px 0px 5px 5px;
background-color: #ffcc66;
float: right;
}
/*------------ // PULLQUOTE BOX -----------*/
/*------------ AUDIO/VIDEO BOX -----------*/
table.avbox{background-color:#daf3f8;}
/*------------ AUDIO/VIDEO BOX -----------*/
/*------------ SCROLLING BOX -----------*/
div.scrollbox{overflow:auto;height:160px;width:100%;background-color:#FDFEEF;}
div.nonscrollbox{width:100%;background-color:#FDFEEF;}
/*------------ SCROLLING BOX -----------*/
/*------------ IMAGES, FLOATING, BORDERS, PADDING AND SPACING -----------*/
/* sets thicker border round appropriate elements. One for each index/ subindex category, in default stylesheet: gives category-specific border colouring. */
table.border {border-color: #663300; border-width: 2px; border-style: solid;}
table.borderLight {border-color: #dddddd; border-width: 1px; border-style: solid;}
div.border {border-color: #663300; border-width: 2px; border-style: solid;}
fieldset.border {border-color: #663300; border-width: 2px; border-style: solid;}
img.border {border-color: #663300;}
/* sets thin border round appropriate elements. One for each site category, in default stylesheet: gives category-specific border colouring. */
.borderthin {border-color: #663300; border-width: 1px; border-style: solid;}
/* overrides basic floatleft padding for main promo image */
.imgmain {padding-right: 10px;}
/* floats div element to left of text and wraps: */
.floatleft {
padding-top: 1px;
padding-right: 10px;
padding-bottom: 5px;
text-align: left;
vertical-align: top;
float: left;
}
/* floats div element to right of text and wraps: */
.floatright {
padding-top: 1px;
padding-left: 5px;
padding-bottom: 5px;
vertical-align: top;
float: right;
}
/* puts padding at LH top and RH margins of page (usage example: article pages) */
.articlepad {margin-left:5px; margin-top:15px; margin-right:10px }
/* puts padding at LH top and RH margins of page (usage example: subindex pages) */
.subindexpad {margin-left:5px; margin-top:15px; margin-right:10px }
/* puts small margin at RH of content text blocks to buffer any content on the right: */
.bufright {margin-right: 6px;}
/* puts wide margin at RH of content text blocks to buffer any content on the right: */
.bufrightwide {margin-right: 15px}
/* for faking h4 tag with no under padding, using (to overcome N4 issue [can't kill off padding on h tags]): */
p.heading4 {font-weight:bold; font-size: 1.17em; margin-top: 1px; margin-bottom: 1px;}
/* for faking h tag with no under padding, using (to overcome N4 issue [can't kill off padding on h tags]): */
p.heading5 {font-weight:bold; margin-top: 1px; margin-bottom: 1px;}
/* for faking h tag with no under padding, using (to overcome N4 issue [can't kill off padding on h tags]): */
div.heading5 {font-weight:bold; margin-top: 1px; margin-bottom: 1px;}
/* for removing removing browser default spacing ABOVE tag */
p.notoppad {margin-top: 1px;}
/* for removing browser default spacing ABOVE AND BELOW tag: */
p.padnone {margin-top: 1px; margin-bottom: 1px;}
/* for inserting standard space below a block-level element (usage example: plug-in modules, subindex page) */
.padunder {margin-top: 1px; margin-bottom: 4px;}
/* for inserting a deeper space below a block-level element (usage example: plug-in modules, index page) */
.paddeep {margin-top: 1px; margin-bottom: 10px;}
/* puts more than standard padding below a block level element. (Usage example - Page intro, index page) */
.padextra {margin-top: 1px; margin-bottom: 15px;}
/* for padding and bakground colour of RH nav header bars, also text colour (Overrides for each -1 site category) */
.rhnavhead {padding-left: 8px; padding-top: 1px; padding-bottom: 1px; background-color: #666666; color: #ffffff;}
/*------------ //BORDERS, FLOATING, PADDING AND SPACING -----------*/
/*------------ //LH NAV -----------*/
/*-- LEFT HAND NAV PHASE ONE ADDITION --*/
/* Divs */
#leftnav {
width:125px;
}
/* Headings */
#leftnav h4 {
font-size: 1em;
border-width: 1px;
border-style: solid;
padding: 1px 2px 1px 2px;
margin: 15px 3px 5px 2px;
}
#leftnav h5 {
font-weight:800;
margin: 12px 0 3px 0;
padding-left:8px;
}
/* Lists */
#leftnav ul {
list-style-type: none;
margin: 0 3px 0 3px;
padding: 0px;
border-style: solid;
border-width: 1px 1px 0 1px;
}
#leftnav li {
list-style-type: none;
border-style: solid;
border-width: 0 0 1px 0;
font-family:Arial, Helvetica, sans-serif;
}
#leftnav li span,
#leftnav li a {
display:block;
padding-left: 3px;
}
#leftnav li.stick ul {
list-style-type: none;
margin:0;
border-width:0 0 0 0;
}
#leftnav li.stick li {
list-style-type: none;
margin-left: 5px;
border:none;
font-size: 0.93em;
}
/* comment last font-size for smaller stick state fonts */
/* Folowing rule is IE only, to avoid ugly line break */
* html #leftnav li.stick li {
height:1em;
}
#leftnav li.stick span {
font-weight:bold;
}
/* Links */
#leftnav h4 a:active,
#leftnav h4 a:link,
#leftnav h4 a:visited,
#leftnav h4 a,
#leftnav li a:active,
#leftnav li a:link,
#leftnav li a:visited,
#leftnav li a,
#leftnav li a:hover,
#leftnav li.stick a { text-decoration: none; font-weight: normal;}
#leftnav li.stick li a:hover,
#leftnav h4 a:hover { text-decoration: underline; font-weight: normal;}
/*-- END LEFT HAND NAV PHASE ONE ADDITION --*/
/* for LH nav padding: */
.lhnavpad {margin-left:8px; margin-bottom: 0px;}
/* for LH nav padding (extra indent) (e.g. within 'discovery' category - 'medicine' and 'exploration' subindex areas): */
.lhnavpadind {margin-left:15px; margin-bottom: 0px;}
/* for LH nav link background colours: */
.stickstate {background-color: #e1e1b3;}
/*------------ //LH NAV -----------*/
/*------------ MISC -----------*/
/* sets format for multimedia link box: */
.mmlinkbox {
padding: 0px;
margin:0px 10px 5px 0px;
background-color: #ffffcc;
float: left;
}
/* sets format for text in multimedia link box: */
.mmlinktext {margin-top: 1px; margin-bottom: 2px;}
/* for vertical dots: */
.dotsvertical
{
background-image: url(/staticarchive/4b618dcd80f63dd4ebe5aa716b4c5d87ade8d24f.gif);
background-repeat: repeat-y;
}
/* for horizontal dots - DON'T USE */
.linehz
{
background-image: url(/staticarchive/529419869cadb37dca5af5ad7114e5242eaf853e.gif);
background-repeat: repeat-x;
width: 100%;
}
/* added by DK - for top promos on level 3 index pages */
td.whitePromoLinks, td.whitePromoLinks a {
color: #ffffff!important;
}
/* SOCIAL BOOKMARKING CSS - added AY 04-09-07 */
.sharesb {
clear:both;
position:relative;
padding:3px;
margin:0 0 0 0;
}
.sharesb p {
padding:0;
margin:0;
border-top: 0px!important;
}
.sharesb p a{
top:0px;
right:0px;
padding:0px;
}
.sharesb h3{
padding:0 3px 0 0;
margin:0;
margin:0 5px 0 3px;
font-size:0.88em;
font-weight:normal;
}
.sharesb ul{
list-style:none;
margin:5px 0 4px 0;
padding:7px 2px 0px 5px!important;
border-bottom: 0px!important;
}
.sharesb ul li{
text-align:left;
padding:0 2px 6px 2px ;
display: inline;
}
.sharesb ul li.delicious{
background: url("/staticarchive/9d05efa927d86ed9de692c95bca15d2eda20fc49.gif") no-repeat 0 0;
}
.sharesb ul li.digg{
background:url("/staticarchive/aabbbe2cc99b92794f81930e1bc669ba8f6c52ea.gif") no-repeat 0 0;
}
.sharesb ul li.reddit{
background: url("/staticarchive/cf55534912427987cc78471023ffedae9a86ca41.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{
background:url("/staticarchive/8481b7573bdbe18d91cd8cadb19428e64ca33000.gif") no-repeat 0 0;
}
.sharesb ul li.stumbleupon{
background:url("/staticarchive/d56a391e3ced8760f3e0f82f1239189402a9910d.gif") no-repeat 0 0;
}
.sharesb ul li a{
padding:0 0 0 0;
margin:0 3px 0 0px;
}
a.inlineText:link,a.inlineText:visited,a.inlineText:hover,a.inlineText:active{font-size:13px;}
/*------------ MISC -----------*/