/*
Theme Name: BioLife Solutions
Theme URI: http://wordpress.org/
Description: A custom designed Wordpress theme designed by Crashpad Design for BioLife Solutions Inc. 2010.
Version: 1.0
Author: Crashpad Design (Ryan Scherler)
Tags: two columns, widgets
*/

@import url("reset.css");
@import url("960.css");
@import url("prettyPhoto.css");

/*
--------------------------------------------------
GENERAL FORMATTING
--------------------------------------------------
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #232528;
	color: #fff;
}

.group:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

/*
--------------------------------------------------
LINKAGE
--------------------------------------------------
*/

a {
	color: #055555;
}

a:hover {
	color: #232528;
}

/*
--------------------------------------------------
BUTTONS (GLOBAL)
--------------------------------------------------
*/

a.btn-more {
	text-decoration: none;
	padding: 5px 10px;
	background: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.btn-more.green {
	color: #fff;
	background: #087676 url(images/bg-nav.png) repeat-x 0 0;
}

a.btn-more.black {
	color: #fff;
	background: #232528;
}

/*
--------------------------------------------------
TYPE (GLOBAL)
--------------------------------------------------
*/

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin-bottom: 20px;
	text-shadow: #fff 1px 1px 1px;
}

p, ul, ol {
	color: #555;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 20px;
}

ul.bullets {
	list-style: disc;
}

.bullets li {
	margin-left: 24px;
}

h1 {
	font-size: 30px;
	line-height: auto;
	font-weight: bold;
	color: #232528;
}

h2 {
	font-weight: bold;
	font-size: 20px;
	color: #093390;
	margin-bottom: 10px;
}

h3 { 
	font-size: 16px;
	color: #232528;
	margin-bottom: 10px;
}

h3.widget-title {
	color: #055555;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 10px;
}

h3 strong,
h3.prehead {
	display: block;
	font-weight: normal;
	color: #777;
	font-size: 22px;
	margin: -15px 0 20px 0;
}

h4 { 
	font-size: 14px;
	color: #232528;
	margin-bottom: 10px;
}

/*
--------------------------------------------------
TABLE STYLES (GENERAL)
--------------------------------------------------
*/

table {
	width: 100%;
	background: #eee;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

caption {
	text-align: left;
	font-size: 16px;
	color: #232528;
	margin-bottom: 10px;
}

th {
	text-align: left;
	font-size: 13px;
	line-break: 18px;
	padding: 10px 20px;
	background: #555;
	color: #fff;
}

td {
	padding: 10px 20px;
	color: #232528;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
}

tr.even td {
	background: #dedede;
}


/*
--------------------------------------------------
IMG STANDARD CLASS FORMATTING (IMAGES & ATTACHMENTS/CAPTIONS)
--------------------------------------------------
*/

img.alignleft {
	float: left;
	margin: 5px;
}

img.alignright {
	float: right;
	margin: 0px 0px 5px 10px;
}

div.wp-caption {
	background: #e1e5eb;
	border: 1px solid #ddd;
	padding: 5px;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px;
}

.wp-caption.alignleft2 {
	float: left;
	margin: 15px;
}

.wp-caption img {
	display: block;
	border: 1px solid #fff;
	margin-bottom: 10px;
}

.wp-caption p {
	font-size: 11px;
	font-style:italic;
	line-height: normal !important;
	color: #000;
	margin-bottom: 0;
	text-align: center;
}

/*
--------------------------------------------------
STANDARD LAYOUT DIVS
--------------------------------------------------
*/

div#header {
	background: #1a3351 url(images/bg-header.png) repeat-x 0 0;
}

div#header-wrap {
	padding: 40px 0 30px 0;
	background: url(images/bg-header-wrap.png) no-repeat 50% 100%;	
}

div#logo {
	margin-top: -5px;
}

div#header-cta ul {
	margin: 0 0 0 -5px; /* offset for dropshadow on buttons */
}

#header-cta li {
	float: left;
	margin-right: 10px;
}

#header-cta li.last {
	margin-right: -5px;
}

div#header-contact {
	padding: 8px 0;
}

#header-contact p {
	text-align: right;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}

div#header-search {
	margin-right: -5px;
}

div#header-search p {
	margin-bottom: 0;
}

#header-search input {
	vertical-align: middle;
}

#header-search input#s {
	border: none;
	font-size: 12px;
	padding: 5px 8px;
	width: 114px;
	background: #cfe2f1;
	color: #435c70;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#header-search input#s:focus {
	background: #fff;
	color: #000;
}

div#topnav {
	background: #c8cbcf url(images/bg-topnav.png) repeat-x 0 0;
	border-bottom: 1px solid #fff;
}

#topnav div.group {
	width: 940px;
	margin: 0 auto;
	padding: 21px 0 20px 0; /* 1px added for top border element in image bg */
}

#topnav li {
	float: left;
	margin-right: 20px;
}

#topnav li.last {
	margin-right: 0;
}

#topnav li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 5px;
	display: block;
	width: 140px;
	text-align: center;
	background: #087676 url(images/bg-nav.png) repeat-x 0 0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#topnav li a.span-2,
#topnav li.page-item-45 a {
	width: 240px;
}

#topnav li.current_page_parent a,
#topnav li.current_page_item a,
#topnav li a.current,
#topnav li a:hover {
	background: #232528;
}

div#content {
	background: #fff url(images/bg-content.png) repeat-x 0 100%;
}

div#content-inner {
	padding: 20px 0;
}



#content p.mission {
	font-size: 26px;
	line-height: 34px;
	color: #055555;
}

.mission a {
	color:  #2ab7b7;
	text-decoration: none;
}

.mission a:hover {
	color: #232528;
}

div#footer {
	background: url(images/bg-footer.png) repeat 0 0;
}

div#footer-wrap {
	padding: 30px 0;
	background: url(images/bg-shadow.png) no-repeat 50% 0;	
}

#footer h3 {
	font-size: 16px;
	color: #64c6f1;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-shadow: #333 1px 1px 1px;
	margin-bottom: 20px;
}

#footer a {
	color: #64c6f1;
	text-decoration: none;
}

#footer a:hover {
	color: #e5e9ed;
}

#footer p, 
#footer ul {
	color: #e5e9ed;
	font-size: 12px;
	line-height: 18px;
}

#footer ul img {
	vertical-align: middle;
}

#footer div.footer-nav li {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 22px;
}

#footer div.footer-nav a {
	color: #e5e9ed;
	text-decoration: none;
}

#footer div.footer-nav li.current_page_parent a,
#footer div.footer-nav li.current_page_item a,
#footer div.footer-nav li a.current,
#footer div.footer-nav li a:hover {
	color: #64c6f1;
}

#footer ul.cta {
	border-top: 1px solid #1d2841;
	padding-top: 20px;
	margin-top: 10px;
}

.cta li {
	margin-bottom: 5px;
}

div#fineprint {
	background: url(images/bg-shadow.png) no-repeat 50% 0;	
	padding: 20px 0;	
}

#fineprint p {
	font-size: 11px;
	line-height: 16px;
	letter-spacing: .1em;
}

#fineprint a {
	color: #64c6f1;
	text-decoration: none;
}

#fineprint a:hover {
	color: #fff;
}

/*
--------------------------------------------------
HOMEPAGE
--------------------------------------------------
*/

div#hero {
	background: url(images/bg-shadow.png) no-repeat 50% 100%;
	padding-bottom: 20px;
}

div#hero-inner {
	background: #e9eaef url(images/bg-hero.gif) repeat 0 0;
}

div#hero-wrap {
	position: relative;
	height: 290px;
	overflow: hidden;
}

div#hero-slideshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 940px;
	height: 290px;
	z-index: 1;
}

div#hero-info {
	position: absolute;
	left: 10px;
	top: 30px;
	z-index: 2;
	width: 340px;
	height: 210px;
}

#hero-info h1 {
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #232528;
}

#hero-info p {
	font-size: 16px;
	line-height: 24px;
}

#hero-info p img {
	margin-left: -5px;
}

.home h2 {
	color: #232528;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#home-events h2 {
	margin-bottom: 20px;
}

.home h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #055555;
	margin-bottom: 20px;
}

.home h4 {
	color: #093390;
	font-size: 16px;
	margin-bottom: 5px;
}


/*
--------------------------------------------------
SUBPAGE(S)
--------------------------------------------------
*/

.page #content-inner {
	padding: 20px 0 40px 0;
}

div#masthead {
	background: url(images/bg-shadow.png) no-repeat 50% 100%;
	padding-bottom: 20px;
}

div#masthead-wrap {
	background: #087676 url(images/bg-masthead.png) repeat-x 0 0;
	padding: 25px 0;
}

#masthead p {
	color: #fff; /* not used at the moment */
	margin-bottom: 0;
}

#main ul {
	list-style: disc;
	margin-left: 24px;
}

#main div.callout {
	float: right;
	width: 200px;
	background: #eee;
	padding: 20px; 
	margin: 0 0 10px 20px;
	
}

#main div.finance {
	float: right;
	width: 200px;
	height: 225px;
	background: #eee;
	padding: 10px;
	margin: 10px;
}

#main div.calloutleft {
	align: left;
	width: 165px;
	padding: 20px;
	background: #eee;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
}

#main div.callout.map {
	width: 420px;
}

div#side-inner {
	margin: 0 -10px;
	padding: 0 10px;
	background: url(images/bg-side.png) no-repeat 0 0;	
	min-height: 550px;
}

#side ul {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;
}

#side li a {
	text-decoration: none;
	color: #232528;
	display: block;
	width: 170px;
	padding: 10px 30px 10px 20px;
	background: url(images/bg-side-nav.png) no-repeat 195px -78px;	
}

#side li.current_page_item a,
#side li a:hover {
	color: #087676;
	background-color: #eee;
	background-position: 195px 14px;
}

#side li.current_page_item a,
#side li a.current {
	color: #fff;
	background-color: #087676;
	background-position: 195px 14px;
}

/*
--------------------------------------------------
POSTS
--------------------------------------------------
*/

.post {
	margin-bottom: 20px;
}

h4.post-date {
	text-transform: none;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;	
	font-weight: bold;
}

h4.post-date a {
	color: #000;
	text-decoration: none;
}

div.post-summary p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0;
}

/*
--------------------------------------------------
EVENTS FORMATTING (SINGLE ENTRY)
--------------------------------------------------
*/

h3.event-location {
	color: #055555;
	margin-bottom: 20px;
}

h4.event-location {
	color: #777;
	margin-bottom: 20px;
}

h4.event-location strong {
	color: #232528;
}


/*
--------------------------------------------------
EVENTS LIST (HOMEPAGE)
--------------------------------------------------
*/

.event {
	margin-bottom: 20px;
}

.event h4.event-title {
	text-transform: none;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;	
	font-weight: bold;
}

h4.event-title a {
	color: #000;
	text-decoration: none;
}

p.event-location,
p.event-date {
	margin-bottom: 0;
}

p.event-date {
	color: #000;
}

.event-summary p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0;
}

/*
--------------------------------------------------
CATEGORY PAGES
--------------------------------------------------
*/

body.category h1 {
	color: #777;
	font-size: 24px;
	margin: -10px 0 30px 0;
}

/*
--------------------------------------------------
CATEGORY POST
--------------------------------------------------
*/

body.category div.post {
	border-bottom: 1px solid #eee;
	padding-bottom: 0;
	margin-bottom: 20px;
}

body.category div.post.last {
	border-bottom: none;
	margin-bottom: 0;
}

body.category h2.post-title {
	margin-bottom: 5px;
}

body.category h2.post-title a {
	color: #000;
}

body.category p.post-date {
	margin-bottom: 10px;
}

body.category div.post-summary p {
	margin-bottom: 20px;
}

/*
--------------------------------------------------
CATEGORY EVENT
--------------------------------------------------
*/

body.category div.event {
	border-bottom: 1px solid #eee;
	padding-bottom: 0;
	margin-bottom: 20px;
}

body.category div.event.last {
	border-bottom: none;
	margin-bottom: 0;
}

body.category h2.event-title {
	margin-bottom: 5px;
}

body.category h2.event-title a {
	color: #000;
}

body.category p.event-location {
	font-size: 15px;
	color: #055555;
	margin-bottom: 0;
}

body.category p.event-date {
	margin-bottom: 10px;
}

body.category div.event-summary p {
	margin-bottom: 20px;
}

/*
--------------------------------------------------
WP CONTACT FORM 7 PLUGIN FORM STYLES
--------------------------------------------------
*/

.wpcf7-form p {
	font-weight: bold;
}

.wpcf7-form span input,
.wpcf7-form span textarea {
	padding: 10px;
}

.wpcf7-form span input {
	padding: 5px 10px;
	width: 50%;
}

.wpcf7-form span textarea {
	width: 90%;
}

/*
--------------------------------------------------
SEARCH RESULTS
--------------------------------------------------
*/

body.search h1 {
	color: #777;
	font-size: 24px;
	margin: -10px 0 30px 0;
}

.search h1 em {
	color: #000;
}

div.result {
	border-bottom: 1px solid #777;
	padding-bottom: 0;
	margin-bottom: 20px;
	margin-bottom: 20px;
}

div.result.last {
	border-bottom: none;
	margin-bottom: 0;
}

h2.result-title {
	text-transform: none;
	color: #000;
	margin-bottom: 5px;	
}

h2.result-title a {
	color: #000;
	text-decoration: none;
}

p.result-date {
	margin-bottom: 10px;
}

.result-summary p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0;
	margin-bottom: 20px;
}

/*
--------------------------------------------------
ORDER FORM
--------------------------------------------------
*/

div.form-column {
	width: 330px;
	margin-right: 20px;
	float: left;
}

.form-column.full {
	width: auto;
	float: none;
	margin-right: 0;
}

.form-column th,
.form-column td {
	padding: 10px;
}

form sup {
	color: #990000;
}

input.smInput {
	width: 65px;
}

.form-column td label {
	font-weight: bold;
	font-size: 13px;
}

.form-column td label.block {
	display: block;
	margin-bottom: 10px;
}

.form-column td label.invalid {
	color: #990000;
}

.form-column textarea {
	width: 95%;
	height: 100px;
}

div#paymentAlert p {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #514721;
	font-size: 13px;
	line-height: 22px;
	padding: 10px;
	margin-bottom: 20px;
}

p.success {
	background: #E6EFC2;
	border: 1px solid #C6D880;
	color: #264409;
	padding: 10px;
}

div.clear {
	clear: both;
}