* { margin: 0; padding: 0; }
/* commented backslash mac hiding hack \*/ 
html {height:100%;} 
/* end hack */ 

body {
	height:100%;
	min-width:1000px;	
}
html, body {font-size:small; font-family : Arial, Helvetica, sans-serif;} /* overal font and sizing */
	

a.none,a.none:visited{border-width:0;padding:0;text-decoration:underline;background-color:transparent;}
a.none:hover,a.none:active{text-decoration:none;}

a img{border:0;}	

.clear{clear:both;}

body.main{
}

div.allCont{
	background: url(../images/bg_grey.gif) repeat-y 100% 0;	
	border:0px solid red;
	min-height:100%;
	padding:0 0 0 0;
}
/*	div.oldCont a {color:#fff;border:1px #fff dashed;padding:0 4px;text-decoration:none;}
	div.oldCont a:visited {color:#fff;text-decoration:none;}
	div.oldCont a:hover {color:#fff;text-decoration:none;background-color:#ae0e0e;}
	div.oldCont a:active {color:#fff;text-decoration:none;background-color:#ae0e0e;}
	*/
div.oldCont{
	position:relative;	
	margin:0 353px 0 0px;	
	border:0px solid green;
	padding:0px 0 0 0;	
	
}
#sq{
	margin:0 20px 23px 0;
	width:auto;
	height:174px;
	position:relative;	
	font-size:40px;
	line-height:60px;
	color:#fff;
	text-align:right;
	background:#000;
}
	#sq em{
		width:633px;
		height:188px;
		display:block;
		position:absolute;
		top:0;
		right:0;
		background:url(../images/jules_black_sm.gif) no-repeat top center;		
	}
	
#cont{
	margin:0 20px 0;
	padding:0 0 35px;
	width:auto;
	position:relative;
	top:0;
	border:0px solid red;
}
#l{
	width:20%;
	margin:0;
	font-size:0.8em;
	float:left;
	text-align:center;
	overflow:hidden;
	padding:5px;
	background-color:#000;
	color:#fff;	
	position:relative;
}
	#l em {display:block;margin:0 0 5px;}
	
	#l dl{width:100%;float:left;margin:0 0 5px;display:inline;background-color:#696069;}
	#l dl dt{margin:0;padding:0px;background-color:#999;border-bottom:3px #625862 solid;cursor:pointer;}
	#l dl dd {margin:0;padding:10px;}
	#l dl p.ph1{font-size:5em;margin:0;padding:0;line-height:0.7em;text-align:center;font-weight:bold;}
	#l dl p.ph2{font-size:4em;margin:0;padding:0;line-height:0.7em;text-align:center;font-weight:bold;}
	#l dl p.ph3{font-size:3em;margin:0;padding:0;line-height:0.7em;text-align:center;font-weight:bold;}
	#l dl p.ph4{font-size:1.6em;margin:0;padding:0;text-align:center;font-weight:bold;}
	#l dl p.ph5{font-size:1.2em;margin:0;padding:0;text-align:center;font-weight:bold;}
	#l dl p.ph6{font-size:1em;margin:0;padding:0;text-align:center;font-weight:bold;}
	#l dl p{text-align:left;margin:0;padding:4px 0;}
	p.alright{position:absolute; top:5px;right:5px;}
	p.alright img{cursor:pointer;}
	
	#l dl a,
	#l dl a:visited{
		color:#ccc;
	}
	
	#l dl a:hover,
	#l dl a:active{
		color:#999;		
	}
	
#c{
	width:35%;
	margin: 0 0 0 4%;
	font-size:1em;
	float:left;	
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;	
	color:#444;
	position:relative;
}

div.tracksCont{
	width:100%;
	overflow:hidden;
}

table.tracks{
	clear:both;
	border-collapse:collapse;
	width:100%;
}
	table.tracks td{
		height:24px;
		font-size:12px;
		padding:0 2px;
		line-height:auto;
	}
	
	table.tracks tr {	background:#eee; }
	table.tracks tr.alt{	background:#fff; }
	table.tracks tr.over{	background:#d2ebcf; }
	
	td.n{ width:16px; text-align:right; color:#666;}
	td.p img{
		width:13px;
		height:13px;
		vertical-align:middle;
	}
	a.song,
	ul.proj a.song,
	span.song{
		display:block;
		padding-left: 30px;
		background: url(/music/img/icon_play.gif) no-repeat 8px 50%;
		cursor:pointer;
		text-decoration:none;
		white-space:nowrap;
	}
	
	span.song2{
		cursor:pointer;
		color:#209b10;
		border-bottom:1px dotted #888;
	}
	
	span.link1{
		float:right;
		margin: 5px 15px 5px;
		font-size:11px;
		cursor:pointer;
		color:#666;
		border-bottom:1px dotted #888;
	}
	
	span.link11{
		display:table;
		margin:0 0 10px 15px;
		font-size:11px;
		cursor:pointer;
		color:#666;
		border-bottom:1px dotted #888;
	}
	
	td.t{ width:36px; text-align:right; color:#333;}
	td.d{ width:36px; text-align:right; color:#666;}
	td.f{ width:26px; text-align:center;}
	td.f img{ vertical-align:middle;}
	
#r{
	width:35%;
	margin: 0  0 0 0;
	font-size:1em;
	float:right;	
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;	
	color:#444;
	position:relative;
	z-index:1;
}
	ul.proj{
		border-top:5px solid #000;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul.proj a{
		border:0;
		color:#000;
		text-decoration:underline;
	}
	
	ul.proj .small{
		display:block;
		color:#333;
		font-size:10px;
		text-align:right;				
		margin:-10px -5px 5px 0;
	}
	
	ul.proj h4{
		font-size:22px;
		line-height:24px;
		margin:10px 0 12px 50px;
		border-bottom:#d8d8d8 1px solid;
		position:relative;
		font-weight:normal;
	}
	
	ul.proj h4 img{
		width: 50px;
		position:absolute;
		top:-5px;
		left:-50px;
		z-index:1;
	}
	ul.proj div.txt{
		margin:5px;
	}
	ul.proj li{
		border-bottom:5px solid #000;
		padding:0 0 10px 0;
	}
	
	ul.proj li h4 a,
	ul.proj li h4 a:visited,
	ul.proj li h4 a:hover,
	ul.proj li h4 a:active{
		text-decoration:none;
		background:none;
		color:#000;
	}
	
	ul.proj li.svenska h4 a{ color:#2070ae; }
	ul.proj li.fanatic h4 a{ color:#c955c5; }
	ul.proj li.music h4 a{ color:#209b10; }
	ul.proj li.lost h4 a{ color:#171717; }
	ul.proj li.lost h4 { margin-left:55px; }
	ul.proj li.lost h4 img { left:-55px; }
	
	ul.proj li.bass h4 a{ color:#be0606; }
	ul.proj li.bass h4 {
		border:0;
		margin:10px 0 0px 0;
		text-align:center;
		font-size:18px;
	}
		
	ul.proj li.misc h4 { border-bottom-width:0; margin-left:0;}
	
	dl.misc{
		margin:15px 5px 10px;
	}
	
	dl.misc dt{
		border-top:2px dotted #333;
		clear:both;
		padding:5px 0 0 0;
		font-weight:bold;
	}
	dl.misc dd{
		margin:0 0 5px 0;
	}
	dl.misc dt img{
		float:left;
		margin:0 5px 5px 0;
	}
	
/******************************/

.txtCont{
	min-height:100%;
	border:0px solid yellow;	
	width:350px;
	float:right;
	padding:15px 0 0;
}

.txtCont h2 {
	color:#929077;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;
	font-size:45px;
	font-weight: normal;
	position:relative;
	margin:0 0 20px 0;		
}
.txtCont h2 a{
	color:#929077;
	text-decoration:none;
	display:block;
	display:table-cell;
	border-bottom:1px solid #4d4747;
	line-height:33px;	
}
.guill{
	margin:30px 0 0 90px;
}
	.guill h2 em{
		position:absolute;
		top:-40px;
		left:-63px;
		width:63px;
		height:87px;
		background:url(../images/icon_guill.gif) no-repeat 0 0;
	}

.upd{
	margin:30px 10px 0 30px;
}
	.upd h2{
		margin:0;
		font-size:30px;
	}
	
	.upd h4{
		font-size:14px;
	}
	
	.upd p{
		background:#686060;
		padding:5px;
		color:#ccc;
	}
div.txtCont ul a {color:#92caff;text-decoration:underline;}
div.txtCont ul a:visited {color:#b6b4b7;text-decoration:underline;}
div.txtCont ul a:hover {color:#92caff;text-decoration:none;}
div.txtCont ul a:active {color:#92caff;text-decoration:none;}

.txtCont ul{
	list-style:none;
}
.txtCont li{
	margin:5px 0;
	position:relative;
}
	.numb{
		color:#867e7e;
		font-size:20px;			
		height:20px;
		position:absolute;
		top:-3px;
		left:-53px;
		width:50px;		
		text-align:right;		
	}
	.txtCont .date{
		color:#ccc;
		font-size:10px;
		background:#867e7e;
		padding:0 3px;
	}
/******************************/
.error{
	width:500px;
	margin:100px auto 20px;
	text-align:center;
}
.error h1{
	margin:0 auto 30px;
	font-size:90px;
	position:relative;
}
.error h1 em{
	position:absolute;
	top:0;
	left:0;
}

.err{ 
	font-weight:normal;
	line-height:25px;
	color:#eee;
}
.err a{color:#cecece;text-decoration:none;}
	.error .e1{font-size:30px;}
	.error .e2{font-size:25px;}
	.error .e3{font-size:20px;line-height:20px;}
	.error .e4{font-size:15px;line-height:20px;}
	
h1.e404{
	width:300px;
	height:255px;
	line-height:255px;
}
h1.e404 em{
	background:url(../images/e404.gif) no-repeat 0 0;
	width:300px;
	height:255px;
}

h1.e403{
	width:291px;
	height:320px;
	line-height:320px;
}
h1.e403 em{
	background:url(../images/e403.gif) no-repeat 0 0;
	width:291px;
	height:320px;
}

/******************************/
.logo_r{
	position:absolute;
	top:5px;
	left:5px;
}

/******************************/

a#rss{
	display:block;
	width:67px;
	height:52px;
	position:absolute;
	top:42px;
	right:48px;
}

#scissors{
	width:29px;
	height:93px;
	position:fixed;
	bottom:53px;
	right:351px;
	background:url(../images/scissors.gif) no-repeat 0 0;	
}

#scissors.c{
	background:url(../images/scissors.gif) no-repeat -29px 0;
}


#nude{
	background:url(../toshow/nudeorganist.gif) no-repeat bottom center;
	width:300px;
	height:16px;
	display:table;
	position:absolute;
	right:10px;
	top:0;
	z-index:9;
}
	#nude div {position:relative;}	
	#nude div.butt{background-color:#000;top:2px;width:46px; height:15px;float:right;}
	#nude div.butt img{position:absolute;top:-2px;right:2px;width:46px; height:15px;cursor:pointer}

	#tit{
		position:absolute;
		display:none;
		right:46px;
		top:10px;
		}
	#bubble{
		position:absolute;
		display:none;
		left:150px;
		top:16px;
	}

	
#r_small{

	background:url(../toshow/razor_small.png) no-repeat top right;
	width:198px;
	height:38px;
	display:table;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	cursor:pointer
}	
	#razor{
		background:url(../toshow/razor.png) no-repeat bottom left;
		width:570px;
		height:350px;
		display:none;
		position:absolute;
		right:0;
		top:0;
		z-index:10;
		cursor:pointer
	}