/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Mr. Cieplicki Gaetan */
/* Added: June 18th, 2005 */

body {
	background: #000 url("body-bg.png") 0 0 no-repeat;
	font: 8px/10px "Small fonts";
}

span {
	font: 8px/10px "Small fonts";
	color: #FFFF88;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
h3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul li {
	padding: 1px 10px;
	padding-right: 1px;
	color: #000;
	text-align:left;
}

ul li:hover {
	background-color: #FFFFFF;
}

ul li a {
	text-decoration: none;
}
a {
	color: #000000;
}
a:hover {
	color: #FF0000;
}
img {
	border: 0;
}
div {
	background-color: #FFFF88;
}

/***************************
 *  D E S C R I P T I F S  *
 ***************************
 */
h3.pack {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.pack:hover {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.pack span {
    color: #000;
	text-decoration: none;
}
h3.pack span a {
	text-decoration: none;
}
h3.pack span a:hover {
	text-decoration: none;
    color: #F00;
	background-color: #FFFFFF;
}
h3.text {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.text:hover {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.text span {
    color: #000;
	text-decoration: none;
}
h3.text span a {
	text-decoration: none;
}
h3.text span a:hover {
	text-decoration: none;
    color: #F00;
	background-color: #FFFFFF;
}

/***************
 *  P U C E S  *
 ***************
 */
ul li.fresh {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: transparent url("li-new.png") no-repeat 1px 1px;
}

ul li.fresh:hover {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: #FFFFFF url("li-new-hover.png") no-repeat 1px 1px;
}

ul li.onegb {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: transparent url("li-onegb.png") no-repeat 1px 1px;
}

ul li.onegb:hover {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: #FFFFFF url("li-onegb-hover.png") no-repeat 1px 1px;
}

ul li.twogb {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: transparent url("li-twogb.png") no-repeat 1px 1px;
}

ul li.twogb:hover {
	padding: 1px 18px;
	padding-right: 1px;
	color: #000;
	text-align:left;
    background: #FFFFFF url("li-twogb-hover.png") no-repeat 1px 1px;
}

/*******************
 *  C O N T A C T  *
 *******************
 */
#contact {
	position:absolute;
	left: 517px;
	top: 245px;
	width: 71px;
}
#contact ul li {
	padding: 1px 1px;
	text-align:center;
}
#contact h3.contact span {
    display: none;
}

/*********************************
 *  L E F T   C O N T A I N E R  *
 *********************************
 */
#leftcontainer {
	position:absolute;
	padding: 0;
	left: 10px;
	top: 149px;
	width: 231px;
}
/*******************
 *  L E F T T O P  *
 *******************
 */
#lefttop {
	position:relative;
	padding: 0;
	background: #000 url("lefttop-bg.png") 0 0 repeat-y;
}
#lefttop h3.otherProjects {
    position: relative;
    top:0px;
	width: 231px;
	height: 49px;
	background: #000 url("otherProjects-top.png") 0 0 no-repeat;
}
#lefttop h3.otherProjects span {
    display: none;
}

/*********************************
 *  O T H E R   P R O J E C T S  *
 *********************************
 */
#otherProjects {
	position:relative;
	left: 14px;
	width: 165px;
}
#otherProjects ul li {
	padding: 1px 3px;
	text-align:right;
}

/*************
 *  L E F T  *
 *************
 */
#left {
	position:relative;
	padding: 0;
	background: #000 url("left-bg.png") 0 0 repeat-y;
	width: 231px;
}
#left h3.liveActs {
    position: relative;
    top:0px;
	width: 231px;
	height: 55px;
	background: #000 url("liveActs-top.png") 0 0 no-repeat;
}
#left h3.liveActs span {
    display: none;
}
#left h3.pixels {
    position: relative;
	width: 231px;
	height: 55px;
	background: #000 url("pixels-top.png") 0 0 no-repeat;
}
#left h3.pixels span {
    display: none;
}
#left h3.left {
    position: relative;
	width: 231px;
	height: 36px;
	background: #000 url("left-bottom.png") 0 0 no-repeat;
}

/***********************
 *  L I V E   A C T S  *
 ***********************
 */
#liveActs {
	position:relative;
	left: 10px;
	width: 207px;
}
#liveActs ul li {
	padding: 1px 3px;
	text-align:left;
}

/*****************
 *  P I X E L S  *
 *****************
 */
#pixels {
	position:relative;
	left: 10px;
	width: 208px;
}
#pixels ul li {
	padding: 1px 3px;
	text-align:right;
}

/***************
 *  S O N G S  *
 ***************
 */
#songs {
	position:absolute;
	padding: 0;
	background: #000 url("songs-bg.png") 0 0 repeat-y;
	left: 253px;
	top: 285px;
	width: 160px;
}
#songs img {
	border: 1px;
	border-color: #000;
}
#songs h3.gameboySongs {
    position: relative;
    top:0px;
	width: 160px;
	height: 89px;
	background: #000 url("gameboySongs-top.png") 0 0 no-repeat;
}
#songs h3.gameboySongs span {
    display: none;
}
#songs h3.gbRevenge {
    position: relative;
    top:0px;
	width: 160px;
	height: 87px;
	background: #000 url("gbRevenge-top.png") 0 0 no-repeat;
}
#songs h3.gbRevenge span {
    display: none;
}
#songs h3.otherGameboySongs {
    position: relative;
    top:0px;
	width: 160px;
	height: 39px;
	background: #000 url("otherGameboySongs-top.png") 0 0 no-repeat;
}
#songs h3.otherGameboySongs span {
    display: none;
}
#songs h3.atariSongs {
    position: relative;
	width: 160px;
	height: 108px;
	background: #000 url("atariSongs-top.png") 0 0 no-repeat;
}
#songs h3.atariSongs span {
    display: none;
}
#songs h3.realtimeLivesongs {
    position: relative;
	width: 160px;
	height: 240px;
	background: #000 url("realtimeLivesongs-top.png") 0 0 no-repeat;
}
#songs h3.realtimeLivesongs span {
    display: none;
}
#songs h3.practices {
    position: relative;
	width: 160px;
	height: 108px;
	background: #000 url("practices-top.png") 0 0 no-repeat;
}
#songs h3.practices span {
    display: none;
}
#songs h3.songs {
    position: relative;
	width: 160px;
	height: 36px;
	background: #000 url("songs-bottom.png") 0 0 no-repeat;
}

/*******************************
 *  G A M E B O Y   S O N G S  *
 *******************************
 */
#gameboySongs {
    position: relative;
	left: 22px;
	width: 111px;
}

/************************
 *  G B _ R E V E N G E *
 ************************
 */
#gbRevenge {
    position: relative;
	left: 22px;
	width: 111px;
}

/*******************************************
 *  G A M E B O Y   O T H E R   S O N G S  *
 *******************************************
 */
#otherGameboySongs {
    position: relative;
	left: 22px;
	width: 111px;
}

/****************************
 *  A T A R I    S O N G S  *
 ****************************
 */
#atariSongs {
    position: relative;
	left: 22px;
	width: 111px;
}

/*****************************************
 *  R E A L T I M E   L I V E S O N G S  *
 *****************************************
 */
#realtimeLivesongs {
    position: relative;
	left: 22px;
	width: 111px;
}

/***********************
 *  P R A C T I C E S  *
 ***********************
 */
#practices {
    position: relative;
	left: 22px;
	width: 111px;
}

/***********************************
 *  R I G H T   C O N T A I N E R  *
 ***********************************
 */
#rightcontainer {
	position:absolute;
	background-color: #000000;
	padding: 0;
	left: 419px;
	top: 275px;
	width: 216px;
}
/***********************
 *  R I G H T   T O P  *
 ***********************
 */
#righttop {
	position:relative;
	padding: 0;
	background: #000 url("righttop-bg.png") 0 0 repeat-y;
	width: 216px;
}
#righttop h3.links {
    position: relative;
	width: 216px;
	height: 34px;
	background: #000 url("links-top.png") 0 0 no-repeat;
}
#righttop h3.links span {
    display: none;
}

/***************
 *  L I N K S  *
 ***************
 */
#links {
	position:relative;
	left: 63px;
	width: 143px;
}
#pixels ul li {
	padding: 1px 3px;
	text-align:right;
}


/***************
 *  R I G H T  *
 ***************
 */
#right {
	position:relative;
	padding: 0;
	background: #000 url("right-bg.png") 0 0 repeat-y;
	width: 255px;
}
#right h3.graphics {
    position: relative;
	width: 255px;
	height: 55px;
	background: #000 url("graphics-top.png") 0 0 no-repeat;
}
#right h3.graphics span {
    display: none;
}
#right h3.right {
    position: relative;
	width: 255px;
	height: 51px;
	background: #000 url("right-bottom.png") 0 0 no-repeat;
}

/*********************
 *  G R A P H I C S  *
 *********************
 */
#graphics {
	position:relative;
	left: 13px;
	width: 232px;
}
#graphics ul li {
	padding: 1px 3px;
	text-align:left;
}

/***************
 *  P O P U P  *
 ***************
 */

#liveActs ul li div {
	position:relative;
	display: none;
	background: #FFFFFF;
}
/*
#event {
	position:relative;
	display: none;
}

#event div {
	position:relative;
	display: none;
	background: #FFFFFF;
}

#popup {
	position:absolute;
	background: transparent url("popup-bg.png") 0px 0px repeat-y;
	left: 233px;
	top: 194px;
	width: 430px;
	display: none;
}
#popup h3.popup {
    position: relative;
	width: 430px;
	height: 15px;
	background: transparent url("popup-top.png") 0 0 no-repeat;
}

#popup h3.popup span {
    display: none;
}
#popup h3.endPopup {
    position: relative;
	width: 430px;
	height: 0px;
	background: transparent url("popup-end.png") 0 0 no-repeat;
    padding-top: 0px;
    padding-bottom: 15px;
}
#popup h3.endPopup span {
    display: none;
}
*/
ul.popup {
	position:relative;
	top:-10px;
	left:15px;
	width: 189px;
}
/*
ul.popup li:hover {
	background: #FFFF88;
}
*/
a.closePopup {
    position: relative;
    left:4px;
	top:1px;
	width: 10px;
	height: 10px;
}
a.closePopup span {
    background: transparent url("close-popup.png") 0 0 no-repeat;
}

a.closePopup:hover span {
    background: transparent url("close-popup-over.png") 0 0 no-repeat;
}

/*********************
 *  A R C H I V E S  *
 *********************
 *
#archives {
	position:relative;
	left: 15px;
	top: 0px;
	width: 400px;
	height: 294px;
	border: 1px;
}
#archives h3.archives {
    position: relative;
    width: 400px;
	height: 15px;
	background: transparent url("popup-top.png") 0 center no-repeat;
}

#archives h3.archives span {
    display: none;
}


/***************************
 *  P A S T   E V E N T S  *
 ***************************
 *
#pastEvents {
	position:overflow;
	width: 400px;
	border: 1px;

}
#pastEvents ul li {
	padding: 1px 1px;
	text-align:center;
}
#pastEvents h3 {
	padding: 2px 0px;
	text-align:center;
	background-color: #FFFFFF;
}

#pastEvents span {
	color: #000000;
}

/*****************
 *  F O O T E R  *
 *****************
 */
#footer {
    position: relative;
    bottom: -10px;
    text-align: center;
    left: -250px;
    width: 350px;
    background-color: #000000;
}

#footer a {
    color: #FFFF88;
}