/*
Theme Name: NSALG bespoke wordpress theme
Theme URI: http://http://www.nsalg.org.uk/
Description: The bespoke WordPress theme designed exclusively for The National Alottment Society.
Version: 1.0
Author: Branigan Interactive
Author URI: http://www.branigan.co.uk/
*/


/*  css reset */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* typography */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:center;
	color:#4d4d4d;
}


/* structure */

body {
	background:url(images/wrapper-bg-tools.jpg) repeat center 0px;
}

#wrapper {
	background:url(images/body-bg-tools.jpg) repeat-x center 0px;
}

#container {
	width:900px;
	padding:0 30px;
	margin:0 auto;
	background:#fff;
	text-align:left;
}

header {
	padding:48px 0 0 0;
	background:url(images/header-bg-green.gif) no-repeat right bottom;
	height:84px;
}

#main-nav {
	position:relative;
	width:960px;
	left:-30px;
	height:36px;
	text-align:center;
	background:#05772f;
}

#main-nav a#home-link {
	float:left;
	padding:10px 11px 0 28px;
	height:26px;
}

#main-nav ul {
	float:right;
	text-align:right;
}

#main-nav li {
	float:left;
	border-left:2px solid #fff;
}

#main-nav a {
	display:block;
	color:#fff;
	text-decoration:none;
	height:25px;
	padding:11px 10px 0;
}

#main-nav a:hover,
#main-nav li:first-child:hover {
	background:#90b280;
}

#main-nav li#menu-item-21 a {
	background:#004438;
	padding-right:24px;
}

#main-nav li#menu-item-21 a:hover {
	background:#90b280;
}



#main-nav li.current_page_item a,
#main-nav li.current-menu-parent a,
#main-nav li.current-page-ancestor a {
	background:#cddcc6;
	color:#367c2b;
}










/* main content area */

#main {
	background:url(images/content-bg.png) repeat-y center top;
	width:900px;
	min-height:600px;
	padding:20px 0 40px;
}


/* side-nav */

#side-nav {
	width:190px;
	float:left;
	margin:0 30px 0 0;
}

#side-nav ul{
	width:190px;
	list-style-type:none;
	float:left;
}

#side-nav li{
	width:180px;
	float:left;
	margin:0 0 10px 0;
}

#side-nav li a,
#logout-button a {
	text-decoration:none;
	display:block;
	font-weight:normal;
	font-size:11px;
	color:#367c2b;
	width:170px;
	padding:10px;
	background:#cddcc6;
	border-radius:4px;
}

#side-nav li a:hover,
#logout-button a:hover {
	background:#90b280;
	color:#fff;
}

#side-nav li.current-menu-item a,
#side-nav li.current-post-parent a,
#side-nav li.current-page-ancestor a{
	background:#90b280;
	color:#fff;
}

#side-nav .banner-ad {
	margin:370px 0 0 0;
}

.banner-ad li {
	list-style-type:none;
}

#side-nav .banner-ad li a {
	background:none;
	border-radius:none;
	padding:0;
}

#logout-button {
	float:left;
	width:180px;
}




/* page content */

#page {
	width:680px;
	float:left;
}


#page h1 {
	color:#820053;
	font-size:20px;
	font-weight:bold;
	margin:38px 0 18px 0;
}

#page h1 a {
	text-decoration:none;
}

#page h2 {
	font-size:15px;
	margin:0 0 18px 0;
	color:#4d4d4d;
	font-weight:bold;
}


#page h3 {
	font-size:14px;
	margin:0 0 5px 0;
	font-weight:bold;
}



#page p {
	line-height:1.6em;
	margin:0 0 1.2em 0;
}

#page a {
	color:#820053;
	text-decoration:none;
}

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




#page ul {
	margin:1.3em 0 1.3em 25px;
	list-style-type:disc;
}

#page ol {
	margin:1.3em 0 1.3em 25px;
	list-style:decimal;
}


#page li {
	margin:0 0 0.3em 0;
	line-height:1.4em;
}

#page strong {
	font-weight:bold;
}

#page img {
border:1px solid #696969;
}

/* page image styling */

#page .feature-image-frame {
	border-radius: 8px;
	border:3px solid #820053;
	overflow:hidden;
	width:674px;
	height:334px;
	margin:0 0 -20px 0;
}

#page .page-image-frame {
	border-radius: 8px;
	border:3px solid #820053;
	overflow:hidden;
	width:214px;
	height:279px;
	float:right;
	margin:0 0 20px 30px;
	text-align:center;
}


#page img {
	border:none;
}

#page img.rounded {
	border-radius: 8px;
	border:3px solid #820053;
	margin-top:20px;
}

p.edit-entry {
	clear:both;
}

/*right aligned image and caption*/

#page .alignright {
	float:right;
	margin:0 0 20px 20px;
}

#page .alignleft {
	float:left;
	margin:0 20px 20px 0;
}

.wp-caption {
	text-align:center;
}

#page p.wp-caption-text {
	font-size:11px;
	padding:5px;
	color:#820053;
	margin:0;
}

#page .smallprint {
	font-size:80%;
}

#page .smallprint h3 {
	font-size:100%;
}

#page .smallprint li {
	margin-bottom:2px;
}

/* regional reps list */

#find-reps-list h2 {
	color:#820053;
	font-size:16px;
	border-top:1px solid #05772F;
	margin:30px 0 0 0;
	padding:30px 0 0 0;
}

/* blockquote rounded edge fill */

#page blockquote {
	border-radius:8px;
	background:#820053;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:10px;
}

#page blockquote p {
	margin:0;
}

#page blockquote a {
	color:#fff;
}

/* growing monthly advice */

#growing-advice {
	width:300px;
	background:#820053;
	border-radius:8px;
	float:right;
	margin:0 0 50px 20px;
}

#growing-advice img {
	padding:3px;
	border-top-left-radius:4px;
	border-top-left-radius:4px;
}

#growing-advice ul {
	list-style-type:none;
	padding:2px 5px;
	margin:0;
}

#growing-advice li {
	float:left;
	padding:5px;
	margin:0;
}

#growing-advice li a{
	float:left;
	display:block;
	background:#fff;
	border-radius:4px;
	width:54px;
	height:18px;
	line-height:18px;
	padding:0 4px;
	margin:0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

#growing-advice li a:hover{
	background:#90b280;
	color:#fff;
	text-decoration:none;
}



/*links*/

#linkcol-left {
	width:350px;
	float:left;
}

#linkcol-right {
	width:250px;
	float:left;
}

.list_links {
	list-style-type:none;
	margin:0 0 25px 0;
	padding:0;
}


#linkcol-right img {
	margin-bottom:25px;
}

#content .list_links h2 {
	color:#555;
	font-size:100%;
	letter-spacing:0.04em;
	margin:0 0 2px 0;
}

.list_links li{
	margin:0 0 .2em 0;
	list-style-type:none;
}
.list_links a{
	color:#555;
	background:none;
}
.list_links a:hover{
	color:#4f91cd;
}

.list_links .linkcat {
	margin:0 0 25px 0;
}





/* footer */

#footer {
	border-top:2px solid #427730;
	width:900px;
	padding:15px 0 30px 0;
	font-size:10px;
	text-align:right;
	position:relative;
}

#footer-links {
	margin-top:5px;
}

#footer-links a {
	color:#6f6f6f;
	text-decoration:none;
}

#footer img {
	position:absolute;
	left:0;
	top:-30px;
}












/* category page */

#category-desc {
	font-weight:bold;
	margin:0 0 20px 0;
	width:430px;
}

#category-list .post{
	border-bottom:1px solid #05772f;
	margin:0 0 20px 0;
	padding:0 0 25px 0;
	width:430px;
}

#category-list .post h2 {
	margin:0 0 5px 0;
	font-size:15px;
}

#category-list .post h2 a{
	text-decoration:none;
	color:#4d4d4d;
}

#category-list .post h2 a:hover{
	color:#820053;
}

#page .post p.date {
	font-size:11px;
	margin:0 0 0.2em 0;
	color:#820053;
}

#category-list .entry {
	line-height:1.3em;
}

#category-list .entry p {
	margin:5px 0 0 0;
}


.postmetadata {
	font-size:11px;
	color:#4d4d4d;
	padding:0.5em 0 0 0;
}




/* single posts */

/* single posts */


#page .post-date {
	font-size:13px;
	margin:0 0 20px 0;
}



/* comments */

.comments-container {
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	border-top:1px solid #83C8B9;
}

#page .comments-container h3 {
	font-size:14px;
	margin:0 0 1em 0;
}

form#commentform {
	font-size:12px;
}

form#commentform label {
	color:#662d91;
	display:block;
	margin:0 0 3px 0;
}

form#commentform input {
	margin:0 0 8px 0;
	width:210px;
}

textarea#comment {
	margin:0 0 10px 0;
	width:425px;
}
ol.commentlist {
	margin:0 0 1.5em 0;
	padding:0;
}

ol.commentlist li {
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;
	border-bottom:1px dotted #d9e4f3;
}

.comment-author,
.comment-meta {
	font-size:11px;
}

#page  ol.commentlist p {
	margin: 10px 0 0 0;
}

ol.commentlist .reply a{
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}

ol.commentlist .reply a:after {
	content: " \00BB";
}

#page ol.commentlist ul.children {
	margin:15px 0 0 15px;
}

#page ol.commentlist ul.children li {
	border:none;
}


/* recipes */

#ingredients {
	padding:10px 10px 5px;
	background:#fbf1d3;
	margin:0 0 30px 0;
	width:500px;
}

#page #back-to-recipes {
	border-radius: 8px;
	border:3px solid #820053;
	background:#820053;
	display:block;
	float:right;
	color:#fff;
	text-align:center;
	width:115px;
	cursor:pointer;
	font-size:12px;
	padding-bottom:4px;
	margin:30px 0 0 0;
}

#back-to-recipes img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/* events */

.event-listing {
	border-bottom:1px solid #05772f;
	padding:0 0 20px 0;
	margin:0 0 30px 0;
}

#page .event-listing h2 {
	margin:0 0 4px 0;
}

#page .event-listing p {
	margin:0 0 0.3em 0;
}

#page .event-listing p.event-time-location {
	margin:0 0 1em 0;
	line-height:1.3em;
}

#page .event-listing p.event-time-location small {
	font-size:11px;
	padding-left:10px;
}




/*homepage*/

#home {
	width:900px;
}

#home-left {
	width:700px;
	float:left;
	margin:0 20px 0 0;
}



/*home slideshow */
#home-features-container {
	width:694px;
	height:375px;
	margin:0 0 20px 0;
	position:relative;
	border-radius:8px;
	border:3px solid #820053;
	overflow:hidden;
}

/*.feature-control {
	position:absolute;
	width:27px;
	height:50px;
	top:110px;
	text-indent:-9999px;
	z-index:100;
}

a#prev {
	background:url(images/previous.png) no-repeat 0px 0px;
	left:15px;
}

a#next {
	background:url(images/next.png) no-repeat 0px 0px;
	right:15px;
}

a#prev:hover {
	background:url(images/previous.png) no-repeat 0px -50px;
}

a#next:hover {
	background:url(images/next.png) no-repeat 0px -50px;
}*/

.home-feature {
	width:700px;
	height:375px;
	position:relative;
}

.home-feature div {
	width:270px;
	padding:5px 10px 20px 10px;
	position:absolute;
	right:0;
	bottom:20px;
	z-index:10;
	border-radius:8px;
	background:url(images/alpha-white-75.png);
}


.home-feature h2 {
	font-size:18px;
	font-weight:bold;
	color:#820053;
	margin:0 0 8px 0;
}

.home-feature h2 a {
	color:#820053;
	font-size:15px;
}

.home-feature p {
	font-size:12px;
	margin:0 0 5px 0;
	line-height:1.5em;
}

.home-feature a {
	text-transform:uppercase;
	text-decoration:none;
	color:#4b4b4b;
	font-size:12px;
}

.home-feature a:hover {
	color:#820053;
}


/* crops and produce */

#crops {
	padding:20px 60px 0 65px;
}

#page .crops-list{
	background:#ecf1ea;
	padding:10px 15px 0;
	margin:0 0 30px 0;
}

#page .crops-list ul{
	list-style-type:none;
	background:url(images/crops-bg-lines.gif);
	width:525px;
	margin:0;
}

#page .crops-list li {
	padding:6px 0 0 0;
	margin:0;
	font-size:11px;
	float:left;
	width:130px;
	height:22px;
}

#page .crops-list li a {
	color:#4d4d4d;
}

#page .crops-list li a:hover {
	color:#427730;
}


iframe body {
	background:#CC0 !important;
}

#crops-popup {
	background:#CC0;
}



/* home lower panels */

.home-lower-panel {
	width:214px;
	float:left;
	margin:0 20px 0 0;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:3px solid #05772f;
	overflow:hidden;
	background:#05772f;
	color:#fff;
}

.home-lower-panel:last-child {
	margin-right:0;
}

#home div#home-members {
	margin-right:0;
}

.home-lower-panel div {
	padding:5px 5px 15px;
}

.home-lower-panel h2 {
	font-size:17px;
	font-weight:normal;
	color:#efcb65;
	margin:0 0 5px 0;
}

.home-lower-panel h2 a {
	color:#efcb65;
	text-decoration:none;
}

.home-lower-panel p {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:1.3em;
}


.home-lower-panel a {
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	color:#fff;
}

.home-lower-panel a:hover  {
	text-decoration:underline;
	color:#efcb65;
}


/* home panels for news and blog */

#home-events {
	height:255px;
}

#home-events p a {
	text-transform:none;
}



/* home-page sidebar*/

#home-sidebar {
	width:180px;
	float:left;
	padding:28px 0 0 0;
}

#home-sidebar h3 {
	color:#05772f;
	font-size:16px;
	margin:0 0 5px 0;
	line-height: 1.3em;
}

#search-site {
	margin:0 0 20px 0;
	border-bottom:2px solid #05772f;
	padding:0 0 24px 0;
}

#home-sidebar input.default-value,
#location_search_widget_zip_field {
	border-radius:5px;
	border:2px solid #05772f;
	height:24px;
	width:172px;
	padding:2px 0 2px 4px;
	margin:0 0 8px 0;
}

#home-sidebar input#search-button,
#location_search_widget_submit_field {
	border-radius:5px;
	background:#05772f;
	height:22px;
	padding-bottom:2px;
	width:60px;
	color:#fff;
	font-size:14px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
}

#search-allotments {
	margin:0 0 26px 0;
	border-bottom:2px solid #05772f;
	padding:0 0 20px 0;
}

#search-allotments p {
	font-size:12px;
	margin:0 0 10px 0;
	line-height:1.4em;
}

#home-sidebar .banner-ad {
	margin:0 0 20px 0;
}

#home-sidebar .mailchimp_form #mc4wp_email {
	border-radius:5px;
	border:2px solid #05772f;
	height:auto;
	width:100%;
	padding:6px;
	margin:0 0 8px 0;
        margin-top: 10px;
}

#home-sidebar .mailchimp_form input[type="submit"] {
	border-radius:5px;
	background:#05772f;
	height:auto;
	padding:6px;
	width:100%;
	color:#fff;
	font-size:14px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
}


/* search results */

.search-result {
	margin:0 0 30px 0;
}

#page .search-result h2{
	margin:0 0 5px 0;
}

/*allotment search */

.location_search {
	margin:0 0 20px 0;
}

.location_search td {
	padding:0 10px 10px 0;
}

.location_search_distance_cell {
	font-weight:normal !important;
	vertical-align:bottom !important;
}

.location_search_submit_cell {
	vertical-align:bottom !important;
}

.location_search_submit_cell input{
	border-radius:5px;
	background:#05772f;
	height:22px;
	padding-bottom:2px;
	width:60px;
	color:#fff;
	font-size:14px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
}

/* forms */

#content div.wpcf7 {
	margin: 0 0 30px 0;
	border:1px solid #1b3831;
	background:#0c211c;
	position:relative;
}

form.wpcf7-form{
	padding:10px;
}

form.wpcf7-form input {
	height:1.8em;
}


#page-text div.wpcf7 p {
	margin: 0 0 0.75em 0;
	font-size:11px;
}


#form-message {
	position:relative;
	top:0;
}


/* members area */

#members-welcome {
	width:320px;
	float:left;
	margin:0 40px 0 0;
}

#members-home-news {
	width:320px;
	float:left;
	margin:-36px 0 0 0;
}

#members-home-news h2 {
	color:#820053;
	font-size:18px;
	font-weight:bold;
	margin:0 0 18px 0;
}

#members-home-news h3 {
	font-size:15px;
}

#members-home-news .entry {
	font-size:13px;
	line-height:1.2em;
	padding:0 0 0.5em 0;
	margin:0 0 1em 0;
	border-bottom:1px solid #820053;
}

#members-home-news p {
	margin:0 0 0.5em;
}

/* members profile form */

#ws-plugin--s2member-profile {
	
}

form#ws-plugin--s2member-profile input[type="text"], 
form#ws-plugin--s2member-profile textarea, 
form#ws-plugin--s2member-profile select {
 	box-sizing:border-box;
  	margin:4px 0 !important;
  	width:300px !important;
}

form#ws-plugin--s2member-profile input[type="password"] {
	box-sizing:border-box;
  	margin:4px 0 !important;
	width:100px !important;
	display:block;
}

form#ws-plugin--s2member-profile input[type="submit"] {
	box-sizing:border-box;
  	margin:4px 0 !important;
	width:200px !important;
	display:block;
	height:25px !important;
}

div.ws-plugin--s2member-password-strength {
	width:300px !important;
	margin:4px 0 !important;
}



/*general*/
.asterix {
	font-size:120%;
}
.source {
	font-size:70%;
}
a {
	color:#385fb6;
}
a:hover {
	text-decoration:hover;
}
a:active, 
a:focus { 
	outline-style: none;
	-moz-outline-style:none;
}

a.button {
	display:block;
	height:30px;
	font-size:13px;
	text-decoration:none;
	background:url(images/button-cta.gif) no-repeat left top;
	padding:0 0 0 10px;
}

a.button-medium {
	width:150px;
}

a.button span {
	display:block;
	background:url(images/button-cta.gif) no-repeat right top;
	height:24px;
	padding:6px 0 0 0;
}

a.button:hover {
	background:url(images/button-cta.gif) no-repeat left -30px;
}

a.button:hover span {
	background:url(images/button-cta.gif) no-repeat right -30px;}



a img {
	border:none;
}

a.cta {
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:0 0 3px 0;
}

a.banner {
	display:block;
	margin:30px 0 0 0;
}

sub {
	font-size:8px;
}

/* login */

div#login p#nav {
	display:none !important; /* hide password reset */
}

/* CLEAR FIX*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
    visibility: hidden;
}
.clearfix:after {
    clear:both;
}
.clearfix {display:inline-block;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}