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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:86px;}
.span-2 {width:182px;}
.span-3 {width:278px;}
.span-4 {width:374px;}
.span-5 {width:470px;}
.span-6 {width:566px;}
.span-7 {width:662px;}
.span-8 {width:758px;}
.span-9 {width:854px;}
.span-10, div.span-10 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:86px!important;}
input.span-2, textarea.span-2, select.span-2 {width:162px!important;}
input.span-3, textarea.span-3, select.span-3 {width:258px!important;}
input.span-4, textarea.span-4, select.span-4 {width:354px!important;}
input.span-5, textarea.span-5, select.span-5 {width:450px!important;}
input.span-6, textarea.span-6, select.span-6 {width:546px!important;}
input.span-7, textarea.span-7, select.span-7 {width:642px!important;}
input.span-8, textarea.span-8, select.span-8 {width:738px!important;}
input.span-9, textarea.span-9, select.span-9 {width:834px!important;}
input.span-10, textarea.span-10, select.span-10 {width:940px!important;}
.append-1 {padding-right:96px;}
.append-2 {padding-right:192px;}
.append-3 {padding-right:288px;}
.append-4 {padding-right:384px;}
.append-5 {padding-right:480px;}
.append-6 {padding-right:576px;}
.append-7 {padding-right:672px;}
.append-8 {padding-right:768px;}
.append-9 {padding-right:864px;}
.prepend-1 {padding-left:96px;}
.prepend-2 {padding-left:192px;}
.prepend-3 {padding-left:288px;}
.prepend-4 {padding-left:384px;}
.prepend-5 {padding-left:480px;}
.prepend-6 {padding-left:576px;}
.prepend-7 {padding-left:672px;}
.prepend-8 {padding-left:768px;}
.prepend-9 {padding-left:864px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:80px;margin-right:81px;border-right:1px solid #eee;}
.pull-1 {margin-left:-96px;}
.pull-2 {margin-left:-192px;}
.pull-3 {margin-left:-288px;}
.pull-4 {margin-left:-384px;}
.pull-5 {margin-left:-480px;}
.pull-6 {margin-left:-576px;}
.pull-7 {margin-left:-672px;}
.pull-8 {margin-left:-768px;}
.pull-9 {margin-left:-864px;}
.pull-10 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;}
.push-1 {margin:0 -96px 1.5em 96px;}
.push-2 {margin:0 -192px 1.5em 192px;}
.push-3 {margin:0 -288px 1.5em 288px;}
.push-4 {margin:0 -384px 1.5em 384px;}
.push-5 {margin:0 -480px 1.5em 480px;}
.push-6 {margin:0 -576px 1.5em 576px;}
.push-7 {margin:0 -672px 1.5em 672px;}
.push-8 {margin:0 -768px 1.5em 768px;}
.push-9 {margin:0 -864px 1.5em 864px;}
.push-10 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
html, body{
margin:0;
padding:0;
background-image: url(http://www.thelondonhoneycompany.co.uk/theme/images/BG_Repeat.png);
background-repeat: repeat;
font-size:12px;
}
.container{
background-color:#FFF;
padding:0 10px 0 10px;
}
/* Navigation */
.Nav-Container{
border-bottom:2px solid #000;
}
.Nav{
font-family:Georgia;
font-size:14px;
width:610px;
margin:0 auto;
}
.Nav li{
float:left;
padding:25px 40px 10px 0;
}
.Nav li.final{
padding:25px 0 10px 0;
}
.Nav a{
color:#000;
text-decoration:none;
}
.Nav a:hover{
color:#00aeef;
}
/* Home page */
div.Central-Column{
padding:0 17px 0 17px;
border-left:2px dotted #000;
border-right:2px dotted #000;
min-height:490px;
}
h1.Intro{
font-size:19px;
font-weight:bold;
font-family:Georgia;
margin:0 0 10px 0;
}
p.Intro{
font-size:19px;
font-weight:normal;
font-family:Georgia;
line-height:1.3em;
margin:0 0 10px 0;
}
h1.Sub-Section{
color:#00aeef;
font-size:13px;
font-family:Georgia;
font-weight:normal;
border-top:2px solid #000;
border-bottom:1px solid #000;
padding:4px 0 5px 0;
margin:0 0 10px 0;
}
h1.Sub-Section a{
color:#00aeef;
text-decoration:none;
display:block;
background-image: url(http://www.thelondonhoneycompany.co.uk/theme/images/Link-Icon.png);
background-position:center right;
background-repeat: no-repeat;
}
h1.Sub-Section a:hover{
text-decoration:underline;
}
.Sub-Section-Item{
font-family:Arial;
font-size:12px;
color:#000;
line-height:1.2em;
margin:0 0 20px 0;
}
.Sub-Section-Item h2{
color:#00aeef;
margin:0 0 2px 0;
font-weight:normal;
font-size:12px;
}
.Sub-Section-Item a{
color:#000;
text-decoration:underline;
}
.Sub-Section-Item a:hover{
color:#00aeef;
}
/* Products */
.dotted{
border-left:2px dotted #000;
border-right:2px dotted #000;
margin:2px 0 0 0;
}
.dotted-inner{
border-bottom:2px dotted #000;
margin:0 15px;
}
h1.Products-heading{
border-left:2px dotted #000;
border-right:2px dotted #000;
padding:0 0 0 15px;
font-size:19px;
font-family:Georgia;
font-weight:normal;
margin:0 0 1px 0;
}
div.Product-left{
border-left:2px dotted #000;
min-height:360px;
}
div.Product-right{
border-right:2px dotted #000;
min-height:360px;
}
div.Product-left-bottom{
border-left:2px dotted #000;
min-height:400px;
margin:0 0 0 0;
}
div.Product-right-bottom{
border-right:2px dotted #000;
min-height:480px;
}
div.Product-description{
font-family:Georgia;
font-size:13px;
color:#000;
line-height:1.2em;
margin:0 0 2px 0;
padding:0 17px 0 17px;
}
div.Product-description h2{
color:#00aeef;
margin:0 0 2px 0;
font-weight:normal;
}
div.Product-description a{
color:#000;
text-decoration:underline;
}
div.Product-description a:hover{
color:#00aeef;
}
/* Gallery */
h1.Gallery-heading{
border-left:2px dotted #000;
border-right:2px dotted #000;
padding:0 0 0 15px;
font-size:19px;
font-family:Georgia;
font-weight:normal;
margin:0 0 1px 0;
}
.Left-image{
border-left:2px dotted #000;
padding:0 0 0 15px;
margin:0 0 2px 0;
}
.Center-image{
padding:0 10px;
margin:0 0 2px 0;
}
.Right-image{
border-right:2px dotted #000;
padding:0 15px 0 0;
margin:0 0 2px 0;
}
.Gallery img{
display:block;
padding:20px 0 0 0;
}
.Gallery p{
font-size:12px;
font-family:Georgia;
padding:4px 0 8px 0;
border-bottom:2px dotted #000;
}
/* Courses */
div.beehives{
border:2px dotted #000;
padding:6px 10px 10px 10px;
width:65%;
}
h1.Course-heading{
font-size:19px;
font-family:Georgia;
font-weight:normal;
margin:0 0 1px 0;
}
div.Course-description{
font-family:Georgia;
font-size:13px;
color:#000;
line-height:1.2em;
margin:0 0 20px 0;
}
div.Course-description h2{
color:#00aeef;
margin:0 0 2px 0;
font-weight:normal;
}
div.Course-description strong{
color:#00aeef;
font-weight:normal;
}
div.Course-description p, div.Course-description ul{
padding:0 0 10px 0;
}
div.Course-description a{
color:#000;
text-decoration:underline;
}
div.Course-description a:hover{
color:#00aeef;
}
/* Management */
div.Management-description{
font-family:Georgia;
font-size:13px;
color:#000;
line-height:1.2em;
margin:0;
border-left:2px dotted #000;
border-right:2px dotted #000;
padding:10px 15px 20px 15px;
}
div.Management-description p{
padding:0 0 10px 0;
}
.Management-img-description{
font-family:Georgia;
font-size:13px;
color:#000;
line-height:1.2em;
margin:0 0 20px 0;
padding:2px 20px 0 0;
}
div.Management-description a{
color:#000;
text-decoration:underline;
}
div.Management-description a:hover{
color:#00aeef;
}
/* Footer */
.footer{
padding:6px 0;
border-top:2px solid #000;
margin:20px 0 0 0;
}
.credit{
float:right;
}
.credit a{
text-decoration:none;
color:#000;
}
.credit a:hover{
text-decoration:underline;
}
.copyright{
float:left;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* print.css */
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
img {float:left;margin:1.5em 1.5em 1.5em 0;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ") ";font-size:90%;}