@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif;
font-size:small;
behaviour:url(css/csshover.htc);
	color: #FFF;
	background-color: #000;
}

#imageLink {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.menu {
	color:#FFF;
	margin:3px, 3px, 3px, 3px;
}

.mainOption {
	color:#FFF;
	position:relative;
	padding-top:3px;
	padding-bottom:3px;
}

.subOption {
	color:#FFF;
	position:relative;
	padding-top:3px;
	padding-bottom:3px;
}

.mainOption a, .subOption a {
	font-size:x-small;
	color:#fffff0;
	text-decoration:none;
	font-weight:bold;
	width:100%;
}

.menuSpacer {
	font-size:xx-small;

	position:relative;
}
.mainOption a:hover, .subOption a:hover {color:#F00008;}

.mainOption:hover, .subOption:hover {color:#F00008;}

div.menu ul {
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
}

div.menu ul li ul{
	margin-left:15px;
	padding-left:3px;
	list-style-type:none;
}

#concepts, #options {
	text-indent:15px;
}
#patternOptions, #songOptions, #settingsOptions, #projectOptions {
	text-indent:30px;
}
/*
.subOption, mainOption {
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
}
*/

#barContent{
	padding: 20px 20px 20px 20px;
	display:block;
}

.barBG{
	background:url("css/titlec.jpg");
	background-repeat:repeat;
	vertical-align:middle;
}
.barTL{
	background:url("css/titletl.jpg") no-repeat top left;
}
.barT{
	background:url("css/titlet.jpg") repeat-x top left;
}
.barTR{
	background:url("css/titletr.jpg") no-repeat top right;
}
.barBL{background:url("css/titlebl.jpg") no-repeat bottom left;}
.barBR{
	background:url("css/titlebr.jpg") no-repeat bottom right;	
}
.barB{background:url("css/titleb.jpg") repeat-x bottom left;}
.barL{background:url("css/titlel.jpg") repeat-y top left;}
.barR{background:url("css/titler.jpg") repeat-y top right;}

.content {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	color:#000;
}

.content a, .content a:hover, .content a:focus, .content a:link, .content a:visited {
	color:#1010f0;
	text-decoration:none;
	font-weight:bold
}

.content a:hover {
	text-decoration:underline;
}


.pageBG{
	background:url("css/pagec.jpg");
	background-repeat:repeat;
}
.pageTL{
	background:url("css/pagetl.jpg") no-repeat top left;
}
.pageT{
	background:url("css/paget.jpg") repeat-x top left;
}
.pageTR{
	background:url("css/pagetr.jpg") no-repeat right top;
}
.pageBL{background:url("css/pagebl.jpg") no-repeat bottom left;}
.pageBR{
	background:url("css/pagebr.jpg") no-repeat bottom right;	
}
.pageB{background:url("css/pageb.jpg") repeat-x bottom left;}
.pageL{background:url("css/pagel.jpg") repeat-y top left;}
.pageR{background:url("css/pager.jpg") repeat-y top right;}