/* theshapeofthings.org.uk */
/* CSS - Alex Barnard */

*{padding:0;margin:0}

/* ##### SCREEN LAYOUT ##### */
 
html,body{height:100%} 
body {
	text-align:center; /* ie5.+ */
}

/* ID TAGS */
#wrap-outer{
	position:relative;
	min-height:100%;
	height:auto;
	width:770px;/*width*/
	margin:0 auto;
	text-align:left;
	background-repeat:repeat-y;
	background-position:0;
}
#wrap-inner{background:url(../_img/page/bg_wrap-inner.gif) repeat-y right}
#skip{text-align:right;font-size:0.75em;line-height:20px;width:100%;background:#fff}

#top-banner{position:relative;height:336px;background:url(../_img/page/bg_top.gif) no-repeat 0 0}

#navbar{position:absolute;bottom:28px;left:60px;text-transform:lowercase}
#navbar ul{list-style:none}
#navbar ul li{display:inline;padding:0 12px 0 0}
#navbar a{font:bold 1em Arial, Helvertica;color:#666}
#navbar a:hover,
#navbar a.current{font:bold 1em Arial, Helvertica;color:#BA8748}


#sidemenu {float:left;width:240px}
#sidemenu div{padding:0 0 3em 60px;background:#fff}
#sidemenu p.section{font:bold 1.33em Arial;padding:1em 0;line-height:1.5em;text-transform:lowercase}
#sidemenu p.subsection{font:bold 1em Arial;margin:0 0 0.66em 0;line-height:1em;color:#333}
#sidemenu ul{list-style:none;font:normal 0.95em Arial;margin-bottom:2em}
#sidemenu li{margin:0 0 0.5em 0;text-transform:lowercase}
#sidemenu li a{padding:0 0 0 15px;display:block;background:url(../_img/page/bg_bull-black.gif) no-repeat 3px 0.4em}
#sidemenu ul ul{margin-bottom:2em}
#sidemenu li a.current{background-image:url(../_img/page/bg_bull-gold.gif)}

#sidemenu a{color:#333}
#sidemenu a.current{color:#BA8748}
#sidemenu a:hover{color:#BA8748;border-bottom:0}
#sidemenu #margin-bottom{height:144px;background:transparent url(../_img/page/bg_margin-bottom.gif) no-repeat;padding-bottom:0}

#main{position:relative}
#main #content{float:left;width:477px;background:#fff}
#content #content-footer{margin-top:2em;font-size:0.8em;color:#999;text-align:right;line-height:2em}
#content #content-footer dl{margin-left:240px}
#content #content-footer dt{float:left;width:70px}
#content-corner{position:absolute;width:60px;height:20px;right:0;top:0;background:url(../_img/page/bg_content-corner.gif) no-repeat right 0}

#clear-footer{
	clear:both;
	width:100%;
	height:240px;
}
#footer-left{
	position:absolute;
	bottom:0;
	left:0;
	width:270px;
	height:300px;
	float:left;
	background:url(../_img/page/bg_bottom-left.gif) no-repeat 0 top;
}
#footer-right{
	position:absolute;
	bottom:0;
	left:0;
	width:500px;
	height:240px;
	margin:131px 0 0 270px;
	background:url(../_img/page/bg_bottom-right.gif) no-repeat 0 bottom;
}

a#btnTop{
	position:fixed;
	right:0;
	bottom:0;
	border:0;
	width:32px;
	height:24px;
	z-index:1000;
	background:url(../_img/page/bg_btn-top.png) no-repeat;
	font:normal 10px Tahoma,Arial;
	text-align:right;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
}
a#btnTop:hover{background-position:0 100%}

/* ID TAGS */
/*
#content #images{position:relative}
#content #images span{font-weight:bold;padding:0 2em 0 0}
#content #images span.current{color:#BA8748}
#content #images div{background:#fff}
*/
#sidemenu #calender {padding:0;margin:1em 0}
#sidemenu #calender td{text-align:center;width:24px;font-size:0.8em;padding:0.33em 0}
#sidemenu #calender th{text-align:center;width:24px;font-size:0.8em}

#comments{position:relative}
#comments ol{position:relative}
#comments ol li{position:relative}
#comments p.name{line-height:1.25em;padding:0.33em 1em 1em 12px;background:#f0f0f0;border:1px solid #e6e6e6}

/*FORM*/
/*style="margin-left:2.5em"*/
form{margin:0 0 2em 6%;width:94%}
form .blah{display:none}
form div{clear:left;margin:0 0 1em 0}
form fieldset{border:none}
form span{font-style:italic}
form span,
form label{display:inline-block;margin:0 0.5em 0.5em 0}
form textarea{overflow:auto;height:8em}
form textarea,
form input{width:98%;border:1px solid #ddd;color:#999;font:normal 1.1em/1.5em "Courier New", monospace;background:#fcfcfc;padding:1%}
form input{line-height:1.25em;vertical-align:middle}
form .oneline input{display:inline-block;width:74%;vertical-align:middle}
form .oneline label{width:20%;margin-bottom:0;vertical-align:middle}
form input.checkbox{height:auto;width:auto;border:0;display:inline;vertical-align:middle}
form textarea:focus,
form input:focus{border-color:#BA8748;background:#fBf8f4;color:#666}
form input.button{color:#fff;width:43px;height:43px;border:0;margin:0 0 1em 0}
form label.auto{width:auto;padding:0 1em}

/* Format rules */
h3{padding-top:2em}

/* Sub Menus */

#sidemenu .page2{padding-top:0.5em}
#sidemenu .page2 a{text-decoration:none;font-weight:normal;display:block;line-height:40px;padding:0 0 0 50px;height:40px;background:url(_img/page/x.gif) no-repeat 0 0}
#sidemenu .page2 a.current,
#sidemenu .page2 a:active,
#sidemenu .page2 a:hover{color:#BA8748;background-position:0 100%}
#sidemenu .page2 .o11{background-image:url(../_img/artists/icon11.gif)}
#sidemenu .page2 .o12{background-image:url(../_img/artists/icon12.gif)}
#sidemenu .page2 .o13{background-image:url(../_img/artists/icon13.gif)}
#sidemenu .page2 .o14{background-image:url(../_img/artists/icon14.gif)}
#sidemenu .page2 .o15{background-image:url(../_img/artists/icon15.gif)}
#sidemenu .page2 .o16{background-image:url(../_img/artists/icon16.gif)}
#sidemenu .page2 .o17{background-image:url(../_img/artists/icon17.gif)}
#sidemenu .page2 .o18{background-image:url(../_img/artists/icon18.gif)}
#sidemenu .page2 .o19{background-image:url(../_img/artists/icon19.gif)}

/* classes */
.smallgap{padding-bottom:1em}
.first{padding-top:0;margin-top:0}
.shape0{background-image:url(../_img/page/x.gif)}
.shape1{background-image:url(../_img/page/bg_wrap-outer1.gif)}
.shape2{background-image:url(../_img/page/bg_wrap-outer2.gif)}
.shape3{background-image:url(../_img/page/bg_wrap-outer3.gif)}
.shape4{background-image:url(../_img/page/bg_wrap-outer4.gif)}
.shape5{background-image:url(../_img/page/bg_wrap-outer5.gif)}

.quotestart{background:url(../_img/page/quote.gif) no-repeat 0 0;text-indent:30px;padding-top:20px}
.quoteend{background:url(../_img/page/quote.gif) no-repeat bottom right;padding-bottom:2em}



/*error*/
.error{margin-top:2em;padding:0.5em 1em;text-align:left;background:#ecdfce;color:#ba8748;border:1px solid #BA8748}
.error form{margin:0}
.error form input.button{background:#BA8748;width:auto;height:auto}