/* CB207 local.css */

@media all and (max-width: 540px) {
.site-logo{
		      height: auto;
        border-right: none;
        margin-bottom: 10px;
 }
	
	.site-logo img{
		      padding-bottom: 10px;
        border-bottom: 2px solid black;
        margin-bottom: 10px;
 }

	
 #header .block-system-branding-block{
        width:100%;
        padding: 20px 5px;
}
        
}



@media (min-width: 540px) {
    .site-logo{
		height: auto;
        float:left;
        padding-right: 20px;
        border-right: 2px solid black;
        margin-right: 20px;
 }
 #header .block-system-branding-block{
        width:720px;
        padding: 20px 5px;
}
#header .search-block-form{
    width: 220px;
    margin-top: 35px;
 }
}


body{
		background: #d0d0d0;
        font-size: 15px;
        color: #000000;
        
}

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



#header{
		background: #FFFFFF;
}

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

.site-logo{
    max-width: none;
}
.site-logo img{
          width: 250px;
          max-width: none;
}


.site-name{
        font-size: 38px;
        font-family: Georgia,serif;
        line-height: 1.05em;
      letter-spacing: 1px;
}
.site-name a{
        color:#CE2525;
}


.box_shadow,
#main-menu .container,
#slideshow .container,
#featured .container,
#main .container,
#panel_first .container,
#panel_second .container{
    box-shadow:none;
    
}

/******** menu ****/

#main-menu .container ul.menu li:first-child > a{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


#main-menu{
		margin-bottom: 0;
        background: #AAA;
}


#main-menu .container{
		background: #333;

}

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



#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: #990000;
}

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

#main-menu .container ul.menu ul.menu li a{
    color: #EEE;
}
#main-menu .container ul.menu ul.menu{
    background: #d33;
    border: 1px solid #A32222;
    color: white;
}
/****************************/



#main .container{
		border-radius: 0;
}


/**** slideshow ***/

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


#slideshow .container{
        border-radius: 0;
}
#slideshow .flex-caption{
        display: none;
}

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



/*** blocks ***/

#block-views-block-jobs-block-1 h2:first-of-type{
    font-size: 2.571em;
}

#block-views-block-jobs-block-1 article.node h2{
    font-size: 1.57em;
    margin: 0;
}

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

/*** sidebar ***/


.sidebar .views-row h2{
        text-transform: none;
        background: none;
        padding: 5px 15px;
        margin: -15px -15px 0;
}

.sidebar .field--name-field-date{
        font-weight: bold;
}

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

/*** 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;
    width: 100px;
    height:200px;
}

.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 ***/

/*** people view display ***/

.views-field-field-photo{
        float: left;
        margin-right: 30px;
}
body.path-people .views-field-title h2{
        margin-bottom:3px;
}



body.path-people .views-field-body{
        margin-top: 15px;
        
}

table.views-table{
		width: 100%;
		border: white;
}
table.views-table caption{
    border-bottom: 1px dotted #bbb;
    color: #444;
    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;
		
}


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

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

.views-field-field-image img,
img.image-style-people-photo{
    border: 2px solid #999;
    padding: 2px;
}


/*** people alumni view display ENDS ***/

/*** photo album node ***/


.field--name-field-photos .field__item{
    border: 2px solid #ce2525;
    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 ***/
.field--name-field-news-image{
    float:left;
    margin-right: 20px;
}
/*** news node and view ENDS ***/


/*** view ***/

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

.attachment-after h1{
    border-bottom: 1px solid #bbb;
    font-size: 2.571em;
    margin-top: 25px;
}

/**** publicatins ***/
body.path-publications #main .container .content .views-row{
    margin-bottom: 8px;

}
body.path-publications #main .container .content .views-row .views-field-body p{
    margin-bottom: 0;
}

/*** publications END ***/


/*** panel_first ***/

section#panel_first a{
    color: #bbb;   
}

section#panel_first a:hover{
    color: #eee;   
}
/************************/
 
 
/*** footer START ***/
#footer .block{
    width: 100%;
}
/*** footer END ***/

/*** copyright ***/
#footer #block-copyright{
    text-align: center;
}
/*** copyright ENDS ***/

/*** button ***/

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;
}


/**** page section paragraphs ***/

.paragraph--type--page-section{
    margin-top: 20px;

}
.paragraph--type--page-section .field--name-field-title{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 8px;
    
}


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

/*** contact info paragraphs ***/

.field--name-field-contact-info > .field__item{
    margin-top: 32px;
    padding-top: 16px;
    border-top: 1px dotted #ccc;
}

.field--name-field-contact-info > .field__item:last-child{
   * border-bottom: none;
}

.field--name-field-contact-info .field--name-field-name{
    font-size: 18px;
    font-weight: 800;
}

.field--name-field-contact-info .layout__region--first,
.field--name-field-contact-info .layout__region--second{
    vertical-align: top;
}

/****** tablefield ******/

table.tablefield{
    border: 0;
}
table.tablefield caption{
    text-align: left;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    border-bottom: 5px solid #444;
    padding-bottom: 3px;
}
table.tablefield th{
    font-weight: normal;
}

table.tablefield th,
table.tablefield td{
    padding: 7px;
}

table.tablefield tr.odd{
*	background: #eee;
}
table.tablefield tr{
	border-bottom: 1px dotted #999;
}

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