/*
THEME NAME: Biochange-lab
AUTHOR: <a href="http://www.alva-design.com/">Winy Schalke</a>
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }





/*
-----------------------------------------------
colour palette
-----------------------------------------------
blue:		#3854aa
darkgreen:	#105300 or 00483f
lightgreen:	#9c3 or 6f7f27 or 808000
darkgray:	#b6bfb3
lightgrey:	#e0e3e9

projects:
alarm (orange) #C74D26
ecochange (purple) #C0128A
macis (blue) #3B559F
iberiagap (yellow) #DDA222
bioimpacto (aqua) #34A3AA
----------------------------------------------- */





body{
background:#e0e3e9;
}



html,body {
	height:100%; /* needed for container min-height */
	font-family:verdana,sans-serif;
	color:#666;
}



div#container {
text-align: left; 
width:750px;background:#fff;
border:10px solid #b6bfb3;
		border-top-width: 0;		border-bottom-width: 0;
position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}




div#header {
	position:relative;
	height:95px;
	background:#9c3;}

div#header h1 {
		text-indent:20px;font-size:25px; font-weight:normal;
		color:#fff;line-height:95px; margin-top:0; margin-bottom:0;
	}
	div#header h1 a, div#header h1 a:visited {	
		color:#fff;
	}
div#blog-description {
letter-spacing:.1em;
text-align:right;
height:30px;
line-height:30px;
background:#105300;
color:#fff;
padding-right:20px;}



divdiv#blog-description p{
margin-top:0; margin-bottom:0;}

div#blog-description img{
padding-left:10px;
vertical-align:middle;}
	
/* search
----------------------------------------------- */

form#searchform {
position:absolute; right: 0; top:30px;    
 width: 225px;}
form#searchform input#s {
       width: 150px;}

/* splash
----------------------------------------------- */
div#splash{
position:relative;height:75px;
background:url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash.jpg) no-repeat;
}

body.pageid-2 div#splash, body.pageid-3 div#splash{
height:150px;
background:url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-home.jpg) no-repeat;
}

/* alarm */
body.parent-pageid-20 div#splash{
background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-alarm-sub.jpg) no-repeat;}
body.pageid-20 div#splash{
}
body.pageid-20 div#container2{
margin-top:-75px;
}
body.pageid-20 div#content{background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-alarm-home.jpg) top right no-repeat;
padding-top: 470px;
}
body.pageid-20 div#sidebar_c {
padding:75px 20px 20px 20px;
}
/* ecochange */
body.parent-pageid-21 div#splash{
background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-ecochange-sub.jpg) no-repeat;}
body.pageid-21 div#splash{
}
body.pageid-21 div#container2{
margin-top:-75px;
}
body.pageid-21 div#content{background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-ecochange-home.jpg) top right no-repeat;
padding-top: 470px;
}
body.pageid-21 div#sidebar_c {
padding:75px 20px 20px 20px;
}

/* macis */
body.parent-pageid-22 div#splash{
background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-macis-sub.jpg) no-repeat;}
body.pageid-22 div#splash{
}
body.pageid-22 div#container2{
margin-top:-75px;
}
body.pageid-22 div#content{background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-macis-home.jpg) top right no-repeat;
padding-top: 470px;
}
body.pageid-22 div#sidebar_c {
padding:75px 20px 20px 20px;
}

/* iberiagap */
body.parent-pageid-23 div#splash{
background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-iberiagap-sub.jpg) no-repeat;}
body.pageid-23 div#splash{
}
body.pageid-23 div#container2{
margin-top:-75px;
}
body.pageid-23 div#content{background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-iberiagap-home.jpg) top right no-repeat;
padding-top: 470px;
}
body.pageid-23 div#sidebar_c {
padding:75px 20px 20px 20px;
}

/* bioimpacto */
body.parent-pageid-24 div#splash{
background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-bioimpacto-sub.jpg) no-repeat;}
body.pageid-24 div#splash{
}
body.pageid-24 div#container2{
margin-top:-75px;
}
body.pageid-24 div#content{background: url(http://www.biochange-lab.eu/wordpress/wp-content/themes/biochange-lab/images/splash-bioimpacto-home.jpg) top right no-repeat;
padding-top: 470px;
}
body.pageid-24 div#sidebar_c {
padding:75px 20px 20px 20px;
}




div#container2 {
overflow: hidden;
width:100%;
position: relative;
padding:0 0 80px 0; /* bottom padding for footer */
}


div#content {
float:right;
width:450px;}

div#content_c{
padding: 20px 20px 0 0;
/* ie6 hack */_padding: 20px 10px 0 0;}

div#sidebar {
float: left;
width: 300px;
margin-top:2.4em;
}
	
div#sidebar_c {
padding:0 20px 20px 20px;}

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

div#nav_main li {
       padding-top:0.3em;
	padding-bottom:0.3em;
}

div#nav_main li a {
	color:#999;
       }

div#nav_main li li {
       margin-left: 20px;
       border: 0;
       padding-top:0.3em;
	padding-bottom:0.3em;
       font-weight: normal;
       font-size: 0.9em; }

div#nav_main li.current_page_item a {
       color:#9c3; font-weight: bold;
       }

body.pageid-2 div#nav_main li.home a {
       color:#9c3; font-weight: bold;
       }

div#nav_main li.current_page_item li a {
       color: #999;
       font-weight: normal;}


div#nav_main li a:hover {
	color:#000;
	}

div#nav_main ul ul {
	margin-bottom:0;
	padding-bottom:0;
	}


div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:transparent;
	height: 70px; line-height: 70px;
	border-bottom:10px solid #b6bfb3;

color:#666;

}
div#footer div#nav_tools {
	margin-left: 280px; 
	
      }
#footer li {
       display: inline; 
       list-style-type: none; border-right: 1px solid #ccc; 
       padding-left: 0.5em; padding-right: 0.5em;}
#footer li.first {
       padding-left: 0;
}

#footer li.page-item-12 {
       padding-left: 0;
}
#footer li.top {
       padding-right: 0; border-right: 0;

}
#footer li a:hover {
	color:#000;
	}

div#footer div#logos {
	float:left;
	padding-left:20px;}
div#footer div#logos img{
	margin-right:10px;
	}




/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #666; 
  font-family: "lucida grande", arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 1.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; border-top:1px solid #ccc; padding-top:0.8em; margin-top:1.4em;}
h4 {font-size:1em;
	margin-top:1em;
       margin-bottom: 0;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  
}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.2em; }
div#content img       { float: left; margin-right: 10px; margin-bottom:10px; }
div#content td img       { float: none; margin-right: 10px; margin-bottom:10px; }

div#content  img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

div.entry-content:{display:block;position:relative;}


strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 



/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 2.5em;}
ul, ol      { margin: 0 2.5em 1.5em 2.5em; }

ol       { padding-left: 0;}


ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Anchors
-------------------------------------------------------------- */

a { 
	color: #3854aa;
	text-decoration: none;
	}
a:link, a:visited, a:active  { 
	color: #3854aa;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}




/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 0;

tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* clear
----------------------------------------------- */
.clear {clear: both; 
}

/* sitemap
----------------------------------------------- */
.clear {clear: both; 
}

.ddsg-wrapper p, .ddsg-wrapper h2 {display:none;}

/* level 1 */
.ddsg-wrapper ul { margin-left:0; list-style-type: none; }
.ddsg-wrapper li {font-weight:bold;font-size: 1.2em; border-top:1px solid #ccc; margin-top:.5em; padding-top:.5em;}

/* level 2 */
.ddsg-wrapper ul ul { margin-left:1.5em; list-style-type: disc; }
.ddsg-wrapper li li {margin-top:.5em; padding-top:0; line-height:1.5; font-weight:normal;font-size: 0.9em; border-top:0; }

/* level 3 */
.ddsg-wrapper li li li {font-size: 1em; margin-top:0;pading-top:0;}