/*  
Theme Name:		Nov08 Typographied
Theme URI:		http://lumpylemon.co.uk/
Description:	scrolly heaven & lovely lettering
Author:			Simon Blackbourn
Author URI:		http://lumpylemon.co.uk/

*/



/*						R E S E T          */

html, body, div, span, h1, h2, h3, h4, p, blockquote, a, em, img, ul, li, fieldset, form, label, input, textarea, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
}


/* Remove annoying border on linked images. */
a img { border: none; }

/*						B O D Y   &   D I V S          */

body {
	background-color: #fff;
	margin-bottom: 90px; /* 5 lines */
	text-align: center;
}

#admin {
	background-color: #bbb;
	color: #fff;
	text-align: center;
}

#admin span {
	margin-left: 2em;
}

#admin a:link, #admin a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

#admin a:hover {
	color: #666;
}

#admin a:active {
	color: #000;
}

.wrap {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

hr {
	display: none;
}

.section {
	width: 720px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 89px; /* 1 + 89 = 90 = 5 lines @ 18px */
}

.post {
	margin: 0 80px 0 80px;
	border-top: 1px solid #ccc;
	padding-bottom: 89px; /* 1 + 89 = 90 = 5 lines @ 18px */
}

#warn {
	background-color: #bbb;
	color: #fff;
}

#whoops {
	border-bottom: 0;
	padding-bottom: 990px; /* = 55 lines */
}

#hello {
}

#small-print, #return {
	padding-bottom: 990px; /* = 55 lines */
}

.scroll, .rss {
	float: right;
	padding-top: 6px; /* doesn't affect grid as floated right in headers */
}

.ui-tabs-hide {
	display: none;
}

/* stuff to sort out annoying floaty problems */
.section:after, .wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.section, .wrap {display: inline-block;}
* html .section,
* html .wrap {height: 1%;}
.section, .wrap {display: block;}

.section {
	clear: both;
}

.page-left, .page-right {
	float: left;
	width: 280px;
	margin-left: 40px;
}

#pub-list {
	float: left;
	width: 198px;
	margin-right: 20px;
	margin-left: 40px;
}

#pubs {
	float: left;
	width: 462px;
	font-size: 0.8em; /* 9.6px */
	line-height: 1.875em; /* 18px */
}

#cust-list {
	float: left;
	width: 198px;
}

#customers {
	float: left;
	width: 462px;
	margin-right: 20px;
	font-size: 0.8em; /* 9.6px */
	line-height: 1.875em; /* 18px */
}

.slideshow {
	border: 1px solid #bbb;
	margin-top: 1em; /* 9px */
	width: 420px;
}

#pubs .slideshow {
	margin-right: 40px;
}

#customers .slideshow {
	margin-left: 40px;
}

#blog .slideshow {
	margin-bottom: 2em; /* 18px */
}

#single .slideshow {
	margin-left: 40px;
	margin-bottom: 2em; /* 18px */
}



/*						B I G   H E A D E R   I M A G E */

h1 {
	display: block;
	width: 720px;
	height: 441px;
	background: #fff url(i/lumpy.jpg) 0 160px no-repeat;
}

h1 span {
	display: block;
	position: absolute;
	top: -999px;
}


/*
						T Y P O G R A P H Y

						base font size: 12px
						baseline grid: 12 x 1.5 = 18px
*/

body {
	color: #424242;
	font-size: 75%; /* 16 x 0.75 = 12px */
	line-height: 1.5em; /* 12 x 1.5 = 18px */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

h2, h3, h4 {
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 2em; /* 12 x 2 = 24px */
	margin-bottom: 0.5em; /* 12px */
	line-height: 1; /* 24px */
	color: #f4bb1f;
}

h3 {
	font-size: 1.5em; /* 12 x 1.5 = 18px */
	margin-bottom: 0.5em; /* 27px ??????? */
	line-height: 1; /* 18px */
	color: #424242;
}

h4 {
	font-size: 1.167em; /* 12 x 1.167 = 14px */
	margin-bottom: 1.286em; /* 18px */
	line-height: 1.286; /* 18px */
	color: #f4bb1f;
}

p {
	margin: 1.5em 180px 0 40px;
}

.post p {
	margin: 1.5em 0 0 0;
}

.post blockquote p, .stuff blockquote p {
	margin: 0;
	padding: 1em 0 0 48px;
}

blockquote {
	background: #fff url(i/quote.png) no-repeat scroll 0 0.5em;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	font-style: italic;
	letter-spacing: 0.1em;
	margin: 3em 180px 3em 40px;
	padding: 0.25em 0 0.5em 0;
}

.post blockquote {
	margin-right: 40px;
}

p.view {
	clear: both;
	margin-top: 3.5em;
}

p.postedon {
	font-size: 0.75em; /* 12 x 0.75 = 9px */
	margin-bottom: 2em; /* 18px */
	line-height: 2em; /* 18px */
	color: #bbb;
}

p.edit {
	text-align: right;
}

#warn p {
	margin: 5px;
	text-align: center;
}

#pubs p {
	margin: 10px 40px 0 0;
}

#customers p {
	margin: 10px 0 0 40px;
}

form p {
	margin-right: 0;
}

#small-print p {
	font-size: 0.8em; /* 9.6px */
	line-height: 1.875em; /* 18px */
}

#fin p {
	font-size: 0.7em;
	text-align: right;
	margin-right: 0;
}



/*                    C O N T A C T   F O R M          */

#form-left, #form-right {
	float: left;
	width: 320px;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 30px;
}

form p {
	margin-top: 1em;
}

input, textarea {
	width: 200px;
	border: 1px solid #bbb;
	padding: 0.2em;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	height: 160px;
}

#submit {
	width: 80px;
	margin-left: 120px;
	color: #5da7f5;
	text-transform: uppercase;
}



/*                    L I N K S          */

.stuff a {
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 0 1px;
}

.stuff a:link {
	color: #0593c2;
}

.stuff a:visited {
	color: #0593c2;
}

.stuff a:hover {
	color: #fff;
	background-color: #0593c2;
}

.stuff a:active {
	color: #0593c2;
}

.scroll a {
	display: block;
	width: 12px;
	height: 15px; /* height doesn't need to fit typography sizes as is floated to right of headers */
}

.scroll a span {
	display: block;
	position: absolute;
	top: -999px;
}

.scroll .next {
	background: url(i/scroll.png) no-repeat -12px center;
}

.scroll .next:hover {
	background: url(i/scroll.png) no-repeat 0px center;
}

.scroll .prev {
	background: url(i/scroll.png) no-repeat -24px center;
}

.scroll .prev:hover {
	background: url(i/scroll.png) no-repeat -36px center;
}

.rss a {
	display: block;
	width: 14px;
	height: 14px; /* height doesn't need to fit typography sizes as is floated to right of headers */
}

.rss a span {
	display: block;
	position: absolute;
	top: -999px;
}



/*                    L I S T S          */

ul {
	margin: 1.5em 180px 0 3em;
	list-style-type: circle;
}

.post ul {
	margin: 1.5em 0 0 40px;
}

#cust-list ul, #pub-list ul {
	list-style-type: none;
	margin: 0;
}

#pub-list {
	text-align: right;
}






span.wpcf7-not-valid-tip {
	font-size: 0.9em!important;
	text-transform:uppercase!important;
}

div.wpcf7-response-output {
	clear: left;
	border-width: 1px!important;
}