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

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

html {
	
}
body {
	line-height: 1.4em;
	letter-spacing:0em;
	background-color:#f5f5f5;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size:14px;
	
}
#container {
	width:846px;
	background-image:url(canvas.png);
	background-repeat:repeat-y;
	padding:0px 15px 0px 15px;
	height:100%;
	margin: 0 auto -433px auto;
}

 /* #BCC698 */
#header {
	float:left;
	background:url(wildnettlemasthead.png) no-repeat;
	color:#A5A196;
	width:849px;
	height:134px;
	margin-right:21px;
	padding:0px;
}

#header p.button {
	float:left;
	font-size:14px;
	margin-right:-8px;
	padding:2px 8px 4px 8px;
	font-size:0.7em;
	background-color:black;
	color:white;
}
#blackbar {
		float:left;
		background-color:black;
		color:white;
		margin:-8px -8px 30px 0px;
		width:830px;
		padding:8px;
		height:12px;
		opacity:0.4;
}	
#blackbar p {
	text-transform:uppercase;
	font-size:0.8em;
	text-align:right;
	opacity:1.0;
}
#blackbar a{
	font-weight:bold;
	text-decoration:none;
	color:white;
}
#blackbar a:hover {
	text-decoration:underline;
}

#main { 
	width:500px;
	float:left;
	clear:right;
	margin-left:40px;
	margin-top:21px;
	position: relative; 
	
	z-index:80;
	padding:10px 10px 0px 10px;
}
#main h1 {
	text-transform:uppercase;
	font-weight:bold;
	color:#638C21;
	float:left;
}
#main h2 {
	float:left;
	clear:left;
	font-weight:normal;
	font-size:2em;
	margin:40px 0px 10px 0px;
}
#main p.pagedisc {
	clear:right;
	padding:0px;
	margin-left:8px;
	margin-top:1px;
}
#main p {
	float:left;
	clear:left;
}
#main .entry p {
	color:#1F211C;
}
#main  p.designnote {
	color:red;
	display:block;
	padding:8px;
	margin:8px 0px;
	background-color:#F3F0E2;
	border:1px solid #1F211C;
}
#main img.head {
	margin-top:20px;
	border:1px solid #1F211C;
}
#main ol {
	display:block;
	float:left;
	margin:12px 0px;
}
blockquote {
	float:left;
	margin: 8px 14px 12px 28px;
	padding:8px;
	color:#39312C;
	border-left:2px solid #BCC698;
	display:block;
	
}
blockquote blockquote {
	color:#534740;
	border:none;
	float:left;
	margin-bottom:0px;
	width:100%;
	
}

/* Catalog*/ 
.sliderGallery {
    overflow: hidden;
    position: relative;
    height: 240px;
    width: 499px;
	margin:22px 16px 0px 18px;
	float:left;
}
.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
	padding:0;
    margin: 10px;
}
.slider {
	color:white;
    width: 499px;
	position:absolute;
	top:224px;
	left:0px;
	z-index:90;
	height:20px;
	margin-top:-8px;
	padding:0px 0px 0px 0px;
	
}
.sliderGallery ul li {
    display: inline;
	margin-right:12px;
}
.sliderGallery ul li img {
	border:1px solid  #1F211C;
}
.sliderGallery ul li img:hover {
	border: 1px solid grey;
}
.slider span {
	cursor:pointer;
	font-size:0.9em;
	margin:0 0;
}
.slider span.personal {
	margin-left: 20px;
}
.slider span.theory {
	margin-left: 145px;
}
.slider span.diy {
	margin-left: 145px;
}

div.slider.ui-slider {
	width:498px;
	padding:0px;
}

.handle {
    position: absolute;
    cursor: pointer;
    z-index: 100;
	width:20px;
    /* bespoke to your own solution */
    height: 16px;
	opacity:0.3;
	padding:2px 4px;
	background-color:white;
}
.galleryWrap {
	height: 280px;
	margin-top:40px;
	margin-left:-24px;
	margin-bottom:10px;
	width: 550px;    
	background:url(catalog.png) no-repeat;
}


/* Sidebar */
#sidebar {
	float:left;
	margin:26px 0px 20px 30px;
	width:216px;
	clear:both;
}
#sidebar h2 {
	display:block;
	font-weight:normal;
	font-size:1.4em;
	letter-spacing:-0.1em;
	text-transform:uppercase;
	color:black;
	margin:-1px -1px 0px -1px;
	width:204px;
	padding:4px;
}
#sidebar li.drawer ul {
	width:135px;
}
#sidebar .drawer li {
	padding:2px;
	margin-left:6px;
}
#sidebar .drawer li:hover {
	border-left:2px solid #638C21;
	padding-left:0px;
}
#sidebar .drawer li a {
	text-decoration:none;
	color:black;
}

div.key {
	border: 1px solid lightgrey;
	margin:10px 0px;
	padding:8px 8px 8px 8px;
	float:right;
	font-size:11px;
}

ul.catalog {
	float:left
}

.catalog ul.meta li {
	border:none;
	padding:0px;
}
ul.catalog h2 {
	display:block;
	clear:both;
}
ul.catalog li.item {
	background: url(greencurtain.png) repeat-x;
	border: 1px solid lightgrey;
	margin:10px 0px;
	padding:8px 8px 8px 8px;
	float:left
	
}
ul.catalog li.item:hover {
	background: url(greencurtain_hover.png) repeat-x;
	
}
ul.catalog li.item a.return {
	float:right;
	position:relative;
	margin-top:-36px;
	display:block;
	font-size:0.8em;
	color:#1F211C;
	text-decoration:none;
	padding-top:4px;
}
ul.catalog li.item a.return:hover {
	color:black;
}
ul.catalog div.meta {
	float:right;
	font-size:0.7em;
	width:498px;
	text-align:right;
	padding-top:26px;
	background-image:url(catashadow.jpg);
	background-repeat:no-repeat;
	margin-left:-8px;
	margin-bottom:-8px;
	
}
ul.catalog h3 {
	display:block;
	color:#21180E;
	clear:both;
	padding:6px 80px 2px 6px;
	border-bottom:1px dashed #BCC698;
	margin:0px -8px 0px -8px;
}
ul.catalog li.item p:first-child {
	margin-top:0px;
}
ul.catalog li.item p {
	color:#1F211C;
	margin-top:12px;
}

ul.catalog ul.briefitem{
	display:block;
	margin:8px;
	float:left;
	clear:both;	
}
ul.linklist {
	display:block;
	clear:both;
	float:left;
}

img.av {
	margin-top:30px;
	border:0px solid grey;
}

ul.linklist a {
	color:black;
	margin-left:22px;
	text-decoration:none;
}
ul.linklist a:hover {
	color:#534740;
	margin-left:0px;
	padding-left:20px;
	border-left:2px solid grey;
}
img.patch {
	border:1px solid lightgrey;
	float:left;
	margin:2px 2px;
}
p.patch {
	display:none;
}
img.libpatch {
	float:right;
	border:1px solid lightgrey;
	margin-right:91px;
	margin-bottom:2px;
}
img.oddpatch {
	float:right;
	border:1px solid lightgrey;
	margin-right:90px;
	margin-bottom:2px;
}
h2.mischead {
	float:left;
	clear:both;
	width:400px;
	height:30px;
	border:1px solid lightgrey;
	background-repeat:no-repeat;
	padding:10px 0px 0px 8px;
	margin:10px 0px 0px 0px;
	background-image:url("catashadow.jpg");
}
p.mischead {
	float:left;
	height:188px;
	padding:8px;
	width:184px;
}
.metasymbol {
	margin-right:6px;
	margin-bottom:-4px;
}

#samplesong {
	padding-right:8px;
	height:40px;
	float:left;
	clear:both;
	width:80%;
	margin-top:8px;
	margin-left:16px;
	margin-bottom:-30px;
	position:relative;
	z-index:10;
}
ul.meta {
	float:left;
	clear:both;
}
#samplesong img.mov {
	padding-right:2px;
	margin-left:2px;
	margin-bottom:-10px;
}
#samplesong img.mp3 {
	margin-bottom:-14px;
}
#samplesong a.mp3 {
color:grey;
font-size:12px;
text-decoration:none;
margin-top:-10px;}
#samplesong a.mp3:hover {
	color:#534740;
	text-decoration:underline;
}

#buttons li {
	float:left;
}

img.buttonface {
	float:left;
}

#buttons li p {
	float:left;
	clear:both;
	padding-left:25px;
	font-size:11px;
}

#footer {
	/*
	background-image:url(canvas.png);
	background-repeat: repeat-y;
	padding:0px 15px;
		width:846px;
	height:433px;
	color:#A5A196;
	clear: both;
 	position: relative;
 	z-index: 10;
*/
}
#push {
	padding-bottom:240px;
	margin-top:200px;
	height:240px;
	clear:both;
}
#footer { 
	clear: both; 
	position: relative; 
	width:846px;
	height: 433px; 
	z-index:70;
	margin: -200px auto 0px auto;
}
#footer div#nettles {
	background-image:url(background.png);
	background-repeat:no-repeat;
	height:433px;
}



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