/*
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 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: scroll;
    border-top: 0px solid #000000;
}

html {
    overflow-y: scroll;
}

.chris-arbritary {
    display: none;
}

body pre {
    display: none;
}

.clear {
    clear: both;
}

#sidebar {
    overflow: visible;
}

.post-meta .small {
    text-transform: none;
}

.post .title, .page .title, .external_article .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #231F20;
    font-weight: 300;
    margin: 0 0 0.5em;
}

h1, h2, h3, h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #231F20;
    font-weight: 300;
}

h1 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #333333;
    line-height: 36px;
}

h2 {
    font-size: 18px;
    margin-bottom: 0px;
    color: #666666;
    line-height: 22px;
}

h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #666666;
    line-height: 20px;
}

.post h3.title, .external_article h3.title, .external_article h3.title a {
    margin-bottom: 0px;
    font-size: 18px;
    margin-bottom: 8px;
    color: #000000;
    line-height: 20px;
}

span.read-more a {
    color: #3088ff;
}

p {
    margin: 0;
    font: 400 14px/16px 'Oxygen', Arial, Helvetica, sans-serif !important;
    color: #333;
}

a:visited, a:link, a.small {
    color: #666666;
    text-decoration: none;
}

.landingpage .post a:hover img, .landingpage .external_article a:hover img, .widget_menu_templated a:hover img {
    opacity: 0.6;
}

.aligncenter {
    margin-bottom: 0;
}

.entry img {
    border: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
}

.entry, .entry p {
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}

strong.entry {
    font-size: 0.75em;
}

.post-entries {
    margin-top: 20px;
    visibility: hidden;
}

#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
}

.slimmenu-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 .slimmenu-tabs li a {
    font: 300 11px/2em "Helvetica Neue", Helvetica, sans-serif;
    color: #999999;
}

.category_ptpicks h3 {
    background-color: #7d0f7d;
}

.category_legal h3 {
    background-color: #31aa3a;
}

.category_xperthrzone h3 {
    background-color: #006392;
}

.category_ptplus h3 {
    background-color: #ff9933;
}

.category_related h3 {
    background-color: #FFFFFF;
}

a.btn:link {
    padding: 8px;
    background-color: #ff9900;
    color: #FFFFFF;
    font-size: 1em;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
}

a.btn:hover {
    background-color: #231F20;
}


/* Header */

#register {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

@media (min-width: 768px) {
    #register {
        padding-bottom: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

#register iframe {
    width: 400px;
    float: right;
    height: 48px;
}

#register ul {
    padding: 8px;
    background-color: #ff9900;
    color: #ffffff;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#register ul a {
    font-size: 0.75em;
}

#register ul li {
    float: left;
}

#register ul li a, #register ul li a:visited {
    color: #fff;
}

#header {
    margin-bottom: 20px;
    padding: 20px 5px 0;
    display: block;
}

#logo {
    width: 100%;
    display: block;
    position: relative;
}

#logo #logotext {
    color: #231F20;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 4.9em;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.1em;
}

#strapline {
    color: #666666;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 200;
    letter-spacing: 0.3em;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
}

#logo #logotext span {
    color: #ff9900;
}

.occheader #strapline {
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 200;
    letter-spacing: 0.3em;
    margin-left: 200px;
    margin-right: auto;
    margin-top: -15px;
}

#headersidebar {
    float: left;
}

#headersidebar .widget {
    font-size: inherit !important;
}

#headersidebar ul {
    list-style: none;
    text-align: left;
}

#headersidebar ul li {
    display: block;
    margin: 0px;
    float: left;
    width: 100%;
}

#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;
}


/* Style Google Search form */

.google.search form input.gsc-input {
    height: 33px;
    background-color: #FFFFFF;
    border: 1px solid #ff9900;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 203px;
}

.google.search input.gsc-search-button {
    padding: 8px 12px 8px 8px;
    background-color: #ff9900;
    color: #FFFFFF;
    font-size: 1em;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 0px;
    margin: 0px;
    height: 35px;
}

.google.search td.gsc-input {
    padding: 0 !important;
}

.gsc-search-box {
    margin: 0 !important;
}

.gsc-search-box tr td, .gsc-searchbox tr th {
    padding: 0;
}

div.gsc-clear-button {
    display: none !important;
}

div.gsc-input input.gsc-input {
    background-image: none !important;
}


/* ====== ARTICLE / SINGLE ====== */

.single .post, .single .external_article {
    margin-bottom: 30px;
}

.single .post p, .single .external_article p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 300;
    margin-bottom: 15px;
}

.single .post .post-date {
    font-size: 14px !important;
}

.featureimage {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.featureimage img {
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-right: 10%;
}

.single .post .prs-latest-widget p, .single .external_article p {
    margin-bottom: 0px;
}


/*padding for addthis widget*/

.addthis_toolbox {
    padding: 1em 0 !important;
}


/*Breadcrumb*/

#breadcrumb {
    padding-bottom: 10px;
    padding-top: 10px;
    color: #666666;
}

#breadcrumb .breadcrumb_last {
    font-weight: bold;
    color: #333333;
}

#breadcrumb p {
    float: left;
    display: inline;
}

#login {
    float: right;
    display: inline;
}

#login a {
    font-size: 13px;
    color: #026991;
    text-decoration: none;
}

#login a:hover {
    text-decoration: underline;
}


/* Navigation */

#primarynav {
    width: 100%;
    position: relative;
    z-index: 2;
    border: 0;
    background: none;
    margin-bottom: 4px;
    box-shadow: none;
}

#primarynav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #231F20 !important;
    display: block;
    width: 100%;
}

#primarynav ul:after {
    content: "";
    clear: both;
    display: block;
}

#primarynav ul li {
    float: left;
    position: relative;
    padding: 0;
    border: 0;
}

#primarynav ul.slimmenu>li {
    border-right: 0;
    background: none;
}

#primarynav ul li a {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 28px;
    text-transform: uppercase;
    background: none;
    background-color: #231F20;
    position: relative;
}

#primarynav ul li.menu-item-has-children>a {
    position: relative;
    padding-right: 2em;
}

#primarynav ul li.menu-item-has-children>a:after {
    content: "";
    display: block;
    border-width: 0.3em;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #CCC transparent transparent;
    position: absolute;
    top: 48%;
    right: 0.8751em;
}

#primarynav ul li:first-child, #primarynav ul li:first-child a {
    border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    -webkit-border-radius: 0px 0 0 0px;
}

#primarynav ul>li>a:hover {
    color: #ff9900 !important;
    background: none;
    background-color: #231F20 !important;
}

#primarynav ul li:active {
    color: #ff9900 !important;
}

li.nav_microsite {
    float: right !important;
    border-left: 3px solid #ff9900 !important;
}


/*--- DROPDOWN ---*/

#primarynav ul.slimmenu li ul.sub-menu {
    background-color: #231F20;
    background-image: url(images/arrow.gif) !important;
    background-repeat: no-repeat;
    padding-top: 9px !important;
    padding-bottom: 0px;
    list-style: none;
    position: absolute;
    left: -9999px;
    /* Hide off-screen when not needed (this is more accessible than display:none;) */
    margin-left: 0px;
    z-index: 100;
    width: 180px !important;
    border: 0;
}

#primarynav ul.slimmenu ul li {
    float: none;
    border-top: 0px;
    border-right: 0px;
}

#primarynav ul.slimmenu ul li:first-of-type {}

#primarynav ul.slimmenu ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    line-height: 16px;
    color: #ccc !important;
    font-size: 14px;
}

#primarynav ul.slimmenu ul li.current-menu-item a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    line-height: 16px;
    color: #f90 !important;
}

#primarynav ul.slimmenu ul li a:hover {
    background: #666 !important;
    background-color: #666 !important;
    color: #FFFFFF;
}

#primarynav ul.slimmenu li:hover ul {
    /* Display the dropdown on hover */
    left: 0;
    /* Bring back on-screen when needed */
}

#primarynav ul.slimmenu li:hover ul a {
    /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}

#primarynav ul.slimmenu li:hover ul li a:hover {
    /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #666;
}

ul.slimmenu li .sub-collapser {
    display: none;
}

ul.slimmenu li.menu-item-has-children .sub-collapser {
    display: none;
}

ul.slimmenu li ul.sub-menu li .sub-collapser {
    display: none !important;
}

ul.slimmenu li.menu-item-has-children .sub-collapser>i {
    color: #999999;
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
}


/*=== END NAV ====*/

.post-navbar .widget_dart_widget {
    margin: 0;
    padding: 0;
}

#content {
    padding-left: 5px;
    padding-right: 5px;
}

.featuredcaption {
    font-size: 0.75em;
    color: #333333;
    font-weight: normal;
    text-align: right;
    margin-bottom: 10px;
    margin-top: -10px;
}


/* Home Page */

.home .widget_dart_widget {
    padding: 0px;
    border: 0px;
}

#secondarymodules>div {
    clear: both;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

#secondarymodules h3 {
    color: #fff;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 19px;
    line-height: 19px;
    width: 98%;
    display: block;
    padding: 1%;
    margin-bottom: 20px;
}

#secondarymodules h3 a, #secondarymodules h3 a:visited, #secondarymodules h3 a:hover {
    color: #fff !important;
}

div.secondaryheadline {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 14px;
}

div.secondaryheadline a, div.secondaryheadline a:visited {
    color: #333;
}

div.readmore {
    text-align: right;
    clear: both;
    font-size: 14px;
}


/* ====== SIDEBAR ====== */

.prs-latest-widget h3.widget-title {
    position: relative;
    top: -0.5em;
    padding: 3px;
    display: inline-block;
}

.prs-latest-widget p {
    margin-bottom: 0px;
}

.widget_dart_widget {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.widget_dart_widget img {
    margin-left: auto;
    margin-right: auto;
}

#dfpPHL table {
    background: none;
}

.widget:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.widget h3 {
    font-size: 24px;
    color: #026991;
    display: block;
    margin: 0 0 0.4em 0;
    padding: 0;
    text-align: left;
    width: 100%;
    border: 0;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
#sidebar .widget {z-index:100;}

#sidebar .widget h3 {
    height: 1px;
    background-color: #cccccc;
    text-align: center;
    margin-bottom: 0.75em;
}

#sidebar .widget h3 span {
    background-color: white;
    position: relative;
    top: -0.75em;
    font-size: 1em;
    padding: 3px;
    color: black;
}

.widget ul {
    list-style: none;
    text-align: left;
}

.widget ul li {
    display: block;
    margin-bottom: 20px;
    float: left;
    clear: left;
    width: 100%;
}

.widget ul li p, .widget ul li a {
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    color: #333333;
}

.widget .thumbnail {
    width: 70px;
    height: 51px;
    float: left;
    margin-right: 10px;
}

.widget .competition {
    border: 1px solid #ccc;
    text-align: left;
}

.widget .competition h3 {
    background-color: #026991;
    font-family: 'Oxygen', 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: 'Oxygen', 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;
}


/* Templated menu widget customisations */

.widget ul.menu-headline-with-image {
    list-style: none;
    text-align: left;
}

.widget ul.menu-headline-with-image li a {
    font-size: 13px;
    line-height: 14px;
}

.widget ul.menu-headline-with-image li {
    display: block;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
    font-size: 13px;
    line-height: 13px;
}

.widget ul.menu-headline-with-image li img {
    float: left;
    padding-right: 1em;
}

.external_article {
    height: auto;
    padding-bottom: 15px;
}


/* AUTHOR PAGE */

body.author .post img.attachment-small, body.author .external_article img.attachment-small {
    float: left;
    margin-right: 20px;
}

body.author div.post, div.landingpage div.external_article {
    margin-bottom: 20px;
}

body.author div.post .post-meta {
    margin: 0;
}

body.author div.post .post-more {
    display: none !important;
}


/* LANDING PAGES */

div.landingpage #topstories div.post {
    margin-bottom: 20px;
}

div.landingpage div.post, div.landingpage div.external_article {
    margin-bottom: 20px;
}

.landingpage .post-meta {
    margin: 0;
}

.landingpage .post-more {
    display: none !important;
}

div.landingpage .post img.attachment-small, div.landingpage .external_article img.attachment-small {
    float: left;
    margin-right: 20px;
}

.landingrow {
    padding-bottom: 20px;
}

.landingcolumn {
    border-right: 1px solid #CCCCCC;
    display: inline;
    float: left;
    height: 270px;
    margin-bottom: 20px;
    margin-right: 2.2%;
    overflow: hidden;
    padding-right: 2.2%;
    width: 30%;
}

div.landingrow div:nth-child(3n) {
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0%;
}

div.landingrow div:nth-child(3n+1) {
    clear: left;
}

div.timestamp {
    color: #666666;
    font-size: 12.5px;
    line-height: 14px;
    margin: 5px 0px 8px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.secondaryfeature .post-thumb {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.secondaryfeature .post-thumb img {
    margin-bottom: 8px;
}

.secondaryfeature .caption {
    font-size: 13px;
}

.secondaryfeature .post-thumb .title a {
    font-size: 16px;
    color: #222;
}

.secondaryfeature .post-thumb .title {
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
    clear: left;
}

div.landingpage .furtherfeature.post {
    border-right: 1px solid #CCCCCC;
    float: left;
    height: 270px;
    margin-bottom: 10px;
    margin-right: 2.2%;
    overflow: hidden;
    padding-right: 2.2%;
    width: 30%;
}

div.landingpage .short .furtherfeature.post {
    height: 200px;
}

div.landingpage .furtherfeature.post:nth-child(3n) {
    margin-right: 0;
    padding-right: 0;
    border: 0;
}

.furtherfeature .post-thumb img {
    margin-bottom: 5px;
}

.furtherfeature .post-thumb .title a {
    line-height: 16px;
    font-size: 16px;
    color: #231F20;
}

.furtherfeature .post-thumb .title {
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 6px;
    color: #231f20;
}


/* Landing page feature styles */

.feature {}

.feature img {
    z-index: 1;
    width: 355px;
    height: auto;
    float: left;
    margin-right: 10px;
}

.feature .captionarea {}

.feature .caption {
    line-height: 16px;
}

.featurerow {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.featurerow .column {
    float: left;
    margin: 0px;
    display: inline;
    width: 30%;
}

div.feature div.caption h2.title a {}

div.feature div.caption h2.title a:hover {}

div.feature div.caption h2.title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 3px;
}

.feature .post p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

div.feature div.caption p {
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

div.landingpage h2 {}

div.landingpage .column h2 {
    margin-bottom: 8px;
}


/* 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: #026991;
}


/* Footer */

#footer {
    padding-bottom: 40px;
    width: 100% !important;
    background-color: #000000;
    padding-top: 30px;
    max-width: 100% !important;
}

#innerfooter {
    max-width: 970px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

#innerfooter a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}

#innerfooter a:hover {
    color: #FE642E;
}

#innerfooter .widget ul li {
    margin-bottom: 0;
}

#innerfooter h2 {
    font-size: 21px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'oxygen', Arial, Helvetica, sans-serif
}

#footer-topics {
    float: left;
    margin-right: 50px;
    width: 200px;
}

#footer-guides {
    float: left;
    margin-right: 50px;
    width: 200px;
}

#footer-jobs {
    float: left;
    margin-right: 50px;
    width: 200px;
}

#footer-about {
    float: right;
    width: 200px;
    text-align: right;
}

#footer-about .widget ul {
    text-align: right !important;
}

#copyright {
    clear: both;
}

#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;
}


/* Awards styling */

#awardslogo #logotext {
    color: #231F20;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 5.63em !important;
    font-weight: 300;
    line-height: 1.5em;
}

#awardslogo #logotext span {
    color: #DC4F91;
}


/* Yarpp related posts */

.yarpp-thumbnail:nth-child(3n) {
    margin-right: 0px !important;
    border-right: 0px !important;
    padding-right: 0% !important;
}

.yarpp-thumbnail {
    float: left !important;
    margin-right: 2.4% !important;
    border: 0px !important;
    border-right: 1px solid #ccc !important;
    padding-right: 2.4% !important;
    display: inline !important;
    width: 30% !important;
    height: auto !important;
}

.yarpp-thumbnail a>img, .yarpp-thumbnail-default {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: auto;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    max-height: none !important;
    width: auto !important;
    font-size: 16px !important;
    color: #222 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-weight: 300 !important;
}


/* Advert fixes */

.advert_728x90 {
    width: 728px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.advert_728x90 object {
    width: 100% !important;
    height: 100% !important;
}

.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 {
    max-width: 728px !important;
    max-height: 400px !important;
}

.advert_300x250 {
    width: 300px !important;
    height: 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;
}

.advert_970x250 iframe, .advert_970x250 embed, .advert_970x250 object {
    margin-bottom: 30px;
}


/* Debug Styles */

div.gwa_debug {
    position: fixed;
    top: 10px;
    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%;
}


/* Other stuff (needs classifying and possible pruning) */

#top ul.slimmenu li a {
    font: 300 12px/1.6em "Helvetica Neue", Helvetica, sans-serif;
    color: #ddd;
}

.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;
}


/*==== RESPONSIVE STYLES ===*/

@media all and (max-width: 999px) {
    #wrapper {
        width: 96% !important;
        padding: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    #strapline {
        margin-bottom: 1em;
    }
    #header {
        margin-bottom: 0;
    }
    div#logo {
        font-size: 0.8em;
    }
    /* Advert fixes */
    .advert_728x90 {
        width: auto !important;
        height: auto !important;
        margin-left: 0;
        margin-right: 0;
    }
    .advert_728x90 object {
        width: 100% !important;
        height: 100% !important;
    }
    .advert_728x90 #dcbanner, .advert_728x90 #dcbanner embed, .advert_728x90 #dcbanner object {
        width: auto !important;
        height: auto !important;
    }
    .advert_728x90 #dcexpbanner, .advert_728x90 #dcexpbanner embed, .advert_728x90 #dcexpbanner object {
        width: auto !important;
        height: auto !important;
    }
}

@media all and (max-width: 970px) {
    table.gsc-search-box td.gsc-input {
        width: 85%;
    }
    table.gsc-search-box td.gsc-search-button {
        width: 15%;
    }
    .google.search form input.gsc-input {
        width: 100%;
    }
}

@media all and (max-width: 880px) {
    /*===== MOBILE NAVIGATION ======*/
    #primarynav div.menu-collapser {
        background-color: #231F20;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 10px;
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #primarynav div.menu-collapser .collapse-button {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
        width: 130px;
        overflow: auto;
        padding: 10px;
    }
    .post-entries {
        margin-top: 20px;
        visibility: visible;
    }
    .toggle-text {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        width: 80px;
        float: left;
    }
    .toggle-button {
        width: 20px;
        float: left;
        margin-top: 3px;
    }
    .toggle-button .icon-bar {
        background-color: #fff;
        border-radius: 1px 1px 1px 1px;
        display: block;
        height: 2px;
        width: 18px;
        margin: 2px 0;
    }
    #primarynav {
        background: none;
        border: none !important;
        font-family: Arial, Helvetica, sans-serif;
    }
    #primarynav ul.slimmenu {
        display: none;
        background-color: #231f20;
    }
    #primarynav ul.slimmenu li {
        background: none;
        border: 0px;
        border-bottom: 1px solid #666666;
        padding: 0px;
        margin: 0px;
        float: left;
        clear: left;
        width: 100%;
    }
    #primarynav ul.slimmenu li a {
        display: block;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    #primarynav ul li:first-child, #primarynav ul li:first-child a {
        border-radius: 0px 0px 0px 0px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
    .menu-collapser {
        background-color: #999999;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 10px;
    }
    .collapse-button {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
        width: 80px;
        overflow: auto;
        padding: 10px;
    }
    ul.slimmenu.collapsed li>ul {
        display: none;
        position: static;
    }
    ul.slimmenu li.menu-item-has-children .sub-collapser {
        display: inline;
    }
    #primarynav ul li.menu-item-has-children>a {
        position: relative;
        padding-right: 0;
    }
    #primarynav ul li.menu-item-has-children>a:after {
        display: none;
    }
    /*===== MOBILE NAV DROPDOWN =====*/
    #primarynav ul.slimmenu li:hover ul {
        /* Display the dropdown on hover */
        left: 0;
        /* Bring back on-screen when needed */
        display: block;
    }
    #primarynav ul.slimmenu ul {
        position: relative;
        margin-left: 0px;
        z-index: 100;
        width: 100%
    }
    ul.slimmenu li.menu-item-has-children ul li .sub-collapser {
        display: none !important;
    }
    ul.slimmenu li.menu-item-has-children a span.sub-collapser {
        position: absolute;
        right: 0;
        top: 14px;
        width: 40px;
        height: auto;
        text-align: center;
        z-index: 999;
        cursor: pointer;
        visibility: visible;
    }
    ul.slimmenu li ul li .sub-collapser {
        display: none;
    }
    ul.slimmenu li.menu-item-has-children .sub-collapser>i {
        color: #999999;
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
    }
    ul.slimmenu li.menu-item-has-children .sub-collapser:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
    #primarynav ul.slimmenu li ul.sub-menu {
        border: 0px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: #868686;
        border: 0px !important;
        margin-top: 0px;
        display: block;
        overflow: visible;
        width: 96% !important;
        margin-left: 2%;
        margin-right: 2%;
        position: relative;
        padding-top: 0px !important;
        background-image: none !important;
        left: 0px;
    }
    #primarynav ul.slimmenu li ul.sub-menu li {
        width: 100%;
        display: block;
        border: 0px !important;
    }
    #primarynav ul.slimmenu li ul.sub-menu li a, #primarynav ul.slimmenu li.menu-item-has-children ul.sub-menu li a {
        background-color: transparent;
        color: #fff !important;
        font-weight: normal;
        border: 0px;
        text-transform: uppercase;
        display: block;
        position: relative;
        border-top: 0px !important;
        border-bottom: 1px solid #ccc !important;
        width: auto;
        margin: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #primarynav ul.slimmenu li ul.sub-menu li:first-child a {
        border-top: 0px !important;
        border-bottom: 1px solid #fff !important;
    }
    #primarynav ul.slimmenu li ul.sub-menu li:last-child a {
        border-bottom: 0px !important;
        border-top: 0px !important;
    }
    #primarynav ul.slimmenu li ul.sub-menu li a:hover {
        color: #fff !important;
        text-decoration: none;
    }
    .collapse-button:hover, .collapse-button:focus {
        background-image: none;
        color: #FFF;
    }
    .toggle-button .icon-bar {
        background-color: #fff;
        border-radius: 1px 1px 1px 1px;
        display: block;
        height: 2px;
        width: 18px;
        margin: 2px 0;
    }
}

@media all and (max-width: 600px) {
    div#logo {
        font-size: 0.6em;
    }
    div.post-thumb h2.title {
        clear: none !important;
    }
    div#main, div#sidebar {
        margin: 0 1em;
    }
    div#footer {
        padding: 20px 1em;
    }
    div.caption h2.title {
        clear: both;
    }
    div.landingcolumn {
        height: auto !important;
        float: none !important;
        overflow: visible;
        padding-right: 0 !important;
        border: 0 !important;
        width: 100% !important
    }
    div.post.furtherfeature {
        height: auto !important;
        float: none !important;
        overflow: visible;
        padding-right: 0 !important;
        border: 0 !important;
        width: 100% !important
    }
    div#footer-about {
        float: none !important;
        text-align: left !important;
    }
    div#footer-about .widget ul {
        text-align: left !important;
    }
    div.google.search {
        width: 98% !important;
    }
    div#footer {
        width: auto !important;
    }
    .home div.furtherfeature img {
        display: none;
    }
    .yarpp-related .yarpp-thumbnail {
        height: auto !important;
        float: none !important;
        overflow: visible;
        padding-right: 0 !important;
        border: 0 !important;
        width: 100% !important
    }
    .yarpp-related .yarpp-thumbnail img {
        display: none;
    }
    .landingpage .post img {
        display: none;
    }
    .landingpage #topstories .post img {
        display: block;
    }
}

@media all and (max-width: 400px) {
    div#logo {
        font-size: 0.4em;
    }
    #header {
        padding-top: 0px;
    }
    #register {
        font-size: 0.5em;
        padding-top: 0px;
    }
    #secondarymodules h3 {
        padding: 1.5%;
    }
    .secondaryfeature {
        margin: 0 !important;
    }
    .secondaryfeature .post-thumb {
        margin: 0 !important;
    }
    div.post-thumb h2.title {
        clear: both !important;
        margin: 0 !important;
    }
    .post-thumb img {
        display: none !important;
    }
    .secondaryfeature .caption {
        display: none !important;
    }
    .furtherfeature .caption p {
        display: none !important;
    }
    .furtherfeature .post-thumb .title a {
        line-height: 19px;
    }
    .secondaryfeature .post-thumb .title {
        line-height: 19px;
    }
    div.landingrow div.landingcolumn {
        margin-right: 5px;
        border-right: 5px;
        padding-right: 1%;
        clear: left;
    }
    div.featurerow div.feature div.caption p {
        margin-bottom: 0px;
    }
    .google.search input.gsc-search-button {
        -webkit-appearance: none;
    }
    .featurerow .feature {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .featurerow .title {
        margin-bottom: 0.2em;
    }
    .featurerow div.thumbnail {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .featurerow div.captionarea {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-top: 0.5em;
    }
}

.image-middle .caption .title, .image-middle .caption .title a {
    font-size: 21px;
    line-height: 23px;
}

.image-middle p {
    font-size: 14px;
    line-height: 16px;
}

.image-middle {
    border-bottom: 1px solid #CCCCCC;
    padding-top: 10px;
    margin-bottom: 0px;
}

#pre-footer {
    padding: 40px 0px 40px 0px;
    width: 100% !important;
    max-width: 100% !important;
}

#pre-footer {
    color: #333333;
}

#pre-footer-inner {
    padding: 20px 0;
    max-width: 980px;
    margin: 0 auto;
}

#awards .widget_black_studio_tinymce {
    width: 100%;
}

.external_article {
    height: auto;
    padding-bottom: 15px;
}

.external_article .post-more .read-more a {
    color: #666666;
}

.external_article .post-more .read-more span.sep {
    color: #FFFFFF;
}

.entry .wp-caption img {
    margin-left: auto !important;
    margin-right: auto !important;
}

article.event {
    margin-bottom: 40px;
    position: relative;
}

article.event h3 {
    display: inline-block;
}

article.event .event-entry-meta {
    display: inline-block;
}

article.event .event-entry-meta time {
    display: inline-block;
    font-weight: bold;
    line-height: 14px;
    padding: 5px 0 8px;
}

@media screen and (max-width:48em) {
    #rbiCookiePolicy_pushDownBox {
        width: auto!important;
        height: auto!important;
    }
    #rbiCookiePolicy_siteTitle {
        width: 100%!important;
    }
    #rbiCookiePolicy_mainInformation {
        width: 100%!important;
    }
    #rbiCookiePolicy_pushDownBox #rbiCookiePolicy_siteTitle h2 {
        float: none!important;
    }
}