/*RESET*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
body { line-height: 1;	color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
input { vertical-align:middle; }
img { display:block; }
a { text-decoration: none; }
p strong, a strong { font-weight: bold; }

p, li, a, h1, h2, h3, h4, label { font: 12px Helvetica, Tahoma, Arial, sans-serif; }
p, li { line-height: 1.6em; }
p { margin-bottom: 1em; }
p.pub-date { color: #ccc; margin-top: 0.8em; }
p em { font-style: italic; }
p strong { font-weight: bold; }
p.highlight { text-transform: lowercase; font-variant: small-caps; font-size: 1.2em; letter-spacing: 1px; }
.border { border: 1px solid silver; }
.right { float : right; }
.left { float:  left; }
.clear { clear: both; }
em { font-style: italic; }
em.highlight { font: 1.3em Georgia, Garamond, Times, serif; color: #8aabca; font-style: italic; }

/*START LLF STYLES*/
a { color: #e1424a; }
/*a:hover { color: #1a1906; } old black hover*/
/*new green hover*/
a:hover { color: #4f7e06; }
a.selected, a.active { color: #666; }
a.no-highlight { color: #999; border-bottom: 1px dotted #999; }
a.no-highlight:hover { color: #333; border-bottpm: 1px dotted #999; }

.d-border-b { border-bottom: double #8aabca; }
.d-border-t { border-top: double #8aabca; }

.c-320 { width: 288px; }
.c-640 { width: 608px; }
.c-960 { width: 928px; }
.c-320, .c-640, .c-960 { float: left; padding: 10px;  margin: 5px; }

#home .container { background:url(http://www.lovelocalfood.org.uk/img/home-panel-bg.gif) repeat-y center; border-top: 20px solid #fff; border-bottom: 20px solid #fff; float: left; }
#home-panel { padding-top: 0; }
#home-panel img { margin: 5px; }
#home-feature { background: url(http://www.lovelocalfood.org.uk/img/horiz-line.gif) repeat-x top;}
#home-panel h3 a { font-size: 24px; margin-bottom: 12px; }
#home-panel li { border-bottom: 1px dotted silver; }
#home-panel ul.no-border li { border-bottom: none; }

html { text-align: center; margin: 0 auto; background: #fff url(http://www.lovelocalfood.org.uk/img/paper-tile.jpg) repeat; }
body { text-align: center; margin: 0 auto; background: #fff; width: 960px; }

.page-wrap { width: 960px; position: relative; text-align: left; float: left; background: url(http://www.lovelocalfood.org.uk/img/white-bg.gif) repeat-y right;   }
#branding { background: transparent url(http://www.lovelocalfood.org.uk/img/llf-head.png) no-repeat; position: absolute; top: 5px; left: 10px; width: 117px; height: 120px; }
#branding h1 { text-indent: -9999px; }
#branding h1 a { display: block; height: 117px; width: 120px; }
#branding h1 a :active { outline: none; }

h3.section { font-size: 20px; color: #8aabca; line-height: 1.3em; padding-bottom: 8px; margin-bottom: 12px;}
h3.section img { margin: 6px; }
.route-preview h4 a { font-size: 16px; }
h3.cufon { font-size: 32px; margin-bottom: 18px; }
h3.sidebar { margin-top: 20px; font-size: 22px; }
#pricelists h3 { margin-bottom: 0.9em; }
h3 span.selected { display: none; }
h4 { font-weight: bold; font-size: 1.1em; margin-bottom: 0.6em; color: #8aabca; }
h4.cufon { font-size: 26px; margin-bottom: 0; color: #1a1906; clear: both;  }
h4.sub-head { font: 18px Georgia, Garamond, Times, Serif; font-style: italic; color: #8aabca; margin-bottom: 6px; }
h4 a { font-size: 26px; color: #8aabca; border-bottom: 1px dotted #fff;  }
h4 a:hover { border-bottom: 1px dotted  #8aabca; }
.c-640 h4, .c-640 h3 { margin-top: 20px; }
.c-320 h3 { margin-top: 20px; }
h5.cufon { margin: 12px 0; }
#content h5, #footer h5 { text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; margin-bottom: 0.2em; font-size: 1.2em; font-family: Lucida, lucida sans, lucida grande, Helvetica, Arial, sans-serif;  }

ul#main-nav { width: 585px; position: absolute; top: 70px; right: 0; float: left; padding-right: 10px; }
ul#main-nav li { float: left; text-align: center; }
ul#main-nav li, ul#main-nav li a, #home-panel h3, #home-panel h3 a { display: block; height: 53px; text-indent: -9999px; }
ul#main-nav li.buy, ul#main-nav li.explore { margin-right: 40px; }
ul#main-nav li a:hover { color: #000; }
ul#main-nav li.buy a, .buy h3 a { width: 83px; background: url(http://www.lovelocalfood.org.uk/img/main-nav.png) no-repeat; }
ul#main-nav li.buy a:hover { background-position: 0 -51px; }
ul#main-nav li.buy a:active { background-position: 0 -105px; }
ul#main-nav li.explore a, .explore h3 a { width: 180px; background: url(http://www.lovelocalfood.org.uk/img/main-nav.png) no-repeat -130px 0; }
ul#main-nav li.explore a:hover { background-position: -130px -51px; }
ul#main-nav li.explore a:active { background-position: -130px -105px; }
ul#main-nav li.mission a, .mission h3 a { width: 169px; background: url(http://www.lovelocalfood.org.uk/img/main-nav.png) no-repeat -350px 0; }
ul#main-nav li.mission a:hover { background-position: -350px -51px; }
ul#main-nav li.mission a:active { background-position: -350px -105px; }
 ul#main-nav li#selected a {background-position-y: -105px; border-bottom: 1px dotted #474838; }
.buy h3 a:hover { background-position: 0 -54px; }
.explore h3 a:hover { background-position: -130px -54px; }
.mission h3 a:hover { background-position: -350px -54px; }
.buy h3 a:active{ background-position: 0 -108px; }
.explore h3 a:active { background-position: -130px -108px; }
.mission h3 a:active { background-position: -350px -108px; }

ul#sub-nav { width: 622px; position: absolute; top: 10px; right: 0; float: right; padding-right: 10px; }
ul#sub-nav li { float: right; margin-left: 12px; }
ul#sub-nav li a { font-weight: bold; font-size: 12px; }

ul.list /*generated through listmaker*/ { margin: 20px 0; }
ul.list li { width: 400px; font-size: 0.9em; margin-bottom: 0.4em; }

.c-320 li a { font-size: 1.3em; }
.c-320 li { margin-bottom: 0.4em; }

li span.product { width: 180px; display: block; float: left; }
li span.price { float: left; width: 140px; margin-left: 10px; }
li span.desc { float: left; font-size: 0.9em; margin-left: 12px; }
#pricelists li { border-bottom: 1px dotted #999; width: 520px; float: left; clear: both; font-size: 1em; }
#pricelists ul { margin-bottom: 24px; padding-bottom: 1em; border-bottom: 2px solid #666; float: left; clear: both;}

#home-panel img { float: left; padding: 2px; margin-bottom: 6px; }
#home-panel img.right { float: right; }

#home-panel li { margin-bottom: 0.5em; }

#banner { width: 960px; height: 286px; margin-top: 130px; float: left; }/*background images are set via inline styles in Global Variables for each section*/
#banner h2 { text-indent: -9999px; }

/*#home #banner, #blog #banner, #recipe #banner { background: url(http://www.lovelocalfood.org.uk/img/banner-main.jpg) no-repeat; }
#buy #banner, #prices #banner { background: url(http://www.lovelocalfood.org.uk/img/banner-buy.jpg) no-repeat; }
#education #banner { background: url(http://www.lovelocalfood.org.uk/img/banner-education.jpg) no-repeat; }
#mission #banner { background: url(http://www.lovelocalfood.org.uk/img/banner-mission.jpg) no-repeat; }*/

#content { float: left; background: #fff; width: 960px; }
#content .right { float: right; }
#buy #content, #education #content, #mission #content { background: #fff; }

ul#delivery-days { float: left; width: 640px; margin-left: -10px; }
ul#delivery-days li { float: left; margin: 3px; text-align: center; width: 205px; }
#delivery-days li a img { border: 1px solid silver; margin: 8px 0; }
#delivery-days li a img:hover { border: 1px solid #e1424a; }

ul.section-nav { border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 12px; }
ul.section-nav li a { font-weight: bold; }
.event { background: #e5eaef; margin-bottom: 10px; padding-bottom: 10px; }
.event p { padding: 0 10px; }
.event ul, .event li { list-style-type : disc; position: inside; margin-left: 20px; }
p.date { width: 598px; background: #7692ac; color: #fff; padding: 3px 0 3px 10px; }
p.name { font-size: 20px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; margin: 0; }

#blog-article h3 { font-size: 1.1em; text-transform: normal; }
#blog-article ul { margin: 0 20px; }
#blog-article li { list-style: disc; }

#footer { width: 960px; float: left; clear: both; background: #1a1906 url(http://www.lovelocalfood.org.uk/img/footer-tile.gif) repeat; border-top: double #aaaf6c; color: #8aabca; }
#footer ul { float: left; width: 300px; padding: 20px 10px 10px 10px; }
#footer li { margin: 4px; }
#footer a:hover { color: #fff; }
#footer a.llf { display: block; position: absolute; bottom: 10px; right: 10px; width: 65px; height: 65px; background: url(http://www.lovelocalfood.org.uk/img/llf-logo-s.png) no-repeat; text-indent: -9999px; }
p.mekonta, p.mekonta a { clear: both; margin: 20px 0 4px 7px; float: left; color: #adaa7e; }
.mekonta a:hover { color: #a5a501; }
#footer a.links, a.foot-links { float: right; margin: 20px 12px 0 0; }
#footer a.links img, a.foot-links { background: transparent; padding: 2px; border: 1px solid #FFF; }
#footer a.links img:hover, a.foot-links{ border: 1px solid #8aabca; }

a.foot-links { float: right; margin: 40px 0 0 0; }
a.foot-links { background: transparent; padding: 2px; border: 1px solid #FFF; }
a.foot-links{ border: 1px solid #8aabca; }

#twitter { position: relative; }
#twitter img { position: absolute; top: -24px; left: -24px; }
#twitter ul, #twitter li { margin: 0; padding: 0; }
#twitter ul { background: url(http://www.lovelocalfood.org.uk/img/assets/twitter-bubble.png) no-repeat; width: 305px; height: 140px; position: relative; top: -5px; left: -20px; padding: 40px 10px 20px 10px; }
#twitter li { margin: 3px 10px 5px 0; padding-bottom: 2px; border-bottom: 1px dotted #8aabca; color: #FFF; }
#footer .c-320 a { font-size: 1em; }
#twitter h5 { margin: 0 0 0 15px; }
#twitter h5 a { font-variant: small-caps; color: #3ec4f3; }
#twitter h5 a:hover { color: #8aabca; }

/*contact form*/
#contact-form { float: left; margin: 20px; width: 600px; }
#contact_simple { border : 1px solid #ccc; padding: 15px; }
#contact_simple label { display : block; font-weight: bold; clear: left; margin: 10px 0; }
#contact_simple label span { display: block; float: left; width: 10em; color: #333; font-size: 1.1em; }
#contact_simple input { width: 300px; padding: 4px; border: 1px solid #ccc; }
#contact_message { width: 420px; padding: 4px; border: 1px solid #ccc; }
#contact_simple input:focus, #contact_message:focus { border: 1px solid #8aabca; }
#contact_simple input.btn { float: right; clear: both; width: 6em; padding: 6px; background: #8aabca; color: #fff; font-size: 1.2em; cursor: pointer; }
#contact_simple input.btn:hover { background: #e1424a; }
p.contact-phone { font-size: 1.3em; color: #8aabca; }
h3.cufon, h4.cufon, h5.cufon /*with cufon not running*/
{font-family: Gill Sans, Lucida Sans, Lucida Grande, Tahoma, Arial, sans serif; font-weight: normal; line-height: 1.5em; }

/*Producers page*/
ul.producer-list { width: 600px; float: left; clear: left; }
li.producer { width: 600px; float: left; clear: left; border-bottom: 1px solid silver; margin-bottom: 12px; display: block; display: block; padding-bottom: 12px; }
.producer-list h4 { margin: 0; padding: 0; font-weight: normal; }
.producer-list h5 { font: 16px Garamond, Georgia, Times, Serif; text-transform: inherit; font-style: italic; }
.producer-list img { float: left; margin: 0px 10px 10px 0; padding: 5px; background: #fff;  }
.producer-supp span { border-top: 1px dotted silver; padding-top: 8px; display: block; margin-left: 6px;  }
.producer-supp { margin-top: 6px; padding-top: 6px; padding-right: 4px; text-align: right; }
.producer-supp img { float: right; padding: 3px; border: 1px solid silver; display: block; margin: 0 0 10px 0; }
.producer-supp p a.prod-url, .producer-supp p a.prod-map { font-weight: bold; float: right; clear: right; margin: 4px 0; }

