/* CSS Specifically for staff section */
.staff-box{ display: inline-block; width: 155px; margin: 6px; vertical-align: top; text-align: left; }
.staff-box h2{ font-size: 1em; text-align: left !important; margin-top: 0px !important; }
a .staff-box{ color:#404543; }

.staff-box.end{ margin-right: 0px; }

#content-area.staff{ position: relative; }
p.loading{ display: block; position: absolute; top:0px; left:300px; width: 100px; padding: 10px; border: 1px solid #ddd; text-align: center; }

#staff-left{ display:inline-block; width:178px; vertical-align: top; }
#staff-right{ display:inline-block; width:470px; vertical-align: top; padding-left: 15px; }
#staff-right h3{ text-transform: uppercase; font-size: 1.25em; font-weight: 200; color:#00767A; }

body.single-staff h2, body.single-staff h2{ margin-top: 0px !important; }

div.staff-box{ display:block; width:600px; background: transparent; margin: 10px auto; }
div.staff-box .image{ display: inline-block; width: 200px; vertical-align: top;  padding: 5px; }

div.staff-box .staff-bio{ display: inline-block; vertical-align: top; width:375px; padding: 5px; }

div.staff-box .details{ display: inline-block; width:50%; vertical-align: top; padding: 5px;  }

div.staff-box .image img.attachment-staff-image{ width:200px; height:auto; }

div.staff-box div.details table.staff-details-table{ width:100% !important; border-collapse: collapse; }
div.staff-box div.details table.staff-details-table tr{ }
div.staff-box div.details table.staff-details-table tr th{ text-align: right; background: #e9e9e9; padding: 5px; width: 25%; }
div.staff-box div.details table.staff-details-table tr td{ background: #ccc; padding: 5px; width:75%; }


/* Staff shortcode */

div.mind_staff{ clear:both; margin-top: 10px; }