body {
	background : #303030 url(layout/jbeat_bbg.jpg);
	font : 12px arial;
	color : #fafafa;
	margin : 0;
	padding : 0;
	cursor: default;}

table.dp {
background-image: url(layout/jbtablebg.jpg);
background-repeat: repeat-y;
width: 700px;

}
/* ==========================Main Content===================================== */

.sidebar {
	width: 147px;
	margin: 0;

}
#content {

	float: left;
	width: 400px;
	margin: 0px;
	padding: 2px 0 0 10px;
}

div.left {
width: 400px;
	margin: 0px;
	padding: 0px 0 0 50px;
	}


/* ============================Side Content====================================== */
.sidebar {
	float: right;
	width: 147px;
	padding: 2px 50px 0 13px;

div.right {
width: 147px;
margin: 0px;
padding: 5px 10px 0px 13px;
	}
}
.sidebar h2 {
	width: 130px;
	height: 21px;
    	font: italic 14px georgia, serif;
    	color: #bebebe;
	margin: 0 0 5px 0;
	padding: 0 3px 0 0;
	text-align: right;
	
}
.sidebar p {
    	font: 11px arial;
    	color: #bebebe;
	margin: 0;
	padding: 0 5px 0 5px;
}


#notify {
	width: 133px;
	height: 50px;
	margin: 0;
	padding: 0;
}
input#notify {
	font:bold 10px verdana, tahoma, sans-serif;
	color: #afafaf;
	width: 130px;
	height: 15px;
	margin: 6px 0 0 0;
	border: 1px solid #999;
	padding: 0 0 0 5px;
	background-color: transparent;
}
input#join {
color: #afafaf;
background-color: transparent;
font-family: tahoma, verdana, sans-serif; 
font-size: 9px;
border-width: 1px 1px 1px 1px; 
border-style: solid; 
border-color: #999;
padding: 1px;
	margin: 0px 0 0 0;
}

/* ============================All Content=================================== */
#content h1 {
    	font: italic 18px georgia, serif;
    	color: #ddd;
	width: 390px;
	margin: 0;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #7f7f7f;

}
#content p {
    	font: 12px arial, verdana, tahoma, sans-serif;
    	color: #fafafa;
	margin: 0;
	line-height: 15px;
	padding: 8px 0 8px 0;

}
#content p b, strong {
    	font: bold 9px Tahoma, Verdana, times new roman, Georgia;
    	text-transform: uppercase;
    	color: #C0E3E6;
	margin: 0;
	line-height: 15px;
	padding: 8px 0 8px 0;

}
#content p i, em {
    	font: italic 12px Arial, sans-serif;
    	color: #000;
	margin: 0;
	line-height: 10px;
	padding: 5px 0 5px 0;

}

#content ol{
	font: 12px arial, verdana, tahoma, sans-serif;
	color: #fafafa;
	list-style-type: lower-roman;
	padding-bottom: 30px;
}

#content ul{
	list-style-type: none;
}
#content ul li{
	font: 12px arial, verdana, tahoma, sans-serif;
	color: #fafafa;
	list-style-type: none;
	padding: 0 0 5px 0;
	margin: 0;
}
#content ul li label {
	font: 12px arial, verdana, tahoma, sans-serif;
	color: #fafafa;
}
.clear {
	clear: both;
}
/* ============================Links=================================== */


ul.sidelink {
	width: 140px;
	margin : 0;
	padding : 0 0 10px 0;
	list-style : none;
}

.sidelink li{
	display: block;
	height: 15px;

}
.sidelink li a, .sidelink li a:visited {
	font: bold 11px arial;
	height: 15px;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	color: #359aa8;
        letter-spacing: 2px;
        text-transform: lowercase;
}
.sidelink li a:hover, .sidelink li a:active {
	font: bold 11px arial;
	height: 15px;
	margin: 0;
	color: #333;
    	background: #777;
	padding: 0 0 0 20px;
	text-decoration : none;
        text-transform: lowercase;
        letter-spacing: 2px;
}

a:link , a:visited, a:active {
	font: bold 10px times new roman, Tahoma;
	text-decoration : none;
        text-transform: uppercase;
	color : #333;
	cursor : help;
}
a:hover {
	font: bold 10px times new roman, Tahoma;
	text-decoration : none;
	font-weight : bold;
        text-transform: uppercase;
	color : #359aa8;
	cursor : help;
}


/* ============================Music=================================== */

td.white {
	font: 9px tahoma;
	background: transparent;
border-width: 0px 0px 0px 0px; 
border-style: solid; 
border-color: #DBFFFE; 
text-align: left;}

td.lite {
	font: 11px arial;
	background: #555;
        color: #6A9DB0;
text-align: left;

}

td.comments {
	font: 11px arial;
text-align: left;
	background: transparent; }



/* ============================Omake=================================== */


.form {
border-width:1px 1px 1px 1px; 
border-style:solid; 
border-color: #000;
font-family: tahoma, verdana, sans-serif; 
font-size: 9px;
color: #999;
background-color: #1f1f1f;
padding:2px;
width: 264px;
}



.textarea {
color: #999;
background-color: #1f1f1f;
font-family: tahoma, verdana, sans-serif; 
font-size: 9px;
border-width: 1px 1px 1px 1px; 
border-style: solid; 
border-color: #000;
}



.button {
color: #999;
background-color: #1f1f1f;
font-family: tahoma, verdana, sans-serif; 
font-size: 9px;
border-width: 1px 1px 1px 1px; 
border-style: solid; 
border-color: #000;
padding: 1px;
}

.image {
	background: #555;
	border: 10px solid #555;
	}