/****************************/
/* CUSTOM STYLE CSS         */
/****************************/
/* 
Put your custom css and css overrides in this file.  By restricting 
your css changes to custom-style.css, your changes will not be overwritten 
when upgrading to a new version of this theme.

Steps to customize your 0Point theme:                       
1. Add your custom css to this file                
2. Rename this file to local.css                   
3. Uncomment different examples and modify data as you wish 
4. Clear cached data at admin/settings/performance 
*/
/****************************/

/* Erase or comment the lines below to get rid of the image in the right sidebar 
 * and the brand image or choose another image and change the path instead. */

/*
#wrapper {
	background: transparent url(../images/all/_sidebarimg.png) 99% 99% no-repeat;
}

#brand {
	background: url(../images/all/_brand.png) 50% 30% no-repeat;
	position: relative;
	margin: 5px auto 0;
	width: 250px;
	height: 50px;
}
*/

/********************/
/* DROP DOWN SHADOW */
/********************/

ul.firstsublayer, 
ul.sublayer {
	background: url(../images/menushadow.png) no-repeat 7px 5px; 
}

/* Uncomment the first declaration below to hide the titles on the front page 
 * Addapt the second declaration to hide a certain title. 
 * Third one is for no "Read more" on the first page. */ 
/*
.front h2 a {
	display: none;
}
.front #node-XXX h2 a {
	display: none;
}
.front .node_read_more {
	display: none;
}
*/


/*******************************/
/* CUSTOM FIXED or FLUID WIDTH */
/*******************************/ 
/* First choose "Custom Layout width" in 0 Point settings page.
 * Uncomment the lines below and modify the value as you wish. 
 * E.g. 1000px for fixed width or 85% for fluid width */

body.layout-fluid .sizer0 {
	width: 90%;
}
body.layout-fixed .sizer0 {
	width: 1175px;
}



/*******************************/
/* CUSTOM Equal width sidebars */
/*******************************/ 
/* First choose "Equal width sidebars" in 0 Point settings page.
 * Uncomment the lines below and modify the values keeping pair values. */

body.l-m-r-eq .colleft, body.m-r-eq .colleft, body.l-m-eq .colleft {
	width: 204px;
	margin-left: -204px;
}
body.l-m-r-eq .colright, body.m-r-eq .colright, body.l-m-eq .colright {
	width: 350px;
	margin-right: -350px;
}
body.l-m-r-eq .outer, body.l-m-eq .outer, body.l-m-eq .outer {
	margin-left: 204px;
}
body.l-m-r-eq .outer, body.m-r-eq .outer, body.m-r-eq .outer {
	margin-right: 350px;
}
body.l-m-eq .colleft {
	width: 204px;
	margin-left: -204px;
}
body.m-r-eq .colright {
	width: 350px;
	margin-right: -350px;
}


/******************************/
/* SPECIAL STATIC-MENU COLORS */
/******************************/

/* Uncomment this to have different colors (and chooose them) for first and last menu items. */
/*
#navlist li.first a {
	background: #D0932C;
}
#navlist li.last a {
	background: #BF5D8C;
}
*/


/* Change the values below accordingly: XXX=menu numer; YYY=background color. */
/*
#navlist li.menu-XXX a {
	background: #YYY;
}
*/



/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where XXX is the block number */

/*
#block-block-XXX .block-icon {
background: transparent url(../images/contact_48.png) no-repeat;
}
*/


/********************************/
/* START things that Bill added */
/********************************/

/* pictures on profiles */
.profile-picture * img {
	border: 1px solid black;
}

/* fix lists on profiles */
#user-profile * ol, #user-profile * ul {
	margin-left: 2em;
}

/* fix lists on other pages */
.colmain * ol, .colmain * ul {
	margin-left: 2em;
}

/* trying to bold the active author */
div.biblio-entry a.active {
	font-weight: bold;
}

/* an effort to control the size of users pictures in the lab list */
.view-user-list * .views-field-picture * img {
	width: 120px;
	margin: auto;
    border: 1px solid black;
}

.view-user-list * table {
	width:80%;
}

/* Hide pictures in teasers on User News */
.page-usernews * img.mceItem{
	display:none;
}

/* add some style to the hr elements */
hr {
	width: 70%;
	border:0;
	color:#2F71A2;
	background-color: #2F71A2;
	height:2px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

/* center anything with the class center */
.center {
	text-align:center;
}

/* add a black border to LightBox images */
a.lightbox-processed img {
    border: 1px solid black;
}

/****************************************/
/* Some styling for the pop-ups on maps */
/****************************************/

/* control the of images in the pop-ups on maps */
/* body.page-sites_map * div.openlayers-popup-description * img { */
body.page-sites_map #popup {
}
body.page-sites_map .openlayers-tooltip-description img {
	border:1px solid black;
	height:50px;
	max-width: 75px;
	width: auto;
	margin:2px;
}
body.page-sites_map .openlayers-tooltip-description .item-list ul {
	list-style-type: none;
	display: inline;
}
body.page-sites_map .openlayers-tooltip-description .item-list ul li {
 	margin: 0;
	padding: 0 .25em;
	display: inline;
	float: left;
}

/* styling for the name */
/*body.page-sites_map * div.openlayers-popup-name { */
body.page-sites_map .openlayers-tooltip-name {
	clear:both;
	font-weight:bold;
}

/*
body.page-sites_map * div.olFramedCloudPopupContent {
	min-height:100px;
	min-width:330px;
}
*/

/* make all the images show on one line */
/*body.page-sites_map * div.openlayers-popup-description div.field-item {
	float:left;
}
*/

/* now the styling for the front page block map and map on site page */
/* hide the images */
body.front * div.openlayers-popup-description, body.node-type-site * div.openlayers-popup-description {
	display:none;
}

/* styling for the name */
body.front * div.openlayers-popup-name, body.node-type-site * div.openlayers-popup-name {
	font-size:smaller;
}

/* Fix for missing tiles so the don't show at all */
.olImageLoadError {
	opacity: 0 !important; 
}


/* Legend Formatting for Maps*/
/* formatting of the coloured boxes on the scale panel */
.scale_colour {        
	border-color: #000000;        
	border-style: none;        
	border-width: 1px;        
	width: 16px;        
	height: 16px; 
}
.map_legend {
	border-collapse: separate;
	font-size: smaller;
}


/* Themeing for the Block Switcher */
div.openlayers-blockswitcher * div.layers-content {
	font-size: smaller;
}

div.openlayers-blockswitcher * div.layers-content div.form-item {
	margin:0;
}

#block-openlayers_plus-blockswitcher * div.radio {
  background: transparent url('inactive.png') 0px 0px no-repeat;
  padding: 3px 0px 3px 25px;
  min-height:20px; /*IE7*/
  }

#block-openlayers_plus-blockswitcher * div.activated {
  background: transparent url('active.png') 0px 0px no-repeat;
  padding: 3px 0px 3px 25px;
  min-height:20px; /*IE7*/
  }
  
.openlayers-blockswitcher span.key {
  display:none !important;
  float:left;
  height:0px;
  width:0px;
  margin-right:0px;
  }
  
.openlayers-blockswitcher div.checkbox label.option {
	margin-left:5px;
}

#block-openlayers_plus-blockswitcher h2.layers-title { 
  padding:2px 0px;
  }
  
/* Controlling the Random and Latest Image Block */
#block-photos-0 * li, #block-photos-3 * li {
	float:left;
	list-style:none;
	margin:3px 15px;
}

#block-photos-0 * ul, #block-photos-3 * ul {
	margin-left:10px;
}

#block-photos-0 * .more-link, #block-photos-3 * .more-link {
	clear:both;
}

#block-photos-0 * img, #block-photos-3 * img {
	border:solid black 1px;	
}


/* Fix the figure/tables on the project pages */
#projects-page * .pane-content * table {
	width:auto;
}

/* Add a background to the page */
#wrapper, #headimg, #breadcrumb{
	background: url(header_3.jpg);
}
.himg #header  {
	background-color: transparent;
}

/* HEADER IMAGE ROTATOR */
.himg #headimg {
	background-position: 50% 20px;
}

/* Make the Real-Time Data link on Site pages stand out */
#realtimedata {
	font-size:125%;
	font-weight:bold;
}
	
/* Some theming for the website name in the header img */
#site-name {
	text-shadow: black 0.1em 0.1em 0.2em;
}