/* --------------------------------------------
   reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
ul, ul li, ol, ol li {list-style: none; margin: 0; padding: 0;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
address {font-style:normal;}

/* --------------------------------------------
   
----------------------------------------------- */
body
{
	font: 12px/14px arial, sans-serif;
	background: #ddd;
	color: #ccc;
	
	/* border-top: 2px solid #333; */
	
	background: #000; #ddd; /* url(../img/global/bg_dante3.png) no-repeat; */

	background: #000 url(../img/global/bg_page.gif) repeat-x;
	
	padding-top: 20px;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

select option
{
	margin-right: 10px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#main
{
	position: relative;
	padding-top: 110px;
}

/* --------------------------------------------
   
----------------------------------------------- */
a#logo,
a#logo-overlay
{
	position: absolute;
	top: 20px;
	left: 30px;
	width: 303px;
	height: 25px;
	background: url(../img/global/img_logo_white.gif) no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	outline: none;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#cemetery
{
	position: absolute;
	top: 10px;
	left: 790px;
	width: 200px;
	height: 70px;
	background: url(../img/global/img_cemetery.jpg) repeat 0px 0px;
	text-indent: -2000px;
	overflow: hidden;
	display: none;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#sidebar
{
	position: absolute;
	left: 15px;
	top: 105px;
	width: 75px;
}

div#sidebar h4
{
	font-size: 11px;
	margin-left: 15px;
	margin-bottom: 9px;
	color: #888;
	text-transform: uppercase;
	font-weight: bold;
	
	border-top: 1px solid #bbb;
	padding-top: 4px;
	margin-top: 6px;
}

/* --------------------------------------------
   
----------------------------------------------- */
ul#nav-work,
ul#nav-years
{

}

ul#nav-work li,
ul#nav-years li
{
	line-height: 20px;
}

ul#nav-years li
{
	line-height: 26px;
}

ul#nav-work li a,
ul#nav-years li a
{
	color: #000;
	display: block;
	padding-left: 15px;
	outline: none;
}

ul#nav-years li a
{
	color: #777;
	font-weight: normal;
	font-size: 14px;
}

ul#nav-work li.active a.main,
ul#nav-work li a:hover
{
	background: #000 url(../img/global/bg_nav_work_hover.gif) no-repeat 149px 8px;
	color: #ddd;
	text-decoration: none;
}

ul#nav-work li.active a.main,
ul#nav-work li.active a:hover
{
	background-color: #444;
}

ul#nav-work ul.sub
{
	display: none;
}

ul#nav-work li.active ul.sub
{
	display: block;
}

ul#nav-work li.sub a
{
	padding-left: 40px;
	color: #666;
}

/* --------------------------------------------
   
----------------------------------------------- */
ul#nav-pieces-new
{

}

ul#nav-pieces-new li
{

}

/* --------------------------------------------
   
----------------------------------------------- */
/*
ul#nav-info
{
	margin-top: 20px;
	padding-left: 15px;
}

ul#nav-info li
{
	line-height: 18px;
}

ul#nav-info li a
{
	color: #777;
}
*/

/* --------------------------------------------
   
----------------------------------------------- */
/*
a#drummer-wanted
{
	color: #aaa;
	font-size: 10px;
	line-height: 18px;
	display: block;
	margin-top: 20px;
	padding-left: 15px;
}

a#drummer-wanted:hover
{
	background: #ccc;
	color: #888;
	text-decoration: none;
}
*/

/* --------------------------------------------
   
----------------------------------------------- */
div#content
{
	Zmargin-left: 200px;
	Zmin-height: 300px;
	Zmargin-bottom: 90px;
	
	Zwidth: 770px;
	ZZpadding: 10px;

	Zbackground: #ccc;
	Zmargin-left: 110px;
	Zwidth: 810px;
	
	margin-left: 33px;
	padding-top: 35px;
}

div#content h2.page-title
{
	font-size: 18px;
	line-height: 26px;
	color: #666;
	margin-bottom: 18px;
}

/* --------------------------------------------
   
----------------------------------------------- */
form.standard
{

}

form.standard ul.inputs
{

}

form.standard ul.inputs li.input
{
	overflow: hidden;
	margin-bottom: 8px;
}

form.standard ul.inputs li.submit
{
	padding-left: 150px;
}

form.standard ul.inputs li.submit input,
form.standard ul.inputs li.submit a
{
	float: left;
}

form.standard ul.inputs li.submit a
{
	color: #666;
	font-size: 9px;
	margin-left: 20px;
	margin-top: 3px;
}

form.standard ul.inputs li.input label.header
{
	float: left;
	width: 150px;
}

form.standard input.text,
form.standard textarea
{
	width: 200px;
	border: 1px solid #999;
	padding: 2px;
}

form.standard textarea
{
	height: 135px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#footer
{
	background: #000; #333;
	color: #555; #ccc;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

div#footer p
{
	padding: 10px 20px;
	font-size: 10px;
}

/* --------------------------------------------
   
----------------------------------------------- */
dl#themes
{
	position: absolute;
	top: 10px;
	left: 730px;
}

dl#themes dt,
dl#themes dd
{
	float: left;
}

dl#themes dt
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #888;
	margin-right: 15px;
}

dl#themes dd
{
	margin-right: 10px;
}

dl#themes dd a
{
	color: #ccc;
}

dl#themes dd.active a
{
	color: #ff0;
}