/* 
	
*/

/* Licensed under GNU General Public License.  Learn more at www.opensource.org */

/* Table of Contents

1.   Reset
2.   Global Styles: (body, links, wrap, and floats
3.   Type:  Fonts and Sizes for all elements
4.   Header Elements:  Logo and navigation
5.   Home:  Elements specific to the home page
6.   Pages: These elements are related to the main page areas.
7.   Staff Pages:  Design of the staff listing and individual pages
8.   Widgets:  Design of the widgets
9.   Footer:  The appearance of the footer area, text and links
10.  Comments:  The design of the comments area
11.  WP Essentials:  This area deals with images, previous/next links and pagination

*/

/* Reset
----------------------------------------------- */

/* Eric Meyer's Reset Reloaded */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* Global Elements
----------------------------------------------- */

body { 
	margin: 0 auto; 
	background-color: #ccc; 
}

a, 
a:visited { 
	color: #2e3e48; 
	text-decoration: none; 
}

a:hover { 
	color: #071e2c; 
	text-decoration: none; 
}

a,
a:hover,
a:visited {
	transition: all .2s;
	-moz-transition: all .2s; 
	-webkit-transition: all .2s; 
	-o-transition: all .2s;
}

img {
	max-width: 100%;
	height: auto;
	border: none; 
}

.left { 
	float: left; 
}

.right { 
	float: right;
}

.clear { 
	clear: both; 
}

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

* html .clearfix { 
	zoom: 1; 
}

*:first-child+html .clearfix { /* IE7 */
	zoom: 1; 
} 

.clearfix { 
	height: 1%; 
}

#wrap {
	width: 960px;
	margin: 0 auto;
	color: #000;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 13px #000000;
	-moz-box-shadow: 0px 0px 13px #000000;
	box-shadow: 0px 0px 13px #000000;
}

/* Type
----------------------------------------------- */

body {
	font: 16px/1.3 Lucida, Verdana, sans-serif;
}

p {
  margin: 0 0 25px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: ##5b5b5b;
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	font-family: Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

h1 {
  font-size: 48.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}


ul,
ol {
  padding: 0;
  margin: 0 0 25px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

ul li {
	list-style-type: square;
}

ol li {
	list-style-type: decimal;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
	border: none;
	margin: 5px 5px 20px;
	position: relative;
	padding: 25px 30px 5px 77px;
}

blockquote:before {
	content: "\e0c8";
	left: 5px;
	top: 0;
	position: absolute;
	color: #ccc;
	font: 60px 'Icons';
}

blockquote p {
	color: #514f4f;
	font-style: italic;
}

blockquote cite {
	display: block;
	text-align: right;
}

blockquote cite:before {
	content: '\2014';
	margin-right: 2px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

@font-face {
	font-family: 'Icons';
	src:url('font/Icons.eot');
	src:url('font/Icons.eot?#iefix') format('embedded-opentype'),
		url('font/Icons.woff') format('woff'),
		url('font/Icons.ttf') format('truetype'),
		url('font/Icons.svg#Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Forms
----------------------------------------------- */

select,
textarea,
input[type="text"], {
	border: 1px solid #ddd;
}

label,
select,
textarea,
input[type="text"], {
	color: #3e3e3e;
	font-size: 14px;
}

input[placeholder] { 
	text-overflow: ellipsis; 
}

::-moz-placeholder { /* firefox 19+ */
	text-overflow: ellipsis; 
}

input:-moz-placeholder { 
	text-overflow: ellipsis; 
}

a.button,
input.button,
input[type="button"],
input[type="submit"] {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	padding: 12px 18px;
	text-decoration: none;
	border: none;
	background-color: #2c4452;
	-webkit-appearance: none;
	-webkit-background-clip: padding-box;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

a:hover.button,
input:hover.button,
input:hover[type="button"],
input:hover[type="submit"] {
	background-color: #47575a;
}

select.tinynav:focus,
input:focus,
textarea:focus {
	outline: none;
}

/* Header
----------------------------------------------- */

#header {
	width: 960px;
	min-height: 160px;
	margin: 0 auto;
	position: relative;
	background-color: #294452;
}

#navigation {
	position: absolute;
	width: 960px;
	top: 50px;
	height: 57px;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
	box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
}

.ie8 #navigation {
	background-image: url(images/ie-nav.png);
}

#logo {
	position: absolute;
	left: 20px;
}

#logo img:hover {
	opacity: .7;
}

#text-logo {
	position: absolute;
	top: 0px;
	left: 20px;
}

#text-logo h1, 
#text-logo p {
	font-size: 40px;
	line-height: 1;
	font-style: normal;
	font-variant: normal;
	margin: 0;
	padding: 0;
}

#text-logo a, 
#text-logo a:visited {
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: rgba(70,70,70,0) 1px 1px 3px;
}

#tagline {
	position: absolute;
	z-index: 10;
	top: 26px;
	right: 15px;
	text-align: right;
	text-shadow: rgba(0,0,0,0.84) 1px 1px 2px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#tagline p,
#tagline h2 {
	color: #fff;
	margin-bottom: 0;
	font-weight: normal;
	font: 16px 'Lucida Grande', Lucida, Verdana, sans-serif;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides {
	margin: 0; 
	padding: 0; 
	list-style: none;
} 

.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	height: auto;
	display: block;
}

.flexslider .slides iframe {
	width: 100%;
	height: auto;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
 
html[xmlns] .slides {
	display: block;
}
 
* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-viewport {
	max-height: 2000px; 
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}	

.carousel li {
	margin-right: 5px
}

.flex-control-nav {
	width: 150px; 
	position: absolute;
	right: 80px;
	bottom: 12px; 
	text-align: center;
	z-index: 2000;
	display: block;
	margin: 0;
}

.flex-control-nav li {
	margin: 0 4px;
	float: right;
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}

.flex-control-paging li a {
	width: 14px; 
	height: 14px; 
	display: block; 
	background: #666; 
	background: rgba(0,0,0,0.5); 
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover { 
	background: #333; 
	background: rgba(0,0,0,0.7); 
}

.flex-control-paging li a.flex-active {
	width: 11px;
	height: 11px; 
	position: relative;
	background: transparent;
	border: 2px solid #000; 
	cursor: default;
	top: 0;
}

.flex-direction-nav a {
	margin: 0; 
	padding: 0;
	line-height: 0;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	z-index: 1000;
	cursor: pointer; 
	-webkit-transition: all .3s ease;
	bottom: 20px;
	font-family: 'Icons';
	font-size: 0;
}

.flex-direction-nav .flex-next {
	right: 35px;
}

.flex-direction-nav a:active.flex-next,
.flex-direction-nav a:active.flex-prev {
	opacity: 1;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.flex-direction-nav .flex-next:before {
	content: "\e0e5";
	font-size: 30px;
	color: #000;
}

.flex-direction-nav .flex-prev {
	right: 69px;
}

.flex-direction-nav .flex-prev:before {
	content: "\e0e7";
	font-size: 30px;
	color: #000;
}

/* Navigation
----------------------------------------------- */

#mobile-menu { 
	display: none;
}

#nav-bar {
	position: absolute;
	top: 0;
	right: 0;
}

#nav-bar .menu, 
#nav-bar .menu * { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

#nav-bar .menu { 
	line-height: 1.0; 
}

#nav-bar .menu ul { 
	position: absolute; 
	top: -999em; 
	width: 10em; 
}

#nav-bar .menu ul li { 
	width: 100%;
}

#nav-bar .menu li:hover { 
	visibility: inherit;  
}

#nav-bar .menu li { 
	float: left; 
	position: relative; 
}

#nav-bar .menu a { 
	display: block; 
	position: relative; 
}

#nav-bar .menu li:hover ul,
#nav-bar .menu li.sfHover ul { 
	top: 26px; 
	z-index: 99; 
}

#nav-bar ul.menu li:hover li ul,
#nav-bar ul.menu li.sfHover li ul { 
	top: -999em;
}

#nav-bar .menu li:hover ul,
#nav-bar.menu li.sfHover ul { 
	left: 0; 
	top: 26px; 
	z-index: 99; 
}

#nav-bar .menu a.sf-with-ul { 
	padding-right: 2.25em; 
	min-width: 1px; 
}

#nav-bar ul.menu li li:hover ul,
#nav-bar ul.menu li li.sfHover ul {
	width: 200px;
	left:  200px; /* match ul width */
	top: 0;
}

#nav-bar ul.menu li li li:hover ul,
#nav-bar ul.menu li li li.sfHover ul {
	left:	200px; /* match ul width */
	top:	0;
}

#nav-bar .menu li {
	font-size: 16px;
}

#nav-bar .menu li a,
#nav-bar .menu li a:visited {
	color: #fff;
	padding: 19px 12px;
	margin: 0;
}

#nav-bar .menu li a:hover,
#nav-bar .menu li:hover {
	background-color: #00868B;
}

#nav-bar .menu li:last-child a {
	border: none;
}

#nav-bar .menu li ul li a,
#nav-bar .menu li ul li a:visited {
	border: none;
	background: transparent;
}

#nav-bar .menu li ul {	
	background-color: #141414;
	margin-top: 32px;
}

#nav-bar .menu li ul li ul {
	margin-top: 0;
}

#nav-bar .menu li ul.sub-menu {
	margin-left: 0;
	overflow: visible !important;
}

/* Donate Bar
----------------------------------------------- */

#donate-bar {
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	background-color: #e7e7e7;
}

#donate-title {
	float: left;
	display: inline;
	width: 180px;
	padding: 10px;
	text-align: center;
	color: #2d4452;
	margin-top: 1px;
}

#donate-title h2 {
	margin-bottom: 0;
	font-size: 24px;
}

#donate-graph-holder {
	position: relative;
	float: left;
	display: inline;
	width: 560px;
	padding: 10px;
	margin-right: 20px;
	height: 53px;
}

#donate-bar p {
	margin-bottom: 0;
}

#donate-description  {
	font-style: italic;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 500px;
	text-align: center;
	color: #2d4452;
}

#donate-graph-base {
	top: 30px;
	height: 15px;
	z-index: 1;
	position: absolute;
	width: 100%;
	background-color: #041b29;
	-webkit-box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
}

@-webkit-keyframes progress-bar {
   0% { width: 0; }
}
@-moz-keyframes progress-bar {
   0% { width: 0; }
}

#donate-graph-highlight {
	top: 30px;
	height: 15px;
	z-index: 2;
	position: absolute;
	background-color: #2d4452;
	border-right: 1px solid #5e89a2;
	-webkit-animation: progress-bar 4s;
	-moz-animation: progress-bar 4s;
}

#donate {
	float: right;
	display: inline;
	width: 130px;
	text-align: center;
	padding-top: 27px;
}

#donate p {
	margin-bottom: 0;
}

#donate a:hover {
	color: #ccc;
	background-color: #141f26;
}

#donate-start {
	position: absolute;
	bottom: 1px;
	left: 5px;
	z-index: 10;
}

#donate-end {
	position: absolute;
	bottom: 1px;
	right: -9px;
	z-index: 10;
}

/* Pages
----------------------------------------------- */

#content {
	width: 590px;
	padding: 30px;
	float: left;
	display: inline;
	position: relative;
	background-color: #e7e7e7;
}

#content.full {
	width: 900px;
}

#sidebar {
	width: 280px;
	float: right;
	display: inline;
}

#sidebar .widget {
	width: 280px;
}

#sidebar .widget:last-of-type {
	margin-bottom: 0;
}

#content,
#sidebar {
	margin-top: 30px;
	margin-bottom: 30px;
}

.post {
	margin-bottom: 60px;
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
}

.post-header {
	position: relative;
	margin-bottom: 15px;
}

.post .attachment-blog-image {
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.post-meta h2 {
	margin-bottom: 2px;
}

p.post-meta {
	font-size: 12px;
}

h1.page-title {
	border-bottom: 1px solid #000548;
}

/* Staff
----------------------------------------------- */

.staff-page {
	margin-bottom: 0px;
}

.staff-page h1 {
	margin-top: 10px;
	margin-bottom: 13px;
}

.staff-member {
	margin-bottom: 20px;
}

.staff-picture,
.attachment-staff-full {
	float: left;
	display: inline;
	margin-right: 30px;
}

.email,
.phone,
.twitter-link, 
.facebook-link {
	margin-right: 10px;
}

.staff-details p {
	font-size: 14px;
}

p.staff-meta {
	margin-bottom: 2px;
	font-style: italic;
}

p.staff-contact {
	margin-bottom: 0px;
	color: #2e3e48;
}

#staff-image-contact {
	float: left;
	display: inline;
	margin-right: 30px;
}

#staff-image-contact a:hover {
	color: #000;
}

#staff-image-contact h4 {
	color: #000;
	margin-bottom: 5px;
	margin-top: 4px;
}

#staff-image-contact p, 
#staff-image-contact a, 
#staff-image-contact a:visited {
	font-size: 14px;
	margin-bottom: 0;
	color: #444;
}

#staff-image-contact a:hover {
	color: #60748c;
}

/* Widgets
----------------------------------------------- */

.home-sidebar {
	position: relative;
	margin: 0;
	padding: 20px 20px 0;
}

.widget {
	position: relative;
	float: left;
	width: 293px;
	padding: 15px;
	margin: 0 0 20px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	background-color: #e6e7e6;
	word-wrap: break-word;
}

.widget p:last-child {
	margin-bottom: 0;
}

h3.widget-title {
	margin: -15px -15px 15px;
	padding: 3px 10px;
	font-size: 24px;
	color: #fff;
	background-color: #00868B;
}

#sidebar ul {
	list-style: none;
	margin: 0 5px 0 10px;
}

ul.tweets {
	list-style: none;
	margin: 0 5px;
}

ul.tweets li {
	position: relative;
	padding: 5px 7px;
	margin-bottom: 10px;
	background-color: #1f1f1f;
}

.home-sidebar .widget.featured-posts {
	width: 603px;
}

.featured-posts .post {
	margin-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 20px;
}

.post-highlight h4 {
	font-size: 26px;
	margin-bottom: 5px;
}

.post-highlight p:last-child {
	margin-bottom: 25px;
}

.post-highlight p.post-meta {
	margin-bottom: 5px;
	font-size: 12px;
}

.featured-posts a.more-posts {
	display: block;
	margin-bottom: 8px;
}

a.rsswidget img {
	display: none;
}

form#searchform label {
	display: none;
}

input#s {
	padding: 11px;
	width: 148px;
	margin-right: 1px;
}

#sidebar input#s {
	width: 130px;
}

.ot-facebook iframe {
	max-width: 100%;
}

.featuredpage.widget {
	padding: 0;
}

.featuredpage.widget img {
	margin-bottom: -2px;
}

.featured-title {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
	background-color: rgba(0, 0, 0, 0.84);
}

.featured-title h3 {
	color: #fff;
	margin: 0;
	padding: 2% 5%;
}

.widget.featured-video {
	padding: 0;
}

/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	margin: 0 auto;
	color: #fff;
	background-color: #2c3e50;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer a, 
#footer a:visited {
	color: #fff;
}

#footer p {
	font-size: 12px;
	margin-bottom: 0;
	padding: 0;
}

#footer-left {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 7px;
}

#footer-right {
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 3px;
}

#footer-right ul {
	margin-top: 3px;
	list-style-type: none;
}

#footer-right li {
	float: right;
	margin-left: 2px;
	margin-right: 2px;
	list-style-type: none;
}

#footer-right  li a:before {
	background-color: #ccc;
	color: #011923;
	padding: 6px;
	cursor: pointer;
	border-radius: 50%;
	font: 16px 'Icons';
}

#footer-right  li:hover a:before {
	color: #ccc;
	background-color: #011923;
}

/* Comments
----------------------------------------------- */

#comments {
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
}

h3#comments {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #60748c;
	margin-bottom: 20px;
}

h2.comments-title {
	background-color: rgba(11, 11, 11, 0.07);
	padding: 5px 10px;
	margin-bottom: 20px;
}

ol.commentlist {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

ol.commentlist li {
	position: relative;
	margin-bottom: 25px;
}

ul.children {
	margin-right: 0;
	margin-left: 20px;
}

ul.children li {
	overflow: hidden;
}

ul.children,
ol.commentlist li {
	clear: both;
	list-style: none;
	overflow: hidden;
}

.avatar-wrap {
	width: 80px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
}

.reply {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: .1;
}

.reply a,
.reply a:visited {
	text-decoration: none;
	font-size: 12px;
}

.reply p {
	margin-bottom: 0;
}

ol.commentlist li:hover .reply {
	opacity: 1;
}

.comment-content {
	float: left;
	width: 80%;
}

.comment-content p {
	margin-bottom: 5px;
}

.comment-meta {
	margin-bottom: 10px;
	font-size: 12px;
}

.comment-meta a {
	text-decoration: none;
}

p.fn {
	font-weight: 500;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#respond,
form#commentform {
	clear: both;
}

#comments input#author,
#comments input#email,
#comments input#url {
	float: left;
	clear: both;
	margin-right: 10px;
	width: 350px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
	position: relative;
	top: 5px;
}

p.form-allowed-tags {
	display: none;
}

p.comment-form-comment {
	position: relative;
	padding-top: 20px;
}

p.comment-form-comment label {
	position: absolute;
	top: 0;
	left: 0;
}

#comments input [type="text"],
#comments textarea {
	border: 1px solid #ccc;
	padding: 5px;
}

#comments input [type="text"],
#comments textarea {
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* Pagination
----------------------------------------------- */

.paging {
	margin-top: -20px;
	margin-bottom: 20px;
}

/* Images
----------------------------------------------- */

.alignleft {
    float: left;
    margin: 0 15px 30px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}

.alignright {
    float: right;
    margin: 0 0 30px 15px;
}

.alignnone {
    float: none;
    display: block;
    margin: 0 0 30px 0;
}

p.size-full {
    width: 100%;
    height: auto;
    margin: 5px 0 30px 0;
}

.wp-caption {
	text-align: center;
	max-width: 100%;
	padding: 1.2%;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
}

.wp-caption p,
.gallery-caption {
	margin-bottom: 0;
	font-size: 12px;
	font-style: italic;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

/* Tablet Sized Screens
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	#wrap,
	#navigation {
		width: 750px;
	}
	
	#content.full {
		width: 690px;
	}
	
	#content {
		width: 460px;
	}
	
	#sidebar,
	#sidebar .widget {
		width: 200px;
	}
	
	#header,
	.slideshow {
		width: 100%;
		height: auto;
		min-height: 340px;
	}
	
	nav#nav-bar,
	#mobile-menu ul {
		display: none;
	}
	
	#mobile-menu { 
		display: block;
	}
	
	select.tinynav {
		top: 0;
		right: 0;
		position: absolute;
		border: none;
		width: 200px;
		font-size: 20px;
		background-color: #000;
		-webkit-appearance: none;
		color: #fff;
		font-weight: 700;
		-webkit-background-clip: padding-box;
		margin: 0;
		padding: 17px 20px;
		border-radius: 0;
	}
	
	#donate-graph-holder {
		width: 360px;
	}
	
	#donate-description  {
		left: 0px;
		width: 360px;
	}
	
	.home-sidebar .widget {
		margin: 20px 20px 20px 30px;
	}
	
	#staff-image-contact {
		width: 200px;
	}
	
	.single-staff img.attachment-staff-full {
		max-width: 45%;
	}
	
}

/* Smaller than iPad
----------------------------------------------- */

@media only screen and (max-width: 767px) {

	#wrap {
		width: 90%;
	}
	
	#header {
		width: 100%;
	}
	
	#tagline {
		display: none;
	}
	
	#navigation {
		position: relative;
		width: 100%;
		top: 0;
		padding-bottom: 10px;
		height: auto;
	}
	
	#logo,
	#text-logo {
		position: relative;
		float: left;
	}
	
	#logo,
	#text-logo {
		float: none;
		text-align: center;
		left: auto;
	}
	
	nav#nav-bar,
	#mobile-menu ul {
		display: none;
	}
	
	#mobile-menu { 
		display: block;
	}
	
	select.tinynav {
		position: relative;
		top: 10px;
		border: none;
		width: 92%;
		background-color: #000;
		-webkit-appearance: none;
		color: #fff;
		font-weight: 700;
		-webkit-background-clip: padding-box;
		padding: 2% 10%;
		margin: 4%;
		border-radius: 0;
		-moz-border-radius: 0;
		font-size: 18px;
	}
	
	#content,
	#content.full {
		padding: 2.1%;
		width: 96%;
	}
	
	#sidebar {
		width: 100%;
		overflow: hidden;
	}
	
	#sidebar .widget {
		float: left;
		margin: 11px 37px 22px;
		width: 300px;
	}
	
	.staff-picture {
		width: 25%;
		margin-right: 20px;
	}
	
	.single-staff img.attachment-staff-full {
		max-width: 45%;
	}
	
	#donate-bar {
		height: auto;
		padding-bottom: 20px;
	}
	
	#donate-title {
		float: left;
		width: 40%;
		margin-left: 5%;
		margin-bottom: 0;
		margin-top: 2px;
		text-align: left;
	}
	
	#donate-graph-holder {
		clear: both;
		position: relative;
		float: none;
		display: block;
		width: 80%;
		padding: 10px 0;
		margin-right: auto;
		margin-left: auto;
	}
	
	#donate-description  {
		left: auto;
		width: 90%;
	}
	
	#donate-end {
		right: 0;
	}
	
	#donate {
		float: right;
		display: block;
		width: 40%;
		margin-right: 5%;
		text-align: right;
	}
	
}

/* Small Tablets Only
----------------------------------------------- */
@media only screen and (min-width: 550px) and (max-width: 767px) {
	
	.home-sidebar .widget {
		width: 40%;
		float: left;
	}
	
	#sidebar .widget {
		width: 42%;
		float: left;
		margin: 10px 4%;
	}
	
	#home-posts {
		margin: 20px auto;
		float: none;
		clear: both;
	}

}


/* Smartphones
----------------------------------------------- */

@media only screen and (max-width: 520px) {
	
	#sidebar .widget {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.staff-details,
	.single-staff img.attachment-staff-full,
	#staff-single-details,
	#staff-image-contact {
		max-width: 95%;
		width: 95%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.home-sidebar .widget,
	.home-sidebar .widget.featured-posts {
		width: 90%;
		margin: 0 0 20px;
		float: none;
	}
	
	#donate-title {
		margin-top: 6px;
	}
	
	#donate-description {
		display: none;
	}
	
	#footer-left,
	#footer-right {
		float: none;
		clear: both;
		text-align: center;
	}
	
	#footer-right ul,
	#footer-right li {
		float: none;
		margin: 0;
	}
	
	#footer-right li {
		display: inline-block;
	}
	
}


/* Social Icon Font
----------------------------------------------- */

.font-icon-social-zerply, .font-icon-social-youtube, .font-icon-social-yelp, .font-icon-social-yahoo, .font-icon-social-wordpress, .font-icon-social-virb, .font-icon-social-vimeo, .font-icon-social-viddler, .font-icon-social-twitter, .font-icon-social-tumblr, .font-icon-social-stumbleupon, .font-icon-social-soundcloud, .font-icon-social-skype, .font-icon-social-share-this, .font-icon-social-quora, .font-icon-social-pinterest, .font-icon-social-photobucket, .font-icon-social-paypal, .font-icon-social-myspace, .font-icon-social-linkedin, .font-icon-social-last-fm, .font-icon-social-grooveshark, .font-icon-social-google-plus, .font-icon-social-github, .font-icon-social-forrst, .font-icon-social-flickr, .font-icon-social-facebook, .font-icon-social-evernote, .font-icon-social-envato, .font-icon-social-email, .font-icon-social-dribbble, .font-icon-social-digg, .font-icon-social-deviant-art, .font-icon-social-blogger, .font-icon-social-behance, .font-icon-social-bebo, .font-icon-social-addthis, .font-icon-social-500px, .font-icon-email, .font-icon-email_2, .font-icon-camera, .font-icon-rss {
	font-family: 'Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.font-icon-social-zerply:before {
	content: "\e022";
}
.font-icon-social-youtube:before {
	content: "\e023";
}
.font-icon-social-yelp:before {
	content: "\e024";
}
.font-icon-social-yahoo:before {
	content: "\e025";
}
.font-icon-social-wordpress:before {
	content: "\e026";
}
.font-icon-social-virb:before {
	content: "\e027";
}
.font-icon-social-vimeo:before {
	content: "\e028";
}
.font-icon-social-viddler:before {
	content: "\e029";
}
.font-icon-social-twitter:before {
	content: "\e02a";
}
.font-icon-social-tumblr:before {
	content: "\e02b";
}
.font-icon-social-stumbleupon:before {
	content: "\e02c";
}
.font-icon-social-soundcloud:before {
	content: "\e02d";
}
.font-icon-social-skype:before {
	content: "\e02e";
}
.font-icon-social-share-this:before {
	content: "\e02f";
}
.font-icon-social-quora:before {
	content: "\e030";
}
.font-icon-social-pinterest:before {
	content: "\e031";
}
.font-icon-social-photobucket:before {
	content: "\e032";
}
.font-icon-social-paypal:before {
	content: "\e033";
}
.font-icon-social-myspace:before {
	content: "\e034";
}
.font-icon-social-linkedin:before {
	content: "\e035";
}
.font-icon-social-last-fm:before {
	content: "\e036";
}
.font-icon-social-grooveshark:before {
	content: "\e037";
}
.font-icon-social-google-plus:before {
	content: "\e038";
}
.font-icon-social-github:before {
	content: "\e039";
}
.font-icon-social-forrst:before {
	content: "\e03a";
}
.font-icon-social-flickr:before {
	content: "\e03b";
}
.font-icon-social-facebook:before {
	content: "\e03c";
}
.font-icon-social-evernote:before {
	content: "\e03d";
}
.font-icon-social-envato:before {
	content: "\e03e";
}
.font-icon-social-email:before {
	content: "\e03f";
}
.font-icon-social-dribbble:before {
	content: "\e040";
}
.font-icon-social-digg:before {
	content: "\e041";
}
.font-icon-social-deviant-art:before {
	content: "\e042";
}
.font-icon-social-blogger:before {
	content: "\e043";
}
.font-icon-social-behance:before {
	content: "\e044";
}
.font-icon-social-bebo:before {
	content: "\e045";
}
.font-icon-social-addthis:before {
	content: "\e046";
}
.font-icon-social-500px:before {
	content: "\e047";
}
.font-icon-email:before {
	content: "\e0aa";
}
.font-icon-email_2:before {
	content: "\e0ab";
}
.font-icon-camera:before {
	content: "\e0c0";
}
.font-icon-rss:before {
	content: "\e04e";
}

.posright {
	float: right;
}
.textpos {
	text-align: -moz-center;
}