/*
Theme Name: Trial Blogs 2011 HTML5 Boiler
Description: Style for OSJI Trial blogs.
Version: 0.9
Author: JK Keller
Author URI: http://www.soros.org/
MUCH help HTML5 ✰ Boilerplate v1.0
*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {
    margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    line-height: 1.1em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="email"],
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* OSF NORMALIZATIONS */
body { font:13px/1.308 sans-serif; *font-size:small; }
::-moz-selection{ background: #333; color:#ccc; text-shadow: none; }
::selection { background:#333; color:#ccc; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #333; }

body {
  background-color: #eee;
	color: #333;
	font-family: Georgia, serif;  
}
select, input, textarea {
	color: #333;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;  
}
h1, h2, h3, h4, h5, h6 {
	margin: .5em 0;
	font-weight: bold;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	line-height: 1.1em;
}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6,
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
		font-weight: normal;
		line-height: 1.1em;
}
a {
	color: #000;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 3px 6px;
	border: 0;
	background-color: #666;
	color: #ccc;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #000;
	color: #fff;
}
textarea,
input[type="email"],
input[type="text"],
input[type="search"] {
	outline: none;
	padding: 3px 6px;
	border: 1px solid #ccc;
/* 	margin: 5px; */
}
textarea:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="search"]:focus {
	-moz-box-shadow: inset 0px 0px 5px lightblue;
	-webkit-box-shadow: inset 0px 0px 5px lightblue;
	box-shadow: inset 0px 0px 5px lightblue;
}
input:focus:invalid, textarea:focus:invalid { background-color: #f8d4db; border-color: #ff0000; -moz-box-shadow: inset 0px 0px 5px red; -webkit-box-shadow: inset 0px 0px 5px red; box-shadow: inset 0px 0px 5px red; }
.no-boxshadow input:focus:invalid, .no-boxshadow textarea:focus:invalid { background-color: #f8d4db; }

hr { display: none; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }
a img, a:visited img, a:hover img, a:active img { background: transparent; }
i, em { font-style: italic; }
b { font-weight: bold; }
.sitebar div, header div, .content-main div, footer div { overflow: hidden; } /* forces blocks? */


/*
   =============================================================================================================================
   =============================================================================================================================
   Header
   =============================================================================================================================
   =============================================================================================================================
*/
.sitebar {
	padding: 5px;
  background-color: #ddd;
}
.sitebar .search-form {
	float: left;
}
.sitebar .search-field {
	width: 115px;
}
#global-social {
	font: normal normal normal 11px/19px Arial,sans-serif;
	float: right;
	margin: 1px;
}
#global-social .social-item {
	float: right;
	margin: 0 0 0 8px;
}
@media screen and (min-width: 420px) {
	#global-social .social-item {
		margin: 0 0 0 8px;
	}
}
@media screen and (max-width: 419px) {
	#global-social .s-count {
		display: none;
	}
}
header {
	width: 98%;
	max-width: 960px;
	padding-bottom: 16px;
	margin: 0 auto 30px;
	font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}
header ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
header h1, header h2, header h3, header h4, header h5, header h6 {
	margin: 0;
	line-height: 1em;
}
.site-title {
	padding: .6em 0 0 0;
	font-size: 22px;
}
	.wf-loading .site-title,
	.wf-active .site-title { 
		font-size: 26px;
		font-weight: normal;
		line-height: 1em;
	}
.site-title a {
	color: #666;
}
.site-title a:hover {
	color: #000;
}
.home .site-title {
	font-size: 26px;
}
	.wf-loading .home .site-title,
	.wf-active .home .site-title { 
		font-size: 32px;
		line-height: 1em;
	}
.subtitle-osji {
	padding: 0 0 1.1em 0;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	text-transform: none;
	font-weight: normal;
	color: #888;
}
.home .subtitle-osji {
	font-size: 14px;
}
.subtitle-osji a {
	color: #888;
}
.subtitle-osji a:hover {
	color: #000;
}
/* NAVS --------------------------------------------------- */
.nav-site {
	padding: .4em 0 .15em 0;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 13px;
}
	.wf-loading .nav-site,
	.wf-active .nav-site { 
		font-size: 17px;
		font-weight: normal;
		line-height: 1em;
	}
.nav-site a {
	color: #666;
}
.nav-site a:hover {
	color: #000;
}
.home .nav-site {
	font-size: 17px;
}
	.wf-loading .home .nav-site,
	.wf-active .home .nav-site { 
		font-size: 22px;
		line-height: 1em;
	}
.home .nav-site a {
	color: #333;
}
.home .nav-site a:hover {
	color: #666;
}
.nav-site ul li {
	display: inline;
	margin: 0 1em;
}


.subnav-site {
	padding: .6em 0 .3em;
	border-bottom: 2px solid #ccc;
	margin: 0;
	font-size: 18px;
}
	.wf-loading .subnav-site,
	.wf-active .subnav-site { 
		font-size: 24px;
		font-weight: normal;
		line-height: .9em;
	}
.subnav-trials-site {
	padding: .2em 0 .2em;
	border-bottom: 2px solid #ccc;
	margin: 0;
	font-size: 18px;
}
	.wf-loading .subnav-trials-site,
	.wf-active .subnav-trials-site { 
		font-size: 24px;
		font-weight: normal;
		line-height: 1em;
	}
.nav-site a,
.home #other-trials {
	white-space: nowrap;
}
.subnav-site ul li {
	display: inline;
	margin: 0 .7em;
}
.subnav-trials-site ul li {
	display: inline;
	margin: 0 .7em;
}
.nav-trial {
	padding: .4em 0 .3em;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 16px;
}
	.wf-loading .nav-trial,
	.wf-active .nav-trial { 
		font-size: 20px;
		font-weight: normal;
		line-height: 1em;
	}
.nav-trial ul li {
	display: inline;
	margin: 0 .7em;
}
.subnav-trial {
	padding: .4em 0 .3em;
	border-bottom: 2px solid #ccc;
	margin: 0;
	font-size: 18px;
}
	.wf-loading .subnav-trial,
	.wf-active .subnav-trial { 
		font-size: 24px;
		font-weight: normal;
		line-height: 1em;
	}
.subnav-trial ul li {
	display: inline;
	margin: 0 .7em;
}
.nav-trials {
	display: inline;
	position: relative;
	font-size: 18px;
}
	.wf-loading .nav-trials,
	.wf-active .nav-trials { 
		font-size: 24px;
		font-weight: normal;
		line-height: 1em;
	}
.trial-page .nav-trials {
	display: block;
	padding: .5em 0 .3em;
	border-bottom: 1px dotted #ccc;
	margin: 0;
}
	.wf-loading .trial-page .nav-trials,
	.wf-active .trial-page .nav-trials { 
		font-size: 30px;
		line-height: .8em;
	}
.trial-page .subnav-trials-site .nav-trials {
	display: inline;
	position: relative;
	font-size: 18px;
	padding: 0;
	border-bottom: 0;
}
	.wf-loading .trial-page .subnav-trials-site .nav-trials,
	.wf-active .trial-page .subnav-trials-site .nav-trials { 
		font-size: 22px;
		font-weight: normal;
		line-height: 1em;
	}
.trial-page .subnav-trials-site .summary a,
.trial-page .subnav-trials-site #other-trials {
		font-size: 30px;
	color: #777;
}
#other-trials {
	white-space: normal;
		font-size: 30px;
}
	
.dropdown-at,
.dropdown-for {
	font-family: georgia, serif;
	font-size: 14px;
	font-style: italic;
	text-transform: none;
	margin-right: 1.8em;
	color: #888;
}
.trial-page .dropdown-for {
	margin-right: .5em;
}
.nav-trials .dropdown-for {
	margin-right: 0;
}
.dropdown-at {
	margin-right: 0;
}
#other-trials:hover {
	text-decoration: none;
}
.dropdown-arrow,
.wf-loading .dropdown-arrow,
.wf-active .dropdown-arrow {
	vertical-align: top;
	margin-left: .3em;
	font-size: .75em;
	color: #888;
}
.trial-page .dropdown-arrow,
.wf-loading .trial-page .dropdown-arrow,
.wf-active .trial-page .dropdown-arrow {
	vertical-align: top;
	font-size: .6em;
}
.nav-trials .wrap-dropdown {
	display: none;
	position: absolute;
/* 	right: -10px; */
/* 	width: 430px; */
	border: 5px solid #eee;
	background: #ddd;
	font-size: 16px;
}
.trial-page .nav-trials .wrap-dropdown {
/* 	display: block; */
/* 	right: 25%; */
}
.trial-page .subnav-trials-site .nav-trials .wrap-dropdown {
/* 	display: block; */
/* 	right: -100px; */
	z-index: 1000;
}
.nav-trials section {
	width: 200px;
	margin: 4px 0 8px 15px;
}
.nav-trials h3 {
	font-family: georgia, serif;
	font-size: 14px;
	font-style: italic;
	text-transform: none;
	margin: .7em 0 .2em;
	font-weight: normal;
	text-align: left;
	color: #777;
	line-height: 18px;
}
.nav-trials h4 {
	font-family: georgia, serif;
	font-size: 14px;
	font-style: italic;
	text-transform: none;
	margin: 1.2em 0 .5em;
	font-weight: normal;
	text-align: left;
	color: #888;
}
.nav-trials .trials-all {
	width: 400px;
}
.nav-trials .trials-all li {
	text-align: center;
}
.trials-active {
  width: 49%;
	float: left;
}
.trials-inactive {
  width: 49%;
	float: right;
	color: #777;
}
.trials-active h3,
.trials-inactive h3 {
  margin: .7em 1em;
  border-bottom: 2px solid #ccc;
  padding-bottom: .3em;
}
.trials-inactive a {
	color: #777;
}
.trials-inactive a:hover {
	color: #333;
}
/*
.nav-trials:hover .wrap-dropdown {
	display: block;
}
*/
.nav-trials ul li {
	display: list-item;
	margin: .7em 0;
	text-align: left;
	line-height: 1.1em;
}
.trial-sites {
	float:right;
	/*max-width: 130px;*/
}
.ie6 .trial-sites, .ie7 .trial-sites {
	display:  none;
}
  .trial-sites a {
  	/*line-height: 1em;*/
  }
  .trial-sites ul {
		background: #fff;
		position: absolute;
		width: 24.5em;
		padding: .4em .3em;
		margin-top: 3px;
		left: -999em;
  }
	.wf-loading .trial-sites ul,
	.wf-active .trial-sites ul {
		width: 16.5em;
	}
  .trial-sites:hover ul {
  	left: auto;
  	margin-left: -.3em;
  }
  .ie6 .trial-sites:hover ul, .ie7 .trial-sites:hover ul {
  	left: -999em;
  }
  .trial-sites li {
	margin: .1em 0;
  	/*width: 17em;*/
  }
  .trial-sites li a {
  	line-height: 1.5em;
  }

.subnav-lang {
	padding-top: .4em;
	font-family: georgia, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: capitalize;
	text-align: right;
}
.subnav-lang #eng {
	color: #999;
}
.subnav-lang ul li {
	display: inline;
	margin-left: .7em;
}

/* New dropdown */
.dropdown-trials {
	position: relative;
	height: 1px;
}
#trials-dropdown-list {
	display: none;
	position: relative;
	top: -10px;	
	z-index: 9999;
	width: 90%;
/* 	min-width: 300px; */
	max-width: 450px;
	border: 5px solid #eee;
	margin: 0 auto;
	background: #ddd;
	font-size: 16px;
	text-align: center;
}
#trials-dropdown-list li {
	display: list-item;
	margin: .7em 1em;
	line-height: 1.1em;
}
.language {
	margin: 4px 13.5% 0 0;
	font-family: georgia, serif;
	font-style: italic;
	font-size: 14px;
	text-align: right;
	text-transform: none;
	line-height: 1.1;
}

/*
   =============================================================================================================================
   =============================================================================================================================
   Content Area
   =============================================================================================================================
   =============================================================================================================================
*/
.body-text a {
	text-decoration: underline;
}
.body-text a:hover {
	text-decoration: none;
}
.body-text ul { margin-bottom: 2em; }
.body-text li { margin: .75em 0; }
.content {
/*
	width: 100%;
	max-width: 800px;
*/
	margin: 0 2%;
	font-size: 16px;
}
.content aside {
/*
	width: 17%;
	max-width: 200px;
	float: left;
*/
	color: #888;
}
.content .entry {
/*
	width: 80%;
	float: right;
*/
}
.sidebar {
/*
	width: 300px;
	float: right;
*/
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 13px;
}
@media screen and (max-width: 600px) {
	.meta-author {
		display: inline;
	}
	.meta-date {
		display: inline;
		font-family: georgia, serif !important;
		font-style: italic;
		font-size: 14px !important;
	}
	.meta-author:after {
		content: ",";
	}
	.content .entry {
		margin-top: 1em;
	}
}
@media screen and (min-width: 600px) {
	.content {
/* 		width: 100%; */
		margin: 0;
	}
	.content aside {
		width: 18%;
/* 		max-width: 200px; */
		float: left;
		margin-right: 3%;
	text-align: right;
	}
	.content .entry {
		width: 65%;
/* 		max-width: 650px; */
		float: left;
	}
}
@media screen and (min-width: 880px) {
	.content {
		width: 75%;
		margin-right: 2%;
		float: left;
	}
	.content .entry {
		width: 79%;
	}
	.sidebar {
		width: 23%;
		float: left;
	}
}


.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {
	text-decoration: none;
	padding: -5px;
}
.content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover {
	text-decoration: underline;
}
.content h1 { font-size: 30px; }
.content h2 { font-size: 26px; }
.content h3 { font-size: 22px; }
.content h4 { font-size: 18px; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	margin-top: 0;
	line-height: 1.1em;
}
.content p { margin: .4em 0 1em 0; }
.content li { margin: .75em 0; }
.meta-category-trial {
	margin: .3em 0;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1em;
}
.meta-separator {
	font-family: georgia, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 .3em;
}
.meta-author {
	font-family: georgia, serif;
	font-style: italic;
	font-size: 14px;
}
.meta-date {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 13px;
	margin-top: 1em;
}

.selected {
	color: #009de6;
	text-decoration: underline;
}
.post-entry blockquote {
  padding-left: 1em;
  border-left: 2px solid #ccc;
  margin-left: 1em;
}
.post-entry blockquote h2 {
  color: #777;
  font-size: 1.17em;
}
.post-entry blockquote h3 {
  margin-bottom: 1em;
}

/*
.osji {
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
}
	.wf-loading #osji,
	.wf-active #osji {
		font-size: 18px;
		font-weight: normal;
	}
*/


/* ----------------------------------------------------------------------------------------------------------------------------- */
.read-more {
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	display: inline;
}
	.wf-loading .read-more,
	.wf-active .read-more { 
		font-size: 17px;
		font-weight: normal;
	}
.read-more:hover {
	text-decoration: underline;
}
.comment_count {
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-align: right;
}
.comment_count a {
	text-decoration: none;
	font-weight: bold;
	color: #777;
}
	.wf-loading .comment_count a,
	.wf-active .comment_count a { 
		font-size: 18px;
		font-weight: normal;
	}
.comment_count a:hover {
	text-decoration: underline;
	color: #333;
}
.comments-area {
	border-top: 1px solid #999;
}
.commentarea {
	border-top: 1px solid #999;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	padding-top: 9px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
	.wf-loading .commentarea,
	.wf-active .commentarea { 
		font-size: 18px;
		font-weight: normal;
	}
	.commentarea a {
		text-decoration: none;
	}
.single .commentarea {
	border-top: 1px solid #999;
}
#respond .commentarea {
	border-top: 0;
	padding-top: 0;
	text-align: left;
}
.cancel-comment-reply {
	border-bottom: 1px solid #999;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	padding-bottom: 9px;
	margin-bottom: 9px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
	.wf-loading .cancel-comment-reply,
	.wf-active .cancel-comment-reply{ 
		font-size: 18px;
		font-weight: normal;
	}

/* specific page helpers */
.page-template-links-php .content ul {
	list-style: none;
	margin-left: 0;
}
.page-template-links-php .content ul li:first-child h2 {
	margin-top: 0;
}
.page-template-links-php .content ul ul {
	list-style: disc;
	margin-left: 2em;
}
.page-template-links-php .content ul ul a {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-weight: bold;
}
.page-id-40 .content ul a {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-weight: bold;
}

.four04 {
	font-size: 200%;
}
.wp-caption {
	padding: 8px;
	background-color: #fff;
}
.wp-caption-text {
	color: #5e695b;
	font-size: 80%;
	font-style: italic;	
	margin: 0;
}
.wp-caption img {
  max-width: 100%;
  height: auto;
}



/*			.cattab {
				display: inline;
				width: 60px;
				float:  left;
				margin: 0 10px;
				text-indent: -999px;
			}
			.col8 .cattab {
				width: 27px;
				margin: 0 10px 0 0;
			}
			.category-summary .cattab {
				background: url('images/tabs.gif') 33px -365px no-repeat;
				height: 66px;
			}
			.category-commentary .cattab {
				background: url('images/tabs.gif') 33px -148px no-repeat;
				height: 88px;
			}
			.col8 .category-summary .cattab { background: url('images/tabs.gif') 0 -365px no-repeat; }
			.col8 .category-commentary .cattab { background: url('images/tabs.gif') 0 -148px no-repeat; }
*/
/*
					.posttitle h1 {
						display: inline;
						width: 370px;
						float:  left;
						font-size: 230%;
						margin: 0 10px 0 0;
					}
					.col8 .posttitle h1 {
						width: 503px;
					}
					.page .col8 .posttitle h1 {
						width: 640px;
					}
					.posttitle h1, .posttitle h2 {
						margin: 0;
						padding-top:  2px;
					}
					.posttitle h1 a, .posttitle h2 a, .notfound h2 {
						font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
						text-transform: uppercase;
						text-decoration: none;
						font-size: 18px;
						font-weight: bold;
						line-height: 1.2em;
					}
					.wf-loading .posttitle h1 a,
					.wf-active .posttitle h1 a,
					.wf-loading .posttitle h2 a,
					.wf-active .posttitle h2 a,
					.wf-active .notfound h2,
					.wf-loading .notfound h2 { 
						font-size: 24px;
						font-weight: normal;
						line-height: 1em;
					}
					a.post-edit-link {
						font-family: cambria, georgia, serif !important;
						font-style: italic;
						font-size: 80% !important;
					}
					.page h1, .page h2, .page h3 {
						text-transform: uppercase;
					}
				.col8 .author {
				}
				.page .col8 .author {
				}*/
				.entrywrap, .notfound {
					font-family: cambria, georgia, serif;
				}
				.post404 {
					width: 580px;
					margin: 0 0 30px 0;
					padding-top: 40px;
				}
				.notfound {
					width: 460px;
					font-size: 120%;
				}
					a.more-link {
						background: url('images/more.gif') 0 0 no-repeat;
						display: inline-block;
						width: 114px; height: 21px;
						text-indent: -999px;
						padding:  0;
					}
					a:hover.more-link { background-position: 0 -21px; }
					a:active.more-link { background-position: 0 -42px; }

/* ----------------------------------------------------------------------------------------------------------------------------- */
.commentlist {
	padding-left: 0;
}
.children {
	padding-left: 1em;
}
.comment {
	margin-top: .5em;
}
.comment-list {
	/*background: url('images/lines.png') -960px -1px no-repeat transparent;*/
	margin-bottom: 2em;
	/*padding-top: 20px;*/
	/*font-size: 14px;*/
}
	.comment-list li {
		/*display: list-item;
		list-style: none;*/
		/*margin: 0 0 0 .5em;*/
		/*padding: 5px;*/
	}
	.comment-list ul {
		/*margin: 0;*/
	}
		li .comment-body {
			/*display: block;*/
			padding: 6px 12px;
			border-left: 2px #666666 solid;
		}
		.odd .comment-body { border-left: 2px #999999 solid; background-color: #eee; }
		.even .comment-body { border-left: 2px #666666 solid; background-color: #eee; }
		.byuser .comment-body { border-left: 2px #58c5f8 solid; background-color: #e5e5e5; }
		.depth-1 .odd .comment-body { border-left: 2px #999999 solid; background-color: #eee; }
		.depth-1 .even .comment-body { border-left: 2px #666666 solid; background-color: #eee; }
		.depth-1 .byuser .comment-body { border-left: 2px #58c5f8 solid; background-color: #e5e5e5; }
		.depth-2 .odd .comment-body { border-left: 2px #999999 solid; background-color: #eee; }
		.depth-2 .even .comment-body { border-left: 2px #666666 solid; background-color: #eee; }
		.depth-2 .byuser .comment-body { border-left: 2px #58c5f8 solid; background-color: #e5e5e5; }
		.depth-3 .odd .comment-body { border-left: 2px #999999 solid; background-color: #eee; }
		.depth-3 .even .comment-body { border-left: 2px #666666 solid; background-color: #eee; }
		.depth-3 .byuser .comment-body { border-left: 2px #58c5f8 solid; background-color: #e5e5e5; }
		.depth-4 .odd .comment-body { border-left: 2px #999999 solid; background-color: #eee; }
		.depth-4 .even .comment-body { border-left: 2px #666666 solid; background-color: #eee; }
		.depth-4 .byuser .comment-body { border-left: 2px #58c5f8 solid; background-color: #e5e5e5; }
.comment-meta {
	/*margin: 10px 0 10px 10px;*/
	font-size: 13px;
	color: #777;
}
.comment-meta a {
	color: #777;
}
.moderation {
	display:block;
	/*margin: 10px 0 0 10px;*/
	background-color: #fa3;
	font-size: 150%;
	text-align: center;
}
.commenttext {
	/*margin: 0 0 0 10px;*/
}
.commenttext a {
	text-decoration: underline;
}
.commenttext a:hover {
	text-decoration: none;
}
.reply {
	/*margin: 0 0 10px 10px;*/
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
/* 	text-align: right; */
}
	.wf-loading .reply,
	.wf-active .reply {
		font-size: 18px;
		font-weight: normal;
	}
	.reply a {
		text-decoration: none;
		/*padding: 2px 4px 1px;*/
	}
#respond {
	background-color: #ccc;
	margin: .7em 0;
	padding: 2%;	
}
#respond textarea {
	width: 97%;
}
#respond a {
	text-decoration: underline;
}
#respond a:hover {
	text-decoration: none;
}
#respond .cancel-comment-reply a {
	text-decoration: none;
}
#respond .cancel-comment-reply a:hover {
	text-decoration: underline;
}
.nocomments {
	font-size: 150%;
	margin: 20px;
}
#commentform p {
	margin-bottom: .5em;
}
/* ----------------------------------------------------------------------------------------------------------------------------- */
.nav-posts,
.postnav {
/*
	width: 100%;
	float: right;
*/
	padding-top: 12px;
	margin-bottom: 30px;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
}
	.wf-loading .nav-posts,
	.wf-loading .postnav,
	.wf-active .nav-posts,
	.wf-active .postnav {
		font-size: 24px;
		font-weight: normal;
	}
	.nav-posts .older,
	.postnav .prev,
	.nav-posts .newer,
	.postnav .next {
		width: 45%;
		float: left;
	}
	.nav-posts .older,
	.postnav .prev {
		float: right;
	}
	.nav-posts .older  {
		text-align: right;
	}
	.nav-posts a,
	.postnav a {
		display: block;
		text-decoration: none;
	}
	.navname {
	display: block;
  		font-size: 80%;
  		line-height: 1em;
	}
/*
   =============================================================================================================================
   =============================================================================================================================
   Sidebar
   =============================================================================================================================
   =============================================================================================================================
*/
	.sidebar ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	.sidebar li {
		border-bottom: 1px solid #ccc;
		margin: 0 0 30px;
		padding: 0 0 30px;
	}
	.sidebar li:last-of-type {
		border-bottom: 0;
	}
	.sidebar h3 {
		margin: .2em 0 .5em 0;
		font-size: 18px;
		text-transform: uppercase;
	}
	.spanish h3 {
		text-align: center;
	}
	li#inactive {
    padding: 10px;
    background: #fff1a3;
    color: #333;
    border: 1px solid #ccc;
	}
	.sidebar .search-field {
		width: 55%;
	}
	.sidebar .mail .search-field {
		width: 45%;
	}
/*
	.sidebar .search-field {
		border: 1px solid #ccc;
	}
*/
/*
		#search label {
			display: none;
		}
		#search input {
			margin-right: 6px;
		}
*/
	#links h4 {
		margin: 1.5em 0 0 0;
	}
	#links ul ul {
		list-style: disc;
		margin-left: 2em;
	}
	#links ul li {
		background-position: -2780px -2000px;
		margin: .4em 0 0 0;
		padding-top: 0;
	}

	/*#times {
		float: left;
		width: 163px;
	}*/
	a#video {
		display: block;
		overflow: hidden;
		/*float: right;*/
		background: url('images/trials-sprite.png') 0 -89px no-repeat transparent;
		width: 127px; height: 127px;
		text-align: center;
		padding: 0;
		color: #58c5f8;
		text-decoration: none;
	}
	a#video:hover {
		background-position: -128px -89px;
		color: #333;
		text-decoration: none;
	}
	#watchlive {
		display: block;
		padding: 32px 0 3px 0;
		font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
		text-transform: uppercase;
		font-size: 22px;
	}
	#requireswmv {
		display: block;
		padding-top: 8px;
		font-size: 10px;
		font-style: italic;
		width: 100px;
		margin: 0 auto;
		border-top: 2px solid #eee;
	}
	#sidebar .times {
		font-weight: bold;
	}
	#sidebar .cet {
		font-family: georgia, serif;
		font-style: italic;
		font-weight: normal;
	}

			.icon {
				display: block;
				float: left;
				overflow: hidden;
				width: 16px; height: 16px;
				margin-right: 4px;
			}
			a.rss {
				line-height: 16px;
			}
			a.rss .icon {
				background: url('images/trials-sprite.png') 0 -31px no-repeat transparent;
			}
			a.rss:hover .icon {
				background-position: 0 -47px;
			}
			a.twitter {
				line-height: 16px;
			}
			a.twitter .icon {
				background: url('images/trials-sprite.png') -63px -31px no-repeat transparent;
			}
			a.twitter:hover .icon {
				background-position: -63px -47px;
			}
			a.facebook {
				line-height: 16px;
			}
			a.facebook .icon {
				background: url('images/trials-sprite.png') -79px -31px no-repeat transparent;
			}
			a.facebook:hover .icon {
				background-position: -79px -47px;
			}
			#updated .mail {
				line-height: 16px;
				margin-bottom: .4em;
			}
			.mail .icon {
				background: url('images/trials-sprite.png') -32px -31px no-repeat transparent;
				margin-right: 4px;
				margin-bottom: 16px;
			}
	#updated form p {
		margin-left: 20px;
		margin-top: 4px;
	}
/*
	#updated input {
		margin-right: 6px;
	}
*/
	#updated label {
		display: none;
	}
	.media-frame,
	a.media-frame {
		display: block;
		background: #fff;
		font-size: 11px;
		padding: 10px;
		margin: 0 0 20px 0;
	}
	.media-frame:hover,
	a.media-frame:hover {
		background: #58c5f8;
	}
	.content .media-frame p {
		margin-bottom: 0;
	}
.dropdown2 {
	display: block !important;
	/* not sure why this has to be important */
}


.lefty {
	float: left;
	margin: 0 1em 1em 0;
	border: 10px solid #fff;
}
.righty {
	float: right;
	margin: 0 0 1em 1em;
	border: 10px solid #fff;
}
.doubleline {
	border-bottom: 2px solid #ccc;
}
/*
   =============================================================================================================================
   =============================================================================================================================
   Footer
   =============================================================================================================================
   =============================================================================================================================
*/

/* ----------------------------------------------------------------------------------------------------------------------------- */
@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	.nav-trials .wrap-dropdown {
/*
		right: -33px;
		width: 215px;
*/
	}
	.nav-trials section {
/*
		width: 200px;
		margin: 4px 0 8px 15px;
*/
	}
  .trials-active {
    width: 100%;
  	float: none;
  }
  .trials-inactive {
    width: 100%;
  	float: none;
  }
  .trials-inactive h3 {
    margin-top: 1.5em;
  }
}




/*
   =============================================================================================================================
   =============================================================================================================================
   Site styles
   =============================================================================================================================
   =============================================================================================================================
*/
/* ----------------------------------------------------------------------------------------------------------------------------- */
.content-main {
	width: 92%;
	max-width: 1100px;
	margin: 0 auto;
}
.page .content-main {
	max-width: 900px;
}
@media screen and (min-width: 500px) {
	.content-main {
		width: 98%;
	}
}
.content-subscribe,
.content-error {
	width: 92%;
	max-width: 800px;
	margin: 0 auto 30px;
	padding: 5px;
}
article {
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
}
.content-subscribe article,
.content-error article {
	border-bottom: 0;
}
.page article,
.single article {
	border-bottom: 2px solid #ccc;
}
#page-subscribe ul {
    list-style-type: none;
    padding: 0;
}
#page-subscribe li {
    margin-bottom: 10px;
}
#page-subscribe input[type="email"] {
    width: 250px;
}

#page-subscribe input[type="checkbox"] {
    margin-right: 3px;
}
@media screen and (min-width: 750px) {
	.single article,
	.page article,
	.posts-list {
		width: 74%;
		float: left;
	}
	.page article,
	.single article {
		border-bottom: 0;
	}
	.page .no-sidebar article,
	.no-sidebar .posts-list,
	.home .posts-list {
		float: none;
		margin: 0 auto;
	}
}
.metadata {
	color: #777;
}
@media screen and (min-width: 500px) {
	.metadata {
		width: 23%;
		float: left;
		text-align: right;
	}
}
.metadata a,
.metadata a:visited {
	text-decoration: none;
	color: #777;
}
.metadata a:hover {
	text-decoration: underline;
	color: #333;
}
#social {
	padding: 15px 0;
/* 	border-top: 1px dotted #ccc; */
	margin: 15px 0;
	font: normal normal normal 11px/19px Arial,sans-serif;
}
#social h3 {
	margin: .2em 0 .5em 0;
	font-size: 18px;
	text-transform: uppercase;
}
		.social-item {
			display: block;
			float: left;
			margin: 0 8px 15px 0;
		}
		@media screen and (min-width: 500px) {
		.social-item {
			float: right;
			margin: 0 0 15px 8px;
			}
		}
		.social-item a {
			text-decoration: none;
			color: #000;
		}
		.social-item a:hover {
			text-decoration: none;
			color: #999;
		}
		.s-text {
			margin: 0 0 0 3px;
			font-size: 12px;
		}
		a:hover .s-text {
			text-decoration: underline;
			color: #000;
		}
		.s-count {
	/* 		visibility: hidden; */
			position: relative;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			height: 20px;
			min-height: 18px;
			_height: 18px;
			min-width: 15px;
			_width: 15px;
			max-width: 100%;
			border: #bbb solid 1px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			margin: 0 0 0 3px;
			background: #fff;
		}
		a:hover .s-count {
			border-color: #000;
		}
		.s-count, .s-count-num {
			display: -moz-inline-stack;
			display: inline-block;
/* 			vertical-align: top; */
			zoom: 1;
		}	
		.s-count i, .s-count u {
			position: absolute;
			zoom: 1;
			width: 0;
			height: 0;
			left: 0;
			top: 50%;
			border: 4px transparent solid;
			_border-color: pink;
			_filter: chroma(color=pink);
			border-right-color: #aaa;
			border-left: 0;
			margin: -4px 0 0 -4px;
			line-height: 0;
		}
		a:hover .s-count i {
			border-right-color: #000;
		}
		.s-count u {
			border-right-color: #fff;
			margin-left: -3px;
		}
		.s-count-num {
			padding: 0 5px 0 4px;
			white-space: nowrap;
			text-align: center;
			color: #333;
		}
		/* icon classes from twitter bootstrap */
		[class^="icon-lg-"],
		[class*=" icon-lg-"] {
		  display: inline-block;
		  width: 20px;
		  height: 20px;
		  *margin-right: .3em;
		  line-height: 20px;
		  vertical-align: bottom; /* change at some larger sizes? */
			background-image: url('images/sprite.png');
		  background-position: 20px 20px;
		  background-repeat: no-repeat;
		  overflow: hidden;
			text-indent: 20px;
			padding-left: 0;
		}
		[class^="icon-lg-"]:last-child,
		[class*=" icon-lg-"]:last-child {
		  *margin-left: 0;
		}
    .icon-lg-facebook   {background-position:  0      -30px;}
    .icon-lg-google    {background-position:-30px    -30px;}
    .icon-lg-twitter     {background-position:-60px    -30px;}
    .icon-lg-cc         {background-position:-90px    -30px;}
    .icon-lg-email         {background-position:-120px    -30px;}
    a:hover .icon-lg-facebook   {background-position:  0      0px;}
    a:hover .icon-lg-google    {background-position:-30px    0px;}
    a:hover .icon-lg-twitter     {background-position:-60px    0px;}
    a:hover .icon-lg-cc         {background-position:-90px    0px;}
    a:hover .icon-lg-email         {background-position:-120px    0px;}

.post-entry {
/*
	width: 74%;
	float: left;
*/
}
@media screen and (min-width: 500px) {
	.post-entry {
		width: 74%;
		float: right;
	}
}
.entry-title {
	margin-top: 0;
}
.entry-title a {
	text-decoration: none;
}
.entry-title a:hover {
	text-decoration: underline;
}

.timenav,
.postnav {
	margin-bottom: 30px;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.single .timenav,
.single .postnav {
	border-top: 1px solid #999;
}
	.wf-loading .timenav,
	.wf-loading .postnav,
	.wf-active .timenav,
	.wf-active .postnav {
		font-size: 24px;
		font-weight: normal;
	}
	.timenav .older,
	.postnav .prev,
	.timenav .newer,
	.postnav .next {
		width: 49%;
		float: left;
	}
	.timenav .older,
	.postnav .prev {
		float: right;
	}
	.timenav .older  {
		text-align: right;
	}
	.timenav a,
	.postnav a {
		text-decoration: none;
	}
	.timenav a:hover,
	.postnav a:hover {
		text-decoration: underline;
	}
	.navname {
		display: block;
		font-size: 80%;
	}
	
.hammernav {
	margin-bottom: 5em;
}
.hammernav a,
.hammered a {
	text-decoration: underline;
}
.hammernav a:hover,
.hammered a:hover {
	text-decoration: none;
}
.hammered {
	list-style: none;
	padding-left: 0;
}

.language_selector {
  white-space: nowrap;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
.sidebar {
	color: #777;
	text-align: center;
	background: #ddd;
	width: 80%;
	padding: 3%;
	margin: 0 auto 2em;
}
.sidebar .icon {
	display: none;
}
@media screen and (min-width: 750px) {
	.sidebar {
		width: 23%;
		float: right;
		text-align: left;
		background: transparent;
		padding: 0;
		margin: 0;
	}
	.sidebar .icon {
		display: block;
	}
}
.sidebar a,
.sidebar a:visited {
	color: #777;
}
.sidebar a:hover {
	color: #333;
}


/*
		a, a:hover {
			outline: none;
			text-decoration: none;
			background: transparent;
			border-bottom: 0;
		}
*/

/* ----------------------------------------------------------------------------------------------------------------------------- */
footer {
	width: 98%;
	max-width: 960px;
	margin: 0 auto;
	border-top: 2px solid #ccc;
	color: #777;
}
footer a,
footer a:visited {
	color: #777;
}
footer a:hover {
	color: #333;
}
footer ul {
	list-style: none;
	margin-left: 0;
}
#legal {
	margin-top: 3px;
}
#legal li {
	display: block;
	float: right;
	margin-left: 14px;
	font-style: italic;
}
#legal a {
	text-decoration: none;
}
#legal a:hover {
	text-decoration: underline;
}
#sitemap {
	padding: 0;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	margin: 30px 0 30px 0;
	color: #888;
	text-align: center;
}
@media screen and (min-width: 450px) {
	#sitemap {
		text-align: left;
	}
}
#sitemap ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#sitemap li {
	display: block;
	margin-bottom: 15px;
}
	.ie6 #sitemap li {
		display: inline;
	}
@media screen and (min-width: 450px) {
	#sitemap li {
		float: left;
		width: 30%;
		margin-left: 2%;
		margin-right: 4%;
	}
	#sitemap #trials-list,
	#sitemap #contact {
		width: 60%;
		margin-right: 0;
	}
}
@media screen and (min-width: 700px) {
	#sitemap li {
		float: left;
		width: 15%;
		margin-left: 1%;
		margin-right: 2%;
	}
	#sitemap #trials-list {
		width: 30%;
		margin-right: 2%;
	}
	#sitemap #contact {
		width: 30%;
	}
}
#sitemap #contact {
	margin-right: 0;
}
#sitemap li ul li {
	display: list-item;
	float: none;
	width:  100%;
	margin: .6em 0;
}
	.ie6 #sitemap li ul li {
		display: list-item;
	}
#sitemap h3 {
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
/* 	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Trebuchet MS",Helvetica,Arial,sans-serif; */
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
	.wf-loading #sitemap h3,
	.wf-active #sitemap h3 {
		font-size: 18px;
		font-weight: normal;
	}
#sitemap p {
	margin-top: 0;
}
#sitemap a {
	text-decoration: none;
}
#sitemap a:hover {
	text-decoration: underline;
}
#osflogo {
	float: left;
	width: 86px; height: 20px;
	padding: 0;
	margin: 0 20px 100px 0;
}
#osflogo a {
	display: block;
	width: 86px; height: 20px;
	padding: 0;
}
#osflogo a img {
	width: 100%; height: auto;
}
@media screen and (min-width: 700px) {
	#osflogo {
	width: 129px; height: 30px;
		margin: 0 20px 40px 0;
	}
	#osflogo a {
	width: 129px; height: 30px;
	}
}
#osfcopyright {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding-top: 12px;
	font-size: 12px;
	line-height: 16px;
}
@media screen and (min-width: 700px) {
	#osfcopyright {
		width: 80%;
	}
}
#osfcopyright p {
	margin-top: 0;
}
#osfcopyright a {
	text-decoration: underline;
}
#osfcopyright a:hover {
	text-decoration: none;
}
#ccicon {
	display: block;
	float: left;
	overflow: hidden;
	width: 61px; height: 13px;
	margin-right: 6px;
	padding: 0;
}

.alignleft,
.alignright {
	box-sizing: border-box;
	width: 48% !important;
	max-width: 316px;
	margin-top: 0;
	margin-bottom: 1em;
}
.alignleft {
	float: left;
	margin-left: 0;
	margin-right: 4%;
}
.alignright {
	float: right;
	margin-left: 4%;
	margin-right: 0;
}
.doubleimg {
	width: 48%;
}
@media screen and (max-width: 550px) {
	.doubleimg {
		width: 100% !important;
		max-width: 900px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none;
	}
}

.alignleft img,
.alignright img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}