/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


.mobile-strap{
	background-color:#005f85;
	color: #fff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	padding: 10px 0 10px 0;
}

.mobile-strap a, .mobile-strap a:link, .mobile-strap a:visited, .mobile-strap a:hover{
	color: #fff !important;
	padding: 30px;
}

#login-collapser{
	display:none;
}

.featurerow .post{
	/*border: none !important;*/
}
.featured-image{
	width: 100%;
}

.mobile-only{
	display:none;
}

#sidebar .widget_dart_widget {
	display: block;
}


.pagination{
	width: 100%;
	text-align:center;
}
.pagination a{
	display: block;
	width: 100px;
	height: 100px;
	background: url(images/more-articles.png) no-repeat;
	margin: 0px auto 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

.pagination div.morearts{
	margin-top: 25px;
	padding-bottom: 15px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #333333;
}

#wrapper{
	padding-bottom: 0px !important;
}

.page #wrapper {
	max-width: 100% !important;
}

.page-live #wrapper {
	max-width: 980px !important;
}


.col-full#content {
	max-width: 100% !important;
}

body {
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
	border-top: 0px solid #000000;
padding:0px;
}

#content {
	padding-top:20px;
	border-top:1px solid #dedede;
	background-color: #eee;
}

#main-sidebar-container {
	max-width:1000px;
	margin:0px auto;
}

h2, h3, h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #333333;
}

h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #333333;
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 36px;
}

h2 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #666666;
	line-height: 22px;
}

/* 24280 */
.category_adults h1 ,
.category_children h1,
.category_workforce h1,
.category-mental-health h1,
.category_legal h1,
.category_research h1,
.category_adults h2,
.category_children h2,
.category_workforce h2,
.category-mental-health h2,
.category_legal h2,
.category_research h2{
	color: #005e84 !important;
}

a:visited, a:link {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #006699 !important;
	text-decoration: none !important;
}

.landingpage .post a:hover img, .widget_menu_templated a:hover img {
	opacity: 0.6;
}

.aligncenter {
	margin-bottom: 0;
}

body, p {
	font: 300 13px/16px "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
}

.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
	font-size: 28px;
	font-family: "Open Sans", Helvetica, sans-serif;
	color: #222222;
	font-weight: 400;
}


.post .featured-title, .post .featured-title a:link, .post .featured-title a:visited{
	font-family: "Open Sans", Helvetica, sans-serif;
	color: #222222;
	font-weight: 400;
}

p.parent_cat, p.sponsored_cat{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 15px;
	line-height: 1em;
	font-size: 14px;
	font-weight: 700;
	display: block;
}

p.parent_cat a, p.parent_cat a:visited, p.parent_cat a:hover{
	color: #006699;
}

p.sponsored_cat a.sponsored, p.sponsored_cat a.sponsored:visited, p.sponsored_cat a.sponsored:hover{
	color: #93C01F !important;
}

.featured-post .featured-title, .featured-post .parent_cat,
.featured-post .featured-title, .featured-post .sponsored_cat{
	margin: 0 15px 0 15px;
}

.featured-post .featured-title{
	margin-bottom: 25px;
}

.featured-post .parent_cat, .featured-post .sponsored_cat{
	margin-top: 25px;
	margin-bottom: 4px;
}

#loader{
	display:block;
	height: 48px;
	width: 51px;
	margin: 0 auto;
	background: url(images/loading.gif) no-repeat;
}

.post-meta {
	font: 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	color: #999999;
	margin: 0 0 0.5em 0;
}
.socialtop {
	margin-bottom: 1em;
}

.entry, .entry p {
	font: 300 15px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
}

.entry img {
	border: 0;
	padding: 0;
}

.post-more {
	font: 300 13px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	border-top: 0px solid #e6e6e6;
	border-bottom: 0px solid #e6e6e6;
}

.post-entries {
	margin-top: 20px;
}

#post-author, #connect {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fafafa
}

.nav-entries a, .woo-pagination {
	font: 300 13px/1em "Helvetica Neue", Helvetica, sans-serif;
	color: #888;
}

#tabs .inside li a, .widget_woodojo_tabs .tabbable .tab-pane li a {
	font: bold 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
}
#tabs .inside li span.meta, .widget_woodojo_tabs .tabbable .tab-pane li span.meta {
	font: 300 11px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	color: #999999;
}
#tabs ul.wooTabs li a, .widget_woodojo_tabs .tabbable .nav-tabs li a {
	font: 300 11px/2em "Helvetica Neue", Helvetica, sans-serif;
	color: #999999;
}

/* Layout */

.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {


    width: 65%;
}

#main .post {
	background-color: #ffffff;
    	border: 1px solid #dedede;
	box-sizing: border-box;
}

.single .post {
	padding: 1rem;
}

/* Header */

#header-wrapper {
	width:1000px;
	margin:0px auto;
	max-width: 100%;
}

#header {
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px solid;
	/*display:inline;
	float:left;*/
}
#logo {
	padding-left: 0px;
	padding-top: 12px;
	max-width: 100%;
}
#topad {
	padding-right: 0px;
}
#logo .site-title a {
	font: bold 40px/1em "Helvetica Neue", Helvetica, sans-serif;
	color: #222222;
}
#logo .site-description {
	font: 300 13px/1em "Helvetica Neue", Helvetica, sans-serif;
	color: #999999;
}

#logo {
	width:260px;
	margin-top: 0px;
	float: left;
	display: inline;
	padding-top: 16px;
}

#headersidebar {
	float: left;
	display: none !important;
	width: 75%;
	margin: 0;
	padding: 0;
	height: 100px;
	overflow: hidden;
}

#headersidebar ul {
	list-style: none;
	text-align: left;
}

#headersidebar ul li:first-child {
	width: 68%;
	padding-left: 2%;
	padding-top: 16px;
	float: left;
	display: inline;
}

#headersidebar ul li:last-child {
	/*width: 28%;*/
	height: 85px;
	float: right;
	display: inline;
	padding: 0px;
	text-align: right;
}

#headersidebar ul li:last-child img {
	width: 100%;
	height: auto;
	max-width: 200px;
}

/* Pre header */

#preheader {
}

#preheader ul {
	list-style: none;
	text-align: left;
}

#preheader ul li {
	display: block;
	margin: 0px;
	float: left;
	text-align: center;
	width: 100%;
}

#preheader ul li div.advertslot {
	text-align: center;
}

/* Pre header */

#postheader {
    display: inline;
    float: left;
max-width:120px;
}

#postheader ul {
	list-style: none;
	text-align: left;
}

#postheader ul li {
	display: block;
	margin: 0px;
	float: left;
	text-align: left;
	width: 100%;
}

#postheader ul li div.advertslot {
	text-align: center;
}

/* Style Google Search form */
.gsc-search-box tr td, .gsc-searchbox tr th {
	padding: 0;
}

.gssb_c {
	z-index: 5000;
	margin-top: 32px;
}

li#gsc-widget-4.custom {
    position: relative;
    width: 300px;
}

.gsc-search-box {
display:none;
}

#search-button {
     color: #005e84;
     display: inline-block;
     font-family: "Open Sans",Arial,sans-serif;
     font-size: 16px;
     font-weight: normal;
     margin: 72px 10px 0px;
     padding: 5px;
}

#search-button:hover {
     border-radius: 5%;
     border: 1px solid #dedede;
}


#search-button img {
width:20px;
  padding-left:3px;
}

/* ====== ARTICLE / SINGLE ====== */

.single .post {
	margin-bottom: 30px;
}

.single .post h1 {
	font-size: 36px;
	margin-bottom: 10px;
	color: #333333 !important;
	line-height: 40px;
}

.single .post h2 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #666666 !important;
	line-height: 22px;
}

.single .post p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 15px;
}

.featureimage {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.featureimage img {
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-right: 10%;
}

.single .featuredcaption {
	font-size: 11px;
	font-style: italic;
}

#articlemore {
	display: block;
	overflow: visible;
	margin-bottom: 30px;
}

#articlemore h3 {
	font-size: 17px;
	display: block;
	color: #006699;
	margin-bottom: 0px;
}

#articlemore h2 {
	font-size: 24px;
	color: #006699;
	display: block;
	margin-bottom: 20px;
}

#morecontent h2 {
	font-size: 17px;
	color: #006699;
	display: block;
	margin-bottom: 20px;
}

#morecontent .row h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}

#morecontent h3 a, #topstories h3 a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}

#morecontent .row .column {
	float: left;
	margin: 0px;
	display: inline;
	width: 48%;
	margin-right: 4%;
}

#morecontent .row .column:last-child {
	margin-right: 0;
}

#morecontent .post {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.single #morecontent .row .post a img.thumbnail {
	width: 55px;
	height: 40px;
	float: left;
	margin-right: 10px;
}

.single #morecontent .row .post h3 {
	font-size: 14px;
	margin-bottom: 0px;
	color: #333333;
	font-weight: 400;
}

.single #morecontent .row .post h3 a {
	color: #333333;
}

.single #morecontent .row .post h3 a:hover {

	text-decoration: none;
}

.single #morecontent .row .post p {
	font-size: 13px;
	line-height: 15px;
	font-weight: lighter;
	margin-bottom: 5px;
}

/*Breadcrumb*/

#breadcrumb {
	padding-bottom: 1em;
	font-size: 0.9em;
	color: #666666;
}

#breadcrumb .breadcrumb_last {
	font-weight: bold;
	color: #333333;
}

#breadcrumb p {
	float: left;
	display: inline;
}


#login {
    display: inline;
    float: right;
    margin-top: 12px;
    max-width: 138px;
}

#login ul li {
    display: block;
	text-align:center;
	width:100px;
	margin:2px;
	float:right;
}

#login ul {
	margin-top:3px;
clear:both;
}

#login a {
	font-size: 15px;
	color: #006699;
	text-decoration: none;
}

#login a:hover {
	text-decoration: none;
}


#login ul li a {
	background-color:#749918;
	padding: 10px;
	color:#fff;
	line-height: 1.2;
	display:block;
	border-radius: 5%;
}

#login ul li:nth-child(2) a {
	background-color:#00afd7 !important;
}
/*============= NAVIGATION ===================*/

#navcom {
	margin-bottom: 4px;
	background: none;
	border: 0;
	box-shadow: none;
	display: inline-block;
    float: left;
    position: relative;
    top: 75px;
}

#navcom ul.slimmenu {
	margin: 0;
	padding: 0;
}

#navcom ul.slimmenu li {
	position: relative;
	float: left;
}

.menu-collapser {
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
/*	position: fixed;
	top: 115px;
	right: 0px;
	z-index:9999; */
}

.collapse-button {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	padding: 10px;
}

.toggle-text {
	font-size: 14px;
	font-weight: normal;
	color: #005e84;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 200;
	margin-right: 10px;
	float: left;
	margin-top:10px;
}

.toggle-button {
	width: 30px;
	float: right;
	padding-top: 3px;
}

.toggle-button .icon-bar {
    background-color: #FFF;
    border-radius: 1px;
    box-shadow: 0px 3px 0px rgba(0, 94, 132, 0.7);
    display: block;
    height: 3px;
    margin: 4px 0px;
    width: 20px;
}

ul.slimmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.slimmenu li {
	position: relative;
	display: inline-block;
}

ul.slimmenu > li:last-child {
	margin-right: 0;
	border: 0;
}
ul.slimmenu li a {
	/*display: block;*/
	line-height: 28px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #005e84;
	padding-left: 8px;
	padding-right: 8px;
}

ul.slimmenu li a:hover {
	color: #93c01f !important;
}

ul.slimmenu li:active, ul.slimmenu li ul li:active {
	color: #00afd7 !important;
}

ul.slimmenu li.menu-item-has-children a {
	padding-right: 39px;
}

ul.slimmenu li a:hover {
	text-decoration: none;
}

ul.slimmenu li span.sub-collapser {
	display: none;
}

ul.slimmenu li.menu-item-has-children .sub-collapser {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	text-align: center;
	z-index: 999;
	cursor: pointer;
	display: block;
}

ul.slimmenu li.menu-item-has-children .sub-collapser:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
ul.slimmenu li.menu-item-has-children .sub-collapser > i {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
}

#navcom ul.slimmenu li:active, #navcom ul li ul li:active {
	color: #333333 !important;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 5%, #f3f3f3 58%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#cccccc), color-stop(58%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*#navcom ul.slimmenu li.current_page_item a, #navcom ul.slimmenu li.current_page_parent a, #navcom ul.slimmenu li.current-menu-ancestor a, #navcom ul.slimmenu li.current-cat a, #navcom ul.slimmenu li.current-menu-item a {
	background-color: #ffffff;
}*/
#navcom ul.slimmenu li.current_page_item a, #navcom ul.slimmenu li.current_page_parent a, #navcom ul.slimmenu li.current-menu-ancestor a, #navcom ul.slimmenu li.current-cat a, #navcom ul.slimmenu li.current-menu-item a {
	color: #006699 !important;
	background-color: #ffffff !important;
}

/*== DROPDOWN ==*/

ul.slimmenu li ul {
	margin: 0;
	list-style-type: none;
}
ul.slimmenu li > ul {
	display: block;
	position: absolute;
	left: -1px;
	top: 100%;
	z-index: 999;
	min-width: 200px;
	background-color: #fff !important;
	-webkit-box-shadow: 2px 2px 2px 1px #ccc;
	box-shadow: 2px 2px 2px 1px #ccc;
	margin-left: 0px;
	padding: 0px;
	z-index: 100;
	border: 1px solid #CCCCCC !important;
	border-top: 0px !important;
	overflow: hidden;
}

ul.slimmenu ul li {
	padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float: none;
	border-top: 0px !important;
	border-right: 0px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	clear: left;
}

ul.slimmenu ul li a {
	background-color: #FFFFFF !important;
	border: 0px !important;
	color: #333333 !important;
	white-space: nowrap;
	padding-left: 3%;
	padding-right: 0;
	display: block;
	font-size: 13px;
	width: 97%;
}

ul.slimmenu li > ul > li ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 999;
	width: 100%;
}

ul.slimmenu ul li.menu-item-has-children span.sub-collapser, ul.slimmenu ul li span.sub-collapser {
	display: none !important;
}

ul.slimmenu.collapsed li .sub-collapser {
	height: 40px;
}
ul.slimmenu.collapsed li > ul {
	display: none;
	position: static;
}

ul.slimmenu li ul.sub-menu li a:hover {
	color: #333333;
	font-weight: 400;
	background: #cccccc !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 5%, #f3f3f3 58%, #ffffff 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#cccccc), color-stop(58%,#f3f3f3), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */
}



/* Category Colours */

/* Home */
.category_home h1 {
	color: #bcbdc1 !important;
}

/* Adult */
.category_adults h1
{
	/*color: #cc0066 !important;*/
}

/* Children */
.category_children h1
{
	/*color: #ff9933 !important;*/
}

/* Workforce */
.category_workforce h1
 {
	/*color: #01203B !important;*/
}

/* Jobs */
.category_jobs h1 {
	color: #ff6633 !important;
}

/* Events */
.category_events h1 {
	color: #663399 !important;
}

/* Inform */
.category_inform h1 {
	color: #3A88CE !important;
}

/* Privacy */
.category_privacy h1 {
	color: #bcbdc1 !important;
}

/* Research */
.category_research h1 {
	/*color: #339933 !important;*/
}

/* Legal */
.category_legal h1 {
	/*color: #333333 !important;*/
}

/* Tenders */
.category_tenders h1 {
	color: #0066cc !important;
}

/* Your say */
.category_yoursay h1 {
	color: #993366 !important;
}

/* Advertise with us */
.category_advertise h1 {
	color: #333333 !important;
}

/* Mental health */
.category_mentalhealth h1 {
	/*color: #339999 !important;*/
}

/* Home */
.category_home h2 {
	color: #bcbdc1 !important;
}

/* Adult */
.category_adults h2 {
	/*color: #cc0066 !important;*/
}

/* Children */
.category_children h2 {
	/*color: #ff9933 !important;*/
}

/* Workforce */
.category_workforce h2 {
	/*color: #01203B !important;*/
}

/* Jobs */
.category_jobs h2 {
	color: #ff6633 !important;
}

/* Events */
.category_events h2 {
	color: #663399 !important;
}

/* Inform */
.category_inform h2 {
	color: #3a88ce !important;
}

/* Privacy */
.category_privacy h2 {
	color: #bcbdc1 !important;
}

/* Research */
.category_research h2 {
	/*color: #339933 !important;*/
}

/* Legal */
.category_legal h2 {
	/*color: #333333 !important;*/
}

/* Tenders */
.category_tenders h2 {
	color: #0066cc !important;
}

/* Your say */
.category_yoursay h2 {
	color: #993366 !important;
}

/* Advertise with us */
.category_advertise h2 {
	color: #333333 !important;
}

/* Mental health */
.category_mentalhealth h2 {
	/*color: #339999 !important;*/
}

/* Home */
.category_home h3 {
	color: #bcbdc1 !important;
}

/* Adult */
.category_adults h3 {
	color: #cc0066 !important;
}

/* Children */
.category_children h3 {
	color: #ff9933 !important;
}

/* Workforce */
.category_workforce h3 {
	color: #01203b !important;
}

/* Jobs */
.category_jobs h3 {
	color: #ff6633 !important;
}

/* Events */
.category_events h3 {
	color: #663399 !important;
}

/* Inform */
.category_inform h3 {
	color: #3a88ce !important;
}

/* Privacy */
.category_privacy h3 {
	color: #bcbdc1 !important;
}

/* Research */
.category_research h3 {
	color: #339933 !important;
}

/* Legal */
.category_legal h3 {
	color: #333333 !important;
}

/* Tenders */
.category_tenders h3 {
	color: #0066cc !important;
}

/* Your say */
.category_yoursay h3 {
	color: #993366 !important;
}

/* Advertise with us */
.category_advertise h3 {
	color: #333333 !important;
}

/* Mental health */
.category_mentalhealth h3 {
	color: #339999 !important;
}

/* Home */
#secondarymodules .category_home h3 a {
	color: #bcbdc1 !important;
}

/* Adult */
#secondarymodules .category_adults h3 a {
	color: #cc0066 !important;
}

/* Children */
#secondarymodules .category_children h3 a {
	color: #ff9933 !important;
}

/* Workforce */
#secondarymodules .category_workforce h3 a {
	color: #01203b !important;
}

/* Jobs */
#secondarymodules .category_jobs h3 a {
	color: #ff6633 !important;
}

/* Events */
#secondarymodules .category_events h3 a {
	color: #663399 !important;
}

/* Inform */
#secondarymodules .category_inform h3 a {
	color: #3a88ce !important;
}

/* Privacy */
#secondarymodules .category_privacy h3 a {
	color: #bcbdc1 !important;
}

/* Research */
#secondarymodules .category_research h3 a {
	color: #339933 !important;
}

/* Legal */
#secondarymodules .category_legal h3 a {
	color: #333333 !important;
}

/* Tenders */
#secondarymodules .category_tenders h3 a {
	color: #0066cc !important;
}

/* Your say */
#secondarymodules .category_yoursay h3 a {
	color: #993366 !important;
}

/* Advertise with us */
#secondarymodules .category_advertise h3 a {
	color: #333333 !important;
}

/* Mental health */
#secondarymodules .category_mentalhealth h3 a {
	color: #339999 !important;
}

#navcom ul.slimmenu li ul.sub-menu li a.menu-image-title-:hover {
	color: #333333;
	font-weight: 400;
	background: #cccccc !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 5%, #f3f3f3 58%, #ffffff 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#cccccc), color-stop(58%,#f3f3f3), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 5%,#f3f3f3 58%,#ffffff 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */
}

/* Home Page */
.home .widget_dart_widget {
	padding: 7px 0 7px 0;
	border: 0px;
}

#dfpPHL table{
 background: none;
}

#secondarymodules > div {
	float: left;
	margin-right: 5%;
	display: inline;
	width: 30%;
	margin-bottom: 1em;
}

#secondarymodules p > a {
	color: #333 !important;
}

#secondarymodules div:nth-child(3n) {
	margin-right: 0;
}

#secondarymodules div:nth-child(3n+4) {
	clear: both;
}

#secondarymodules h3 {
	color: #333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 10px;
}

div.secondaryheadline {
	font-size: 13px;
	margin-bottom: 8px;
	line-height: 14px;
}

div.secondaryheadline a, div.secondaryheadline a:visited {
	color: #333;
	font-weight: 200;
}
/* ====== SIDEBAR ====== */


.widget_dart_widget {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.widget_dart_widget img {
	margin-left: auto;
	margin-right: auto;
}

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

.widget h3 {
	font-size: 24px;
	color: #006699;
	display: block;
	margin: 0 0 0.4em 0;
	padding: 0;
	text-align: left;
	width: 100%;
	border: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.widget ul {
	list-style: none;
	text-align: left;
	display: block;
	overflow: visible;
	padding: 0 5px;
}

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

.widget ul li p, .widget ul li a {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #333333;
}

.widget ul li {
    box-sizing: border-box;
    clear: left;
    display: block;
    /*height: 70px; */
    margin: 10px 5px;
    max-width: 100%;
}

.widget .thumbnail {
	width: 70px;
	height: 51px;
	float: left;
	margin-right: 10px;
}

.in-depth-widget, #sidebar .widget {
background-color:#fff;
max-width:320px;
border:1px solid #dedede;
}

.in-depth-widget h2, #sidebar .widget h3, #sidebar .widget > h2 {
	background-color:#005E84;
	color:#fff;
	border-left:5px solid #93C01F;
	padding:5px 10px;
	font-size:20px;
	box-sizing:border-box;
	text-align:left;
}

.in-depth-widget ul li {
	box-sizing: border-box;
	width:50%;
	display:inline-block;
	float:left;
	height:300px;
	padding:5px;
clear:none;
margin:0;
}

.in-depth-widget img {
width:100%;
	height:auto;
margin:0 0 5px;
}

.widget .competition {
	border: 1px solid #ccc;
	text-align: left;
}

.widget .competition h3 {
	background-color: #006699;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-align: left;
	line-height: 36px;
	padding-left: 20px;
	width: auto;
}

.widget .competition p {
	padding: 10px;
	font-size: 16px;
	line-height: 19px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 200;
	display: block;
	clear: left;
}

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

.widget .competition img {
	float: left;
	margin-right: 10px;
}

.rpwe-block h3 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  clear: none;
  float: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0 !important;
  width: 75%;
}

#sidebar .rpwe-block li.rpwe-li h3.rpwe-title {
    border: 0 none;
font-size:16px;
font-weight:200;
padding:0;
line-height:1;
}

.rpwe-block img {
padding-top:8px;
}

#sidebar .widget ul li p, #sidebar .widget ul li a {
font-size:14px;
}

/* Templated menu widget customisations */

.widget ul.menu-headline-with-image {
	list-style: none;
	text-align: left;
}

.widget ul.menu-headline-with-image {
	display: block;
	height: auto;
	overflow: visible;
}

.widget ul.menu-headline-with-image li {
	display: block;
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 13px;
}

.widget ul.menu-headline-with-image li img {
	float: left;
	padding-right: 1em;
}

/* LANDING PAGES */

#post-header {
	font-size: 15px;
	line-height: 24px;
	font-weight: lighter;
	margin-bottom: 15px;
	font: 300 15px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
}

div.landingpage #topstories div.post, div.landingpage #topstories div.page {
	/*margin-bottom: 20px; */
}

div.landingpage div.post, div.landingpage div.page {
	margin-bottom: 8px;
background-color:#fff;
}

.landingpage .title {
	margin: 0;
	line-height: 18px;
	padding:5px 15px 5px 5px;
}

.landingpage .post span {
padding:5px;
}

.landingpage .post-meta {
	margin: 0;
}

.landingpage .title a:link, .landingpage .title a:visited {
	font-size: 20px;
	line-height: 25px;
}

.landingpage .post-more {
	display: none !important;
}

div.landingpage .post img.attachment-small, div.landingpage .page img.attachment-small {
	float: left;
	margin-right: 20px;
}

.landingcolumn {
	float: left;
	margin-right: 5%;
	display: inline;
	width: 30%;
}

div.landingrow div:last-child {
	margin-right: 0px;
}

div.timestamp {
	font-size: 10px;
	color: #666666;
}

.secondaryfeature .post-thumb {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.secondaryfeature .post-thumb img {
	margin-bottom: 8px;
	width: 100%;
	height: auto;
}

.secondaryfeature .caption {
	font-size: 13px;
}

.secondaryfeature .post-thumb .title a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}

.secondaryfeature .post-thumb .title {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 16px;
	font-size: 16px;
	margin-bottom: 10px;
	color: #333;
}

.secondaryfeature .post-thumb div {
	overflow: auto;
}

div.landingpage .furtherfeature.post {
	margin-bottom: 0;
}

.furtherfeature .post-thumb img {
	margin-bottom: 10px;
}

.furtherfeature .post-thumb .title a {
	line-height: 14px;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.furtherfeature .post-thumb .title {
	line-height: 14px;
	font-size: 13px;
	margin-bottom: 10px;
	color: #333;
}

/* Landing page feature styles */

.feature {
	width: 65%;
	float: left;
	margin-right: 5%;
	display: inline;
	overflow: hidden;
}

.feature img {
	z-index: 1;
	width: 100%;
	height: auto;
}

.feature .captionarea {
	width: 92%;
	padding: 4.2%;
	position: absolute;
	bottom: 20px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-8 */
	z-index: 10;
}

.feature .caption {
	width: 100%;
	padding: 0%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #fff;
}

.featurerow .column {
	float: left;
	margin: 0px;
	display: inline;
	width: 30%;
}

#allnews {
	text-align: right;
	height: 16px;
	margin-top: 4px;
}

div.feature div.caption h2.title a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
}

div.feature div.caption h2.title a:hover {
	color: #fff !important;
}

div.feature div.caption h2.title {
	margin-bottom: 10px;
	line-height: 20px;
}

.feature .post p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
}

div.feature div.caption p {
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	font-weight: 300;
}

div.landingpage #topstories h2 {
	margin-bottom: 8px;
	font-weight: normal;
}

/* Madgex Job Widget */

.madgexJobsWidget {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0.8em;
}

.madgexJobsWidget ul li {
	margin-bottom: 0;
	text-align: center;
}

.widget .madgexJobsWidget ul li a {
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}

/* Sponsor buttons */

.widget #sponsorbuttons {
	margin: 0 auto;
}

.widget #sponsorbuttons div.advertslot {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.widget #sponsorbuttons div.advertslot:nth-child(2n+1) {
	float: left;
	clear: left;
}

/* Footer Sitemap */

#footer {
max-width:100% !important;
padding:0px;
}

#footer a, #footer p a, #footer p a:visited, #footer a:visited{
	color: #fff !important;
}

#footer a:hover, #footer p a:hover{
	color: #ededed !important;
}

#footer a.footer-button:hover{
	background-color: #95c028 !important;
}



.footer-cols .col .textwidget {
	background-color: #005e84;
	color:#fff;
	padding:1rem 0;
}

.footer-block, .footer-cols .col .textwidget h2 {
	max-width:1000px;
	margin:10px auto;
}

.footer-block, .footer-cols .col .textwidget h2 {
	font-size:2.5em;
	color:#fff;
}

.footer-block {
	width:22%;
	display: inline-block;
	box-sizing: border-box;
	padding:10px;
	margin:10px;
	text-align: center;
	vertical-align:top;
}

.footer-block h3 {
	font-size:25px;
	color:#fff;
	padding:10px 0;
}

.footer-block p {
	color: #fff;
	margin:5px 0;
	font-size: 14px;
	line-height: 1.2em;
}

.footer-block img {
	margin:5px 0;
	border-radius:50%;
}

.upper-footer {
	max-width: 1000px;
	margin:10px auto;
}

.footer-button {
	padding:10px;
	display: block;
	color:#fff;
	background-color: #749918;
	margin:10px auto;
	max-width:100px;
	font-size:14px;
	font-weight: 300;
	border-radius: 5%;
}

.green-container {
	background-color:#709317;
}

.green-container .lower-footer {
	max-width:1000px;
	margin:10px auto;
}

.green-container .lower-footer p, .green-container .lower-footer h3 {
	text-align: left;
}


#footer #sitemap {
	display: block;
	background-color: #006699;
	padding: 20px;
	overflow: auto;
}

#footer #sitemap .widget {
	margin-bottom: 0;
}

#footer #sitemap h2 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	display: block;
	margin-bottom: 20px;
}

#footer #sitemap ul.sitemapcol {
	list-style: none;
	width: 18%;
	margin: 1%;
	float: left;
	clear: none;
}

#footer #sitemap ul li {

	list-style: none;
	margin-bottom: 15px;
	clear: left;
}

#footer #sitemap ul li a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 4px;
}

#footer #sitemap ul li ul {
	display: block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#footer #sitemap ul li ul li {
	margin: 0px;
	line-height: 18px;
}

#footer #sitemap ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#footer #sitemap ul li a:hover {
	color: #006699;
	background: #fff;
}

#footer div.col-left {
	margin-bottom: 0;
}

div#baselinks {
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}

div#baselinks div.widget {
	margin: 0;
	padding: 0;
}

#baselinks ul {
	list-style: none;
	float: left;
}

#baselinks ul li {
	float: left;
	border-right: 1px solid #333333;
	width: auto;
	clear: none;
	margin: 0;
}

#baselinks ul li a {
	color: #333333;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	display: inline-block;
	font-weight: normal;
}

#baselinks ul li a img {

	margin-left: 2px;
}

#baselinks ul li a:hover {
	color: #006699;
}

#awards {
	float: left;
	clear: left;
	width: 100%;
}

#awards div.widget {
	float: left;
	margin-right: 5px;
	display: inline-block;
	margin-bottom: 0;
	padding: 0;
}

#copyright {
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
}

#copyright a {
	color: #333333;
	text-decoration: none;
}

/* Yarpp related posts */
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	width: 120px !important;
	margin: 5px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 0 !important;
	height: auto;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	max-height: none !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 130px;
  height: 170px;
  margin: 5px;
  margin-left: 0px;
  vertical-align: top;
  display:inline-block;
 }

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: 1em;
  max-height: 2.8em;
  line-height: 1.4em;
  margin: 7px;
  margin-top: 0px;
  width: 120px;
  text-decoration: inherit;
  overflow: hidden;
  display:block;
}

/* Advert fixes */

.advert_728x90 {
	max-width: 728px;
	max-height: 90px;
	margin-left: auto;
	margin-right: auto;
}

.advert_728x90 #dcbanner, .advert_728x90 #dcbanner embed, .advert_728x90 #dcbanner object {
	width: 728px !important;
	height: 90px !important;
}

.advert_728x90 #dcexpbanner, .advert_728x90 #dcexpbanner embed, .advert_728x90 #dcexpbanner object {
	width: 728px !important;
	max-height: 400px !important;
}

.advert_300x250 {
	width: 300px !important;
	height: 250px !important;
margin:0px auto;
}

.advert_300x250 div {
	width: 300px !important;
}

.advert_300x250 #dcbanner, .advert_300x250 #dcbanner embed {
	width: 300px !important;
	height: 250px !important;
}

.advert_300x250 #dcexpbanner, .advert_300x250 #dcexpbanner embed {
	max-width: 500px !important;
	max-height: 500px !important;
}

.advert_160x600 {
	width: 160px !important;
	height: 600px !important;
}

.advert_160x600 #dcbanner, .advert_160x600 #dcbanner embed, .advert_160x600 #dcbanner object {
	width: 160px !important;
	height: 600px !important;
}

.advert_160x600 #dcexpbanner, .advert_160x600 #dcexpbanner embed, .advert_160x600 #dcexpbanner object {

	max-width: 500px !important;
	max-height: 600px !important;
}

/* ---- RBI EDITORIAL CUSTOMISATIONS ---- */

/*Cleaning up poll widget*/
.wp-polls ul li a {
	display: none
}

/*Social care link widget*/
#eraLinksContainer a.vswTitle {
	color: #333333 !important;
}
#eraLinksContaine a:hover {
	color: #006699 !important;
}
#relatedLinksHeader {
	color: #006699 !important;
	font-size: 1.4rem !important;
	font-weight: normal !important;
	margin: 0 !important;
	line-height: 1.5rem !important;
}

/*home page text widget - hover effect*/
.textwidget p > a {
	color: #333 !important;
}
.textwidget p > a:hover {
	color: #069 !important;
}

/*sidebar widget spacing and hover*/
.widget {
	margin: 0 0 20px;
	display: block;
	overflow: visible;
}

.widget:after {
	content: ".";
	clear: both;
	visibility: hidden;
}

#secondarymodules p > a:hover {
	color: #006699 !important;
}

/*Styles blog feeds on YourSay page*/
.hungryfeed_feed_description {
	margin-top: -0.5rem !important;
	font-size: 1.1rem !important;
}

/*Tabs on search results*/
.gsc-tabHeader.gsc-tabhActive {
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-top: 2px solid #006699 !important;
	color: #FFFFFF !important;
}
/*Hover effect for images in TinyMCE widgets*/
.widget_black_studio_tinymce a img:hover {
	opacity: 0.8;
}

/*fix for distorted job widget logo in IE8*/
.madgexJobsWidget img {
	height: 54px
}

/*padding for addthis widget*/
.addthis_toolbox {
	padding: 20px 0 !important;
}

/*job of the week sidebar box*/
#menu_templated-43 {
	background-color: #f3f3f3;
	padding: 0.6rem;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
#menu_templated-43 h2 {
	color: #006699;
	font-size: 1.5rem;
	margin-bottom: 15px;
	font-weight: 400;
}

/*space beneath bespoke banners*/


/* Debug Styles */
div.gwa_debug {
	position: fixed;
	top: 50px;
	left: 10px;
	background: #ccc;
	opacity: 0.8;
	border: 1px solid #666;
	width: 500px;
	z-index: 1000;
}

div.gwa_debug div.debug_gwa {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-right: 1px;
}

div.gwa_debug div.debug_gwa:nth-child(2n) {
	background: #eee;
}

div.debug_gwa span {
	width: 70%;
	display: inline-block;
}

div.debug_gwa span:first-child {
	font-weight: bold;
	width: 30%;
}

div.rbidebug {
	display: block;
	background: #ccc;
	border: 1px dashed #600;
	word-break: break-all;
}

/* Other stuff (needs classifying and possible pruning) */

#top ul.slimmenuli a {
	font: 300 12px/1.6em "Helvetica Neue", Helvetica, sans-serif;
	color: #ddd;
}

/*#footer, #footer p {
	font: 300 13px/1em "Helvetica Neue", Helvetica, sans-serif;
	color: #999999;
} */

#footer {
	border-top: 1px solid #dbdbdb;
	border-bottom: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.magazine #loopedSlider .content h2.title a {
	font: bold 24px/1em Arial, sans-serif;
	color: #ffffff;
}
.magazine #loopedSlider .content .excerpt p {
	font: 300 13px/1.5em Arial, sans-serif;
	color: #cccccc;
}
.business #loopedSlider .content h2 {
	font: bold 24px/1em Arial, sans-serif;
	color: #ffffff;
}
.business #loopedSlider .content h2.title a {
	font: bold 24px/1em Arial, sans-serif;
	color: #ffffff;
}
#wrapper .business #loopedSlider .content p {
	font: 300 13px/1.5em Arial, sans-serif;
	color: #cccccc;
}
.archive_header h1 {
	font: bold 18px/1em Arial, sans-serif;
	color: #222222;
}
.archive_header {
	border-bottom: 1px solid #e6e6e6;
}

/* DESKTOP STYLES
 -----------------
 Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 1000px) {
	/* Desktop styles go below this line */
	#wrapper {
		max-width: 100% !important;
	}
}

@media all and (max-width: 999px) {

	/* Mobile navigation */

	#navcom {
	position:initial;
	float:right;
	/*margin: 15px 10px 10px 15px; */
	}

	#login {
	display:none;
	/*float:none; */
	max-width:100%;
	width:100%;
	}

	#login ul li {
	/* float:left; */
	width:auto;
	padding-bottom:5px;
}

	#postheader {
    position: initial;
    width: 100%;
}


li#gsc-widget-4.custom {
margin-top: 0;
}

	/* text box for ID collapse button - will need a new iD */
#login-collapser {
    display: block;
    /*float: right;
    margin-top: 35px;
	text-align:right;*/
}

#login-collapser {
	/*display:inline;*/
}




/*story cards */

div.landingpage .post img.attachment-small {
	margin-right:10px;
}

.landingpage .title {
    margin: 0px;
    line-height: 1.1;
    font-size: 1.3em;
}

.landingpage .post span {
padding:0;
}

.two-col-left #main-sidebar-container #main {
width:100%;
}

/* footer */

.footer-block, .footer-cols .col .textwidget h2 {
    font-size: 1.6em;
    line-height: 1;
    text-align: center;
}

.footer-block  {
margin:0;
width:100%;
}

.green-container .lower-footer p, .green-container .lower-footer h3 {
text-align:center;
}


	ul.slimmenu > li {
		border-left: 0;
	}

	#navcom ul li:first-child, #navcom ul li:first-child a {
		border-radius: 0px;
	}

	#navcom ul li.menu-item-has-children > a {
		padding-right: 0px;
	}

	#navcom ul.slimmenu li {
		border-bottom: 1px solid #fff;
		width: 100%;
		clear: left;
		text-align:right;
	}

	ul.slimmenu li > ul {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 999;
		min-width: 200px;
		background-color: #fff;
		-webkit-box-shadow: 0;
		box-shadow: none;
		margin-left: 0px;
		padding: 0px;
		z-index: 100;
		border: 0px;
		border-top: 0px;
	}

	#navcom ul.slimmenu li ul li {
		border-bottom: 1px solid #ccc;
	}

	#navcom ul.slimmenu li ul li:hover, #navcom ul.slimmenu li ul li a:hover {
		background-color: #CCCCCC;
		color: #000000;
	}

	#navcom ul.slimmenu li ul li:active, #navcom ul.slimmenu li ul li a:active {
		background-color: #000;
		color: #fff;
	}

	#navcom ul.slimmenu li.menu-item-has-children ul li span.sub-collapser {
		display: none !important;
	}

	ul.slimmenu li.menu-item-has-children .sub-collapser {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 28px;
		text-align: center;
		z-index: 999;
		cursor: pointer;
		display: block;
	}

	/* Header styling */
	#header {
		height: auto;
		overflow: hidden;
		margin-bottom: 4px;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		/*float:left;*/
	}

	body {
		width: 100%;
		margin: 0px;
		padding: 0px;
		min-width: 320px;
	}

	#wrapper {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		overflow: hidden;
	}

	#content, #main-sidebar-container {
	width:100%;
	}

	#main {
		float: left !important;
		display: inline-block !important;
	}

	#sidebar {
		width: 100% !important;
		display: inline-block !important;
		margin:10px auto;
		padding-top: 0px;
	}

.in-depth-widget, #sidebar .widget {
    max-width: 300px;
    margin: 15px;
    float: left;
}

}

@media all and (max-width: 900px) {

	.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
		width: 65%;
	}

	.two-col-left #main-sidebar-container #sidebar {
	width:32%;
	clear:both;
	margin:10px auto;
	float:none;
	}

	.featurerow {
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #CCCCCC;
		display: block;
		overflow: auto;
	}

}

@media all and (max-width: 840px) {
	.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
		width: 100%;
	}

	#main {

		float: left !important;
		display: block !important;
		width: 100% !important;
		margin-bottom: 30px;
	}

	#sidebar {
		width: 100% !important;
		display: block !important;
		float: left !important;
		clear: both;
		padding-top: 0px;
		margin-top: 0px;
		max-width: 100% !important;
	}

	.featurerow {
		margin-bottom: 20px;
		padding-bottom: 0px;
		border-bottom: 0px;
		display: block;
		overflow: auto;
	}

	.feature {
		width: 50%;
		float: left;
		margin-right: 5%;
		display: inline;
		overflow: hidden;
	}

	.featurerow .column {
		float: left;
		margin: 0px;
		display: inline;
		width: 44%;
	}

	#articlemore {
	display:none;
}

	.widget {
	margin:10px auto;
}

}

@media all and (max-width: 800px) {

	#logo {
		width: 180px !important;
		margin-top: 0px;
		margin-bottom: 15px;
		float: left;
		display: block;
		padding-top: 0px;
		margin-left: 10px
	}

	.mobile-only{
		display:block;
	}

	#sidebar .widget_dart_widget {
		display: none;
	}


	#headersidebar {
		float: left;
		clear: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		height: 85px;
		overflow: hidden;
	}

	#headersidebar ul li:first-child {
		width: 68% !important;
		padding-left: 2%;
		padding-top: 16px;
		float: left;
		display: inline;
	}

	#headersidebar ul li:last-child {

		width: 28% !important;
		height: 85px;
		float: right;
		display: inline;
	}

	#text-6 {
		display: block !important;
	}

	#headersidebar ul li:last-child img {
		width: 100%;
		height: auto;
	}

}

@media all and (max-width: 650px) {

	.in-depth-widget, #sidebar .widget {
		clear:both;
		float:none;
		display:block;
	}

	#sidebar .widget_dart_widget {/*margin:15px;*/ display: none;}

	.landingpage .title a:link, .landingpage .title a:visited {
	    font-size: 1.1em;
	    line-height: 1.1em;
	}

	#navcom {
	float:right;}

	.feature {
		width: 60%;
		float: left;
		margin-right: 20%;
		margin-left: 20%;
		display: block;
		overflow: hidden;
	}

	.featurerow .column {
		float: left;
		margin: 0px;
		display: block;
		width: 100%;
		clear: both;
	}

	#navcom ul li a {
		line-height: 40px;
	}

	#navcom ul.slimmenu li.menu-item-has-children .sub-collapser {

		width: 50px;
		display: block;
	}

	ul.slimmenu li.menu-item-has-children .sub-collapser {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		height: 40px;
		text-align: center;
		z-index: 999;
		cursor: pointer;
		display: block;
	}

	ul.slimmenu li.menu-item-has-children .sub-collapser > i {
		color: #fff;
		font-size: 26px !important;
		display: inline-block;
		vertical-align: middle;
	}

	.secondaryfeature .post-thumb {
		margin-bottom: 10px;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.secondaryfeature .post-thumb img {
		margin-bottom: 8px;
		width: 192px;
		height: auto;
		float: left;
		display: inline;
	}

}

@media all and (max-width: 600px) {

.landingpage .title {padding: 2px;}

	.text-3.widget {
	margin: 35px 20px 0;}

	#postheader ul li {
	width:auto;
	}

	.feature .captionarea {
		position: inherit;
		background: none;
		width: 100%;
		padding: 0px;
		margin-top: 6px;
	}

	.feature .caption {
		color: #222 !important;
	}

	.feature .caption h2.title a {
		color: #222 !important;
	}

	.feature .caption p {
		color: #222 !important;
	}

	.widget_menu_templated, .widget_black_studio_tinymce, .widget_taxonomy_templated {
		width: 100% !important;
	}

	#footer #sitemap ul.sitemapcol {
		width: 100% !important;
	}

	.post-thumb .caption {
		clear: left;
		display: block;
		width: 100%;
		font-weight: bold !important;
	}

	#secondarymodules img {
		max-width: 70%;
	}

	.home  #topstories, .home  .featurerow {
		width: 100% !important;
	}

	#secondarymodules > div {
		float: left;
		margin-right: 0%;
		display: inline;
		width: 100%;
		margin-bottom: 1em;
	}

	.feature {
		width: 80%;
		float: left;
		margin-right: 10%;
		margin-left: 10%;
		display: block;
		overflow: hidden;
	}

	.featurerow {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: 0px;
		display: block;
		overflow: auto;
	}

	.post.secondaryfeature .post-thumb img {
		float: left;
		display: inline;
	}

	#main-sidebar-container, #main, .col-left, #sidebar {
		width: 100% !important;
		overflow: hidden;
	}
}

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

.toggle-text {display:none;}

	#headersidebar {
		height: auto !important;
		overflow: hidden;
	}

	#headersidebar ul {
		list-style: none;
		text-align: left;
	}

	#headersidebar ul li:first-child {

		width: 96% !important;
		height: 40px;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 5px;
		padding-bottom: 0px;
		float: left;
		clear: left;
		display: block;
		margin: 0;
		margin-bottom: 10px;
	}

	#headersidebar ul li:last-child {

		width: 140px !important;
		height: 60px;
		float: left;
		clear: left;
		display: block;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}

	#footer #sitemap {

		overflow: hidden;
	}

	#sidebar .widget_dart_widget {
		text-align: center;
		padding: 0;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 300px !important;
		overflow: hidden;
	}

	#sidebar .widget_dart_widget img {
		width: 100%;
		height: auto;
	}

	img.attachment-small {
		width: 130px;
		height: auto;
	}

	.home img.attachment-small {
		width: 200px;
		height: auto;
	}

	.secondaryfeature .post-thumb img {
		margin-bottom: 8px;
		width: 130px;
		height: auto;
		float: left;
		display: inline;
	}

	#morecontent .post p, #topstories .type-post p, #topstories .type-page p, .secondaryfeature .post-thumb div {
		display: none;
	}

	#morecontent .post, #topstories .post {
		margin-bottom: 30px;
		display: block;
		overflow: hidden;
		min-height: 100px;
	}

	#morecontent img.attachment-small, #topstories img.attachment-small {
		position: absolute;
		top: 30px;
		left: 0px;
	}

	#morecontent span, #topstories span {
		display: inline;
		float: left;
		overflow: hidden;
		clear: none;
		width: auto;
		padding-left: 140px;
	}

}

/*
 Paragraph link styling
 */

p a:visited, p a:link, p a.small {
	color: #006699 !important;
}

/* 404 Page CSS*/

p.lead {
	font-style: normal;
	font-size: 40px;
	color: red;
}
p.text {
	font-size: 20px;
	color: blue;
}
p.bottom {
	font-size: 14px;
	color: green;
}

#left404 {
	padding-top: 8px;
	margin-left: 0;
	float: left;
	width: 560px;
}
#right404 {
	float: right;
	padding-bottom: 1px;
	padding-top: 0px;
	width: 1px;
}

#lefttext {
	padding-top: 8px;
	margin-left: 0;
	float: left;
	width: 560px;
}
#lefttext p.lead {
	font-size: 40px;
	color: #000000;
	line-height: 1.4em;
}
#lefttext p.text {
	font-size: 20px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 1.2em;
}
#righttext {
	float: right;
	padding-bottom: 1px;
	padding-top: 0px;
	width: 1px;
}

#left2 {
	clear: left;
	width: 100%;
}
#left2 {
	float: left;
	margin-left: 0;
	padding-top: 0;
	width: 260px;
}
#right2 {
	float: right;
	padding-bottom: 1px;
	width: 260px;
}

#left3 {
	clear: left;
	width: 100%;
}
#left3 {
	float: left;
	margin-left: 0;
	padding-top: 0;
	width: 260px;
}
#right3 {
	float: right;
	padding-bottom: 1px;
	width: 260px;
}

#left4 {
	clear: left;
	width: 100%;
}
#left4 {
	float: left;
	margin-left: 0;
	padding-top: 0;
	width: 260px;
}
#right4 {
	float: right;
	padding-bottom: 1px;
	padding-top: 18px;
	width: 260px;
}

a.yarpp-thumbnail {
	height: auto !important;
}
