/* Tanrtricks.com SCREEN CSS 
AUTHOR: Jonathan Tan  - Gr0w Ltd
DATE: May 2004
NOTE: Please re-use whatever elements you require but a credit of my and others work (credited withtin) would be appreciated.

#333 - body bg
#444 - l p
#666 - r p
##908773 - h1
#888 - h2 h3
#000 - menu a
#fff - menu a.h
#963 - body a
#f30 - body a.h

----------------------------------------------- */

/* MAIN LAYERS
----------------------------------------------- */

body {
	margin: 0 0 20px 0;
	padding: 0;
	background:	#333 url(../img/bg.jpg) repeat;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	line-height:1em;
	text-align: center;
	/*i.e. only scroll bar effect - vanity include - be indulgent, this site is for fun!*/
	scrollbar-arrow-color:#333;
	scrollbar-track-color:#888;
	scrollbar-shadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color:#666;
	scrollbar-3dlight-color:#888;
	}
#roof	{
	margin: 0 auto;
	height: 100px;
	width: 690px;
	background: url(../img/bgroof.gif) no-repeat top center;
	}
#container	{
	margin: 0 auto;
	padding: 0;
	width: 690px;
	background:	#999 url(../img/bgcont.jpg) repeat;
	border: 3px solid #fff;
	text-align:left;
	}
#title	{
	margin: 0;
	padding: 0 0 0 35px;
	background:	#900 url(../img/bgtitle.jpg) repeat-x top left;
	text-align: left;
	}
#menu	{
	margin: 0;
	padding: 0 0 0 10px;
	text-align:left;
	line-height:20px;
	background:	#f00;
	border-bottom:1px solid #000;
	}
	
/*Main body left layer */
#main	{
	float:left;
	width:365px;
	height: 430px;
	overflow:auto;
	margin: 0px 5px 0px 0px;
	padding: 0;
	background: #fff url(../img/bgmain.jpg) repeat;
	border-left: 1px solid #666;
	}

/*avs/index artist layer*/
#artists {margin-left:15px;
	}
/*Main body full layer*/ 	
#full	{
	margin: 5px 5px 5px 5px;
	padding: 0;
	background: #fff url(../img/bgmain.jpg) repeat;
	border: 1px solid #999;
	}
#fullavs	{
	margin: 5px 5px 5px 5px;
	padding: 0;
	background: #fff url(../img/bgmain.jpg) repeat;
	border: 1px solid #999;
	}

/*blockquote div withtin l*/ 
#bq	{
	float:right;
	width:250px;
	margin: 0px 5px 10px 15px;
	}
/*Google ads layer*/

#ads	
	{
	float:right;
	width:120px;
	margin:0 20px 10px 0;
	}

/*code blocks*/
.disp	{
	margin: 20px;
	border: 1px dashed #ccc;
	padding: 10px;
	}
   
/*Main body right*/ 	
/*#
r	{
	height:200px;
	overflow:auto;
	background-color: none;
	margin:5px
	}
*/
#r	{
	float:right;
	height:430px;
	overflow:auto;
	background-color: none;
	width: 305px;
	margin:0;
	}

/*Spacer between the main body and the footer to prevent overlap*/ 
#sp	{
	clear:both;
	margin:0px;
	font: normal 300 2pt/2pt verdana, arial, sans serif;
	}

/*footer div*/ 
#foot	{
	margin: 0;
	padding: 3px 0 3px 15px;;
	background-color: #900;
	border-top: 5px solid #F00;
	text-align: left;
	line-height:1em;
	}



/* TEXT
----------------------------------------------- */


#full p, #fullavs p
	{
	font-size:9pt;
	line-height:1.5em;
	padding: 0px 20px;
	}
#main p
	{
	font-size:9pt;
	line-height:1.5em;
	padding: 0px 20px;
	}
#main h1
	{
	font-size:medium;
	color:#d00;
	padding: 15px 20px 5px 20px;
	}
#full h1, #fullavs h1
	{
	font-size:medium;
	color:#d00;
	padding: 10px 20px 5px 20px;
	}
#main h2, #full h2
	{
	font-size:small;
	color:#333;
	padding: 0px 20px
	}
#full h3
	{
	float:left;
	width: 140px;
	height: 110px;
	font-size:10px;
	font-weight:300;
	line-height:1.5em;
	color:#fff;
	margin: 10px 5px;
	padding: 5px;
	background:	#900 url(../img/bgtitle.jpg) repeat-x top right;
	border-top: 5px solid #600;
	border-right: 1px solid #600;
	border-bottom: 1px solid #600;
	border-left: 1px solid #600;
	}
#full h3 strong
	{
	font-size:11pt;
	font-variant:small-caps;
	line-height:1.em;
	color:#fff;
	}
#full h4
	{
	clear:both;
	padding: 20px 20px 10px 20px;
	margin-top:20px;
	font-size:small;
	color:#900;	
	}
#fullavs p.lnk
	{
	border: 1px solid #bbb;
	margin: 5px 20px;
	padding: 5px;
	color: #000;
	}
#fullavs p.lnk2	
	{
	border: 1px solid #bbb;
	margin: 5px 20px;
	padding: 5px;
	font-size:7pt;
	color:#333;
	}

#r h1
	{
	margin: 20px 15px 0 5px;
	color:#fff;
	font-size:medium;
	font-weight:600;
	padding: 0 5px
	}
#r h2, #bq h2
	{
	background-color:#ccc;
	margin: 5px 15px 0 5px;
	color:#333;
	font: normal 300 9pt/12pt Arial, Helvetica, sans-serif;
	padding: 0 5px
	}
#r p, #bq p, #bq ol
	{
	background-color:#fff;
	margin: 1px 15px 1px 5px;
	color:#333;
	font: normal 300 8pt/12pt Arial, Helvetica, sans-serif;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

hr	{
	clear:both;
	margin: 5px 20px; 
	color:#ddd; 
	border: 1px solid #ddd;
	}

code	{
	font: normal 300 9pt/11pt courier new, courier, mono;
	line-height:1.5em;
	color:#0066FF;
	}

/* MENU ITEMS + ANCHORS,LINKS
----------------------------------------------- */		
a:link, a:active, a:visited{
	color: #900;
	text-decoration: none;
	font-weight:600;
	}

a:hover{
	color:#f00;
	text-decoration: none;
	}
		
#artists a:link, #artists a:active, #artists a:visited{
	color:#FF9900;
	text-decoration: none;
	font-weight:600;
	}

#artists a:hover{
	color:#fc0;
	text-decoration: underline;
	}
	
#menu ul	{
	list-style-type: none;
	font: normal 300 8pt/16pt arial, verdana, sans serif;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
	}
#menu li	{
	padding: 1px 2px 5px 2px;
	}
	
#menu ul, #foot ul	{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
	}
#menu li, #foot li	{
	display: inline;
	}

#menu a:link, #menu a:active, #menu a:visited{
	color: #000;
	text-decoration: none;
	font-variant:small-caps;
	font-weight:300;
	line-height: 22px;
	padding: 3px 0 0 20px;
	margin-left:10px;
	background:	url(../img/menu.gif) no-repeat;
	}

#menu a:hover{
	color:#fff;
	text-decoration: none;
	background:	url(../img/menu-a.gif) no-repeat;
	}
#menu a:link.live, #menu a:active.live, #menu a:visited.live{
	color:#fff;
	text-decoration: none;
	background:	url(../img/menu-l.gif) no-repeat;
	}

#foot a:link, #foot a:active, #foot a:visited
	{
	font: normal 300 8pt/10pt arial, verdana;
	color:#ccc;
	text-decoration:none;
	}
#foot a:hover{
	color:#fff;
	text-decoration: none;
	}
#foot li
	{
	font: normal 300 8pt/10pt arial, verdana;
	color:#999;
	margin: 0 5px 0 0;
	}
#full ol
	{
	font-size:10px;
	margin: 10px 30px;
	padding: 10px 30px;
	}
#full ol strong
	{
	font-size:12px;
	}
#full ol em
	{
	font-style:normal;
	font-weight:900;
	}

/* IMAGES
----------------------------------------------- */	

img.logo{margin:35px 0 35px 0}

img.left1{
	float:right;
	margin: 5px 10px
	}

img.ban	{
	margin: 3px;
	padding:0;
	border:0px;
	vertical-align:middle;
	}
img.left	{
	float:right;
	padding: 0 0 5px 5px;
	border:0px;
	}

#fullavs img
	{margin: 15px 20px;}
	

/* FORM ELEMENTS
----------------------------------------------- */	

form.c-form	{
	font: normal 300 8pt/12pt verdana, arial, sans serif;
	color: #444;
	margin: 5px 30px;
	padding: 0;
	}
input, select, textarea	{
	border: 1px solid #000;
	background-color:#fff;
	font: normal 300 8pt/8pt arial, verdana, sans serif;
	color: #444;
	padding: 3px 2px 1px 3px;
	margin-right: 3px;
	}
input.but	{
	border: 1px solid #666;
	background-color: #fff;
	font: normal 300 8pt/8pt arial, verdana, sans serif;
	color: #900;
	padding: 3px 2px 1px 2px;
	}