/* VZ Specific CSS */

/*-----------------------------------------------
Created by Diane Pitassy on June 5, 2007
------------------------------------------------- */

/*-----------------------------------------------
Custom staff page fixes
------------------------------------------------- */ 

#staff-top span.staff-title_alt {
/*Adjusts size of staff title so that it is smaller than name */
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: 700;
}

#staff-top span.staff-name_alt {
/*Adjusts size of staff name so that it is larger than title */
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.30em;
	font-weight: 700;
	padding-top: 0.4em;
	margin-bottom: 0.4em;
}
/*--------------------------------------------------------------------*/
#mainContent div#mainArticle div#vzstafflist{
/*Staff list page fix to accommodate 280px width of thumbnail boxes*/
	float: left;
	width: 765px; /*updated from 560px to accommodate wider templates* DEP May 2013*/
}
#mainContent div#mainArticle div#vzstafflist h1{
color:#003366}
/*--------------------------------------------------------------------
Thumbnail boxes, img, and p for staffpage lists*/ 

#mainContent div#mainArticle div#vzstafflist div.staff_thumb 
{height:80px; 
width:245px; 
float:left;
margin-left:10px;
margin-top:8px;
}

#mainContent div#mainArticle div#vzstafflist div.staff_thumb img {
float:left;
}
		
#mainContent div#mainArticle div#vzstafflist div.staff_thumb p {
font-size: 90%;
line-height: 1.3em;
margin: 8px 0px 0px 0px;
}

#mainContent div#mainArticle div#vzstafflist div.staff_thumb a {
font-weight:bold;
font-size: 100%;
}			
/*--------------------------------------------------------------------
Main Contact Thumbnail boxes for staffpage lists(1 Curator in Charge / 1 Collection Manager)*/

#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_cm{
margin-left:0px;
}
#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_cm_thumbs{
text-align:center; 
width:125px;
margin-right:125px;
float:left;
padding-top:10px;
}
#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_cm a {
font-size: 100%;
font-weight:bold;
}

/*--------------------------------------------------------------------
Main Contact Thumbnail boxes for Mammals staffpage lists(1 Curator in Charge / 3 Collection Managers)*/

#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_3cms{
margin-left:0px;
}
#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_3cms_thumbs {
text-align:center; 
width:130px;
float:left;
padding-top:10px;
margin-right:55px;
}
#mainContent div#mainArticle div#vzstafflist div.main_contact_cic_3cms a {
font-size: 100%;
font-weight:bold;
}


/*--------------------------------------------------------------------
Thumbnails positioned in 2 column float and 3 column feature area*/

.feature_thumbnail{
float:left;
text-align:center; 
width:120px;
height:120px;
margin-left:10px;
clear:both;
}

.feature_thumbnail p {
font-size:80%;}


/*--------------------------------------------------------------------

Anchor box for VZ staffpage lists*/

#mainContent div#mainArticle div#vzstafflist div.anchor_vz{
float:left;
}
#mainContent div#mainArticle div#vzstafflist div.anchor_vz a{
margin-left:30px;
font-size: 1.05em;
font-weight:bold;
}
#mainContent div#mainArticle div#vzstafflist div.anchor_vz img{
float:right;
margin-right:30px;
}
#mainContent div#mainArticle div#vzstafflist div.anchor_top{ 
float:left;
margin-left:25px;
margin-top:10px;}

/*--------------------------------------------------------------------
lateral thumbnail variant*/

#mainContent div.side_caption_thumb
{height:80px; 
width:240px; 
float:left;
margin-left:40px;
}

#mainContent div.side_caption_thumb img {
float:left;
margin-top:10px;
}
		
#mainContent div.side_caption_thumb p {
font-size: 90%;
line-height: 1.3em;
margin-top:35px;
margin-left:80px;
}

#mainContent div.side_caption_thumb a {
font-weight:bold;
font-size: 100%;
}			

/*--------------------------------------------------------------------
Baird webpage timeline p*/
		
#mainContent div#mainArticle div#timeline{
width:525px;
border:outset 2px #CCCCCC;
}

#mainContent div#mainArticle div#timeline p{
font-size: 90%;
line-height: 1.3em;
padding-top:10px;
padding-bottom:0px;
padding-left:7px;
vertical-align:middle;
}

#mainContent div#mainArticle div#timeline h2{
font-size: 120%;
line-height: 1.3em;
padding-top:10px;
vertical-align:middle;
text-align:center;
}
/*--------------------------------------------------------------------
Provides alternate font color for floatbox p*/

#mainContent div#mainArticle #floatbox div#float_altfont {
}

#mainContent div#mainArticle #floatbox div#float_altfont p {
	color:#003366;
}
/*--------------------------------------------------------------------
Pagination coding*/
#pagination-clean {
margin-left:125px}

#pagination-clean li{

border:0; 
margin:0 0 0 0; 
padding:0 0 0 0;
font-size:11px;
list-style:none;

}
#pagination-clean li, #pagination-clean a{

border:solid 1px #003366
margin-right:2px;
}
#pagination-clean .previous-off,
#pagination-clean .next-off {

color:#888888
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-clean .next a,
#pagination-clean .previous a {

font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination-clean .active{

color:#00000
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-clean a:link,
#pagination-clean a:visited {

color:#0033CC
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-clean a:hover{

text-decoration:none;
}

/* research tools feature boxes */

div.researchfeature {
	clear: both;
	padding-bottom: 2em;
}

div.researchfeature img {
	margin-top: 3px;
	padding-bottom: 2em;
	padding-right:10px;
	float: left;
}

div.researchfeature img:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.researchfeature img:after {display:inline-block;}
/* Hide from IE Mac \*/
div.researchfeature img:after {display:block;}
/* End hide from IE Mac */

div.researchfeature h3 {
	margin: 0 0 0.4em 0;
	padding: 15px 0 0 105px;
}

div.researchfeature p {
	margin: 0 0 0 0;
	padding: 0 0 0 105px;
}

div.researchfeature p.feature-tagline {
	color: #888888;
	margin: 0 0 0.4em 0;
	font-size: 0.85em;
}

/* test for Brian for Birds Hall of Fame pages*/
#portrait-image {
	height: 330px;
	width: 240px;
}

span.left {
    display: inline-block;
    width: 80px;           // or 30%
}
span.center {
    display: inline-block;
    text-align: center;
    width: 80px;
}
span.right {
    display: inline-block;
    text-align: right;
    width: 80px;
}

/*--------------------------------------------------------------------
Underline for Primary header*/
h1.underlineH1 {
border-bottom: 3px solid #003366;
margin: 0 0 .5em 0;
}

/*--------------------------------------------------------------------
Underline for Secondary header*/
h2.underlineH2 {
border-bottom: 3px solid #003366;
margin: 0 0 .5em 0;
padding-bottom:5px;
color:#003366;
}

/*--------------------------------------------------------------------
Underline for tertiary header*/
h3.underlineH3 {
border-bottom: 3px solid #003366;
margin: 0 0 .5em 0;
padding-bottom:5px;
color:#003366;
}
/*--------------------------------------------------------------------
Underline for library header*/
h2.libraryunderlineH2 {
border-bottom: 3px solid #600 ;
margin: 0 0 .5em 0;
padding-bottom:5px;
color:#600;
}
/*--------------------------------------------------------------------
caption variant so that Smithsonian Copyright statement fits on a single line even with indent*/

.caption-text_alt {
	display: block;
	font-size: 85%;
	font-style: normal;
	margin-top: 2px;
	color: #777777;
	margin-left:8px;
}
/*--------------------------------------------------------------------
Story byline heading option*/
h4.story_byline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.15em;
	font-weight: 600;
	border-bottom: 3px solid #003366;
	margin: 0 0 .5em 0;
	padding-bottom:5px;
	color:#003366;
}

/*--------------------------------------------------------------------
H2 variant showing base text color for VZ*/
h2.VZcolor {
margin: 0 0 .5em 0;
padding-bottom:5px;
color:#003366;
}

/*--------------------------------------------------------------------
H4 option*/
h3.font_size_option {
	font-size: 1.15em;
	font-weight: 600;
	margin: 0 0 .5em 0;
	padding-bottom:3px;

}
/*--------------------------------------------------------------------
Wider staff image*/
#staff-image-wide {
	width: 400px;
	height: 250px;
	padding-top:20px;/*added for wider css pages DEP May 2013*/
	padding-right:15px; /*added for wider css pages DEP May 2013*/
}

/* feature boxes */

div.feature_h2_alt {
	clear: both;
	padding-bottom: 2em;
}

div.feature_h2_alt img {
	margin-top: 3px;
	padding-bottom: 2em;
	width: 90px;
	height: 90px;
	float: left;
}

div.feature_h2_alt img:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.feature_h2_alt img:after {display:inline-block;}
/* Hide from IE Mac \*/
div.feature_h2_alt img:after {display:block;}
/* End hide from IE Mac */

div.feature_h2_alt h2 {
	margin: 0 0 0.4em 0;
	padding: 0 0 0 105px;
}

div.feature_h2_alt p {
	margin: 0 0 0 0;
	padding: 0 0 0 105px;
}

div.feature_h2_alt p.feature-tagline {
	color: #888888;
	margin: 0 0 0.4em 0;
	font-size: 0.85em;
}