/*  style.css overides */

.blogroll {
	width: 100%;
	
}

.blogroll li {
	width: 49%;
	float: left;
}

.eco-fair-book-now {
	background: #8cc640;
	background-image: url("/images/eco-fair-book-now.jpg");
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 0px 0px;	
	height: 150px;
	width: 700px;
	display: block;	
	clear: both;
	text-indent: -10000px;
}

.clear-floats {
	clear: both;
	width: 100%;
	height: 150px;
	}

.three-columns {

	width: 33%;
	float: left;
	display: block;
	margin: 0%;
	}

.eco-fair-stalls {

	list-style: none;
	margin: 0;
	padding: 0;
	
	}

.eco-fair-stalls li {
	font-size: 0.8em;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	
	}


.eco-fair-stalls li span {
	font-size: 1em;
	font-weight: bold;	
	}


.sold {
font-weight: bold;
color: #000;
}

.available {
color: #666;
}

.reserved {
color: #666;
}

.single {
color: #666;
}

.double {
color: #666;
}

.premium {
color: #666;
}

.sponsor {
color: #666;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.5;
	}

body {
	background: #efefef;
	background-image: url("images/headers/background.png");
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 0px 0px;	

	}

/* to get rounded top and full page white background 1. margin on top bottom page 2. negative margin header 3 negative margin footer . 4 hope 5. make sure branding margin is bigger - than page + . 6. fake it :( 7. remove search from header :'( */
#page {
	background: #FFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#branding {
	background-color: transparent;
	margin-top: 0px;
	margin-bottom: 00px;
	}


#main {
	clear: both;
	padding: 0;
	margin: 0;
	}


#primary {

}
#content {

}

#colophon {

}

#footer {
	}
	
#footer-logos {
	height: 50px;	
}

#site-footer {
	background-color: transparent;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 200px;
	background-image: url("images/headers/ecofair-footer.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	}
	
ul, ol {
	margin: 0 0 1.5em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 1 2em;
	font-size: 1em;
	line-height: 1.5em;
}

blockquote p {
	font-size: 1em;
	line-height: 1.1em;
}


blockquote em, blockquote i, blockquote cite {
}

blockquote cite {
	text-transform: uppercase;
}

p {
font-family:  Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: normal;
	margin-bottom: 0.75em;
	color: #666;
	}


h1 {
font-family: "Bitstream Vera Sans",  "Bitstream Vera Sans", "Trebuchet MS", Utopia,  "Liberation Serif",  serif;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
	color: #8dc641;
	}

h2 {
font-family: "Bitstream Vera Sans",  "Bitstream Vera Sans", "Trebuchet MS", Utopia,  "Liberation Serif",  serif;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 1.0em;	
	color: #8dc641;
	}

h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

h4 {
	font-size: 1.0em;
	line-height: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

h5 {
	font-size: 1.0em;
	line-height: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

h6 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}

ul {
	font-size: 0.9em;
	line-height: 1.0em;	
	}
	
li {
	font-size: 1.0em;
	line-height: 1.2em;	
	margin-bottom: 0.5em;
	}

h1.entry-title {



	}
	
.singular h1.entry-title {

	}

h1.entry-title {

	}

/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 0.5em 0 0;	
	}

.fullwidth {
	padding: 0em;
	padding-left: 2em;
	padding-right: 2em;
}

.page-title {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	}

.page-title a {
	letter-spacing: 0;
	text-transform: none;
	}

.hentry,
.no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
	}

.hentry:last-child,
.no-results {
	border-bottom: none;
	}

.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	}

.entry-title,
.entry-header .entry-meta {
	padding-right: 0px;
	}
	
.entry-title {
	clear: both;

	}

.entry-title,
.entry-title a {
	text-decoration: none;
	}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {

	}
	
.entry-meta {
	clear: both;
	}

.entry-meta a {

	}
.single-author .entry-meta .by-author {
	display: none;
	}

.entry-content,
.entry-summary {
	
	}

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	
	}
	
.entry-content h3,
.comment-content h3 {

	}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1em;
	width: 100%;
	}
.entry-content th,
.comment-content th {
	}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
	}
.entry-content #s {
	width: 75%;
	}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
	}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
	}
	
dl.gallery-item {
	margin: 0;
	}
	
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
	}
	
.page-link a {
	margin: 0;
	padding: 2px 3px;
	text-decoration: underline;
	}
	
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
	padding: 2px 3px;
	text-decoration: underline;
	}
	
.page-link span {
	margin-right: 6px;
	}

.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
	}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}













/* Comments link */
.comments-link a {

}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}










/* =Menu -------------------------------------------------------------- */

#access {
	background: transparent; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	margin: 00px auto 0px;
	width: 100%;
	z-index: 1000;

}
#access ul {
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #666666;
	display: block;
	line-height: 3.333em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.0em;
	padding: 10px 10px;
	width: 168px;
	margin: 0px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}


#access ul li ul {
	background: #f9f9f9;
	margin: 0px;
}





/* =Header
----------------------------------------------- */

#branding {
	border-top: none;
	padding-bottom: 0px;
	position: relative;
	z-index: 2;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}





/* Search Form */
#branding #searchform {
	position: absolute;
	top: 10px;
	right: 5%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}






/* SEARCH FIX */

#branding .with-image #searchform {
	background: #F00;
	top: 10px;
	bottom: 0px;
	max-width: 195px;
}


#branding .only-search + #access div {
	padding-right: 20px;
	background: #F0C;
}








/* -------------------------------------------- */

/* ecofair buttons  */

#box { /* CSS CONTAINER - KILL IN TABLES */
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: transparent;
}

#box-links {
	position: relative;
	left: 0px;
	float: left;
	clear: right;
	width: 560px;
	padding: 0px;

	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	background-color: transparent;
	

}


#box-links ul {
	list-style-type: none;
	width: 760px;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	list-style-position: outside;

}

#box-links li {
	border: none;
	margin: 10px 0px;
	padding: 0px;
	text-indent: 0px;
	float: left;
	clear: right;
}

#box-links li a { /* SIZE OF BUTTONS */
	height: 200px;
	width: 200px;
	display: block;
	padding: 0px;
	text-decoration: none;
		background-color: #FFF;
	/*	background-image: url(../images/big-links.png); */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;

	color: #333333;
	text-indent: 0px;
	
	margin: 10px 10px 0px;
}

* html #box-links li a {  /* make hover effect work in IE */
	width: 760px;
/*	background-image: url(../images/big-links.png); */ /* USE CLASS TO OVERIDE IMAGE */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

* html #box-links li a:visited {  /* make hover effect work in IE */
/*	background-image: url(../images/big-links.png); */ /* USE CLASS TO OVERIDE IMAGE */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#box-links li a:active {
/*	background-image: url(../images/big-links.png); */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:  0px -200px;
	color: #666666;
}

#box-links li a:hover {
	/*	background-image: url(../images/big-links.png); *//* USE CLASS TO OVERIDE IMAGE */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:  0px -200px;
	color: #FFF;
}

#box-links a em { /* BOX TITLE */
	width: 200px;
	display: block;
	position: relative;
	left: 10px;
	font-family: Diavlo, "Trebuchet MS";
	font-size: 2em;
	line-height:1.1em;
	font-weight: normal;
	padding-top: 50px;
	padding-bottom: 5px;
	font-style: normal;
}

#box-links a span { /* BOX TEXT */
	float: left;
	clear: right;
	width: 170px;
	display:block;
	position: relative;
	left: 10px;
	top: 0px;
	font-size: 0.9em;
	font-weight: normal;
}





#box-links .ecofair-button {
	background-image: url(images/ecofair-button.jpg);
}


#box-links .ecofair-attend {
	background-image: url(images/ecofair-attend.png);
}



#box-links .ecofair-sponsor {
	background-image: url(images/ecofair-sponsor.png);
}



#box-links .ecofair-exhibit {
	background-image: url(images/ecofair-exhibit.png);
}




#box-links .one {
	background-image: url(../images/one.png);
}

#box-links .two {
	background-image: url(../images/box-link2.png);
}

#box-links .three {
	background-image: url(../images/box-link3.png);
}

#box-links .four {
	background-image: url(../images/box-link4.png);
}

#box-links .five {
	background-image: url(../images/box-link5.png);
}

#box-links .six {
	background-image: url(../images/box-link6.png);
}

#box-links .seven {
	background-image: url(../images/box-link7.png);
}






/* -------------------------------------------- */












/* TWITTER -------------------------------------------- */

.really_simple_twitter_widget {

	}

.really_simple_twitter_widget ul  {
	list-style: none;
	margin: 0;
	}


.really_simple_twitter_widget ul li {
	font-size: 0.65em;
	line-height: 0.75em;
	list-style: none;

	margin-bottom: 0.5em
	}




/* LINKS WIDGET -------------------------------------------- */


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 10px;
/*	width: 100%; */
	list-style: none;
	}
	
.widget {
	clear: both;
	margin: 0 0 1.2em;
	list-style: none;
	}

.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: none;
	}
	
.widget ul {
	font-size: 10px;
	margin: 0;
	list-style: none;
	}
	
.widget ul ul {
	margin-left: 0.5em;
	list-style: none;
	}

.widget ul li {
	color: #777;
	font-size: 11px;
	border-bottom: dotted 1px #CCC;
	padding-bottom: 10px;
	list-style: none;
	}

.widget img {
	display: block;
	padding-bottom: 5px;
	}
	
.widget a {
	display: block;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	}

.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
	}


.widget_links {
	width: 90%;
	}

.widget_links ul {
	margin: 10px;
	}


.textwidget {
	width: 170px;

	
	padding: 0px;
	padding-bottom: 10px;
	
	}


#first {
	width: 150px;
	}

#second {

	}

#third {

	}




/* LAYOUT -------------------- */
#secondary {
	border-left: dotted 1px #CCC;
	padding-left: 10px;
	}
	
	
	

/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}
#page {
	margin: 0em auto;
	max-width: 760px;
	width: 760px;
}
#branding hgroup {
	margin: 0 7.6%;
}
#access div {
	margin: 0 7.6%;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 57.0%;
}
#secondary {
	float: right;
	margin-right: 5.6%;
	width: 18.8%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}




#fullwidth {

	}
	
	
.organisers {

	
	}	
	


/* SPONSORS - logos as links - ul horizontal*/
#sponsors {
	height: 60px;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	
}

ul#sponsors {
	margin-left: 20px;
	}
	
#sponsors li {
	position: relative;
	top: 100px;
	left: 0px;
	height: 60px;
	width: 100px;
	display:block;
	float:left;
	clear:right;
	padding: 0px;
	
	margin: 0 0px 0px 0px;
}

#sponsors li a {
	line-height: 0.5em;
	padding: 0px;
	margin: 0px;
	line-height: 1em;
}


#site-footer {
	padding: 0px;
	margin: 0px;
	
}



#sponsors {
	padding: 0px;
	margin: 0px;
}



#sponsors ul {
	padding: 0px;
	margin: 0px;
}

#sponsors li {
	padding: 0px;
	margin: 0px;
}

#sponsors a {
	padding: 0px;
	margin: 0px;
	color: #333;
}

#sponsors ul li a {
	padding: 0px;
	margin: 0px;
		display: block;

}

#sponsors span {
	font-size: 9px;
	position: relative;
	top: 65px;
	width: 80px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.sponsor-link {
	display: block;
	width: 90px;
	height: 60px;
	color: #333;
	padding: 0px;
	margin: 0px;
	border: none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}


#sponsors a
#sponsors a:link {
	color: #333;
	border: none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	text-decoration: none;
	}

#sponsors  a:hover,
#sponsors  a:focus,
#sponsors  a:active {
	background-position: 0px -60px;	
	border: none;
		text-decoration: none;
		color: #666;
	}

/* UP */
#sponsor-one {
	background-image: url("images/logos/sponsor1.png");
	}
#sponsor-two {
	background-image: url("images/logos/sponsor2.png");
	}
#sponsor-three {
	background-image: url("images/logos/sponsor3.png");
	}
#sponsor-four {
	background-image: url("images/logos/sponsor4.png");
	}
#sponsor-five {
	background-image: url("images/logos/sponsor5.png");
	}


