/*
Site: All, symlinked
Name: common.css

WARNING: THIS FILE IS SYMBOLICALLY LINKED FROM:-
  <http://scienceoxford.com>

... across the filesystem to these sites:-
  <http://scienceoxfordnetworks.com>
  <http://scienceoxfordnext.com>
  <http://scienceoxfordlive.com>

Coding convention:
If you see CSS declarations un-tabbed from the margin they are most likely experimental

*/

/* Gamut of brand colours. Use these classes for exceptional markup only please! */
.blue				{	color: #26A7DD !important;	}
.pink				{	color: #C20065 !important;	}
.orange			{	color: #DD6300 !important;	}
.green			{	color: #AEB200 !important;	}
.gray				{	color: #999999 !important;	}
.darkgray		{	color: #3F3F37 !important;	}
.vdarkgray	{ color: #232526 !important;	}


HTML	{
	overflow-y: scroll;
}

BODY	{
	text-align: center;
	font-family: Avant Garde, Century Gothic, Segoe UI, Arial, san-serif;
	font-family: Arial, san-serif;
	margin: 0;
	font-size: 9pt;
	background-image: url(/_assets/images/background.png);
	/* CM: 270509 - TEMP FIX FOR THE BG GRAPHIC BEING TOO SHORT */
	background-repeat: repeat-y;
	background-position: 50% 0;
}

A	{
	text-decoration: none;
}

A	IMG	{
	border: 0px;
}

H1, H2, H3, H4, H5, H6, P	{
	margin-top: 0;
}
H1, H2, H3	{
	font-family: Avant Garde, Century Gothic, Arial, san-serif;
	font-family: Arial, san-serif;
}

#page	{
/* PA: The following loveliness is bought to you by <http://www.dustindiaz.com/min-height-fast-hack/> */
  min-height:535px;
  height:auto !important;
  height:500px;
	width: 899px;
	text-align: left;
	margin: 0px auto 30px auto;
	background-image: url(/_assets/images/nodevine.png);
	background-repeat: no-repeat;
	background-position: top right;
}


#navigation	{
	position: relative;
	float: left;
	clear: both;
	width: 899px;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 8pt;
}
#navigation UL {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 150px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#navigation	UL+LI {
	text-align: right;
}
#navigation	UL UL	{
	display: none;
	float: left;
}
#navigation UL#tier1	{
	text-align: right;
	margin-right: 10px;
}
#navigation	.li_cont1 .li_col1	{
	width: 205px;
}
#navigation	.li_cont2 .li_col2	{
	width: 205px;
}


#navigation #logo	{
	position: absolute;
	top: 57px;
	font-size: 21px;
	height: 22px;
	background-image: url(/_assets/images/logo.png);
	background-repeat: no-repeat;
}
#navigation #logo A	{
	position: absolute;
	height: 1em;
}
#navigation #logo SPAN	{
	display: none;
}


#primary	{
	float: left;
	margin-top: 0px;
	width: 900px;
}
#primary #lhs-bar	{
	min-height: 100px;
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#primary #lhs-bar #tSearch	{
font-size: 8pt;
padding: 2px 3px 2px 3px;
width: 130px;
float: right;
color: #666666;
border: 1px solid #272A2B;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}


#primary #rhs-bar	{
	min-height: 100px;
	float: left;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
}


#content	{
	float: left;
	margin: 0;
	padding: 0;
	width: 560px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
#content #body-slim	{
	width: 375px !important;
}
#content H1	{
	text-transform: uppercase;
	font-size: 32pt;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 29pt;
	margin-bottom: 0.25em;
}
#content H2	{
	font-size: 14pt;
	font-weight: normal !important;
	letter-spacing: -0.05em;
	line-height: 16pt;
	margin-bottom: 0.10em;
	text-transform: uppercase;
}
#content H2 .augment	{
	letter-spacing: -0.05em;
	font-size: 40pt;
	font-size: 32pt;
	line-height: 32pt;
	line-height: 26pt;
	display: block;
	font-weight: bold;
}
#content H3	{
	font-size: 9pt;
	font-style: normal;
	letter-spacing: -0.01em;
	margin: 0em;
	padding: 0;
}

#content H4	{
	font-family: courier;
	font-size: 18pt;
	background-color: lime;
}

#content P, #content UL	{
	margin-top: 0;
	margin-bottom: 0.75em;
}
#content P	{
line-height: 1.5em;
}

#content P#introduction	{
	padding-bottom: 0.75em;
}

#content #rotating-banner	{
	height: 274px;
	width: 560px;
}
#content #rotating-banner #rotating-banner-list {
	padding-left: 0; 
	margin-left: 0;
}
#content #rotating-banner #rotating-banner-list .next {
	display: none;
}



/* For faking and 'area' of content is clickable sometimes assisted with Javascript */
#content DIV.href	{	cursor: pointer;	}
#content FORM LABEL	{
	cursor: pointer;
}

#content UL	{
	margin-left: 0;
	padding-left: 2em;
	list-style-type: circle;
	list-style-image: url(/_assets/images/bullet-point.png);
}
#content LI	{
	margin-bottom: 0.5em;
}
#content OL.bigfancy	{
	margin: 0;
	padding: 0;
}
#content OL.bigfancy LI	{
}
#content OL.bigfancy LI DIV.drop_number {
	font-size: 40pt;
	font-size: 32pt;
	width: 65px;
	float: left;
	clear: both;
	text-align: right;
	padding-right: 10px;
}
#content OL.bigfancy LI DIV.li_content	{
	float: left;
	width: 300px;
	padding-top: 8px;
	margin-bottom: 1em;
}

#content A	{
	text-decoration: none;
}
#content A.external	{
	padding-right: 13px;
	background-image: url(http://en.wikipedia.org/skins-1.5/monobook/external.png);
	background-repeat: no-repeat;
	background-position: center right;
}
#content A[href $=".pdf"],
#content A[href $=".PDF"]	{
	padding-right: 20px;
	background-image: url(http://www.adobe.com/images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
#content A[href ^="mailto:"]	{
	background: url() center right no-repeat;
	padding-right: 18px;
}



#content UL.labels, #content OL.labels	{
	margin-left: 0em;
	padding-left: 0em;
	list-style: none;
}
#content UL.labels LI, #content OL.labels LI	{
	margin-top: 0;
	margin-bottom: 0.10em;
}

#content BLOCKQUOTE	{
	font-style: italic;
	margin-left: 2em;
}
#content BLOCKQUOTE	CITE	{
	font-weight: bold;
	display: block;
}

#content DL DT	{
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}
#content DL DD	{
  margin: 0;
	padding: 0 0 0.75em 2em;
}

#content .smd_cal_calendar	{
width: 100%;
}
#content .smd_cal_calendar .smd_cal_cell	{
width: 14%;
width: 80px;
height: 75px;
vertical-align: top;
height: 50px;
overflow: hidden;
}
#content .smd_cal_calendar .smd_cal_cell A	{
}
#content .smd_cal_calendar .smd_cal_today	{
}
#content .smd_cal_calendar .smd_cal_row	{
font-size: 8pt;
}
#content .smd_cal_calendar .smd_cal_row .smd_cal_date	{
font-weight: bold;
}
#content .smd_cal_calendar .smd_cal_row .smd_cal_event .smd_cal_date	{
}
#content .smd_cal_calendar .smd_cal_empty	{
}
#content .smd_cal_calendar .smd_cal_nav	{
padding: 0 3px 0 3px;
}
#content .smd_cal_calendar .smd_cal_my	{
}

/* Generic #IDs and .Classes */
#content #tacnav-quartet	{
	float: left;
	margin-top: 1em;
	width: 560px;
}
#content #tacnav-quartet A	{
	display: block;
	float: left;
	margin-right: 6px;
	border: 1px solid transparent;
	width: 132px;
	height: 120px;
}
#content #tacnav-quartet A SPAN	{
	display: none;
	margin-top: 3px;
	margin-left: 3px;
	color: #FFFFFF;
}

#content #notes	{
	background-color: #666600;
	border: 1px dashed #CCCC00;
	padding: 0.5em 1em 0.5em 1em;
}

#content .fragment-nav	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	text-transform: uppercase;
	padding-bottom: 0.75em;
}

#content .label	{
	text-transform: uppercase;
}

/* News-style article summary listing */
#content .article-list-item	{
	float: left;
	border-bottom: 1px dashed #999999;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#content .article-list-item .article-list-item-summary {
	float: left;
	width: 375px;
}

/*
PA: Because the TXP 'excerpt' field can be DIVided in to #excerpt and #meta
    data we need to switch off certain DIVisions
*/
#content .article-list-item .article-list-item-summary #meta {
	display: none;
}
#content .article-list-item-active	{
	background-color: pink;
}

#content .article-list-item .article-list-item-meta {
	width: 185px;
	width: 175px;
	margin-left: 10px;
	float: left;
	font-size: 8pt;
	color: #999999;
}

/* "page-news-article" styles */
#content #editor-notes	{
font-size: 6pt;
border-top: 1px solid #999999;
height: 2.25em;
overflow: hidden;
cursor: pointer;
}
#content .editor-notes-show	{
height: auto !important;
overflow: auto !important;
}

#content #panel-meta	{
border-top: 1px solid #999999;
font-size: 8pt;
margin-top: 1em;
padding-top: 1em;
color: #999999;
}

#content #panel-meta #panel-meta-excerpt #excerpt	{
	display: none;
}
#content #panel-meta #panel-meta-keywords,
#content #panel-meta #panel-meta-excerpt #posted,
#content #panel-meta #panel-meta-excerpt #meta	{
	float: left;
	margin-bottom: 0.5em;
}

#content #panel-meta .article-bookmark-widget	{
	margin-top: 1em;
	float: right;
}

#footer	{
	float: left;
	margin-top: 3em;
	padding-bottom: 1em;
	font-size: 9pt;
	clear: both;
	font-size: 8pt;
	width: 900px;
	position: relative;
	color: #999999;
}
#footer #footer-logo	{
	position: fixed;
	bottom: -3px;
}
#footer-nav	{
	position: absolute;
	bottom: 0;
	left: 160px;
}
#footer-nav A	{
	margin-right: 1em;
}

#footer-copyright	{
	position: absolute;
	bottom: 0;
	right: 180px;
}
* HTML #footer-nav-intersite	{
	display: inline;
}

#footer-nav-intersite	{
	border-top: 1px gray dotted;
	float: left;
	margin-top: 5px;
	margin-bottom: 0em;
	margin-left: 160px;
	width: 560px;
}
#footer-nav-intersite H1	{
	font-size: 8pt;
	margin-bottom: 0.30em;
}
#footer-nav-intersite OL	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-size: 8pt;
	margin-top: 0;
}
#footer-nav-intersite .site	{
  min-height: 135px;
  height: auto !important;
  height: 135px;
	float: left;
	width: 132px;
	width: 106px;
	padding-top: 5px;
	padding-left: 5px;
}
#footer-nav-intersite .site	OL LI A	{	color: #999999;	}
#footer-nav-intersite .site A:hover	{	text-decoration: underline;	}

#footer-nav-intersite #so	{	border-right: 1px gray dotted;	}
#footer-nav-intersite #so H1 A {	color: #CFCFCF;	}
#footer-nav-intersite #so-network	{	border-right: 1px gray dotted;	}
#footer-nav-intersite #so-network H1 A {	color: #26A7DD;	}
#footer-nav-intersite #so-next	{	border-right: 1px gray dotted;	}
#footer-nav-intersite #so-next H1 A {	color: #85B700;	}
#footer-nav-intersite #so-live	{	border-right: 1px gray dotted;	}
#footer-nav-intersite #so-live H1 A {	color: #DC6AA5;	}
#footer-nav-intersite #so-online	{	}
#footer-nav-intersite #so-online H1 A {	color: #DD6300;	}

#footer-legal	{
border-top: 1px gray dotted;
float: left;
margin-top: 0px;
padding-top: 0.5em;
margin-bottom: 1em;
margin-left: 160px;
width: 560px;
font-size: 6pt;
text-align: center;
color: #999999;
}