/* Sense about Science - Body, Type, Links and associated styles to be found here! - tim@fb */

/******

Main colours:

Brand lt blue: #25A0C3
Brand drk blue: #056495
Brand mid grey: #808080
VoYS brand purple: #AA4998
VoYS brand purple tint 1: #cb92c2

Darker grey: #666666
Lt text grey: #999999
Newsbox bg: #f8f8f8
Footer bg: #E6E6E6
Footer H: #333333
Subnav bg: #f6f6f6

*****/

body#index {
	font: 62.5%/1.4 "source-sans-pro", Verdana, "Lucida Grande", Lucida, sans-serif; /* base 10px and leading 18px  */
    color: #424242;
	text-align: center;
	padding: 0;
	margin: 0;
	background: #fff url(../images/tile_body_index.gif) 0 0 no-repeat;

}

body {
	font: 62.5%/1.4 "source-sans-pro", Verdana, "Lucida Grande", Lucida, sans-serif; /* base 10px and leading 18px  */
    color: #424242;
	text-align: center;
	padding: 0;
	margin: 0;
	background: #fff url(../images/tile_body_content.gif) 0 0 no-repeat;

}

body#index #main-content{
	font-size: 1em;
}

#main-content{
	font-size: 1.3em;
}

body#index #content_left{
	font-size: 1.1em;	
}
body#index #rightcol{
	font-size: 1.1em;	
}

/* @group set content font size  */

#content {font-size: 1.2em;}

/* @end */

/* global links */

a, a:link {
	color: #056495;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #056495;
}

/* end global links */

/* @group top nav sprite */

ul#topnav li a {
    color: #ffffff;
    display: block;
    font-size: 1.7em;
    font-weight: bold;
    height: 34px;
    padding-top: 23px;
    text-decoration: none;
}

ul#topnav li a#about {width: 114px;}

ul#topnav li a#ourwork {width: 123px;}

ul#topnav li a#workwith {width: 155px;}

ul#topnav li a#pubs {width: 150px;}

ul#topnav li a#intnl {width: 169px;}

ul#topnav li a#voys span{
	font-size: 1.6em;
	margin: 0 10px 0 10px;
}
ul#topnav li a#voys {
	font-size: 1.4em;
    height: 40px;
	padding-top: 17px;
	width: 249px;
}

ul#topnav li a#about:hover, ul#topnav li a#about.on {background: url(../images/sprite_topnav.gif) 0 -58px no-repeat;}
ul#topnav li a#ourwork:hover, ul#topnav li a#ourwork.on {background: url(../images/sprite_topnav.gif) -114px -58px no-repeat;}
ul#topnav li a#workwith:hover, ul#topnav li a#workwith.on {background: url(../images/sprite_topnav.gif) -237px -58px no-repeat;}
ul#topnav li a#pubs:hover, ul#topnav li a#pubs.on {background: url(../images/sprite_topnav.gif) -392px -58px no-repeat;}
ul#topnav li a#intnl:hover, ul#topnav li a#intnl.on {background: url(../images/sprite_topnav.gif) -542px -58px no-repeat;}
ul#topnav li a#voys:hover, ul#topnav li a#voys.on {background: url(../images/sprite_topnav.gif) -711px -58px no-repeat;}


/* @end */

/* @group Headings */


h1, h2, h3 {
	color: #056495;
	font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -0.015em;
}

h2#index_row-two_01 {
	letter-spacing: -0.030em;
	margin: 10px 0 0 10px;
	font-size: 1.8em;
}
h2#index_row-two_01 a{
	text-decoration: none !important;
}

h2#index_row-two_blog {
	letter-spacing: -0.030em;
	margin: 10px 0 0 10px;
	font-size: 1.8em;
}
h2#index_row-two_blog a{
	text-decoration: none !important;
}

h2#index_row-two_02 {
	letter-spacing: -0.030em;
	margin: 10px 0 3px 0;
	font-size: 1.8em;
}


h2#h2_strap {
	float: left;
	clear: none;
	background: url(../images/bg_strap.gif) 0 0 no-repeat;
	color: #808080;
	padding: 68px 0 0 0;
	width: 419px;
	margin: 73px 0 0 22px;
}

h3#h3_recentwork {
	float: left;
	clear: none;
	background: url(../images/bg_h3_recentwork.gif) 0 0 no-repeat;
	color: #808080;
	padding: 57px 0 0 0;
	width: 221px;
	margin: 0;
}

h3#h3_relpubs {
	float: left;
	clear: none;
	background: url(../images/bg_h3_relpubs.gif) 0 0 no-repeat;
	color: #056495;
	padding: 37px 0 0 0;
	width: 203px;
	margin: 15px 0 0 5px;
}

h4#h4_sharevoys {
	float: left;
	clear: none;
	background: url(../images/bg_h4_sharevoys.gif) 0 0 no-repeat;
	color: #AA4998;
	padding: 23px 0 0 0;
	width: 127px;
	margin: 18px 0 0 5px;
}

h3#h3_pinboard {
	float: left;
	clear: none;
	background: url(../images/bg_h3_pinboard.gif) 0 0 no-repeat;
	color: #a94a9a;
	padding: 44px 0 0 0;
	width: 207px;
	margin: 0 0 7px 0;
}

h4#h4_allwork {
	background: url(../images/bg_link_morerecentwork.gif) 0 0 no-repeat;
	color: #fff;
	padding: 10px 0 0 7px;
	width: 214px;
	height: 28px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 3px;
}

h2.index_row-two {
	font-size: 1.5em;
	/* font-family: Arial, Helvetica, sans-serif; */
}

/* @end */

h4#h4_allwork a {
	font-size: 0.916em;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

h4#h4_allwork a:hover {text-decoration: underline;}

#accordion h2 {
	font-size: 1.250em;
	/* font-family: Arial, Helvetica, sans-serif; */
	background: url(../images/recentwork_accordiontab_off.gif) 0 0 no-repeat;
	height: 22px;
	padding: 10px 10px;
	margin: 0;
	width: 201px;
	color: #000;
}

#accordion h2.current {
	background: url(../images/recentwork_accordiontab_on.gif) 0 0 no-repeat;
	color: #fff;
}

#accordion p {
	width: 201px;
	padding: 10px;
	font-weight: bold;
	margin: 0;
	line-height: 1.75;
}

#accordion p a {
	display: block;
	color: #056495;
	text-decoration: none;
}

#accordion p a:hover {text-decoration: underline;}

#wrapper_secnav ul li a {
	color: #999;
	font-size: 0.916em;
	font-weight: bold;
	text-decoration: none;
}

#wrapper_secnav ul li span {
	color: #999;
	font-size: 0.916em;
	font-weight: bold;
}

#wrapper_secnav ul li a:hover {
	text-decoration: none;
	color: #808080;
}

#btn_search_advanced a {
	display: block;
	height: 21px;
	padding: 7px 0 0 11px;
	font-size: 0.916em;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	background: url(../images/btn_search_advncd.gif) top center no-repeat;
}

#btn_search_advanced a:hover {
	text-decoration: none;
	color: #999;
}

p#mission_p {
	font-weight: bold;
	font-size: 1.334em;
	padding-top: 347px;
	margin: 0;
	width: 487px;
	float: left;
	background: url(../images/bg_mission.jpg) 0 0 no-repeat;
}

body#index #content ol, body#index #content ol li {
	list-style-type: none;
	margin: 0;
}

body#index #leftcol ol li h4, body#index #main-content ol li h4 {
	/* font-family: Verdana, "Lucida Grande", Lucida, sans-serif; */
	font-size: 1.0em;
	font-weight: bold;
	color: #4c4c4c;
	margin-top: 20px;
}

body#index #midcol ol li h4 {
	/* font-family: Verdana, "Lucida Grande", Lucida, sans-serif; */
	font-size: 1.0em;
	font-weight: bold;
	color: #4c4c4c;
	margin-top: 0;
}

.footercols h3 {
  	font-size: 1.250em;
  	color: #333333;
  	margin-bottom: 8px;
}

h3#h3_findus {
  	font-size: 1.250em;
  	color: #333333;
  	margin: 25px 0 8px 0;
}


body#index #leftcol ol li h3, body#index #main-content ol li h3, body#index #midcol ol li h3 {
	margin-bottom: 6px;
}

h2#h2_featd {
	font-size: 1.5em;
	font-weight: bold;
	color: #056495;
	text-decoration: none;
	letter-spacing: -0.015em;
	margin: 25px 0 10px 0;
}

h2#h2_featd a{
	text-decoration: none;
}

h2#h2_featd a:hover {
    color: #25a0c3;
}

body#index #leftcol ol li h3 a, body#index #main-content ol li h3 a, body#index #midcol ol li h3 a {
	font-size: 1.250em;
	font-weight: bold;
	color: #056495;
	text-decoration: none;
	letter-spacing: -0.015em;
	margin-bottom: 0;
}

body#index #leftcol ol li h3 a:hover, body#index #main-content ol li h3 a:hover,body#index #midcol ol li h3 a:hover {
	color: #25A0C3;
}

a.bold_ltblue {
	color: #25A0C3;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

a:hover.bold_ltblue {text-decoration: underline;}

a.bold_blk {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

a:hover.bold_blk {text-decoration: underline;}

a.bold_drkblue {
	color: #056495;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

a:hover.bold_drkblue {text-decoration: underline;}

.footercols ul li a {
	font-size: 1.0em;
	font-weight: bold;
	color: #056495;
	text-decoration: none;
}

.footercols ul li a:hover {
	text-decoration: none;
	color: #25A0C3;
}

#policy ul li a {
	font-size: 1.0em;
	font-weight: bold;
	color: #056495;
	text-decoration: none;
}

#policy ul li a:hover {
	text-decoration: none;
	color: #25A0C3;
}


/* @group Social Network widget/list */

#socialnet ul li a {
	font-weight: bold;
	display: block;
	color: #000;
	font-size: 0.833em !important;
	height:  0;
	overflow: hidden;
	padding-top: 26px;

}

#socialnet ul li a:hover {color: #000;}

/* @end */

#legal p {
	color: #666;
	padding:0;
	font-size: 1.1em;
	margin: 15px 0 0 25px;
}

#socialnet ul li a#fb {
	width: 25px; 
	background: url(../images/bg_li_facebook.gif) 0 0 no-repeat;
}

#socialnet ul li a#twt {
	width: 26px; 
	background: url(../images/bg_li_twitter.gif) 0 0 no-repeat;
}

#socialnet ul li a#yt {
	width: 53px; 
	background: url(../images/bg_li_youtube.gif) 0 0 no-repeat;
}

#socialnet ul li a#rss {
	width: 24px; 
	background: url(../images/bg_li_rss.gif) 0 2px no-repeat;
}

#socialnet {width: 170px;}



/* @group Share VoYS icon list */

ul#share_socnet li a {
	font-weight: bold;
	display: block;
	color: #000;
	font-size: 0.833em !important;
	height:  0;
	overflow: hidden;
	padding-top: 25px;

}

ul#share_socnet li a#fb_v {
	width: 23px; 
	background: url(../images/voys_icon_facebook.gif) 0 0 no-repeat;
}

ul#share_socnet li a#twt_v {
	width: 25px;
	background: url(../images/voys_icon_twitter.gif) 0 0 no-repeat;
}


/* @end */

/* Image replacement part one ? declare padding height on actual elelment */

.ir {
	display:block;
	height:0;
	overflow:hidden;
}

#crumbs a#home {
	color: #25A0C3;
	text-decoration: none;
}

#crumbs a#home:hover {text-decoration: underline;}

#crumbs a {
	color: #808080;
	text-decoration: none;
}

#crumbs a:hover {text-decoration: underline;}

.standfirst_content  {
	font-size: 1.250em;
	color: #808080;
	line-height: 1.25;
}


ul#subnav li a {
	border-left: solid 5px #056495;
	border-bottom: solid 1px #ebebeb;
	color: #056495;
	font-weight: bold;
	padding: 9px 0 9px 15px;
	display: block;
	text-decoration: none;
	/* background: url(../images/bg_subnav_li_tile.gif) 0 0 repeat-y; */
}

a.fr { /* --------- maybe support with @font-face also tbc --------------- */
	/* font-family: "Arial Narrow", "Arial", sans-serif; */
    font-weight: bold;
    font-size: 1.250em;
	/*font-stretch: condensed;
	font-size: 1.250em;*/

} /* --------- /maybe support with @font-face also tbc --------------- */

ul#subnav li a:hover {
	color: #ffffff;
	background: #25A0C3;
	text-decoration: none;
}

ul#subnav li a.on {
	color: #ffffff;
	background: #25A0C3;
}


ul#subnav li ul li a {
	padding: 4px 0 4px 32px;
	color: #808080;
	background: url(../images/subnav_arrow_on.gif) 14px 6px no-repeat;
	border-left: none;
	border-bottom: none;
}

ul#subnav li ul li a:hover {
	color: #3f3f3f;
	background: url(../images/subnav_arrow_on.gif) 15px 6px no-repeat;
}

/* @group VoYS subnav */

/*
body.voys ul#subnav li a {
	color: #fff;
	font-weight: bold;
	padding: 9px 0 9px 15px;
	display: block;
	text-decoration: none;
	background: url(../images/bg_subnav_voys_li_tile.gif) 0 0 repeat-y;
	border-bottom: 2px solid #fff;
	position: relative;
	z-index: 25;
}

body.voys ul#subnav li a:hover {
	color: #efefef;
	text-decoration: none;
}

body.voys ul#subnav li a.on {
	color: #efefef;
	border-bottom: none;
}


body.voys ul#subnav li ul li a {
	padding: 4px 0 6px 32px;
	color: #000;
	border-bottom: none;
	background: none;
	position: relative;
	z-index: 15;
}

body.voys ul#subnav li ul li a:hover {
	color: #3f3f3f;
	background: url(../images/subnav_arrow_voys_on.gif) 15px 6px no-repeat;
}
*/


/* @end */

/* @group Related publications */

#relpubs ul li a {
	font-weight: bold;
	text-decoration: none;
}

#relpubs ul li a:hover {text-decoration: underline;}

/* @end */

/* @group VoYS pinboard */

#pinboard ul li p {
	background: url(../images/bg_pinboard_top.gif) top center no-repeat;
	color: #000;
	padding: 10px 18px 10px 40px;
	margin: 0;
}

#pinboard ul li p a {
	color: #000;
	text-decoration: underline;
}

#pinboard ul li p a:hover {text-decoration: none;}

/* @end */




/* Headings (basic) */

h1 {
	font-size: 2.6em;
	margin: 5px 0 10px 0;
	line-height: 1em;
}

h2 {
	font-size: 1.416em;
	margin-top: 0;
}

h3 {
	font-size: 1.084em;
	margin-top: 0;
}

h4 {
	font-size: 1.0em;
	margin-top: 0;
	color: #3f3f3f;
	/* font-family: Verdana, "Lucida Grande", Lucida, sans-serif; */

}

body.voys #main-content h1,body.voys #main-content h2,body.voys #main-content h3 {color: #AA4998 !important;}

h1.h1_voys {color: #AA4998 !important;}

h1.h1_blog {
	width:466px;
	height:88px;
	background:url(../images/header-blog.jpg) 0 0 no-repeat scroll transparent;
	display:block;
	text-indent:-9999px;
}

.forcyn {
	text-indent: -5000em; 
	display: block;
	height: 0;
}

#accordion h2:hover {color: #25A0C3;}

/* tgc edit 20.9.10  */

/* @group Recent-tweets box */

h3#h3_recent-tweets {
	float: left;
	clear: both;
	background: url(../images/bg_h3_recenttweets.gif) 0 0 no-repeat;
	color: #a94a9a;
	padding: 77px 0 0 0;
	width: 204px;
	margin: 25px 0 0 0;
}

#recent-tweets ul li p {
	font-size: 0.916em;
	color: #333;
	padding: 6px 10px 6px 10px;
	margin: 0;
}

#recent-tweets ul li p a {
	color: #000;
	text-decoration: none;
}

#recent-tweets ul li p a:hover {text-decoration: underline;}

/* @end */

/* @group Blog Post */

div.blog_post h2 {
	margin: 1em 0 0;
}

.post_info {
	color: #999999;
}

.post_info strong {
	color: #666666;
}


/* @group End Blog Post */

/* @group Publications and Resources */

p.label {
	margin-bottom: 0;
}

span.labelTitle {
	font-weight: bold;
}


/* @end Publications and Resources */



/* end type.css */