/*
Theme Name: Southwark Woodcraft Folk
Theme URI: http://www.abecole.com/
Description: Custom WordPress theme developed for Southwark Woodcraft Folk.
Author: Abe Cole - www.abecole.com.
Version: 1.0
*/

/* Reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;}

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;
}


/* Structural elements */

.floatright {float: right}
.floatleft {float: left}
.clearboth {clear: both}
.clearfix:after {visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {font: 0.62em/1 Verdana, Tahoma, sans-serif;
 background: #05ad05 url('images/bg.jpg') repeat-x;
 color: #fff;
 width: 100%}
 
#container {background: url('images/header.jpg') no-repeat top center;
 width: 960px;
 margin: 0 auto;
 font-size: 1.4em;
 line-height: 1.4}
 
h1 {padding-top: 14px}
h1 a {text-indent: -9999px;
 display: block;
 background: url('images/title.jpg') no-repeat;
 width: 324px;
 height: 135px}
 
a#fb {text-indent: -9999px;
 display: block;
 width: 185px;
 height: 61px;
 background: url('images/facebook.jpg') no-repeat;
 margin: 0 0 0 122px}
a#fb:hover {background-position: 0 -61px}
 
ul#nav {width: 323px;
 float: right}
ul#nav li {width: 139px;
 float: left}
ul#nav li a {text-indent: -9999px;
 margin: 12px 0 0 0;
 display: block;
 width: 127px;
 height: 43px}
li#n_home a {background: url('images/home.jpg') no-repeat}
li#n_aboutus a {background: url('images/aboutus.jpg') no-repeat}
li#n_ourgroups a {background: url('images/ourgroups.jpg') no-repeat}
li#n_pictures a {background: url('images/pictures.jpg') no-repeat}
li#n_events a {background: url('images/events.jpg') no-repeat}
li#n_contactus a {background: url('images/contactus.jpg') no-repeat} 
li#n_home a:hover {background-position: 0 -43px}
li#n_aboutus a:hover {background-position: 0 -43px}
li#n_ourgroups a:hover {background-position: 0 -43px}
li#n_pictures a:hover {background-position: 0 -43px}
li#n_events a:hover {background-position: 0 -43px}
li#n_contactus a:hover {background-position: 0 -43px}

p#breadcrumb {margin-top: 16px;
 padding: 13px 0}

div#leftcol {width: 593px;
 float: left} 
.rightcol {margin-left: 7px;
 width: 321px;
 float: right;
 clear: right}
.content {background: #036803;
 padding: 16px;
 line-height: 1.5;
 margin-bottom: 14px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px}
 
.widget-container {margin-bottom: 7px}
.widget-container h3 {font-size: 1.2em;
 border-bottom: 1px dotted #fff}
.widget-container ul {padding: 7px 0 0 14px}
 
a#galleryArrow {margin: 0 0 3px 0;
 display: block;
 background: url('images/imagearrow.jpg') no-repeat;
 width: 41px;
 height: 68px;
 text-indent: -9999px;
 float: left}
a#galleryArrow:hover {background-position: 0 -68px}
a#galleryLink {font-size: 0.8em;
 line-height: 1.3;
 text-align: center;
 display: block}
 
div#imagebar {overflow: hidden;
 position: relative;
 width: 516px;
 float: left;
 margin-right: 4px}
div#imagebar ul {position: relative;
 width: 9999px}
div#imagebar ul li {float: left;
 margin-right: 4px}
  
div#footerContainer {background: url('images/footerbg.jpg') repeat-x;
 clear: both}
div#footerContainer div {background: url('images/footer.jpg') no-repeat top left;
 height: 86px;
 padding: 85px 0 0 340px;
 line-height: 1.4;
 font-size: 1.4em}
div#footerContainer ul {width: 20%;
 padding: 0 1.5%;
 float: left}
div#footerContainer ul+ul+ul {width: 50%}
 
.textright {text-align: right}
 
h2 {font-size: 1.7em;
 line-height: 1.3;
 display: block;
 border-bottom: 1px dotted #ffcf01;
 color: #ffcf01;
 margin-bottom: 5px}
 
h2 a {text-decoration: none}
 
p {margin-bottom: 14px}

blockquote {
  padding: 5px 20px 0 35px;
  text-indent: 20px;
  font-family: 'Georgia', inherit;
  line-height: 2;
}

a, a:visited, a:active {color: #ffcf01}
a:hover {color: #33ccff}

.small {font-size: 0.7em}

.entry-utility {font-size: 0.8em;
 text-align: right}
.entry-meta {font-size: 0.8em;
 width: 45%;
 float: left}
.entry-content {margin-bottom: 7px}

.entry-meta a, .entry-utility a {color: #fff}
.entry-meta a:hover, .entry-utility a:hover {color: #ffcf01}

.edit-link {display: block;
 padding-top: 7px;
 text-align: right}
 
#comments {border: 1px dotted #ccc;
 padding: 14px;
 margin-top: 7px}
#comments h3 {font-size: 1.5em}
.comment-form-comment {border-top: 1px dotted #fff;
 padding-top: 7px}
.comment-form-comment label {vertical-align: top;
 margin-right: 7px}
.form-allowed-tags {font-size: 0.8em;
 margin-top: 4px}
.form-submit {margin-top: 4px}
.form-submit input[type=submit] {height: 30px;
 padding: 5px}
.comment {border: 1px dotted #fff;
 padding: 9px;
 margin: 4px 0}
.comment-author {width: 50%;
 float: left}
.comment-author cite, .comment-author span, .comment-author a {vertical-align: top}
.comment-meta {text-align: right}
.comment-body p {clear: both;
 border-top: 1px solid #fff;
 padding: 7px}
h2.page-title {color: #fff;
 border-bottom: none;
 margin-bottom: 12px}

#jquery-overlay {position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px}
#jquery-lightbox {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0}
#lightbox-nav {position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  z-index: 10}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* By Abe Cole (www.abecole.com) */