/*  
Theme Name: Welfare Conditionality
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
License:
License URI: 
*/

/* Reset Styles */

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, font, img, ins, kbd, q, s, samp, small, strike, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }


/* General Structure */

body {
	border-top: 4px solid #1081aa;
	background: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
}

	.container {
		display: block;
		margin: auto;
		text-align: left;
		width: 1000px;
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	a { color: #3e97b9; text-decoration: none; }
	a:hover { color: #333; }
	
	.clearfix { display: block; clear: both; }

	input[type="text"],
	input[type="email"],
	textarea,
	input[type="submit"] {
		font-family: Arial, Helvetica, sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	
	
	/* Site Header */

	#site-header {
		padding: 0 0 30px 0;
	}
		#site-header .container {
			padding: 61px 0 0 0;
		}
		#site-nav {
			position: absolute;
			right: 0px;
			top: 0px;
			z-index: 10;
		}
			#site-nav li {
				display: block;
				float: left;
				margin: 0 0 0 7px;
			}
				#site-nav li a {
					display: block;
					float: left;
					border-radius: 0 0 20px 20px;
					-moz-border-radius: 0 0 20px 20px;
					-webkit-border-radius: 0 0 20px 20px;
					font-size: 14px;
					color: #000;
					font-family: Verdana, Helvetica, Arial;
					padding: 18px 7px 14px 7px;
				}
				#site-nav li a:hover { background: #333; color: #FFF; }
				#site-nav li.nav-home a:hover { background: #1081aa; }
				#site-nav li.nav-about a:hover { background: #f5b76e; }
				#site-nav li.nav-blog a:hover { background: #1081aa; }
				#site-nav li.nav-publications a:hover { background: #b2dd7f; }
				#site-nav li.nav-who a:hover { background: #e579c5; }
				#site-nav li.nav-news a:hover { background: #652890; }
				#site-nav li.current-menu-item a,
				#site-nav li.current-page-ancestor a,
				#site-nav li.current-menu-parent a { background: #1081aa; color: #FFF; }
		#site-header .logo {
			margin: 0 0 0 -68px;
			display: block;
			float: left;
		}
		#site-header .header-right {
			float: right;
			padding: 14px 0 0 0;
		}
			#site-header .header-right form {
				display: block;
				float: left;
				margin: 0 10px 0 0;
				height: 28px;
			}
				#site-header .header-right form label { position: absolute; top: -9999px; left: -9999px; }
				#site-header .header-right form input[type="text"] {
					display: block;
					border: 1px solid #CCC;
					height: 28px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					float: left;
					margin: 0 4px 0 0;
					font-size: 14px;
					padding: 5px;
				}
				#site-header .header-right form input[type="submit"] {
					height: 28px;
					background: #dfdcdc;
					width: 28px;
					padding: 0px;
					border: none;
					cursor: pointer;
					color: #000;
					font-weight: bold;
					transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
				}
				#site-header .header-right form input[type="submit"]:hover {
					color: #FFF;
					background: #000;
				}
			#site-header .header-right .twitter-link {
				line-height: 28px;
				background: #4099ff;
				color: #FFF;
				font-size: 12px;
				display: block;
				float: left;
				padding: 0 10px;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
			#site-header .header-right .twitter-link:hover { background: #333; color: #FFF; }
				#site-header .header-right .twitter-link i { font-size: 18px; vertical-align: middle; }


	/* Home Banner */

	#home-banner { margin: 0 0 24px 0; }
		#home-slider {
			float: right;
			width: 680px;
			border: none;
			padding: 0px;
			margin: 0px;
		}
			#home-slider .slides li { position: relative; overflow: hidden; }
			#home-slider .slides li .image-holder {
				width: 300%;
				text-align: center;
				margin: 0 -100%;
			}
				#home-slider .slides li .image-holder img {
					margin: auto;
					height: 318px;
					width: auto;
				}
			#home-slider h2 {
				background: #0980aa;
				display: block;
				width: 100%;
				padding: 14px 50px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				position: absolute;
				bottom: 0px;
				left: 0px;
				font-size: 22px;
				line-height: 24px;
				color: #FFF;
				text-align: center;
			}
			#home-slider .flex-direction-nav a {
				width: 30px;
				height: 30px;
				margin: -20px 0 0 0;
				display: block;
				background: url(./images/bg_direction_nav.png) no-repeat 0 0;
				position: absolute;
				top: 50%;
				left: 10px;
				cursor: pointer;
				text-align: left;
				text-indent: -9999px;
				-webkit-transition: all .3s ease;
			}
			#home-slider .flex-direction-nav a.flex-next {
				background-position: 100% 0;
				right: 10px;
				left: auto;
			}
			#home-slider .flex-control-nav { display: none!important; }
		#share-your-views {
			background: url(./images/share-view-back.png) no-repeat right top #04446b;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 30px 40px 0 30px;
			color: #FFF;
		}
		#home-banner #share-your-views {
			float: left;
			width: 320px;
			height: 318px;
		}
			#share-your-views h3 {
				font-size: 24px;
				margin: 0 0 15px 0;
				font-weight: normal;
			}
			#share-your-views p {
				font-size: 16px;
				line-height: 22px;
				margin: 0 0 20px 0;
			}
			#share-your-views small {
				font-size: 13px;
				line-height: 17px;
				display: block;
			}
			.button {
				display: inline-block;
				padding: 10px 20px;
				font-size: 17px;
				line-height: 22px;
				background: #0980aa;
				position: relative;
				color: #FFF;
				border: none;
				cursor: pointer;
				-webkit-appearance: none;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
			.button:hover { background: #000; color: #FFF; }
			#share-your-views a { padding-right: 35px; }
			#share-your-views a:after {
				position: absolute;
				top: 50%;
				line-height: 20px;
				font-size: 18px;
				font-family: "FontAwesome";
				content: '\f0da';
				right: 15px;
				margin-top: -10px;
			}


	/* Home Columns */

	#home-columns { margin: 0 0 24px 0; }
		#home-columns .column {
			width: 220px;
			float: left;
			min-height: 218px;
			margin: 0 20px 0 0;
			position: relative;
		}
		#home-columns .column:after {
			position: absolute;
			bottom: 0px;
			left: 0px;
			content: ' ';
			width: 100%;
			height: 3px;
			background: #f5b76e;
		}
		#home-columns .column-publications:after { background: #b2dd7f; }
		#home-columns .column-who:after { background: #e579c5; }
		#home-columns .column-last {
			margin: 0px;
			float: right;
			width: 280px;
			border: none;
		}
		#home-columns .column-last:after { display: none; }
			#home-columns .column h3 {
				font-size: 20px;
				color: #FFF;
				line-height: 28px;
				padding: 15px;
				display: block;
				margin: 0 0 15px 0;
				background: url(./images/home-column-back.png) no-repeat right bottom #f5b76e;
			}
			#home-columns .column-publications h3 { background-color: #b2dd7f; }
			#home-columns .column-who h3 { background-color: #e579c5; }
			#home-columns .column ul {

			}
				#home-columns .column ul li {
					display: block;
					padding: 0 0 0 28px;
					position: relative;
					font-size: 14px;
					line-height: 18px;
					margin: 0 0 8px 0;
				}
					#home-columns .column ul li:before {
						position: absolute;
						top: 6px;
						left: 12px;
						width: 5px;
						height: 5px;
						background: url(./images/bullet.png) no-repeat;
						display: block;
						content: '';
					}
				#home-columns .column ul li ul {
					margin: 0 0 0 10px;
					padding-top: 5px;
				}
					#home-columns .column ul li ul li {
						padding: 0 0 0 15px;
					}
						#home-columns .column ul li ul li:before {
							border-radius: 0px;
							-moz-border-radius: 0px;
							-webkit-border-radius: 0px;
							width: 5px;
							height: 1px;
							top: 8px;
							left: 0px;
						}
			#home-columns .column .news-and-events-link {
				display: block;
				margin: 0 0 10px 0;
				padding: 12px 20px;
				color: #FFF;
				font-size: 20px;
				position: relative;
				line-height: 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				height: 65px;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				background: url(./images/news-and-events-link-back.png) no-repeat right bottom #652890;
			}
			#home-columns .column .news-and-events-link:hover { background-color: #000; }
				#home-columns .column .news-and-events-link span {
					display: block;
					font-size: 14px;
				}
				#home-columns .column .news-and-events-link:after {
					position: absolute;
					top: 50%;
					line-height: 20px;
					font-size: 18px;
					font-family: "FontAwesome";
					content: '\f0da';
					right: 15px;
					margin-top: -10px;
				}
			#home-columns .column .latest-tweet {
				color: #FFF;
				display: table-cell;
				vertical-align: middle;
				height: 143px;
				padding: 0 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: url(./images/latest-tweet-back.png) no-repeat right bottom #4099ff;
			}
				#home-columns .column .latest-tweet h5 {
					font-weight: bold;
					font-size: 16px;
					color: #FFF;
					margin: 8px 0;
				}
				#home-columns .column .latest-tweet p {
					font-size: 13px;
					line-height: 16px;
					color: #FFF;
					margin: 8px 0;
				}
				#home-columns .column .latest-tweet small {
					display: block;
					font-size: 12px;
					color: #FFF;
					margin: 8px 0;
				}
				#home-columns .column .latest-tweet a { color: #FFF; text-decoration: underline; }


	/* Main */

	#main {
		padding: 20px 0 0 0;
	}

		/* Sidebar */

		#sidebar {
			float: left;
			width: 225px;
		}
		#sidebar.fixed {
			position: fixed;
			top: 30px;
			left: 0px;
		}
		#sidebar.fixed-bottom {
			position: absolute;
			top: auto;
			bottom: 0px;
		}
			#sidebar .widget { margin: 0 0 25px 0; }
				#sidebar .widget h4,
				#sidebar .widget h5 {
					font-size: 16px;
					font-weight: bold;
					color: #04446b;
					line-height: 22px;
					margin: 0 0 6px 0;
				}
				#sidebar .widget p {
					font-size: 14px;
					line-height: 18px;
					margin: 0 0 10px 0;
				}
				#sidebar .widget ul li {
					display: block;
					padding: 0 0 0 28px;
					position: relative;
					font-size: 14px;
					line-height: 18px;
					margin: 0 0 8px 0;
				}
					#sidebar .widget ul li:before {
						position: absolute;
						top: 6px;
						left: 12px;
						width: 5px;
						height: 5px;
						background: url(./images/bullet.png) no-repeat;
						display: block;
						content: '';
					}
				#sidebar .widget ul li ul {
					margin: 0 0 0 10px;
					padding-top: 8px;
				}
					#sidebar .widget ul li ul li {
						padding: 0 0 0 15px;
					}
						#sidebar .widget ul li ul li:before {
							border-radius: 0px;
							-moz-border-radius: 0px;
							-webkit-border-radius: 0px;
							width: 5px;
							height: 1px;
							top: 8px;
							left: 0px;
						}
			#sidebar #share-your-views {
				padding: 22px 22px;
				background-size: 60px auto;
			}
				#sidebar #share-your-views h5 {
					font-size: 18px;
					margin: 0 0 10px 0;
					font-weight: bold;
					color: #FFF;
				}
				#sidebar #share-your-views p {
					font-size: 14px;
					line-height: 20px;
					margin: 0 0 10px 0;
				} 
				#sidebar #share-your-views a { font-size: 12px; padding: 5px 25px 5px 10px; }
				#sidebar #share-your-views a:after { font-size: 11px; right: 10px; margin-top: -9px; }
			#sidebar .sidebar-tabs {
				padding: 29px 0 0 0;
				position: relative;
			}
			#sidebar .tab-buttons {
				position: absolute;
				top: 0px;
				height: 30px;
				z-index: 10;
			}
				#sidebar .tab-buttons a {
					display: block;
					float: left;
					border-radius: 3px 3px 0 0;
					-moz-border-radius: 3px 3px 0 0;
					-webkit-border-radius: 3px 3px 0 0;
					margin: 0 6px 0 0;
					border: 1px solid #dddddd;
					color: #a6a6a6;
					font-size: 12px;
					font-weight: bold;
					padding: 0 12px;
					line-height: 28px;
				}
				#sidebar .tab-buttons a.active {
					border-bottom: none;
					height: 29px;
					background: #FFF;
					color: #04446b;
				}
			#sidebar .tab-panes {
				border: 1px solid #DDD;
				border-radius: 0 3px 3px 3px;
				-moz-border-radius: 0 3px 3px 3px;
				-webkit-border-radius: 0 3px 3px 3px;
				position: relative;
			}
				#sidebar .tab-panes .tab-pane { display: none; }
				#sidebar .tab-panes .active { display: block; }
				#sidebar .tab-panes ul { }
					#sidebar .tab-panes ul li {
						display: block;
						padding: 10px 14px;
						font-size: 11px;
						line-height: 16px;
						margin-bottom: 0px;
						border-bottom: 1px solid #DDD;
					}
					#sidebar .tab-panes ul li:before { display: none; }
					#sidebar .tab-panes ul li:last-child { border: none; }
						#sidebar .tab-panes ul li a {
							font-weight: bold;
							font-size: 12px;
							line-height: 16px;
							display: block;
							padding: 0px;
							border: none;
						}
			#sidebar .latest-comments { }
				#sidebar .latest-comments blockquote { display: none; }
				#sidebar .latest-comments blockquote.active { display: block; }
				#sidebar .latest-comments p { font-style: italic; margin: 0 0 6px 0; }
				#sidebar .latest-comments cite {
					font-size: 12px;
					line-height: 16px;
				}
				#sidebar .arrows { padding: 6px 0 0 0; }
				#sidebar .arrows .arrow {
					display: inline-block;
					width: 20px;
					height: 20px;
					margin: 0 2px 0 0;
					background: url(./images/bg_direction_nav.png) no-repeat 0 0;
					background-size: auto 20px;
					-webkit-transition: all .3s ease;
					opacity: 0.6;
					filter: alpha(opacity=60);
				}
				#sidebar .arrows .arrow:hover {
					opacity: 1;
					filter: alpha(opacity=100);
				}
				#sidebar .arrows .arrow-right {
					background-position: right top;
				}
			#sidebar .newsletter-signup form { padding: 3px 0 0 0; }
			#sidebar .newsletter-signup input[type="text"],
			#sidebar .newsletter-signup input[type="email"] {
				display: block;
				margin: 0 0 8px 0;
				width: 100%;
				height: 30px;
				border: 1px solid #ccc9aa;
				background: #FFF;
				font-size: 13px;
				padding: 8px;
			}
			#sidebar .newsletter-signup form input[type="submit"] {
				height: 30px;
				line-height: 28px;
				font-size: 13px;
				padding: 0 10px;
			}
			#sidebar .newsletter-signup form small {
				display: block;
				line-height: 13px;
				font-size: 11px;
				color: #777;
				margin: 0 0 8px 0;
			}
			#sidebar .widget_nav_menu h5,
			#sidebar .widget_nav_menu h4 {
				font-size: 20px;
				color: #FFF;
				line-height: 28px;
				padding: 15px;
				display: block;
				margin: 0 0 15px 0;
				background: url(./images/home-column-back.png) no-repeat right bottom #1081aa;
			}

			.latest-newsletter {
			}
				.latest-newsletter img { width: 100%; height: auto; }
				.latest-newsletter h4 { padding: 5px 0 0 0; font-size: 14px; }
				#sidebar .widget .previous-newsletters { font-size: 12px; line-height: 16px; }
			#sidebar ul.previous-newsletters {
				list-style: none;
				margin: 0px;
				/*border-top: 1px solid #DDD;*/
			}
			#sidebar ul.previous-newsletters ul { list-style: none; display: block; margin: 0px; }
			#sidebar ul.previous-newsletters li {
				display: inline-block;
				padding: 0px;
				margin: 0 3px 3px 0;
			}
			#sidebar ul.previous-newsletters li:before { display: none; }
			#sidebar ul.previous-newsletters li a {
				display: inline-block;
			    padding: 5px 12px;
			    font-size: 14px;
			    line-height: 18px;
			    background: #0980aa;
			    position: relative;
			    color: #FFF;
			    border: none;
			    cursor: pointer;
			    -webkit-appearance: none;
			    transition: all .25s ease-in-out;
			    -moz-transition: all .25s ease-in-out;
			    -webkit-transition: all .25s ease-in-out;
			}
			#sidebar ul.previous-newsletters li a:hover { background: #333; }
			/*#sidebar ul.previous-newsletters li {
				border-bottom: 1px solid #DDD;
				margin: 0px;
				font-size: 13px;
				padding: 5px 0;
			}
			#sidebar ul.previous-newsletters li:before { display: none; }*/

		/* Content */

		#content {
			float: right;
			width: 700px;
			padding: 0 30px 0 0;
		}
		#content.full-width { float: none; width: auto; }
			#content h1 {
				color: #06456b;
				font-size: 24px;
				line-height: 30px;
				font-weight: bold;
				margin: 0 0 20px 0;
			}
			#content h2 {
				color: #06456b;
				font-size: 22px;
				line-height: 28px;
				font-weight: bold;
				margin: 0 0 15px 0;
				padding: 15px 0 0 0;
			}
			#content h3 {
				color: #06456b;
				font-size: 18px;
				line-height: 24px;
				font-weight: bold;
				margin: 0 0 15px 0;
				padding: 15px 0 0 0;
			}
			#content h4 {
				color: #06456b;
				font-size: 16px;
				line-height: 22px;
				font-weight: bold;
				margin: 0 0 15px 0;
				padding: 15px 0 0 0;
			}
			#content h5 {
				color: #06456b;
				font-size: 14px;
				line-height: 20px;
				font-weight: bold;
				margin: 0 0 15px 0;
				padding: 15px 0 0 0;
			}
			#content p {
				font-size: 14px;
				line-height: 22px;
				margin: 0 0 15px 0;
			}
			#content ul {
				font-size: 14px;
				line-height: 22px;
				margin: 0 0 15px 0px;
				list-style: none;
			}
				#content ul li {
					display: block;
					padding: 0 0 0 28px;
					position: relative;
					font-size: 14px;
					line-height: 18px;
					margin: 0 0 10px 0;
				}
					#content ul li:before {
						position: absolute;
						top: 6px;
						left: 12px;
						width: 5px;
						height: 5px;
						background: url(./images/bullet.png) no-repeat;
						display: block;
						content: '';
					}
			#content ol {
				font-size: 14px;
				line-height: 22px;
				margin: 0 0 15px 30px;
				list-style: decimal outside;
			}
			#content table {
				clear: both;
				width: 100%;
				margin: 0 0 20px 0;
				font-size: 14px;
				line-height: 18px;
				border: 1px solid #DDD;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
				#content table thead, 
				#content table tfoot { background: #f5f5f5; }
				#content table thead tr th, 
				#content table tfoot tr td { font-weight: bold; color: #222; font-size: 16px; }
				#content table th, 
				#content table td  {
					color: #333;
					padding: 8px 10px;
					border: none;
					text-align: left;
					vertical-align: top;
				}
				#content table tbody tr:nth-child(even), 
				#content table tbody tr.even, 
				#content table tbody tr.alt { background: #f9f9f9; }
				#content table thead tr th:first-child, #content table tfoot tr td:first-child { border-left: none; }
				#content table thead tr th:last-child, #content table tfoot tr td:last-child { border-right: none; }
			#content .alignleft {
				float: left;
				display: block;
				margin: 0 20px 20px 0;
			}
			#content .alignright {
				float: right;
				display: block;
				margin: 0 0 20px 20px;
			}
			#content .aligncenter {
				display: block;
				margin: 0 auto 20px auto;
			}
			#content img {
				max-width: 100%;
				height: auto;
			}
			#content iframe {
				max-width: 100%;
			}
			#content .divider {
				display: block;
				height: 1px;
				background: #DDD;
				margin: 30px 0 17px 0;
			}

			#content .type-post { margin: 0 0 50px 0; }
				#content .type-post header {
					margin: 0 0 12px 0;
					border-bottom: 1px solid #e9e9e9;
					padding: 0 0 8px 0;
				}
					#content .type-post header h2,
					#content .type-post header h1 {
						margin: 0px;
						padding: 0px;
					}
					#content .type-post header p {
						margin: 0px;
						font-size: 12px;
						line-height: 18px;
					}
					#content .type-post .read-more {
						color: #000;
						padding: 4px 12px;
						border: 1px solid #ddd;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						display: inline-block;
						font-size: 11px;
						font-weight: bold;
						text-decoration: none;
						text-transform: capitalize;
						cursor: pointer;
						line-height: 21px;
					}
					#content .type-post .read-more:hover {
						color: #666;
						border-color: #EEE;
					}
					#content .post-type-tag { display: block; float: right; padding: 0 10px; line-height: 24px; margin: 5px 0 0 0; color: #FFF; background: #3e97b9; }
					#content .post-type-tag-news { background: #652890; }
					#content .post-type-tag-publication { background: #b2dd7f; }
					#content .post-type-tag-page { background: #f5b76e; }

			#content #comments h3#comments-title, 
			#content #comments h3#reply-title {
				font-size: 16px;
				line-height: 20px;
				color: #000;
				margin: 0 0 30px 0;
			}
			#content #comments ol.commentlist {
				list-style: none;
				margin: 0;
				border-left: 1px solid #bababa;
			}
				#content #comments ol.commentlist li.comment {
					border-bottom: 1px solid #bababa;
					line-height: 24px;
					margin: 0 0 24px 0;
					padding: 0 0 0 30px;
				}
				#content #comments ol.commentlist li.comment:last-child {
					border-bottom: none;
					margin-bottom: 0;
				}
				#content #comments .comment-body ul,
				#content #comments .comment-body ol { margin-bottom: 18px; }
				#content #comments .comment-body p:last-child { margin-bottom: 6px; }
				#content #comments .comment-body blockquote p:last-child { margin-bottom: 24px; }

				#content #comments .comment-body ul { margin: 0 0 10px 10px; }
					#content #comments .comment-body ul li {
						display: block;
						margin: 5px 0;
						padding: 0 0 0 20px;
						background: url(images/bullet.png) no-repeat 0 7px;
					}
					#content #comments .comment-body ol { margin: 5px 0 15px 20px; }
						#content #comments .comment-body ol li { 
							margin: 5px 0;
							list-style: decimal;
							padding: 0 0 0 5px;
						 }
						#content #comments ol.commentlist ol { list-style: decimal;} 
				#content #comments ol.commentlist .avatar {
					padding: 4px;
					border: 1px solid #e6e1db;
					float: left;
					margin-right: 8px;
				}
				#content #comments ol.commentlist .comment-author .fn a { text-decoration: none;  }
				#content #comments ol.commentlist .comment-author cite {
					color: #000;
					font-style: normal;
					font-weight: bold;
				}
				#content #comments ol.commentlist .comment-author .says {
					font-style: italic;
				}
				#content #comments ol.commentlist .comment-meta {
					font-size: 12px;
					margin: 0 0 18px 0;
				}
				#content #comments ol.commentlist .comment-meta a:link,
				#content #comments ol.commentlist .comment-meta a:visited {
					color:#999999;
					text-decoration: none;
				}
				#content #comments ol.commentlist .comment-meta a:active,
				#content #comments ol.commentlist .comment-meta a:hover { color:#999999; }
				#content #comments ol.commentlist .reply {
					font-size: 12px;
					padding: 0 0 24px 0;
				}
				#content #comments ol.commentlist .reply a {
					background:#ebebeb;
					text-decoration:none;
					width:53px;
					height:23px;
					display:block;
					text-align:center;
					color: #777;
				}
				#content #comments ol.commentlist .reply a:hover { background-color: #d2d2d2; }
				#content #comments ol.commentlist .commentlist .children {
					list-style: none;
					margin: 0;
				}
				#content #comments ol.commentlist .commentlist .children li {
					border: none;
					margin: 0;
				}
				#content #comments ol.commentlist .nopassword,
				#content #comments ol.commentlist .nocomments { display: none; }
				#content #comments .pingback {
					border-bottom: 1px solid #bababa;
					margin-bottom: 18px;
					padding-bottom: 18px;
				}
				#content #comments ol.commentlist li.comment+li.pingback {
					margin-top: -6px;
				}
				#content #comments ol.commentlist .pingback p {
					color: #888;
					display: block;
					font-size: 12px;
					line-height: 18px;
					margin: 0;
				}
				#content #comments ol.commentlist .pingback .url {
					font-size: 13px;
					font-style: italic;
				}
			#respond {
				margin: 24px 0;
				overflow: hidden;
				position: relative;
			}
			/*#respond input[type=submit] {
				color: #000!important;
				cursor: pointer;
				display:block;
				border: 1px solid #ddd;
				background-color: #fff!important;
			}*/
			#respond input[type=submit] {
				display: inline-block;
				padding: 10px 20px;
				font-size: 17px;
				line-height: 22px;
				background: #0980aa;
				position: relative;
				color: #FFF;
				border: none;
				cursor: pointer;
				-webkit-appearance: none;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
			#respond input[type=submit]:hover { background: #000; color: #FFF; }
			#respond p { margin: 0; }
			#respond .comment-notes { margin-bottom: 1em; }
			.form-allowed-tags { line-height: 1em; }
			.children #respond { margin: 0 48px 0 0; }
			h3#reply-title {
				margin: 18px 0;
				font-weight: normal;
			}
			#comments-list #respond { margin: 0 0 18px 0; }
			#comments-list ul #respond { margin: 0; }
			#cancel-comment-reply-link {
				font-size: 12px;
				font-weight: normal;
				line-height: 18px;
			}
			#respond .required {
				color: #ff4b33;
				font-weight: bold;
			}
			#respond label {
				color: #888;
				font-size: 12px;
			}
			#respond input {
				margin: 0 0 9px;
				width: 95%;
				border:1px solid #ccc;
				background: #fff;
				padding: 5px;
				color: #000;
			}
			#respond textarea {
				width: 95%;
				border:1px solid #ccc;
				background: #fff;
				color: #000;
				padding: 5px;
			}
			#respond .form-allowed-tags {
				color: #888;
				font-size: 12px;
				line-height: 18px;
			}
			#respond .form-allowed-tags code { font-size: 11px; }
			#respond .form-submit { margin: 12px 0; }
			#respond .form-submit input {
				font-size: 14px;
				width: auto;
			}





			#content .pagination {
				text-align: center;
				margin: 0 0 40px 0;
			}
				#content .pagination a,
				#content .pagination span {
					color: #000;
					padding: 4px 12px;
					border: 1px solid #ddd;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					display: inline-block;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					text-transform: capitalize;
					cursor: pointer;
					line-height: 21px;
				}
				#content .pagination a:hover {
					color: #666;
					border-color: #EEE;
				}
				#content .pagination span {
					background: #EEE;
				}
			#content .pagination .pagination-left { float: left; }
			#content .pagination .pagination-right { float: right; }


	/* Videos */

	.video-holder {
		display: block;
		float: left;
		width: 33.3%;
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.video-holder p { min-height: 40px; }
		.video-holder .video,
		.video-holder .video textarea { display: none; }
	.video-holder .thumbnail img { width: 300px; height: auto; }
	.video-holder .thumbnail .video iframe { max-width: 100%; }


	/* Newsletter Signup */

	#newsletter-signup {
		margin: 0 0 24px 0;
	}
		#newsletter-signup .container {
			background: #fffbd5;
			border-bottom: 3px solid #0980aa;
			padding: 20px 20px 15px 20px;
		}
			#newsletter-signup h5 {
				float: left;
				font-size: 24px;
				color: #000000;
				line-height: 36px;
			}
			#newsletter-signup form {
				float: right;
			}
				#newsletter-signup form label { position: absolute; top: -9999px; left: -9999px; }
				#newsletter-signup form input[type="text"],
				#newsletter-signup form input[type="email"] {
					display: block;
					float: left;
					margin: 0 8px 0 0;
					width: 260px;
					height: 40px;
					border: 1px solid #ccc9aa;
					background: #FFF;
					font-size: 17px;
					padding: 10px 12px;
				}
				#newsletter-signup form input[type="submit"] {
					height: 40px;
					line-height: 38px;
					padding: 0 20px;
				}
				#newsletter-signup form small {
					display: block;
					font-size: 11px;
					color: #4a4a4a;
					padding: 5px 0 0 0;
				}


	/* Partners Logos */

	#partner-logos {
	}
		#partner-logos .container {
			border-top: 1px solid #909090;
			border-bottom: 1px solid #909090;
			padding: 28px 0 20px 0;
		}
		#partner-logos .logo-esrc {
			float: left;
			display: block;
			text-align: center;
			padding: 0 12px;
		}
		#partner-logos .logo-esrc:hover { text-decoration: underline; }
			#partner-logos .logo-esrc span {
				display: block;
				text-align: center;
				font-size: 11px;
				padding: 5px 0 0 0;
				color: #909090;
			}
		#partner-logos .logos {
			float: right;
			display: table;
		}
			#partner-logos .logos a {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				opacity: 0.6;
				filter: alpha(opacity=60);
				transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
				padding: 0 10px 0 20px;
			}
			#partner-logos .logos a:hover {
				opacity: 1;
				filter: alpha(opacity=100);
			}
				#partner-logos .logos a img {
					-webkit-filter: grayscale(1);
					filter: grayscale(1);
					filter: gray;
					vertical-align: middle;
				}
				#partner-logos .logos a:hover img {
					-webkit-filter: none;
					filter: none;
				}


	/* Site Footer */

	#site-footer { }
		#site-footer .container {
			padding: 15px;
		}
		#site-footer .footer-left {
			float: left;
		}
			#site-footer .footer-left .contact-address {
				float: left;
				width: 250px;
			}
			#site-footer .footer-left .contact-other {
				float: left;
				width: 210px;
			}
			#site-footer .footer-left p,
			#site-footer .footer-right p {
				font-size: 11px;
				line-height: 13px;
				color: #777;
				margin: 0 0 20px 0;
			}
			#site-footer .footer-left p i.fa {
				font-size: 16px;
				color: #00b0f0;
			}
		#site-footer .footer-right {
			float: right;
			width: 470px;
		}
			#site-footer .footer-right nav {
				display: block;
				margin: 0 0 15px 0;
			}
				#site-footer .footer-right nav li {
					display: inline-block;
					margin: 0 2px 0 0;
					padding: 0 6px 0 0;
					position: relative;
					font-size: 11px;
					line-height: 13px;
				}
					#site-footer .footer-right nav li:before {
						width: 1px;
						height: 12px;
						background: #777;
						position: absolute;
						top: 50%;
						margin-top: -6px;
						right: 0px;
						content: ' ';
					}
					#site-footer .footer-right nav li:last-child:before { display: none; }
					#site-footer .footer-right nav li a { color: #777; }
					#site-footer .footer-right nav li a:hover { color: #333; text-decoration: underline; }


@media all and (max-width: 1160px) and (min-width: 0px) {
	
	#site-header .logo { margin-left: 0px; }

}

@media all and (max-width: 1020px) and (min-width: 0px) {

	.container { width: auto; margin: 0 30px; }

	#site-header .logo { width: 350px; }
		#site-header .logo img { width: 100%; height: auto; }

	#home-banner .container {
		padding-left: 260px;
	}
		#home-banner #share-your-views {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 260px;
			padding: 30px 30px 0 30px;
		}
		#home-banner #share-your-views h3 { font-size: 20px; line-height: 22px; }
		#home-banner #share-your-views p { font-size: 14px; line-height: 20px; }
		#share-your-views a { font-size: 13px; }
		#home-slider { width: 100%; float: none; }
		#home-slider .slides img { height: 318px; width: auto; }

	#home-columns .container { margin: 0 20px; }
	#home-columns .column {
		width: 33.3%;
		border-left: 10px solid #FFF;
		border-right: 10px solid #FFF;
		margin: 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		#home-columns .column h3 { font-size: 16px; }
		#home-columns .column .news-and-events-link { font-size: 18px; }
		#home-columns .column .news-and-events-link span { font-size: 11px; }
		#home-columns .column ul li { font-size: 13px; line-height: 17px; }
	#home-columns .column-last { clear: both; width: auto; padding: 20px 0 0 0; border: none; min-height: 10px; }
	#home-columns .column .news-and-events-link {
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-right: 10px solid #FFF;
		border-left: 10px solid #FFF;
	}
	#home-columns .column .latest-tweet {
		float: right;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 66.6%;
		border-left: 10px solid #FFF;
		border-right: 10px solid #FFF;
		height: auto;
	}

	#sidebar {
		width: 35%; 
		padding: 0 30px 0 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#content {
		width: 65%; 
		padding: 0px;
	}
		#content table { font-size: 12px; line-height: 14px; }
		#content table td { padding: 10px; }

	#newsletter-signup h5 { float: none; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; }
	#newsletter-signup form { float: none; }

	#partner-logos img { max-height: 40px; }
		#partner-logos .logos a { padding: 0 8px 0 10px; }
		#partner-logos .logo-esrc span { width: 60px; }

	#site-footer .footer-right { float: none; clear: both; width: auto; }

}

@media all and (max-width: 767px) and (min-width: 0px) {
	
	#site-nav { right: auto; left: 0px; }
	#site-header .logo {
		float: none;
		clear: both;
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
	}
	#site-header .header-right {
		float: none;
		padding: 0 150px 0 0;
		position: relative;
	}
		#site-header .header-right form {
			width: 100%;
			position: relative;
			padding: 0 40px 0 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			#site-header .header-right form input[type="text"] {
				width: 100%;
				height: 34px;
				padding: 8px 10px;
				font-size: 16px;
			}
			#site-header .header-right form input[type="submit"] {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 38px;
				height: 34px;
			}
		#site-header .header-right .twitter-link {
			position: absolute;
			top: 0px;
			right: 0px;
			line-height: 34px;
			font-size: 14px;
		}

	#site-nav li { margin: 0px; }
	#site-nav li a { font-size: 12px; padding-left: 6px; padding-right: 6px; }

	#home-banner .container {
		padding: 0px;
	}
		#home-banner #home-slider { margin: 0 0 20px 0; }
		#home-banner #share-your-views {
			width: auto;
			float: none;
			position: relative;
			top: auto;
			left: auto;
			height: auto;
			padding-bottom: 30px;
		}
		#home-slider .slides li .image-holder { width: 100%; margin: 0px; }
		#home-slider .slides li .image-holder img { width: 100%; height: auto; }
		#home-slider h2 { position: relative; bottom: auto; left: auto; }

	#home-columns .column .news-and-events-link { float: none; width: auto; margin: 0 0 20px 0; }
	#home-columns .column .latest-tweet { float: none; width: auto; }

	#content {
		float: none;
		width: auto; 
	}
		#content .alignright,
		#content .alignleft { float: none; margin: 0 0 20px 0; width: auto; }

		#content .table-holder {
			overflow: auto;
			position: relative;
			padding-bottom: 30px;
			border-bottom: 1px solid #CCC;
			margin: 0 0 20px 0;
		}
			#content .table-holder:after {
				position: absolute;
				bottom: 20px;
				left: 0px;
				font-weight: bold;
				content: 'Swipe left or right to view more of this table.';
				color: green;
			}
			#content .table-holder table { width: 800px; }

	.video-holder { width: auto; float: none; padding: 0px; }

	#sidebar {
		float: none;
		width: auto; 
		padding: 0px;
	}

	#newsletter-signup form input[type="text"], #newsletter-signup form input[type="email"] { width: 197px; }

	#partner-logos .logos { width: 100%; float: none; }
	#partner-logos a img { max-height: 30px; }
	#partner-logos .logo-esrc { float: none; text-align: left; margin: 0 0 20px 0; overflow: hidden; padding: 0px; }
	#partner-logos .logo-esrc img { display: block; margin: 0 10px 0 0;  float: left; }
	#partner-logos .logo-esrc span { display: block; font-size: 13px; width: auto; text-align: left; float: left; line-height: 30px; margin: 0px; padding: 0px; }


}

#mobile-nav { display: none; }

@media all and (max-width: 599px) and (min-width: 0px) {

	.container { margin: 0 20px; }
	#home-columns .container { margin: 0 10px; }

	#site-nav { display: none; }
	#mobile-nav { display: block; padding: 20px 0 10px 0; }
	#mobile-nav select { width: 100%; font-size: 16px; }

	#site-header .container { padding: 0px; }
	#site-header .logo { width: 100%; }
	#site-header .logo img { width: auto; max-width: 100%; }

	#home-columns .column { float: none; width: auto; min-height: 10px; padding-bottom: 20px; margin-bottom: 20px;  }
	#home-columns .column-last { padding: 0px; }
	#home-columns .column ul li { font-size: 15px; line-height: 20px; }
		#home-columns .column ul li:before { top: 7px; }

	#newsletter-signup form input[type="text"], #newsletter-signup form input[type="email"] {
		width: 100%;
		float: none;
		margin: 0 0 8px 0;
	}

	#partner-logos .logo-esrc {
		display: block;
		border: 1px solid #EEE;
		margin: 0px;
		border-bottom: none;
		padding: 20px;
		text-align: center;
	}
		#partner-logos .logo-esrc img { height: 36px; max-height: 100px; float: none; display: block; margin: 0 auto; }
		#partner-logos .logo-esrc span {
			display: block;
			text-align: center;
			padding: 5px 0 0 0;
			float: none;
		}
	#partner-logos .logos { display: block; overflow: hidden; border: 1px solid #EEE; border-right: none; border-bottom: none; }
	#partner-logos .logos a { width: 33.3%; display: block; float: left; padding: 0px; margin: 0px;
		border-bottom: 1px solid #EEE;
		border-right: 1px solid #EEE;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 20px 0;
	}
	#partner-logos .logos a img { max-height: 36px; height: 36px; }

	#site-footer .container { padding-left: 0px; }
	#site-footer .footer-left .contact-address, 
	#site-footer .footer-left .contact-other {
		float: none; width: auto; 
	}
	#site-footer .footer-left p, #site-footer .footer-right p,
	#site-footer .footer-right nav li { font-size: 13px; line-height: 18px; }

}

@media all and (max-width: 479px) and (min-width: 0px) {

	#site-header .header-right { padding-right: 44px; }
	#site-header .header-right .twitter-link span { display: none; }

	#partner-logos .logos a { width: 50%; }

	#home-slider h2 { font-size: 16px; line-height: 20px; padding: 10px 20px; }

	#site-footer .footer-right nav ul { border-top: 1px solid #DDD; }
	#site-footer .footer-right nav li { display: block; border-bottom: 1px solid #DDD; }
		#site-footer .footer-right nav li a { display: block; padding: 7px 0; }
		#site-footer .footer-right nav li:before { display: none; }

}


.newsletter-archive-holder {
	margin: 0 -10px 40px -10px;
}
.newsletter-archive {
	width: 33.3%;
	float: left;
	padding: 0 10px 20px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.newsletter-archive .inner { padding: 10px; border: 1px solid #CCC; }
.newsletter-archive .inner h3 { padding-top: 0px!important; text-align: center; }
.newsletter-archive .newsletter-image { height: 160px; overflow: hidden; margin: 0 0 10px 0; }
.newsletter-archive .button { display: block; text-align: center; font-size: 14px; line-height: 18px; padding: 10px; }
	
@media all and (max-width: 1023px) and (min-width: 0px) {
	.newsletter-archive { width: 50%; }
	.newsletter-archive .newsletter-image { height: auto; }
}
@media all and (max-width: 767px) and (min-width: 0px) {
	.newsletter-archive { width: auto; float: none; }
}