/************************************************************
Template Name: Sherfield-on-Loddon Content
Description: A responsive 905 theme for Sherfield-on-Loddon Parish Council.
Author: Ash Robbins, e-mango
Version: 1.0
Primary Color: #446600
************************************************************/




/************************************************************
 FOUNDATIONS
************************************************************/
body {
    background:#f6f6f6;
    font:normal 400 1.4em/1.5 "Source Sans Pro", Helvetica, Arial, sans;
    /* The above gives a default font-size of 14px and a line-height of 21px */
    color:#555;
    overflow-x:hidden; /* Hiding the image if it is too wide for the browser window */
    -webkit-font-smoothing:antialiased;
}
.container {
    margin-bottom:5em;
    background:#fff;
    box-shadow:0 0 20px #ccc;
}
.ie8 .container {
    margin-bottom:2em;
}

/* Clearfix
************************************************************/
.cf:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.cf {
    display:inline-block;
}
/* Hide from IE Mac \*/
.cf {
    display:block;
}
/* End hide from IE Mac */
.none {
display:none;
}
/* End Clearfix */





/************************************************************
 RESET / MISC
************************************************************/
.not-oldie * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
a img,
figure img,
.top-banner img,
.bottom-banner img {
    vertical-align:bottom;
}
img.left {
    float:left;
    margin-right:1em;
}
img.right {
    float:right;
    margin-left:1em;
}
fieldset, a img{ 
    border:0;
}
blockquote, q {
	quotes:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
nav ul, nav ol {
    list-style:none;
    margin:0;
    padding:0;
}
dl {
    margin-bottom: 18px;
}
dl dt, dl dd {
    line-height: 18px;
}
dl dt {
    font-weight: bold;
}
address {
    font-style: normal;
    font-size:1em;
}
.clear {
    clear:both;
}
.hide, .publishdate {
    display:none;
}
table.radiologists {
    margin-top:50px;
    border-collapse:collapse;
}
table.radiologists tr:nth-child(even) {
    background:#fff;
}
table.radiologists td {
    height:290px;
}

/* Form Misc
************************************************************/
fieldset legend {
    display:none;
}
.field, .fieldLarge, .calendar {
	display:block;
}
.mandatory {
    color:#f38200;
}
.calendar input.input-text {
    width:200px;
    display:inline;
}
.calendar img {
    position:relative;
    top:-5px;
}
table.checkBoxList, table.radioButton {
    border:0;
}
table.checkBoxList td, table.radioButton td {
    padding:6px 0;
}
table.checkBoxList label, table.radioButton label {
    margin-left:6px;
}
#recaptcha_widget_div {
    margin-left:21.679%;
}











/************************************************************
 SHARED
************************************************************/

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
p,blockquote,pre,hr,
article,aside,address,
.main_menu, .field, .fieldLarge, .calendar, .logo-search, #Bookmarks, div[class$="-related"], #recaptcha_widget_div {
    /* Common margin-bottom for vertical rhythm */
    margin-bottom:1em;
}
.h1,.h2,.h3,.h4,.h5,.h6 {
    display:block;
}
img, object, iframe {
    max-width:100%;
}
img {
    height:auto;
}
.img-left {
    margin-right:1em;
}
.img-right {
    margin-left:1em;
}
.ie8 img {
    max-width:none;
}
object, iframe {
    border:0;
}
input[type="submit"],
input[type="reset"] {
	cursor:pointer;
}
.top-banner a,
.bottom-banner a {
    border:0;
}
.top-banner img,
.bottom-banner img {
    margin-bottom:1em;
}
.block-heading {
    padding:0.5em 1em;
    border-bottom:2px solid #446600;
    background:#D2E7CB;
    color:#446600;
    font-size:14px;
    font-size:1.4rem;
    font-weight:700;
}
.block-heading i {
    margin-right:0.5em;
}
.block-content {
    padding:1em;
    background:#F4F4F4;
}
.block-content p,
.block-content ul {
    margin:0;
}
.block-content br {
    display:none;
}









/************************************************************
 TYPE
************************************************************/

/* Heading Styles
************************************************************/
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:inherit;
    font-weight:700;
    color:#446600;
}
.txt30 {
    font-size:30px;
    font-size:3rem;
}
.txt28 {
    font-size:28px;
    font-size:2.8rem;
}
.txt24 {
    font-size:24px;
    font-size:2.4rem;
}
h1, .h1, .txt22 {
    font-size:22px;
    font-size:2.2rem;
    font-weight:700;
}
h2, .h2, .txt20 {
    font-size:20px;
    font-size:2rem;
}
.txt18 {
    font-size:18px;
    font-size:1.8rem;
}
h3, .h3, .txt16 {
    font-size:16px;
    font-size:1.6rem;
}
h4, .h4, .txt14 {
    font-size:14px;
    font-size:1.4rem;
}
h5, .h5 {
    font-size:14px;
    font-size:1.4rem;
}
h6, .h6, .txt12 {
    font-size:12px;
    font-size:1.2rem;
}


/* Links
************************************************************/
a {
    color:#446600;
    text-decoration:none;
}
a:hover {
    color:#111;
}
::-moz-selection, ::selection {
    background:#FFE430;
    color:#686869;
}

/* Misc Typographic Elements
************************************************************/
strong {
    font-weight:700;
}
blockquote {
    margin-bottom:28px;
    border-left:3px solid #eee;
    padding-left:15px;
    color:#888;
}
blockquote p {
    font-style:italic;
    font-weight:300;
    line-height:18px;
    margin-bottom:0;
}
blockquote small {
    display:block;
    font-size:12px;
    font-weight:300;
    line-height:18px;
    color:#bfbfbf;
}
blockquote small:before {
  content: '\2014 \00A0';
}
pre, code {
    padding:5px 10px;
    overflow:auto;
    overflow-Y:hidden;
    background:#f9f9f9;
    border:1px solid #ddd;
    color:#0098D4;
    font-family:Consolas, 'Courier New', monospace;
    font-size:1em;
}            
code {
    padding:0;
    border:0;
    -webkit-box-shadow:0 0 0 #fff;
    -moz-box-shadow:0 0 0 #fff;
    box-shadow:0 0 0 #fff;
}











/************************************************************
 HEADER
************************************************************/

/* Header Menu */
.header-nav {
    background:#424242;
    border-bottom:2px solid #446600;
    font-size:11px;
    font-size:1.1rem;
}
.header-nav ul {
    float:right;
}
.header-nav li {
    float:left;
}
.header-nav li + li a:before {
    content:'/';
    padding:0 0.5em;
    color:#999;
}
.header-nav a {
    display:block;
    color:#fff;
    line-height:26px;
}
.header-nav a:hover {
    color:#111;
}

/* Logo and Search Line */
.logo-and-search {
    padding:3em 0;
}
.ie7 .mast-header {
    width:60%;
}
.mast-header img {
    height:55px;
    width:auto;
}
.mast-header span {
    line-height:55px;
    margin-left:10px;
}
.ie7 .mast-header span {
    position:relative;
    top:10px;
}
.search {
    margin-top:8px;
}
.search fieldset {
    width:245px;
    height:36px;
    float:right;
    margin:0;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px;
}
.search .query,
.search .go {
    line-height:34px;
    margin:0;
    padding:0 5px;
    border:0;
    box-shadow:none;
    background:#fff;
    font-size:12px;
}
.search .query {
    width:220px;
    float:left;
}
.ie7 .search .query {
    width:200px;
    height:32px;
}
.search .query:focus {
    background:#fff;
}
.search .go {
    width:20px;
    float:right;
    height:34px;
    background:#fff url(../images/search.png) no-repeat 0 10px;
    text-indent:-9999px;
}
















/************************************************************
 MAIN MENU
************************************************************/
.main-nav .nav-toggle {
    display:none;
}
.main-nav {
    background:#446600;
    position:relative;
    z-index:10; 
}
.ie8 .main-nav {
    position:relative;
    z-index:100;
}
.main-nav ul {
    float:left;
    position:relative;
    z-index:5;
    list-style:none;
    font-size:12px;
    border-right:1px solid #69B952;
}
.main-nav li {
    float:left;
    position:relative;
    border-left:1px solid #69B952;
}
.main-nav .home-link {
    height:46px;
    float:left;
    color:#fff;
}
.main-nav a,
.nav-toggle {
    display:block;
    line-height:46px;
	padding: 0 3.14em;
    color:#fff;
    text-decoration:none;
}
.nav-toggle {
    border-left:1px solid #69B952;
}
.main-nav a:hover{
    background:#69B952;
}
.main-nav ul ul {
    display:none;
    width:200px;
    margin:0;
    position:absolute;
    left:0;
    background:#446600;
    border:0;
}
.main-nav ul ul li {
    float:none;
    margin:0;
}
.main-nav ul ul li {
    border:0;
    border-top:1px solid #69B952;
}
.main-nav li:hover ul {
    display:block;
}
.main-nav ul ul a {
    text-decoration:none;
    line-height:2em;
}
.main-nav ul ul ul {
    display:none;
}

.nav-toggle,
.footer-nav-toggle {
    display:none;
}













/************************************************************
 CONTENT AREA
************************************************************/

/* Content */
.content {
    padding-top:2em;
}

.content a{color:#446600;}
.content a:hover{color: #446600;}
.ie7 .content article.eight {
    width:60%;
}
.content h1 {
    margin-bottom:0.5em;
}

/* Sharing Buttons */
.share {
    margin-bottom:1em;
}
.ie7 .share {
    display:none;
}
.share .socialite {
    float:left;
    margin-right:10px;
    overflow:hidden;
}
.share .twitter-share {
    width:59px;
}
.share .facebook-like {
    width:45px;
}
.share .googleplus-one {
    width:32px;
}
.share .linkedin-share {
    width:62px;
}
    

/* Page Meta */
.page-meta {
    line-height:1;
    margin-top:2em;
}
.page-meta .related-item {
    margin-bottom:20px;
display: none;
}

.page-meta .related{display:none;}
.page-meta h2 {
    font-size:20px;
    margin:0 0 20px 0;
    color:#222;
}
.page-meta br {
    display:none;
}
.page-meta > div img {
    clear:left;
    float:left;
    margin:0 5px 0 0;
    width: 20px;
}
.page-meta > div a,
.page-meta .articlesynopsis,
.page-meta .articledate {
    display:block;
}
.page-meta .articledate {
    margin-top:5px;
    margin-left:23px;
    font-size:11px;
    font-weight:normal;
}
.ie7 .page-meta a {
    float:none;
    clear:right;
}
.page-meta p {
    clear:left;
    margin-bottom:0;
    margin-left:23px;
}
#Taxonomy, .Related, #Document {
    margin-bottom:45px;
    color:#888;
}

/* Article Specific */
.articledate {
    font-weight:700;
}
.List .rss {
    display:block;
    margin-top:5px;
    font-size:14px;
    font-size:1.4rem;
}
.List .rss img {
    position:relative;
    top:3px;
    margin-right:5px;
}
article ul {
    margin-left:25px;
}

/* Poll Specific  */
.empty-poll-label {
    display:none;
}
.ie7 article .button.right {
    float:none;
}

/* FAQ Specific */
.List img {
    position:relative;
    top:3px;
    margin-right:10px;
}

/* Forum Specific */
.odd,
.even {
    margin-bottom:1em;
    padding:1em;
    background:#f4f4f4;
    border-top:2px solid #446600;
}
.odd .right,
.even .right {
    float:none;
}
.odd > a:first-of-type,
.even > a:first-of-type {
     margin-left:5px;
     font-size:18px;
     font-weight:700;
}

/* Taxonomy Lists */
.result-list-item {
    margin-bottom:1em;
}
.result-list-item img {
    float:left;
    clear:left;
    margin-right:5px;
}
.result-list-item a {
    display:block;
    line-height:18px;
}
.result-list-item br {
    display:none;
}
.result-list-item .synopsis,
.result-list-item .articledate1,
.result-list-item .articledate2 {
    display:block;
    margin-left:22px;
    font-size:12px;
    font-size:1.2rem;
    color:#999;
}

/* Search Results */
.PageTop,
.PageBottom {
    width:100%;
    font-size:12px;
    font-size:1.2rem;
}
.PageTop .Right,
.PageBottom .Right {
    float:right;
}
.list-item {
    margin-bottom:21px;
}
.searchimg {
    float:left;
    clear:left;
    margin-right:5px;
}
.searchimg + a {
    display:block;
    line-height:18px;
}
.list-item br {
    display:none;
}
.list-item .synopsis {
    display:block;
    margin:0 0 0 29px;
    font-size:12px;
    font-size:1.2rem;
    color:#999;
}
.list-item .articledate {
    margin-left:29px;
    font-size:11px;
    font-weight:normal;
}














/************************************************************
 SIDEBAR
************************************************************/
.sidebar aside,
.right-banners > img,
.right-banners > a {
    margin-bottom:2em;
}

/* Latest News */
.latest-news .article-feed-item {
    margin-bottom:20px;
}
.latest-news .article-feed-item.last {
    margin:0;
}
.latest-news .article-title {
    margin-bottom:0;
    font-size:14px;
}
.latest-news .article-date {
    color:#999;
}
.latest-news .article-title,
.latest-news .article-date,
.latest-news .article-synopsis {
    display:block;
}

/* Quick Links */
.quick-links h2 {
    display:none;
}
.quick-links ul {
    margin:0;
    list-style:square inside;
}
.quick-links li + li {
    margin-top:1em;
}

/* Right Banners */
.right-banners img {
    display:block;
    float:left;
}













/************************************************************
 FOOTER
************************************************************/
footer {
    padding:0 0 2em;
    background:#F4F4F4;
    color:#000;
}
.footer-top {
    margin-bottom:2em;
    padding:0.5em 0;
    background:#424242;
    color:#fff;
}
.ie7 .footer-top .twelve {
    width:95%;
}
.ie7 .footer-top .address {
    margin-left:1%;
}
.ie7 .footer-nav {
    width:60%;
}
.footer-nav ul,
.powered {
    float:right;
}
.mobile-footer-nav-link {
    display:none;
}
.footer-nav li {
    list-style:none;
    float:left;
}
.footer-nav li + li,
.powered {
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #ccc;
}
.footer-nav a,
.powered,
.copyright {
    display:block;
    line-height:10px;
}

/* Footer Blocks */
.footer-block .block-heading {
    background:#333;
    color:#fff;
}
.footer-block .block-content {
    background:#5E5E5E;
}
.footer-block span {
    display:block;
}
.contact .footer-block span + span {
    margin-top:15px;
}
.footer-block i {
    width:20px;
    float:left;
    clear:left;
}
.contact-address,
.contact-telephone {
    float:left;
}
.contact-telephone {
    margin-left:200px;
}
.contact-email {
    float:right;
}
.footer-block a{color:#fff;}













/************************************************************
 FORM BITS & BOBS
************************************************************/
.button {
    height:35px;
    padding:0 17px;
    background:#eee;
    border:1px solid #ddd;
    border-radius:2px;
    color:#686869;
    font:700 normal 14px/35px "Source Sans Pro", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}
.ie7 .button {
    line-height:25px;
    padding:0 10px;
}
.button:hover {
    background:#ddd;
    border-color:#bbb;
    color:#666;
}
.button:active {
    position:relative;
    top:1px;
}
fieldset {
    margin-bottom:24px;
    font-size:14px;
}
fieldset span.right:first-of-type {
    /* This styles the 'indicates mandatory field' text */
    width:100%;
    display:block;
    margin-bottom:20px;
    text-align:right;
}
.error,
.Mandatory {
    color:#f00;
}
fieldset br {
    display:none;
}
.ie8 br + br {
    display:block;
}
fieldset .info-panel-padding {
    display:block;
}
.Field,
.FieldLarge {
    display:block;
    padding:1em 0;
}
.Field.focussed,
.FieldLarge.focussed {
    padding:1em;
    background:#f6f6f6;
    border:1px solid #eee;
}
.Field input,
.Field select {
    width:330px;
    margin:0;
}
.ie7 input[type=text] {
    height:10px;
}
.Field textarea,
.FieldLarge textarea {
    width:500px;
    min-height:100px;
}
table.radio,
table.checkbox {
    margin:0;
    border:0;
}
table.radio tbody tr:nth-child(even),
table.checkbox tbody tr:nth-child(even) {
    background:#fff;
}
.radio input,
.radio label,
.checkbox input,
.checkbox label {
    width:auto;
    float:left;
    font-weight:400;
    margin-top:0;
    margin-bottom:1em;
}
.radio label,
.checkbox label {
    width:auto;
    text-align:left;
    margin:0 0 0 5px;
    line-height:1;
}
.ie9 .radio label,
.ie9 .checkbox label,
.ie8 .radio label,
.ie8 .checkbox label,
.ie7 .radio label,
.ie7 .checkbox label {
    position:relative;
    top:3px;
}
fieldset span[id^="ctl00_MainContent_ctl"] {
    display:none;
}
div.Warning {
    margin-bottom:1em;
    padding:1em;
    background:#FCFC97;
    border:2px solid #F3F32B;
}
p.Warning {
    display:inline;
    margin:0;
}
.Warning ul {
    margin-bottom:0;
}
div.Message {
    margin-bottom:1em;
    padding:1em;
    background:#DCF5DD;
    border:2px solid #446600;
}
p.Message {
    display:inline;
    margin:0;
}
.Message ul {
    margin-bottom:0;
}

/* Site Map */
.formField table {
    margin:0 0 5px 0;
}

/* Poll */
table.List {
    width:100%;
}
table.List th,
table.Lst td {
    text-align:left;
}
table.List .odd,
table.List .even {
    border-top:1px solid #eee;
}
table.List .odd {
    background:#f4f4f4;
}















/************************************************************
 For viewports narrower than 960 pixels
************************************************************/
@media only screen and (max-width: 960px) {
    
.container {
    margin-bottom:0;
}

/* Header
*******************************************************/
header {
    border-bottom:0;
}
.logo-and-search.row {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

/* Main Menu
*******************************************************/
.main-nav {
    margin-top:140px;
    min-height:33px;
}
.hidden {
    display:none;
}
.main-nav .nav-toggle {
    /* Show the nav-toggle-button */
    display:block;
    color:white;
    padding:0 1em;
    cursor:pointer;
    float:right;
}
.main-nav .home-link {
    border-right:1px solid #85DD89;
}
.nav-toggle i {
    margin-right:0.5em;
}
.main-nav ul,
.main-nav li {
    width:100%;
}
.main-nav li {
    border:0;
}
.main-nav a,
.main-nav ul ul a,
.nav-toggle {
    line-height:46px;
    color:#fff;
}
#DropDown_Menu {
    width:100%;
}
#DropDown_Menu li {
    border-top:1px solid #85DD89;
}
.main-nav .sub-menu {
    display:block;
    width:100%;
    position:relative;
    top:0;
    left:0;
    margin:0;
}
.main-nav li:hover .sub-menu {
    left:0;
}
#DropDown_Menu .sub-menu li:last-child {
    border-bottom:0;
}
.main-nav .sub-menu a {
    padding-left:4em;
    color:#fff;
    border:0;
}
.main-nav .sub-menu a:before {
    content:"\2192";
    margin-right:1em;
}

/* Footer
*******************************************************/
.footer-nav {
    display:none;
}
.mobile-footer-nav-link {
    display:block;
}
.copyright,
.mobile-footer-nav-link {
    line-height:30px;
}
.mobile-footer-nav-link i {
    float:right;
    padding:0 1em;
    cursor:pointer;
}

/************************************************************
 End media query for viewports narrower than 960 pixels
************************************************************/
}
/***********************************************************/










/************************************************************
 For viewports narrower than 767 pixels
************************************************************/
@media only screen and (max-width: 767px) {

/* Header
*******************************************************/
.logo-and-search {
    padding:1em 0;
    text-align:center;
}
.mast-header {
    margin-bottom:20px;
}
.search fieldset {
    width:75%;
    float:none;
    margin:0 auto;
}
.search .query {
    width:80%;
}
.mast-header img {
    height:30px;
    position:relative;
    top:-14px;
}
.mast-header span {
    font-size:16px;
    font-size:1.6rem;
    line-height:1;
}

/* Main Nav
*******************************************************/
.main-nav {
    margin-top:160px;
}

/************************************************************
 End media query for viewports narrower than 767 pixels
************************************************************/
}
/***********************************************************/




td img{ max-width:none;}





/************************************************************
 For viewports narrower than 450 pixels
************************************************************/
@media only screen and (max-width: 450px) {
    
.content {
    border-top:0;
}


/************************************************************
 End media query for viewports narrower than 450 pixels
************************************************************/
}
/***********************************************************/