/*
Theme Name: Lettuce Eat
Description: Design by Jess Leondiou, custom theme development by Tim Holt
Author: Astronaut Designs
Author URI: http://www.astronautdesigns.com/

*/

@import url("includes/base.css");

/* 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, 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; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display : block; }

abbr[title] { 
border-bottom : 1px dotted; 
cursor : help; }

/* Clear, Clearfix & Group */

.clear{
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0 }

.clearfix { 
zoom : 1; }

.clearfix:before, .clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* http://css-tricks.com/snippets/css/clear-fix/ */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* Colours */

.bg-purple {background-color: #922e90}
.bg-green {background-color: #8ec63f}
.bg-orange {background-color: #f0943d}

/* 1.ROOT */

html {
	overflow-y: scroll;
	background: url(images/bg.png) repeat-y top center;
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	color: #000;
	font-size: 16px;
}

/* 2.HEADINGS */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-weight : bold; }

h1 { 
margin-bottom : 0.3em;
font-size : 1.5em;
line-height : 1.2; }

h2 { 
margin-bottom : .75em;
font-size : 1.3em; 
line-height : 1.2; }

h3 { 
margin-bottom : 1em;
font-size : 1.1em; 
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1em;
line-height : 1.25; }


/* 3.TYPOGRAPHY */

.purple {color: #922e90}
.green {color: #8ec63f}
.orange {color: #f0943d}

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul, 
ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; }

ul { 
list-style-type : disc; }

ol { 
list-style-type : decimal; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; 
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong	{ 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, 
code { 
font : .875em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

/* 4.LINKS */

a, 
a:visited {
outline : none;
color : #922e90;
text-decoration : none; }
 
a:hover { 
outline : none;
color : #8ec63f; 
text-decoration : underline; }
 
a:active, 
a:focus { 
outline : none;
color : rgb(0,0,0); }

/* 5.LAYOUT */

header {
	height: 195px;
	position: relative;
}

#container {
	width: 1006px;
	min-height: 100%;
	margin: 0 auto;
	background: #fff;
}

#main {
}

#sidebar {
	width: 247px;
	margin-right: 18px;
	float: left;
}

#content {
	width: 710px;
	margin-left: 18px;
	padding-right: 13px;
	float: right;
	display: block;
}

/* 6.HEADER & MENU */

header h1 {width: 425px;}

.logo a {
	background: url(images/logo.jpg) no-repeat;
	width: 425px;
	height: 195px;
	display: block;
	text-indent: -9999px;
}

nav {}

nav ul {
	position: absolute;
	margin: 0;
	padding: 0 0 0 10px;
	bottom: 18px;
	right: 3px;
	height: 37px;
	text-align: center;
}

nav li {
	display: inline-block;
	zoom: 1; *display:inline;
}

nav li a, nav li a:link, nav li a:visited {
	color: #fff;
	display: block;
	line-height: 2.3;
	font-weight: bold;
	margin: 0 -3px;
	padding: 0 24px;
	background: #922e90;
}
nav li a:hover, nav li a:active,
nav li.current_page_item a, nav li.current_page_item a:link, nav li.current_page_item a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f0943d;
}

/* 7.SLIDER */

#gallery {
	height: 328px;
	display: block;
/*	background: url(images/temp-slide.jpg); */
	margin-bottom: 24px;
}

ul#slideshow {
	margin: 0;
	padding: 0;
}

#slideshow li {
	list-style: none;
	height: 328px;
}

/* 8.SIDEBAR */

#sidebar h3 {
	color: #922e90;
}

/* 9.CONTENT */

article ol, article ul, article blockquote {
	margin-left: 0;
}

.post {
	clear: both;
	border-bottom: 1px dashed #8ec63f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* 10.FOOTER */

ul.footer-links {
	margin: 30px auto;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #8ec63f;
}
.footer-links li {
	display: inline-block;
	zoom: 1;
	*display:inline;
	font-size: 0.7em;
}

/* 11.IMAGES */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 3px 10px 10px 0; }
.alignright { float:right; margin: 3px 0 10px 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.attachment-post-thumbnail {float: left; margin: 0 15px 15px 0;}

/* 11.FORMS */

.gform_wrapper .top_label input.large, 
.gform_wrapper .top_label select.large, 
.gform_wrapper .top_label textarea.textarea {
	width: 70%;
}

.gform_wrapper input[type="text"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="tel"], 
.gform_wrapper input[type="number"], 
.gform_wrapper input[type="password"],
.gform_wrapper .right_label input.large, 
.gform_wrapper .right_label select.large, 
.gform_wrapper .left_label input.large, 
.gform_wrapper .left_label select.large, 
.gform_wrapper textarea.textarea {
	font-size: 14px;
	color: #333;
	padding: 2px;
}