/* shao.hms.harvard.edu - local.css */


@media all and (max-width: 540px) {
.site-logo{
		      height: auto;
        border-right: none;

 }
	
	.site-logo img{
		      padding-bottom: 10px;
        margin-bottom: 10px;
 }
	
 #header .block-system-branding-block{

        padding: 20px 5px;
}
}


@media (min-width: 540px) {
    .site-logo{
    	height: auto;
      float:left;
      margin-right: 20px;
    }
    
    #header .block-system-branding-block{
    	width:720px;
      padding: 20px 5px;
    }
}


body{
*	background: #D6D6D6;
  font-size: 15px;
}

a:link,
a:visited{
    color: #CE2525;
    outline: medium none;
    text-decoration: none;
}

#header{
		background: #FFFFFF;
		border-bottom: 1px solid #ddd;
}

#header .container {
    padding-bottom: 5px;
    padding-top: 0;
}



.site-logo img{
		width: 52px;
		margin-top: 0;
		padding: 5px 0;
		border-radius: 0;
		background: none;
}

#header .name-and-slogan{
	float: unset;
	padding: 0;
}
.site-name{
        font-size: 48px;
        font-weight: bold;
        line-height: 1em;
      *  white-space: nowrap;
}
.site-name a{
      *  color:#CE2525;
      color: #415b63;
}
.site-slogan{
      *  line-height: 1.2;
}

.site-slogan .slogan-color{
      *  color: #900;
}


/*** menu STARTS ***/



#main-menu{
	margin-bottom: 0;
  background: #BAC5C6;
  font-weight: bold;
}


#main-menu .container{
  background: #415b63;

}

#main-menu .container{
		border-radius: 0;
        box-shadow: none;
}

#main .container{
*		box-shadow: 0 0 2px #333;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
	border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#main-menu .container ul.menu li {
   border-left: none;
}

#main-menu .container ul.menu li.menu-item--active-trail > a,
#main-menu .container ul.menu li .is-active{
    background: #232323;
}

#main-menu .container ul.menu li:hover > a,
#main-menu .container ul.menu ul.menu li:hover > a{
    background: #333232;
}

#main-menu .container ul.menu ul.menu li a{
    color: #F3F3F1;
}
#main-menu .container ul.menu ul.menu{
    background: #5E5E5E;
    border: none;
    color: #F3F3F1;
}

/*** menu ENDS ***/




/**** slideshow ***/

#block-views-block-slideshow-block-1{
   *     margin:-15px -15px 7px;
}

#slideshow_container{
     *   height: 400px !important; /* overwrites height that is applied directly to element by js G.S. */ 
}
#slideshow .container{
	border-radius: 0;
  * box-shadow: 0 0 2px #333;
}
#slideshow .flex-caption{
        display: none;
}

#slideshow{
        margin-bottom: 0;
}
/********/




.font_oswald,
#main-menu .container ul.menu li > a,
#slideshow .container .views-field-title,
#featured .container .views-field-title,
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}

h1.page-title{
	font-size: 2.2em;
	color: #415b63;
}
h3, .h3 {
    font-size: 1.3em;
}
/*** People node START ***/

/*

.page-node-type-lab-member h1.page-title{
    margin: 0;
}
.node.node--view-mode-full .field--name-field-image{
    float: left;
    margin-right: 20px;

}

.page-node-type-lab-member .field--name-lab-member-positions{
    margin-bottom: 20px;
}

.page-node-type-lab-member .field--name-field-address,
.page-node-type-lab-member .field--name-field-phone,
.page-node-type-lab-member .field--name-field-fax,
.page-node-type-lab-member .field--name-body{
    overflow: hidden;
}
*/
/*** People node ENDS ***/



/*** view ***/

#main .container .content .views-row{
    border-top: none;
    margin-bottom: 15px;
    padding-top: 0;
}





/*** views-table START ***/

table.views-table{
		width: 100%;
		border: white;
}
table.views-table caption{
    border-bottom: 1px dotted #bbb;
    color: #315282;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2em;
    text-align: left;
}
table.views-table tr th{
		color: white;
		font-weight: normal;
		background: #777;
		border: 1px solid white;
		padding: 8px;
}

table.views-table tr th a{
        color: white;
        text-decoration: underline;
}

table.views-table tr td{
		padding:8px;
		vertical-align: top;
		background: #ddd;
		border: 1px solid white;
		
}

/*** views-table ENDS ***/

/*** views exposed filters START ***/

.views-exposed-form label{
    display: table;
}

.views-exposed-form input{
    border: 1px solid #bbb;
    width:135px;
}

.views-exposed-form input#edit-field-notes-value,
.views-exposed-form input#edit-field-sequence2-value{
    width: 205px;
}

.views-exposed-form input#edit-field-plasmid-number-value,
.views-exposed-form input#edit-field-location-value{
    width: 90px;
}

/*** views exposed filters END ***/


/*** people, alumni  view display ***/

.views-field-field-image,
.views-field-field-people-photo{
        float: left;
        margin-right: 30px;
}

.views-field-field-position{
    margin-bottom: 12px;
}

/*
body.path-people .views-view-grid .views-col{

    margin-right: 25px;
}

*/

body.path-people .views-field-title{
    font-weight: bold;
}

h3.views-field-title{
		margin-top: 0;
		margin-bottom: 2px;
}

h2 a:visited,
h2 a:link,
h2 a:hover{
    color: #BAC5C6;
}
.views-field-title h2{
        margin-bottom:5px;
}




.people-view-name{
		font-weight: bold;
}

td.views-field-field-image{
    width: 150px;
    min-width: 150px;
}

.views-field-field-image img{
    border: 2px solid #336699;
    padding: 3px;
}


body.path-people .block-views h1.page-title,
body.path-people .attachment h1.page-title{
    margin-top: 35px;
}
body.path-people .block-views .views-row,
body.path-people .attachment .views-row {
    padding: 8px 0;
}
body.path-people .block-views .views-field,
body.path-people .attachment .views-field{
    float: left;
    margin-right: 30px;
    width: 200px;
}

body.path-people .attachment .views-field-title{
    font-weight: bold;
    margin-top: 0;

}


#block-views-block-people-block-2 table.views-table caption{
	color: inherit;
	margin-top: 1em;
}

#block-views-block-people-block-2 .views-field-title{
	width: 200px;
}
#block-views-block-people-block-2 .views-field-field-year{
	width: 100px;
}
#block-views-block-people-block-2 .views-field-edit-node{
	width: 45px;
}
/******** people alumni view display ENDS ************/

/*** photo album node ***/
.field--name-field-photo .field__item{
    border: 1px solid #315282;
    float: left;
    margin: 10px;
    padding: 1px;
}
/*** photo albumn node ENDS ***/

p#news {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
}
/*** news node and view ***/


body.page-node-type-news .field--name-field-images .field__item{
    float:left;
    margin-right: 20px;

}

.views-field-field-images a.colorbox img{
        border: 1px solid #595E61;
        margin-bottom: 15px;
}
/*** news node and view ENDS ***/




/*** publications view STARTS ***/

body.path-publications .views-field-body p{
    margin-bottom: 0;
}
body.path-publications .views-field-body a{
    color: #555;
}
body.path-publications .views-field-body a:hover{
    color: #ce2525;
}
/*** publications END ***/

/*** panel START ***/
#panel_first a:link,
#panel_first a:visited {
    color: #bbb;
}

#panel_first a:hover{
    color: white;
}

/*** panel END ***/

/*** panel_second ***/

#panel_second .container{
*	background: #96999b;
	background: #BAC5C6;
	padding: 20px 15px;
}

#panel_second a:link,
#panel_second a:visited{
	color: #9B0000;
}

#panel_second a:hover{
	color: #770202;
}


#panel_second .region-panel-second-1,
#panel_second .region-panel-second-2{
  line-height: 88px;
  text-align: center;
}

#panel_second .region-panel-second-1 img{ /* HMS logo */
	width: 200px;
}
#panel_second .region-panel-second-2 img{ /* HHMI logo */
	width: 260px;
}
/*******************/

/*** footer START ***/
#footer .block{
    width: 100%;
}
/*** footer END ***/

/*** copyright ***/
#footer #block-copyright{
  text-align: center;
  color: #777;
  font-weight: bold;
}
/*** copyright ENDS ***/

/*** button ***/

a.btn{
	background: #CE2525;
  color: white;
  font-weight: bold;
  margin-bottom: 15px;
}

a.btn:hover{
	background: #770202;
	color: white;
}

a.btn-btt{
    color: #AAA;
}

/*** button ENDS ***/

/*** limited the width of sequence2 field used in Common Primer content type ***/
.field--name-field-sequence2,
.views-field-field-sequence2{
   word-wrap: break-word;
   max-width: 23em;
}


/*** research node ***/
body.page-node-type-research-project .node.node--view-mode-full .field--name-field-image {
    text-align: center;

}


/*************/

/*** research view STARTS ***/

#block-views-block-research-block-1 .views-field-field-image-thumbnail{
		float:left;
		margin-right: 15px;
		max-width: 480px;
}

#block-views-block-research-block-1 .views-field-field-image-thumbnail img{
		border: 1px solid #aaa;
        box-shadow: 0 0 5px #d6d6d6;
}
#block-views-block-research-block-1 .views-field-field-image-thumbnail a:hover img{
		border: 1px solid #ce2525;
        box-shadow: 0 0 2px #ce2525;

}
h2.views-field-title{
        color:#415b63;
}

/*** research view ENDS ***/