/*
Theme Name: DorsetLife
Theme URI: https://www.dorsetlife.co.uk/
Description: Dorset Life
Author: Dorest Life
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */



 
 
body {
  background: #e7e3e2 url(images/bg-body.gif) repeat-y center;
  font: 62.5% Georgia, Arial, Helvetica, sans-serif;
  line-height: 1.5em; }

#page {
  background-color: #FFF;
  width: 907px;
  margin-right: auto;
  margin-left: auto;
  border-right: solid 2px #000066;
  border-left: solid 2px #000066; }

#container {
  *display: inline-block;
}

#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #container {
    height: 1%;
}

#main {
  width: 617px;
  float: left;
  padding-bottom: 20px;
}

#header {
  margin-top: 20px;
  overflow: hidden;
  *display: inline-block;
}

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

* html #header {
    height: 1%; }

#header h1 {
    background: url(images-new/logo.png) no-repeat top right;
    width: 403px;
    height: 77px;
    margin: 17px 0 0 20px; }

#header h1 a {
	text-indent: -999em;
	display: block;
	width: 576px;
	height: 103px;
	text-indent: -999em; }





#content {
  width: 577px;
  padding: 0 20px;
  overflow: hidden;
  *display: inline-block; }
  #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #content {
    height: 1%; }
  #content h1, #content h2, #content h3 {
    line-height: 1.5em; }
  #content h1 {
    font-size: 2.6em;
    color: #000066;
    margin-top: 0.769em; }
  #content h2 {
    color: #000066;
    font-size: 2em;

    margin-top: 1.3em; }
    
    
    #main #content h2.subtitle {
      font-size: 1.6em;
      text-transform: none;
      color: #888;
      margin-top: 0; }
      
  #content h3 {
    font-size: 1.8em;
    margin: 35px 0 0 0; }
    
  #content h4, #content h5, #content h6 {
    font-size: 1.6em;
    text-transform: uppercase;
    color: #000066;
    margin-top: 1.25em; }
  #content p, #content li {
    font-size: 1.4em;
    line-height: 1.3em; }
    
  #content p {
    margin-top: 1.429em; }
    
    #content p.article-info {
      color: #666;
      margin-top: 0.714em; }
    #content p.breadcrumb {
      color: #666;
      margin-top: 0; }
      #content p.breadcrumb a {
        color: #666;
        text-decoration: underline; }
        #content p.breadcrumb a:hover {
          text-decoration: none; }
  #content ul, #content ol {
    margin-top: 2em; }
  #content ul {
    margin-left: 15px; }
    #content ul li {
      padding-left: 10px;
      list-style: disc; }
      #content ul li:first-child {
        margin-top: 0; }
    #content ul ul {
      margin-top: 0.714em; }
  #content ol {
    padding: 0;
    margin-left: 19px; }
    #content ol li {
      list-style: decimal; }
      #content ol li:first-child {
        margin-top: 0; }
    #content ol ol {
      margin-top: 0.714em; }
  #content li {
    margin-top: 0.714em; }
    #content li li {
      font-size: 1em; }
    #container #content li p {
      font-size: 1em;
      margin-top: 0.714em; }
    body#links #content li {
      clear: both; }
  #content a {
    color: #0066cc;
    text-decoration: none; }
    #content a:hover {
      text-decoration: underline; }
  #content table {
    width: 100%;
    margin-top: 2em; }
    #content table th {
      font-weight: bold;
      background-color: #e7e3e2;
      border-bottom: solid 1px #FFF; }
    #content table td {
      background-color: #99ccff;
      border-top: solid 1px #FFF; }
    #content table th, #content table td {
      font-size: 1.4em;
      padding: 6px;
      border-left: solid 1px #FFF; }
      tr #content table th:firstchild, tr #content table td:firstchild {
        border-width-top: 0;
        border-width-left: 0; }
    #content table.links {
      margin-top: 1em; }
      #content table.links td {
        background: none;
        vertical-align: top;
        padding: 0.714em 0 0 20px; }
        #content table.links td.company-name {
          width: 173px;
          padding-left: 0; }
        #content table.links td.company-location {
          width: 153px; }
        #content table.links td.location a {
          white-space: nowrap; }
      #content table.links tr:first-child td {
        padding-top: 0; }
  #content img {
    background-color: #e7e3e2;
    padding: 5px; }
    #content img.noborder {
      background: none;
      padding: 0; }
  #content .wp-caption {
    line-height: 1.5em;
    margin-top: 2em; }
    #content .wp-caption.alignright, #content .wp-caption.alignleft, #content .wp-caption.aligncenter {
      text-align: center; }
      #content .wp-caption.alignright p, #content .wp-caption.alignleft p, #content .wp-caption.aligncenter p {
        font-size: 1.1em;
        color: #666;
        text-align: center;
        margin-top: 0.909em; }
        #content .wp-caption.alignright p img, #content .wp-caption.alignleft p img, #content .wp-caption.aligncenter p img {
          float: none; }
    #content .wp-caption.alignright {
      max-width: 330px;
      float: right;
      clear: right;
      margin-right: 0;
      margin-bottom: 10px;
      margin-left: 15px; }
    #content .wp-caption.alignleft {
      max-width: 330px;
      float: left;
      clear: left;
      margin-left: 0;
      margin-right: 15px;
      margin-bottom: 10px; }
    #content .wp-caption.aligncenter {
      clear: both;
      margin-right: auto;
      margin-left: auto; }
  #content #articles {
    margin-left: 0; }
    #content #articles li {
      padding-top: 0.714em;
      padding-left: 0;
      border-top: solid 1px #99ccff;
      list-style: none;
      *display: inline-block; }
      #content #articles li:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      * html #content #articles li {
        height: 1%; }
      #content #articles li:first-child {
        padding-top: 0;
        border-top: none; }
      #content #articles li br {
        display: none; }
      #content #articles li a {
        width: 432.75px;
        float: left; }
      #content #articles li span {
        text-align: right;
        width: 124.25px;
        float: right; }
  #content #page-options {
    padding-top: 1em;
    margin-top: 3em;
    border-top: dotted 1px #CCC;
    *display: inline-block; }
    #content #page-options:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html #content #page-options {
      height: 1%; }
    #content #page-options p {
      margin-top: 0; }
  #content .return-to-top a {
    font: 0.857em Arial, Helvetica, sans-serif;
    line-height: 1.667em;
    color: #000;
    background: url(images/bg-top-arrow.gif) no-repeat 4px center;
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 6.833em;
    float: right;
    padding-right: 4px;
    padding-left: 14px;
    border: dotted 1px #99ccff; }
    #content .return-to-top a:hover {
      text-decoration: none;
      background-color: #99ccff; }
  #content .print-this-page a, #content .email-a-friend a {
    font: 0.857em Arial, Helvetica, sans-serif;
    line-height: 1.667em;
    color: #000;
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 4em;
    float: left;
    padding-right: 4px;
    padding-left: 22px;
    margin-right: 10px;
    border: dotted 1px #99ccff; }
    #content .print-this-page a:hover, #content .email-a-friend a:hover {
      text-decoration: none;
      background-color: #99ccff; }
  #content .print-this-page a {
    background: url(images/bg-print-this-page.gif) no-repeat 4px center; }
  #content .email-a-friend a {
    background: url(images/bg-email-a-friend.gif) no-repeat 4px center; }
  #content .post-navigation {
    font-size: 1.2em;
    padding-top: 0.833em;
    margin-top: 2.5em;
    margin-bottom: -1.667em;
    border-top: dotted 1px #CCC;
    *display: inline-block; }
    #content .post-navigation:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html #content .post-navigation {
      height: 1%; }
    #content .post-navigation span {
      text-transform: uppercase;
      display: block;
      width: 40%; }
      #content .post-navigation span.prev {
        float: left; }
      #content .post-navigation span.next {
        text-align: right;
        float: right; }
  #content .wp-pagenavi {
    font-size: 1.2em;
    text-align: center;
    padding-top: 0.833em;
    margin-top: 2.5em;
    margin-bottom: -1.667em;
    border-top: dotted 1px #CCC; }
    #content .wp-pagenavi a {
      text-decoration: none;
      margin: 0 5px; }
      #content .wp-pagenavi a:hover {
        text-decoration: underline; }
    #content .wp-pagenavi span {
      margin: 0 5px; }
      #content .wp-pagenavi span.pages {
        padding-right: 10px;
        border-right: solid 1px #CCC; }
      #content .wp-pagenavi span.pages, #content .wp-pagenavi span.extend {
        color: #666; }
      #content .wp-pagenavi span.current {
        font-weight: bold; }
  #content small {
    font-size: 1em;
    display: block;
    margin-top: 2em; }
    p #content small, li #content small, td #content small, tr #content small, h1 #content small, h2 #content small, h3 #content small, h4 #content small, h5 #content small, h6 #content small {
      font-size: 0.833em;
      display: inline; }
  #content blockquote {
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 5px 0 5px 10px;
    margin-top: 1.429em;
    border-left: solid 5px #0099ff; }
    #content blockquote p {
      font-size: 1em; }
      #content blockquote p:first-child {
        margin-top: 0; }
  #content form {
    padding: 10px;
    margin-top: 2em;
    border: solid 1px #e7e3e2; }
    #content form *:first-child, #content form .first, #content form h2 {
      margin-top: 0; }
    #content form p {
      *display: inline-block; }
      #content form p:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      * html #content form p {
        height: 1%; }
      #content form p br {
        display: none; }
        #content form p br.force {
          display: block; }
      #content form p.nolabel {
        margin-left: 170px; }
        #content form p.nolabel.required-fields {
          margin-bottom: -0.714em; }
      #content form p.form-info {
        color: #CC0000; }
        #content form p.form-info br {
          display: inline; }
      #content form p.hidden {
        display: none; }
    #content form input[type="text"], #content form input[type="password"], #content form textarea, #content form select {
      font-family: Georgia, Arial, Helvetica, sans-serif;
      font-size: 1em;
      float: left;
      border-top: solid 1px #6699cc;
      border-right: solid 1px #99ccff;
      border-bottom: solid 1px #99ccff;
      border-left: solid 1px #6699cc;
      padding: 3px 2px; }
    #content form input[type="text"] {
      width: 375px; }
    #content form input[type="checkbox"] {
      margin: 0 5px 0 0; }
    #content form textarea {
      width: 375px;
      height: 8.571em; }
    #content form select option {
      font-size: 1em; }
    #content form input[type="text"].wpcf7-validates-as-required,
    #content form textarea.wpcf7-validates-as-required,
    #content form select.wpcf7-validates-as-required {
      border: solid 2px #99ccff; }
    #content form label {
      font-weight: bold;
      width: 150px;
      float: left;
      padding-right: 20px; }
    #content form input.postcode {
      width: 148px; }
    #content form input.sub-reference-number,
    #content form input.title {
      width: 74px; }
    #content form p.submit input {
      font-family: Georgia, Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #0066cc;
      letter-spacing: 0.143em;
      padding: 5px 10px;
      margin-left: 170px;
      border: solid 2px #000044;
      cursor: pointer; }
      #content form p.submit input:hover {
        background-color: #000044; }
    #content form span.input-group {
      display: block;
      width: 377px;
      float: left; }
      #content form span.input-group input {
        float: none;
        margin-top: 4px; }
      #content form span.input-group label {
        float: none; }
      #content form span.input-group span:first-child input {
        margin-top: 0; }
    #content form .wpcf7-list-item {
      display: block;
      margin-left: 0; }
    #content form .nolabel {
      margin-left: 170px; }
  #content form fieldset input[type="text"], #content fieldset form input[type="text"] {
    width: 353px; }
  #content form fieldset textarea, #content fieldset form textarea {
    width: 353px; }
  #content fieldset {
    border: solid 1px #e7e3e2;
    padding: 10px;
    margin-top: 2em; }
    #content fieldset.first {
      margin-top: 0; }
  #content legend {
    color: #817d7c;
    font-size: 1.4em;
    padding: 0 10px; }
  #content #slideshow {
    position: relative; }
    #content #slideshow ul {
      *display: inline-block; }
      #content #slideshow ul:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      * html #content #slideshow ul {
        height: 1%; }
    #content #slideshow .slides {
      width: 577px;
      margin-top: 2em;
      overflow: hidden; }
      #content #slideshow .slides ul {
        width: 2935px /* Total width of all slides */;
        padding: 0;
        margin: 0;
        list-style-type: none;
        overflow: hidden; }
      #content #slideshow .slides li {
        width: 577px;
        height: 180px;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none; }



#footer {
  color: #FFF;
  background-color: #0099ff;
  padding: 0 20px 10px;
  border-top: solid 1px #000066; 
width: 867px;
margin-right: auto;
margin-left: auto;  
  }
  #footer ul {
    margin-left: -6px;
    *display: inline-block; }
    #footer ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html #footer ul {
      height: 1%; }
    #footer ul li {
      font-size: 1.2em;
      float: left;
      padding: 0 6px 0;
      margin-top: 0.833em;
      border-right: solid 1px #22bbff; }
      #footer ul li:last-child {
        padding-right: 0;
        border-right: none; }
      #footer ul li a {
        color: #FFF;
        text-decoration: none;
        white-space: nowrap; }
        #footer ul li a:hover {
          text-decoration: underline; }
  #footer p {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-top: 0.909em; }
    #footer p a {
      color: #FFF;
      text-decoration: underline; }
      #footer p a:hover {
        text-decoration: none; }

/* GENERIC */
strong, h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

.normal {
  font-weight: normal; }

em, cite {
  font-style: italic; }

.hidden {
  display: none; }

.clear {
  clear: both; }
  div.clear {
    height: 0px; }

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

.float-right, .alignright {
  float: right;
  margin: 0 0 10px 15px; }

div.float-right, div.alignright {
  margin-right: 15px; }

.float-left, .alignleft {
  float: left;
  margin: 0 15px 10px 0; }

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.larger {
  font-size: 1.143em /* 14px x 1.1666 = 16px */;
  font-weight: bold;
  color: #000066; }
  #content p.larger {
    font-size: 1.6em; }

.smaller {
  font-size: 0.857em /* 14px x 0.857 = 12px */; }
  #content p.smaller {
    font-size: 1.2em; }

.subtle {
  color: #666; }

.nowrap {
  white-space: nowrap; }

input[type=hidden] {
  display: none; }

hr {
  color: #e7e3e2;
  background-color: #e7e3e2;
  height: 1px;
  clear: both;
  margin-top: 2em;
  border-width: 0; }
  hr acronym, hr abbr {
    border-bottom: dotted 1px #AAA;
    cursor: help; }

sup {
  font-size: 80%;
  vertical-align: super; }

sub {
  font-size: 80%;
  vertical-align: sub; }
  
/* SIDEBAR */
#sidebar {
  width: 280px;
  float: left;
  padding-bottom: 20px; }

#sidebar p {
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0 20px;
    margin-top: 1.429em; }

#sidebar a {
    color: #0066cc;
    text-decoration: none; }

#sidebar a:hover {
	text-decoration: underline; }

#sidebar #cover-image {
    overflow: hidden; }

#sidebar #cover-image div {
	background-color: #0099ff;
	padding: 10px 20px; }

#sidebar #cover-image div p {
	margin-top: 0.714em; }

#sidebar #cover-image div p:first-child {
	margin-top: 0; }

#sidebar #cover-image div a {
	color: #ccddff; }

#sidebar #cover-image p {
      padding: 0;
      margin-top: 0; }

#sidebar #cover-image h3 {
      background: #000066 url(images/bg-this-months-cover.gif) no-repeat;
      text-indent: -999em;
      height: 59px;
      margin-top: 0;
}

#sidebar h4 {
	color: #211e60;
	font: normal 21px "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif;
	margin: 15px 7px 7px 7px;
	text-align: left;
}




/* SEARCHBAR */
#searchbar {
	  background-color: #000066;
	  min-height: 36px;
	  width: 274px;
	  position: relative;
	  float: left;
	  margin: 33px 0 40px 0;
}

#searchbar h2 {
	text-indent: -999em;
    display: none;
}

#searchbar form {
    text-align: right;
    padding: 8px 20px 8px 0px;
}

#searchbar form input {
	display: inline;
	margin: 0;
}

#searchbar form input#searchtext {
	font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    width: 8.33em;
    max-width: 198px;
	padding: 3px 2px;
	margin-right: 5px;
	border: solid 1px #0044aa;
}

#searchbar form input#searchsubmit {
	color: transparent;
	text-indent: -999em;
	width: 13px;
	height: 13px;
	background: #006 url(images/bg-searchbutton.gif) no-repeat;
	border-width: 0;
	cursor: pointer;
	position: relative;
	top: 0.33em;
	*top: -0.33em;
}

/* NAVIGATION IN DARK BLOCK */
#nav {
	margin: 0.5em 14px 0 20px;
	background-color: #000066;
	*display: inline-block;
	padding: 10px;
	height: 18px;
}

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

* html #nav {  height: 1%; }

#nav li {
    font-size: 1.6em;
    float: left;
    padding: 0 6px 0;
    border-right: solid 1px #8888ee;
    list-style-type: none;
}

#nav li:last-child { padding-right: 0; border-right: none; }
#nav li a { color: #fff; text-decoration: none; white-space: nowrap; }
#nav li a:hover { text-decoration: underline; color: #0095da; }

/* NAVIGATION ON WHITE */
#nav2 {
	margin: 10px 0 0 5px;
	*display: inline-block;
	padding: 10px;
}

#nav2 a { font-size: 1.6em; float: left; padding: 0 6px 0; color: #000066; text-decoration: none; white-space: nowrap; border-right: solid 1px #000066; }
#nav2 a:hover { text-decoration: underline; color: #0095da; }


  
/* STRAPLINE */
#strapline {
	float: left;
	position: relative;
	width: 617px;
	margin: 0;
}
#strapline h2 {
	color: #0095da;
	font: normal 17px "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif;
	margin: 7px 0px 0px 25px;
}

/* COVER ISSUE */
#cover_issue {
	float: left;
	position: relative;
	width: 274px;
	background-color: #211e60;
}
#cover_issue h3 {
	color: #fff;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 7px 0 7px 7px;
}
#cover_issue h4 {
	color: #fff;
	font: normal 21px "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif;
	margin: 15px 7px 7px 7px;
	text-align: left;
}

#cover_issue ul {
	left: 0px; 
}

#cover_issue ul li {
	color: #fff;
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	list-style-type: circle; 
	left: 0px !important; 
	margin: 0px 0px 3px 20px; 
}


#subscribe {
	float: left;
	position: relative;
	width: 274px;
	margin: 30px 0 0 0;
}
#subscribe p {
	color: #666;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	margin: 20px 30px 0 30px;
	text-align: center;
	clear: both;
}
img.subscribe {
	float: left; border: none; margin: 0 45px 10px 45px;
}


.clearcoverissue { height: 20px; clear: both; }
.clearnav { height: 20px; clear: both; }
   
  
/* CATEGORIES LIST */
#categories {
	float: left;
	position: relative;
	width: 274px;

}
#categories h3 {
	color: #211e60;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 7px 0 7px 7px;
}

#categories ul {
	left: 0px; 
}

#categories ul li {
	color: #666;
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	list-style-type: none; 
	left: 0px !important; 
	margin: 0px 0px 3px 7px; 
}

.sticky{}
.gallery-caption { margin-left: 0; }
  

/* direct debit */
.page-id-15874 #content img {
    background-color: none;
    padding: 0px;
}
/* nf */
.nf-form-cont {
    font-size: 14px;
}

#content .nf-form-cont p, .nf-form-cont label{
    font-size: 14px;
}

    .nf-form-cont input[type=button] {
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #0066cc;
    letter-spacing: 0.143em;
    padding: 5px 10px;
    
    border: solid 2px #000044;
    cursor: pointer;
}
.nf-form-cont input[type=button]:hover {
    background-color: #000044;
}

#content .nf-form-cont input[type=radio] {
    margin-top:3.33px;
}

.nf-after-field {
    margin-top:5px;
}




/* nf field ids:
75	Payer account sort code
49	Phone number
10	Surname
18	Payer account number
20	email
24	Title
25	Address line 1
26	Address line 2
27	City/Town
28	County
29	Postal code
30	Country
41	Payer account name
44	First amount
46  Freq
47	start year
47	Start Month
47	Start day

*/

#nf-field-75 { max-width: 75px;}
#nf-field-76 { max-width: 85px;}
#nf-field-70 { max-width: 75px;}
#nf-field-71 { max-width: 125px;}
#nf-field-71-wrap .datepicker {max-width: 125px;}
#nf-field-72 { max-width: 125px;}

#content #nf-label-field-66, #content #nf-label-field-67, #nf-label-field-76 {
    width: 100% !important;
}
#nf-field-66-wrap .nf-field-label, #nf-field-67-wrap .nf-field-label { 
    margin-bottom:0 !important;
}

#nf-field-74-wrap .nf-field-label label {
    width:100%;
}

#bank-validation-error {
    display:none;
}
.nf-form-content {
    margin-top:10px;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 0px !important;
}

.nf-field-label {
    margin-top:8px !important;
}

.hidden-container .nf-after-field {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#content .nf-form-cont h5 {
    margin-top: 20px;
    text-transform: none;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.nf-field-description {
    margin-bottom: 10px;
}

/* disabled items need to be more visible*/
.nf-form-content [disabled] {
    color: #888 !important;
    border-color: #eee !important;
    background: #ddd !important;
}

.nf-response-msg li {
    font-size: 14px !important;
}