* 	{margin: 0; padding: 0; border: 0;}


body 	{background: #300 url(../elem/bg_wood.jpg); font-family: verdana, arial, helvetica, sans-serif;}


div#canvas {width: 980px; margin: 20px auto 20px auto; position: relative; background: #300 url(../elem/bg_page.gif) repeat-y right;}
div#top {width: 100%; height: 148px; background: url(../elem/bg_top.gif);}


img.lfl {float: left; margin: 0 30px 30px 0;}
img#banner {position: absolute;	top: 0; left: 0;}
img#logo {position: absolute; top: 0; right: 0;}


p.main, p.post, p.samp, table#form, table#gigs, table#photos, table.sample {font-size: 0.95em; line-height: 1.4em; color: #fc0;}

p.main 	{padding: 30px 220px 0 40px;}

hr 	{margin: 10px 220px 10px 40px; border-bottom: 1px solid #c33;}

p.post, p.samp {margin: 10px 220px 20px 40px; padding: 10px 20px 10px 20px; background: #300; border-top: 1px dashed #933; border-bottom: 1px dashed #933;}

p.samp 	{width: 300px;}
p.samp a {width: 300px;}

p#footer {padding: 5px 25px 10px 0px; font-size: 0.7em; color: #666; text-align: right;}

b 	{font-size: 1.5em;}
strong.capt {font-size: 0.8em; line-height: 2.5em;}
span 	{color: white;}


table 	{margin: 0; padding: 0;}
table#gigs, table#photos {width: 100%; border-collapse: collapse;}
table#form {width: 600px; margin-left: 35px; border-collapse: collapse;}

table#photos td {font-size: 14px;}


col.left {width: 35px; border: 0;}
col.right {width: 220px; border: 0;}

col.track {width: 480px;}

td 	{margin: 0; padding: 10px 5px 10px 5px; vertical-align: top;}
td.nopad {padding: 0;}
td.data, td#clear {border-top: 3px solid #933; border-right: 1px solid #600; border-bottom: 3px solid #933; border-left: 1px solid #600; background: #300;}
td#clear {text-align: right;}

input.format, textarea {background: #600; font-family: verdana, arial, helvetica, sans-serif; color: #fc0; border: 0;}

a 	{text-decoration: none; color: white;}
a:hover {text-decoration: underline; color: #f66;}


/* buttons */

p#guestbook {width: 200px; height: 25px; position: absolute; top: 150px; left: 310px; display: block;}

p#guestbook a {width: 200px; height: 25px; display: block; background: url(../hybut/guestbook.gif) no-repeat 0px 0;}
p#guestbook a:hover {background: url(../hybut/guestbook.gif) no-repeat 0 -30px;}

p#mail	 {width: 180px; height: 25px; position: absolute; top: 150px; right: 240px; display: block;}
p#mail a {width: 180px; height: 25px; display: block; background: url(../hybut/mail.gif) no-repeat 0px 0;}
p#mail a:hover {background: url(../hybut/mail.gif) no-repeat 0 -30px;}

p#arch 	{width: 130px; height: 25px; position: absolute; top: 150px; right: 240px; display: block;}
p#arch a {width: 130px; height: 25px; display: block; background: url(../hybut/arch.gif) no-repeat 0px 0;}
p#arch a:hover {background: url(../hybut/arch.gif) no-repeat 0 -30px;}

p#cd 	{width: 130px; height: 25px;
	position: absolute;
	top: 150px; right: 430px;
	display: block;
	}

p#cd a {
	width: 130px; height: 25px;
	display: block;
	background: url(../hybut/cd.gif) no-repeat 0px 0;
	}
p#cd a:hover {background: url(../hybut/cd.gif) no-repeat 0 -30px;}

p#gig	{width: 130px; height: 25px; position: absolute; top: 150px; right: 568px; display: block;}
p#gig a {width: 130px; height: 25px; display: block; background: url(../hybut/gig.gif) no-repeat 0px 0;}
p#gig a:hover {background: url(../hybut/gig.gif) no-repeat 0 -30px;}

ul.order {margin: 0; padding: 20px 220px 0 0px; float: right;}
ul.order li {margin: 0; padding: 0; width: 150px; height: 25px; display: block;}
ul.order li a {width: 150px; height: 25px; border: 0; display: block;}

li.order_cd a {background: url(../hybut/order_cd.gif) no-repeat 0px 0px;}
li.order_cd a:hover {background: url(../hybut/order_cd.gif) no-repeat 0px -30px;}


ul#nav 	{margin: 0; padding: 0px; position: absolute; top: 270px; right: 0px;}
ul#nav li {margin: 0 0px 6px 0; padding: 0; width: 143px; height: 26px; display: block;}
ul#nav li a {width: 143px; height: 26px; border: 0; display: block;}

li#hb1 a {background: url(../hybut/hyb1.gif) no-repeat -7px 0px;}
li#hb1 a:hover {background: url(../hybut/hyb1.gif) no-repeat -7px -26px;}

li#hb2 a {background: url(../hybut/hyb2.gif) no-repeat -7px 0px;}
li#hb2 a:hover {background: url(../hybut/hyb2.gif) no-repeat -7px -26px;}

li#hb3 a {background: url(../hybut/hyb3.gif) no-repeat -7px 0px;}
li#hb3 a:hover {background: url(../hybut/hyb3.gif) no-repeat -7px -26px;}

li#hb4 a {background: url(../hybut/hyb4.gif) no-repeat -7px 0px;}
li#hb4 a:hover {background: url(../hybut/hyb4.gif) no-repeat -7px -26px;}

li#hb5 a {background: url(../hybut/hyb5.gif) no-repeat -7px 0px;}
li#hb5 a:hover {background: url(../hybut/hyb5.gif) no-repeat -7px -26px;}

li#hb6 a {background: url(../hybut/hyb6.gif) no-repeat -7px 0px;}
li#hb6 a:hover {background: url(../hybut/hyb6.gif) no-repeat -7px -26px;}

li#hb7 a {background: url(../hybut/hyb7.gif) no-repeat -7px 0px;}
li#hb7 a:hover {background: url(../hybut/hyb7.gif) no-repeat -7px -26px;}

li#hb8 a {background: url(../hybut/hyb8.gif) no-repeat -7px 0px;}
li#hb8 a:hover {background: url(../hybut/hyb8.gif) no-repeat -7px -26px;}

li#hb9 a {background: url(../hybut/hyb9.gif) no-repeat -7px 0px;}
li#hb9 a:hover {background: url(../hybut/hyb9.gif) no-repeat -7px -26px;}

body#p1 ul#nav li#hb1 a {background-position: -7px -52px; cursor: default;}
body#p2 ul#nav li#hb2 a {background-position: -7px -52px; cursor: default;}
body#p3 ul#nav li#hb3 a {background-position: -7px -52px; cursor: default;}
body#p4 ul#nav li#hb4 a {background-position: -7px -52px; cursor: default;}
body#p5 ul#nav li#hb5 a {background-position: -7px -52px; cursor: default;}
body#p6 ul#nav li#hb6 a {background-position: -7px -52px; cursor: default;}
body#p7 ul#nav li#hb7 a {background-position: -7px -52px; cursor: default;}
body#p8 ul#nav li#hb8 a {background-position: -7px -52px; cursor: default;}
body#p9 ul#nav li#hb9 a {background-position: -7px -52px; cursor: default;}

body.arc ul#nav li#hb8 a {background-position: -7px -52px; cursor: default;}




/*   [ sonas.me.uk/site/css/sonas_v01-2.css | v01-2_2010-03-21 ]   */