/* css for Lung Biology Research Laboratory */
/* last update 2009-12-10 MJY */

/* ---- Global ------------------------------ */

html { background: #4c8bb2 url(http://www.dartmouth.edu/~lbcobre/graphics/back-1.png) repeat-x; }


body {
	background: transparent url(http://www.dartmouth.edu/~lbcobre/graphics/back-2.jpg) no-repeat;
	color: #696969;
	font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 62.5%;
  line-height: 1.8em;
  }
 

* { 
	padding: 0; 
	margin: 0;
	}
	
a { 
	color: #ce0c67; 
	text-decoration: none;
	}

a:hover { text-decoration: underline; }

#footer a {
	color: #bebdba;
	}

	
/* ---- Layout ------------------------------ */



#wrapper {
	width: 1004px;	
	margin: 0 auto;
	}
	
#wrapper2 {
	float: left;
	background: transparent url(http://www.dartmouth.edu/~lbcobre/graphics/page-back-3.png) no-repeat;
	padding: 18px 0 0;
	/* padding: 18px 25px 0 25px; */
	}
	
#wrapper1 {
	float: left;
	/* background: transparent  url(http://www.dartmouth.edu/~lbcobre/graphics/grid.gif) 18px 0  ; /* 12 col grid of 78px units */
	background: transparent url(http://www.dartmouth.edu/~lbcobre/graphics/page-back-2.png) repeat-y;
	text-align: left;
	padding: 0 25px 0 25px;
	}
	

#banner {
	display: inline;
	float: left;
	width: 954px;
	position: relative;
	margin-left: 25px;
	}
	
#logo {
	bottom: 4px;
	height: 62px;
	left: 20px;
	position: absolute;
	width: 64px;
	}

#logo img { height: 0; }

#logo span, #logo a {
	background:transparent url(http://www.dartmouth.edu/~lbcobre/graphics/logo.gif) no-repeat;
	display:block;
	height: 62px;
	width: 64px;
	}
				
.gutter {
	padding: 18px 18px 18px 0; /* add 18px left padding if switch to percentages */
	}

	
#main {
	background: #ebeae6;
	float: left;
	width: 954px;
	}
	
#content {
	float: left;
	overflow: hidden;
	width: 624px; /* 8 units of 78px */
	}
	
#content .gutter {
	background: #ebeae6 url(http://www.dartmouth.edu/~lbcobre/graphics/content-back.png) repeat-x ;
	margin: 9px 0 0 9px;
	padding: 18px 30px;
	}
	
#photostrip {
	background: #ebeae6;
	float: left;
	height: 72px;
	margin-left: 25px;
	position: relative;
	width: 954px;
	}
	
#search {
  z-index: 100;
	background: transparent url(http://www.dartmouth.edu/~lbcobre/graphics/trans-back.png) ;
	height: 72px;
	width: 330px;
	position: absolute;
	right: 0;
	top: 0;
	}
	
#search p {
	color: #5c5c5c;
	letter-spacing: 2px;
	padding: 27px 18px 18px 18px;
	text-transform: uppercase;
	font-size: 12px;
	}
	
#search #searchbox {
	background: #d1d5dd;
	border: 1px solid #fff;
	width: 170px;
	}
	

#sidebarB {
	float: left;
	overflow: hidden;
	width: 312px; /* 4 units of 78px */
	}
	
#sidebarB .gutter {
	padding: 9px 27px 18px 18px;
	}
	

#content .callout {
	float: right;
	width: 234px; /* 3 units of 78px */
	margin: 0 -78px 18px 18px;
	}
	

#footerWrap {
	background: #356284;
	float: left;
	width: 100%;
	}

#footer {
	background: transparent url(http://www.dartmouth.edu/~lbcobre/graphics/page-bottom.png) no-repeat center 0;
	clear: both;
	margin: 0 auto;
	padding: 27px 0 18px 0;
	width: 1004px;
	}
	
#footer .gutter {
	padding: 0 64px 0 64px;	
	}
	
/* layout for home and other pages with .noStrip class */

.noStrip #wrapper2 {
	position: relative;
	padding: 18px 0 0;
	}
	
.noStrip #photostrip {
	margin-left: 25px; 
	position: static; 
	}
	
.noStrip #search {
	right: 25px; 
	top: 18px;
	}
	
.noStrip #content {
	margin-top: -72px;
	}
	
.noStrip #sidebarB .gutter {
	padding-top: 0;
	}

/* nav */
	
#mainNav {
    float: right;
    padding-right: 18px;
    }

#mainNav dl {
	border-left: 1px solid #b7c2ca;
    color: #fff;
    float: left;
	font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	height: 5.5em;
    margin: 0 0 0 8px;
    padding: 3px 0 0 9px;
    width: 138px;
    white-space: nowrap;
	}
	
#mainNav dt { 
    font-size: .857em;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 27px;
	}
	
#mainNav dd { 
    font-size: .857em;
    margin-bottom: 6px;
	}
	
#mainNav a {
	color: #fff;
	}
	
	
#footer li.last a { border-right: none; }

#subNav {
	list-style-type: none;
	margin-left: 0;
	min-height: 162px;
	}
	
#subNav ul {
	list-style-type: none;
	margin-left: 0;
	}
	
#subNav a {
	display: block;
	margin-left: -8px;
	padding: 3px 18px 3px 9px;
	text-decoration: none;
	width: 246px
	}
	
#subNav ul a {padding-left: 24px;}
	
#subNav a:hover {
	background: #c9c7c2;
	}
	
#subNav li {
	margin-bottom: 3px;
	}

ul#subSubNav li span {
  font-size: 0.9em;
	color: #696969;
;
}

#footer ul {
	clear: both;
	float: left;
    white-space: nowrap;
    color: #bebdba;
    margin: 0;
    width: 100%;
    font-size: 1.2em;
	}
	
#footer ul li {
    display: inline;
    list-style-type: none;
	}
	
#footer ul li a { 
    padding: 0 18px;
	float: left;
	border-right: 1px solid #333;
	color: #bebdba;
	}


	
/* type */

#content p, ul, ol, dl, td { 
	font-size: 1.4em;
	}
	
ul ul { font-size: 12px; margin-bottom: 0;}

ul li {
	line-height: 14px;
	margin-bottom: 3px;
	}

#content p, ul, ol, dl, h1 {
	margin-bottom: 18px;
	}

#sidebarB p {
  font-size: 12px;
  margin-bottom: 18px;
}
	
li { 
	margin-bottom: .6em;
	}


h1, h2, h3, h4 {
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	}

h1 {
	/* color: #2782c9; */
	color: #2565c6;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 36px;
	}

#projects h1 {
  font-size: 2.1em;
	font-weight: normal;
	line-height: normal;
}
	
h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
	line-height: 27px;
	margin-bottom: 9px;
	}

#projects h2 {
	font-size: 1.8em; 
	font-weight: normal;
	line-height: normal;
}
	
h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #000;
	margin-bottom: 9px;
	}
	
h4 {
  font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	}
	
ul, ol {
	margin-left: 20px;
	}

blockquote {
	background: #edf4d1;
	padding: 18px;
	}

blockquote p {
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	font-size: 1.8em;
	line-height: 1.6em;
	color: #585f3c;
	}
	
#banner h1 {
	color: #fff;
	float: left;
	font-size: 28px;
	line-height: 36px;
	margin: 27px 18px 0 0;
	padding: 0 0 0 102px;
	}
	
#content p strong {
	color: #000;
	font-weight: normal;
	}
	
#sidebarB h3 {
	color: #5c5c5c;
	font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 9px;
	text-transform: uppercase;
	}
	
.noStrip #sidebarB h2 {
	background: #2264c6 url(http://www.dartmouth.edu/~lbcobre/graphics/blue-bar.gif) repeat-x;
	color: white;
	font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	margin: 0 0 12px 0;
	line-height: 18px;
	padding: 0 6px;
	text-transform: uppercase;
	}
	

/* version 3 (the original) */
.noStrip #sidebarB h3 {
	color: #2565c6;
	letter-spacing: 0;
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; 
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 0;
	text-transform: none;
	}
	
/* version 2 */
/* .noStrip #sidebarB h3 {
	color: #333;
	margin-bottom: 0;
	} */
	
/* version 4 */
/* .noStrip #sidebarB h3 {
	letter-spacing: 0;
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; 
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 0;
	text-transform: none;
	} */
	
.noStrip #sidebarB h4 {	
	color: #000;
	font-size: 10px;
	font-family: Trebuchet MS, TrebuchetMS,Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	}
	
.more {
	/* text-align: right; 
	display: block; */ 
	font-size: 12px;
	}
	
#footer p {
	color: #bebdba;
	font-size: 12px;
	}

	
/* images */

#content img {display: block;}

a img {
	border: none;
	}
	
img.left {
	margin: 3px 18px 9px 0;
	}
	
/* misc */
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}

.clear { 
  clear: both; 
  }


div.figure.left {
	float: left;
	padding: 0px 10px 0px 0;
	background: #d8d6d1;
	margin-bottom: 15px;
	}
	
div.figure.right {
	float: right;
	padding: 0px 0px 0px 10px;
	background: #d8d6d1;
	margin-bottom: 15px;
	}

div.figure.center {
	padding: 15px 15px 15px 15px;
	background: #d8d6d1;
	margin-bottom: 15px;
}
	
.figure p {
	margin: 0 0 7px 0;
	font-size: 1.1em;
	line-height: 130%;
	color: #000;
	}

#photostripImx {
  height: 72px;
  width: 954px;
  overflow: hidden;
}

#photostripImxHome {
  height: 216px;
  width: 624px;
  overflow: hidden;
}

#sideImx {
  width: 266px;
  height: 400px;
  overflow: hidden;
}