@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");
@import url("orbit-1.3.0.css");

/* Sense about Science - Major page elements in 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 #wrapper {
	width: 960px;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	background: #fff url(../images/tile_wrapper_index.gif) 0 0 no-repeat;
}

#wrapper {
	width: 960px;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	background: #fff url(../images/tile_wrapper.gif) 0 0 no-repeat;
}


#header {
	float: left;
	height: 223px;
	width: 960px;
	background: #fff;
	position: relative;
}

body#index #content_inner_wrapper {
	float: left;
	width: 960px;
	margin: 0;
	padding-bottom: 35px;
	
}

#content_inner_wrapper {
	float: left;
	width: 960px;
	margin:0;
	padding-bottom: 35px;
}



/* @group Main/Top Nav */


#wrapper_topnav {
	float: left;
	width: 986px;
	margin: 0;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
}


ul#topnav {
	list-style-type: none;
	background: url(../images/sprite_topnav.gif) 0 0 no-repeat;
	margin: 0;
	float: left;
	width: 986px;
	height: 57px;
	padding: 0;
}

ul#topnav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0;
	text-align: center;
}

#topnav li ul{
	top: 57px;
}
#topnav li ul li a{
	background-image: none;
	background-color: #25A0C3;
	border-bottom: solid 2px #ffffff;
	color: #ffffff;
	height: auto;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 0;
	padding: 10px 15px;
	text-align: left;
	width: 185px;
}
#topnav li ul li a:hover{
	background-image: none;
	background-color: #056495;
	color: #ffffff;
}
#topnav li.menu-voys{
	text-align: left;
	width: 264px;
}
ul#topnav li a#voys{
	width: 264px;	
}
#topnav li.menu-voys ul li a{
	background-color: #AA4998;
}
#topnav li.menu-voys ul li a:hover{
	background-color: #602956;
}
#topnav li.selected ul li a{
	background-image: none;
	background-color: #d0c8b4;
	border-bottom: solid 2px #ffffff;
	color: #63563c;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 5px 15px;
	width: 128px;
}
#topnav li.selected ul li a:hover{
	background-image: none;
	background-color: #63563c;
	color: #ffffff;
}

/* @end */

#mainbranding {
	float: left;
	width: 112px;
	margin: 32px 0 0 1px;
}


/* @group Secnav */

#wrapper_secnav {
	float: right;
	width: 350px;
	margin: 33px 11px 0 0;
}

#wrapper_secnav ul {
	list-style-type: none;
	margin: 0;
	float: right;
	padding: 0;
}

#wrapper_secnav ul li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 5px 4px 6px 0;
	text-align: left;
}

/* @end */

/* @group Standard Search box */

#wrapper_search {
	float: right;
	clear: right;
	margin: 48px 12px 0 0;
	width: 290px;
	padding: 0;
}

#searchform {
	width: 216px;
	float: left;
}

#searchform fieldset {
	border: none;
	width: 100%;
	float: left;
	padding: 0;
	overflow: hidden;
	margin: 0;
}

#searchform fieldset input#s{
	border: none;
	background: url(../images/bg_search.gif) no-repeat;
	width: 148px;
	padding: 6px 6px 8px 60px;
	color: #3f3f3f;
	float: left;
	font-size: 0.916em;
}

#searchform fieldset input.btn {
	width: 60px;
	border: none;
	margin: -30px 0 0 0;
	padding: 0 4px 5px 4px;
	float: left;
	height: 32px;
	font-size: 0.916em;
	background: none;
	font-weight: bold;
	color: #808080;
	cursor: pointer;
}

label#sitesearcher  {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:0;
}

#btn_search_advanced {
	float: right;
	width: 65px;
}

/* @end */

body#index #crumbs {
	float: left;
	width: 100%;
	height: 23px;
	font-size: 0.916em;
	padding: 5px 0 0 15px;
	visibility: hidden;
}

#crumbs {
	float: left;
	width: 100%;
	height: 21px;
	font-size: 0.916em;
	padding: 7px 0 0 15px;
	visibility: visible;
}

#crumbs span {color: #808080;}


/* @group Content row-one */

body#index #content_row-one {
	width: 960px;
	height: 346px;
	padding: 0;
	position: relative;
	/* float: left; */
	display: block;
}

#content_row-one {display: none;}

#row-one_left {
	float: left;
	width: 713px;
	padding: 0;
}

#row-one_midcol {
	float: right;
	width: 222px;
	height: 346px;
	padding: 0 0 0 3px;
	background: url(../images/bg_menu_ourwork.gif) top center no-repeat;
	position: relative;
}

body#index #row-one_right {
	/* float: right; */
	padding: 16px 0 0 6px;
	position: absolute;
	right: 0;
	top: 13px;
	width:231px;
}

#row-one_right {
	float: right;
	width: 231px;
	padding: 16px 0 0 6px;
}


#row-one_right form {
	padding: 0 0 27px 15px;
	float: left;
	width: 208px;
}

#row-one_right form label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.166em;
	margin-bottom: 9px;
	float: left;
	width: 100%;
}

#row-one_right form select {
	float: left;
	width: 158px;
}

#row-one_right form input.btn {
	background: url(../images/select_info_btn.gif) top center no-repeat;
	border: medium none;
	color: #808080;
	cursor: pointer;
	float: right;
	font-size: 0.916em;
	font-weight: normal;
	height: 18px;
	margin: 0 6px 0 0;
	padding: 0;
	width: 30px;
}

/* @end */

/* @group Home-page accordion */

#accordion {
	float: left;
	width: 221px;
	clear: left;
	margin-left: 1px;
	overflow: hidden;
}


/* @end */

/* @group Sticky footer (css from http://www.cssstickyfooter.com - with thanks) */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

body#index #content {
	clear: both;
	padding-bottom: 219px; /* must be same height as the footer */
	background: #fff url(../images/tile_content_index.gif) 0 0 repeat-x
}

#content {
	clear: both;
	padding-bottom: 219px; /* must be same height as the footer */
	background: #fff url(../images/tile_content.gif) 0 0 repeat-x
}  
  

#stickyfooter {
	position: relative;
	margin-top: -219px; /* negative value of footer height */
	margin-left: 15px;
	height: 219px;
	clear:both;
	width: auto; /* was 100% */
	background: #E6E6E6;
    overflow: visible;
	text-align: left;
	padding: 0;
}

#footer_inner {
	padding-top: 25px;
	position: relative;
	float: left;
	width: 960px;
	margin: 0;
	height: 178px;
}


/* @end */


body#index #content_left {
	float: left;
	width: 704px;
	padding: 32px 0 0 0;
	
}

body#index #content_left {
	float: left;
	width: 704px;
	padding: 32px 0 0 0;
}

#content_left {
	float: left;
	width: 704px;
	padding: 0;
}

body#index #col-wrap {
	float: left;
	width: 688px;
	background: #f8f8f8;
	padding: 8px 8px 20px 8px;
}

body.voys #col-wrap {
	float: left;
	width: 708px;
	background: url(../images/bg_loudh_r.gif) 210px 0 no-repeat;
	padding: 0 0 20px 0;
}


#col-wrap {
	float: left;
	width: 708px;
	background: none;
	padding: 0 0 20px 0;
}


body#index #leftcol {
	float: left;
	width: 221px;
	padding: 0;
}

#leftcol {
	float: left;
	width: 219px;
	padding: 0;
}




h2#index_row-two_01 {
	float: right;
	width: 465px;
}
h2#index_row-two_blog {
	float: left;
	width: 200px;
}





body.voys #leftcol {
	position: relative;
	z-index: 25;
}

body#index #main-content {
	float: left;
	width: 221px;
	padding: 0;
	margin: 0 0 0 14px;
}

#main-content {  /* the main page content on internal pages */
	float: right;
	width: 466px;
	padding: 15px 0 0 0;
}

body#index #midcol {
	float: left;
	width: 204px;
	margin: 0 0 0 24px;
	display: block;
}

#midcol {display: none;}

body#index #rightcol {
	float: right;
	width: 237px;
	padding: 32px 0 0 0;
	margin: 0;
}

#rightcol {
	float: right;
	width: 237px;
	padding: 0;
	margin: 0;
}

body.voys #rightcol {
	float: right;
	width: 237px;
	padding: 0;
	margin: 12px 0 0 0;
}

#footercols_wrap {
	float: left;
	width: 750px;
}

#getbutton {
	float: left;
	width: 237px;
	margin: 25px 0 12px 10px;
}

#brandplug_footer {
	float: left;
	width: 65px;
	margin-bottom: 15px;
}

address {
	color: #666;
	clear: left;
	padding-bottom: 5px;
	font-size: 0.916em;
}

#legal {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 720px;
}

.footercols {
	float: left;
	clear: none;
	padding: 0 0 0 25px;
	width: 140px;
	font-size: 1.2em;
}

#footercols_01 {
	float: left;
	clear: none;
	padding: 0 0 0 25px;
	width: 210px;
	font-size: 1.2em;
}


.footercols ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footercols ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1px 0;
}

#socialnet ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

#socialnet ul li {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

ul#share_socnet {
	list-style: none;
	margin: 18px 0 0 0;
	padding: 0;
	width: 74px;
	float: left;
}

ul#share_socnet li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 7px;
	float: left;
}



/* @group various classes */

.flleft {float: left;}

.flright {float: right;}

.clearing {clear: both;}

/* @end */

/* @group News & Comment, Featured Image border */

.slider-background, #img_featd-col img, .imageleft img, img.imageright {
	border: 1px solid #dcdcdc;
	box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
}

img.imageright {
	background: none repeat scroll #e6e6e6;
	padding: 9px;
	margin-top: 3.6em;
}

/* @end */

/* @group Subnav */

#wrapper_subnav {
	float: left;
	width: 210px;
	margin-bottom: 15px;
}

/*
body.voys #wrapper_subnav {
	float: left;
	width: 210px;
	margin-bottom: 15px;
	position: relative;
}
*/

ul#subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#subnav li ul li {padding: 0;}

ul#subnav li ul {
	margin: 0 0 2px 0 !important;
	padding: 10px 0;
	background: #f8f8f8;
}

ul#subnav li ul li ul {background: none;}

ul#subnav li ul li ul li {padding: 0 0 0 15px !important;}

/* @end */

/* @group Blog Post */

div.blog_post {
	border-bottom: 1px dotted #999999;
	padding:  0 0 0.50em 1.2em;
}

div.blog_post img {
	border: 1px solid #ececec;
	padding: 6px;
	box-shadow: rgba(0,0,0,0.3) 0 0 9px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 0 9px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 0 9px;
}

.blogpost_nav {
	margin: 30px 0 0;
}

.blogpost_nav_older {
	background:url(../images/btn-blogpost-nav-older.gif) center left no-repeat scroll transparent;
	padding-left:1.4em;
	font-weight:bold;
	margin:0 15px 0 0;
}

.blogpost_nav_newer {
	background:url(../images/btn-blogpost-nav-newer.gif) center right no-repeat scroll transparent;
	padding-right:1.4em;
	font-weight:bold;
}

/* @group End Blog Post */


/* @group Blog Archive Nav */

ul#blognav {
	list-style: none;
	margin-left: 0.8em;
}

ul#blognav li {
	list-style: none;
	background: url(../images/btn-blogarchive-byline.gif) center left no-repeat scroll transparent;
	padding: 0 0 0 1.2em;
}


/* @end */

/* @group Blog Last Posts Nav */

ul#lastposts {
	list-style: none;
	margin-left: 0.8em;
}

ul#lastposts li {
	list-style: none;
	background: url(../images/btn-lastposts-byline.gif) 0 0.3em no-repeat scroll transparent;
	padding: 0 0 0.5em 1.2em;
}


/* @end */

/* @group VoYS Subnav */

body.voys ul#subnav li ul {
	margin: 0 0 2px 0 !important;
	padding: 10px 0;
	background: #b3dbe6 url(../images/subsub_bg_tile_voys.gif) 0 0 repeat-x;
}

/* @end */


#relpubs {
	float: left;
	width: 188px;
	padding: 5px 5px 15px 10px;
	background: #f7f7f7 url(../images/relpubs_cap_btm.gif) bottom left no-repeat;
	margin-left: 5px;
}

#relpubs ul {
	margin: 0;
	padding: 0 5px 8px 5px;
	clear: left;
}

#relpubs ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 0 6px 0;
	color: #056495;
}

/* @group VoYS pinboard */

#pinboard {
	float: left;
	clear: left;
	width: 206px;
	background: #cb92c2;
	margin: 0 0 20px 0;
}

#pinboard ul {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 15px 0;
}

#pinboard ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 0;
	background: url(../images/bg_pinboard_btm.gif) bottom center no-repeat;
}

/* @end */

#bg_loudh {
	position: absolute;
	width: 91px;
	height: 90px;
	background: url(../images/bg_loudh_l.png) -18px 0 no-repeat;
	z-index: 0;
	top: 41px;
	right: 0;
}

body.voys .dummyfloat {
	float: left;
	height: 160px;
	width: 140px;
	display: block;
}

.dummyfloat, body#index .dummyfloat {display: none;}

/* tgc edit 20.9.10  */

/* @group Recent-tweets box */

#recent-tweets {
	float: left;
	clear: left;
	width: 204px;
	background: #f7f7f7 url(../images/lt-tweets_btm_voys.gif) bottom left no-repeat;
	padding: 0 0 20px 0;

}

#recent-tweets ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 25px 0;
}

#recent-tweets ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
}

#recent-tweets ul li span {color: #808080;}

/* @end */


/* Publications 
------------------------------------------------------------------- */


div.publicationsformElement {margin:0 0 9px;}

div.publicationsformElement label {
	display:block;font-weight:bold;
	margin:0 0 9px;
}

div.publicationsformElement input#title {width:200px;}

tr.resource_item {
	background: none repeat scroll #e6e6e6;
}




/* End Publications 
------------------------------------------------------------------- */

/* @group Stop long urls on the pinboard */

#pinboard {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}



/* @end */

/* row-one_right buttons ------------- */

.rightcol_button{
	background: url('/images/button_arrow.png') 205px 14px no-repeat #056495;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.6);
    color: #FFFFFF !important;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    height: 15px;
    margin-bottom: 18px;
    padding: 11px 0 18px 13px;
    text-decoration: none !important;
    width: 220px;
}
.rightcol_button:hover{
	background: url('/images/button_arrow.png') 205px 14px no-repeat #25A0C3;
	color: #292929 !important;
}


/* end row-one_right buttons ------------- */

/* Slideshow ------------- */

#slideshowOuter{
	height: 347px;
	position: relative;
	width: 711px;
}
#slideshow { 
	height: 347px;
	left: 0;
	position: absolute;
	top: 0;
	width: 711px;
}
.orbit-caption h2{
    color: #000000;
    float: left;
    font-size: 1.7em;
    margin: 14px 0 0 20px;
    width: 510px;
}
.orbit-caption p{
    color: #000000;
    float: left;
    font-size: 1.3em;
    margin: 2px 0 0 20px;
    width: 510px;
}
.orbit-caption a{
	background: #056495;
    color: #ffffff;
    float: right;
    font-size: 1.8em;
    font-weight: bold;
    padding: 8px 18px 6px;
    position: absolute;
    right: 23px;
    top: 23px;
    text-decoration: none;
}
.orbit-caption a:hover{
	background: #ffffff;
    color: #056495;
}

/* End Slideshow ------------- */

/* Tag styling ------------- */

.tag{
	border-radius: 4px;
	float: left;
	margin: 5px 10px;
}
.tag a{
	background: url('/images/tag_icon.gif') 5px 7px no-repeat;
	border-radius: 4px;
	float: left;
	margin: 0 5px;
	padding: 6px 10px 3px 26px;
	text-decoration: none;
}

/* end Tag styling ------------- */


.dropdown_menu {
    border-radius: 0 0 4px 4px;
    display: none;
    left: 0;
    width: 192px;
    position: absolute;
    top: 48px;
    z-index: 9999;
}

.dropdown_element {
    background-color: #000000;
    border-top: 1px solid #292929;
    display: block;
    padding: 8px 24px;
}

body.no-rhs #content_left, body.no-rhs #col-wrap{
	width: 960px;
}
body.no-rhs #main-content{
	width: 715px;
}


/* Subject section styling ------------- */

body#subjects #leftcol{
	display: none;
}
body#subjects #content_left{
	width: 960px;
}
body#subjects #col-wrap{
	width: 960px;
}

body#subjects #main-content{
	float: left;
	margin-left: 20px;
	width: 940px;
}
body#subjects #main-content h2{
	background: #25A0C3;
	color: #ffffff;
	float: left;
	font-size: 1.8em;
	margin-top: 10px;
	padding: 10px 0 8px 20px;
	width: 100%;
}
body#subjects #main-content dl{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 690px;
}
body#subjects #main-content dd{
	border-bottom: dotted 1px #cccccc;
	margin: 0 0 10px 0;
	padding: 10px 0;
}
body#subjects #main-content dt a{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
body#subjects #main-content ul{
	float: left;
	list-style: none;
	margin: 0 0 10px 20px;
	padding: 0;
	width: 690px;
}
body#subjects #main-content li{
	list-style: none;
	padding: 5px 0;
}
.tag_name{
	border-top: dotted 1px #25A0C3;
	color: #292929;
	float: left;
	margin: 10px 0 20px;
	padding-top: 20px;
	width: 100%;
}


/* end Subject section styling ------------- */

/* questions_and_answers */
#questions_and_answers { padding-top:5px; }
#questions_and_answers .question_and_answer .image{ float:left; width:90px; }
#questions_and_answers .question_and_answer .question { float:left; width: 376px; margin-bottom:15px; }
#questions_and_answers .question_and_answer .question .from_where { clear:both; font-weight:bold; }
#questions_and_answers .question_and_answer .question a { float:left; padding:5px 15px; margin-top:10px; background-color:#3b7fc3; color:#ffffff; text-decoration:none; }
#questions_and_answers .question_and_answer .question a:hover { background-color:#599adb; }
#questions_and_answers .question_and_answer .question .answer { clear:both; display:none; padding-top:10px; }
.question_and_answer { overflow: hidden; }

/* end main.css */