/* BZ Jan 2015
css file for Joomla 3 template protostar
copy to /templates/protostar/css/user.css 

module positions:
main menu below banner = position-1
 (in module > Advanced set Menu Class Suffix = ' nav-pills' (with leading blank !?)  to make it horizontal) 
menus to left = position-8
news to right = position-7
bottom links = footer
 (in module > Advanced set Menu Class Suffix = ' nav-pills' (with leading blank !?)  to make it horizontal
  and Menu Tag ID = FooterMenu to enable change bg color to grey below)
template settings : protostar > Style > advanced
logo > select banner image
Google fonts = off
bg colour = #063251 (copied from EMMI SPIP site, earlier: #dddddd)
colour = #006ba1 (for menu fonts)

other colour settings: 
IDS header/logo blue = #32A8E9; set below
highlighted menus etc = #0088cc (below and in template color)

*/

body.site {
  background-image: url('../images/molecules.png');
  background-repeat: no-repeat;
}

.header-inner {padding:15px;background-color: #32A8E9;}

.inputbox.search-query { margin-top: 5px; }

@media screen and (min-width: 768px ) {
.header .brand {
    width: 75%;
    float: left;
}
}

.header {
  margin-bottom: 2px;
}
.navigation {
  margin-top: 2px;
  margin-bottom: 2px;
}

.NewsList h4 { /* format list latest-news: add line above each title */
  border-width: 1px;
  border-top-style: solid;
  padding-top: 6px;
  border-color: gray; 
}

/* this affects all menus */
.nav { 
  font-variant: small-caps;
  font-size:115%;
  background-color: #dddddd; /*#a3ddff;*/
}

.nav-child { /*submenus */
  font-size: 90%;
  padding-left: 5px;
}

.navigation .nav-child { /*submenu of main menu */
  background-color: #a3ddff;
}

.nav-pills {
  font-size: 1.30em;
  background-color: #a3ddff;
}

.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
    color: #ffffff;  
   	background-color: #32A8E9; /*rgb(0, 136, 204);*/ 
}

.FotoliaBZ {
  margin: 8px;
  margin-left: 20px;
}

.NewsMenu {
  margin-top:5px;
}

#SideMenu {
  background-color:#666666; /* creates a line between menu items */
}
#SideMenu h3 {
  margin:0px;padding:0px;
}
#SideMenu li {
  margin-bottom:1px;
  background-color: #dddddd;
}

#FooterMenu {
  background-color:#32A8E9;
}

.footer { /* affects font color of copyright notice*/
  color:#32A8E9;
}

li {
  margin-top: 3pt
}
/*used by SMS edit forms: */
.BZform fieldset {
	width: 580px; 
	min-width: 580px;
	padding:0px;
}

.BZform label {
	width: 250px;
	float: left;
	text-align: right;
	line-height:100%;
	margin-top: 6px;
}
.BZform input, .BZform textarea, .BZform select {
	max-width: 300px;
	margin: 4px;
	margin-top: 6px;
	color: #444;
	float: left;
	padding:1px;
}
.BZform button, .BZform input[type="button"], .BZform  input[type="submit"] {
	text-align:center;
}

.BZform br { /*Always include a BR tag at the end of a line of items, imediately after INPUT etc*/
	clear: left;
}

/*following is for page Research Fields*/

div.textblock {
	font-family: arial;
	margin: 1em 0 0 1em;
	float: left;
	width: 92%;
}
@media screen and (min-width: 44em ) { 
div.tbnarrow {
    width: 20em;		
}
div.tbwide {
	width: 41em;
	clear: left;
}
}
div.blocktitle {
	font-size: 125%;
	font-style: italic;
}
div.blockrect {
	background-color: #EEEEEE; 
	border: 1px solid black;
}
div.blockrect ul {
	margin: 2px;
	padding: 1px;
	padding-left: 1em;
	list-style-type:disc;
}
div.blockrect li {
	margin: 0;
	margin-top: 1px;
	padding: 0;
}