
/* CARELESS WEB CSS ______________________________________________________________________________ */
/* ______________v1 ______________________________________________________________________________ */


	html {
			height: 100%;
			}
	
	body {		
			background-color: #333;
			font: normal normal 500 10pt "verdana", san-serif;
			color: #fff;
			padding: 0px;
			margin: 0px;
			height: 100%;
				background-image: url('images/grunge1.jpg');
				background-position: center 62px;
				background-repeat: repeat;	
			}
	
	#tainer {
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			min-height: 100%;
			min-width: 780px;
			border: 0px solid #f00;
			background-color: transparent;
			padding: 0px;
			
				background-image: url('images/grunge1.jpg');
				background-position: center 62px;
				background-repeat: repeat;
			}
			
			
	#sleeve {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			border: 0px solid #f00;
			background-color: transparent;
			padding: 0px;
			
				background-image: url('images/pane3h.jpg');
				background-position: center 20px;
				background-repeat: no-repeat;
			}
			
	
	#mn { 
				position: absolute;
				top: 145px;
				left: 330px;
				width: 264px;
				height: 200px;
				background-color: transparent;
				padding: 0px;
				border: 0px solid #ff0000;
				}
				
	#textnav { 
				position: absolute;
				bottom: 0px;
				width: 60%;
				left: 20%;
				right: 20%;
				margin: auto auto;
				height: 45px;
				background-color: transparent;
				padding: 0px;
				border: 0px solid #ff0000;
				}
					
	#page1 { 
				position: relative;
				width: 714px;
				height: 504px;
				top: 56px;
				margin: auto auto;
				border: 0px solid #fff;
				background-color: transparent;
				padding: 0px 0px 0px 0px;
				}
	
					
								
					#spacer { 
								position: relative;
								width: 600px;
								height: 130px;
								background-color: transparent;
								}
				
	#footinfo {
				/* position: absolute;
				bottom: 0px; */
				position: relative;
				width: 100%;
				min-width: 780px;
				height: 50px;
				margin-top: -50px;
				background-color: #000;
				border: 0px solid #aaa;
				padding: 0px;
				}
				
				
	
		
/* Pic Wraps ------------------------ */
					
		#head {
					position: absolute;
					left: 3px;
					top: 2px;
					width: 203px;
					height: 140px;
					border: 0px solid #333;
					background-color: transparent;
					padding: 0px;
					}
		
		
		#indexpic {
					position: absolute;
					left: 20px;
					top: 82px;
					width: 289px;
					height: 370px;
					border: 0px solid #333;
					background-color: transparent;
					padding: 0px;
					}
		
		
		#careless {
					position: absolute;
					left: 18px;
					top: 20px;
					width: 293px;
					height: 42px;
					border: 0px solid #333;
					background-color: transparent;
					padding: 0px;
					}
		
		
		#para1 { 
				position: absolute;
				top: 80px;
				left: 354px;
				width: 348px;
				height: 50px;
				background-color: transparent;
				padding: 0px;
				border: 0px solid #ff0000;
				}
				
		#para2 { 
				position: absolute;
				bottom: 56px;
				left: 21px;
				width: 286px;
				height: 104px;
				background-color: transparent;
				padding: 0px 0px 0px 0px;
				border-top: 0px solid #222;
				border-bottom: 0px solid #666;				
				}
		
		
		#para2backing {	
						position: absolute;
						width: 100%;
						height: 100%;
						background-color: #000;
						opacity:0.25;
						filter:alpha(opacity=25);
						}
		#para2backing2 {	
						position: absolute;
						width: 100%;
						top: 0px;
						height: 28px;
						background-color: #000;
						opacity:1.0;
						filter:alpha(opacity=100);
						}
					
		#aboutpic {
					position: relative;
					top: 0px;
					float: left;
					
					border: 1px solid #e2e2e2;
					background-color: #fff;
					padding: 2px;
					margin-left: 0px;
					margin-right: 20px;
					margin-bottom: 15px;
					}
								

				#togpic1 {display: block;}
				#togpic2 {display: none;}
				#togpic3 {display: none;}


					

/* --------------------------- */
	
			
		p {		
			font: normal normal 500 10px "verdana", sans-serif;
			line-height: 13px;
			letter-spacing: 0px;
			margin: 0px 30px 8px 0px;
						
			color: #fff;
			}	
	
	
	h1 {		
			font: normal normal 700 17px "verdana", sans-serif;
			margin: 0px 0px 20px 0px;
			text-align: left;			
			color: #555;  /* 887777 */
			}
			
		.i1 {	font: normal normal 500 28px "times new roman", sans-serif;
				margin: 0px 0px 40px 0px; }
		
		.lit {	font: normal normal 700 24px "times new roman", serif;
				margin: 0px 0px 40px 0px;
				color: #333;
				}
			
			
			
	h2 {		
			font: normal normal 700 11px "verdana", sans-serif;
			line-height: 14px;
			margin: 0px 0px 5px 0px;
			text-align: left;			
			color: #fff;
			}
			
				
	h3 {		
			font: normal normal 700 10px "verdana", sans-serif;
			line-height: 14px;
			margin: 5px 0px 0px 0px;
			text-align: left;			
			color: #fff;
			}
			
	h4 {		
			font: normal normal 500 14px "verdana", sans-serif;
			line-height: 21px;
			margin: 30px 0px 0px 15px;
			text-align: justify;			
			color: #996;
			}
	
	h5 {		
			font: normal normal 500 14px "verdana", sans-serif;
			line-height: 21px;
			margin: 30px 0px 0px 15px;
			text-align: justify;			
			color: #996;
			}

	
			
				.p1 { 
						font: normal normal 500 10px "verdana", sans-serif;
						line-height: 14px;
						margin: 0px 0px 0px 0px;
						}
						
				.p2 { 
						font: normal normal 500 10px "verdana", sans-serif;
						line-height: 14px;
						text-align: right;
						margin: 0px 0px 0px 0px;
						}
						
				.p3 { 	margin: 0px 0px 30px 90px; }
				
				.a1 { }
						
				.a2 { text-indent: 10px; }
						
				.a3 { margin: 0px 0px 0px 0px; }
				
				
				.finfo1 { float: left;
							line-height: 15px;
				 			font-size: 10px;
							margin: 3px 0px 5px 10px; }
				
				.finfo2 { float: right;
							line-height: 15px;
							font-size: 10px;
							margin: 3px 15px 5px 0px; }
				
			


/* Links ------------------------------------------- */

	a:link, a:visited, a:active { text-decoration: none;
									color: #e04646; }
						
					a:hover	{ color: #e86666; }
				
				
					a:link img, a:visited img, a:active img { 	border-color: #fff; /* c7b537 */
																border-width: 0px;
					 											padding: 2px;} 
												
													a:hover img { border-color: #f6df41; }
													
													
					a.cp:link img, a.cp:visited img, a.cp:active img { 	border-color: #444; /* c7b537 */
																border-width: 1px;
					 											padding: 1px;} 
												
													a.cp:hover img { border-color: #555; }
		
					a.cp2:link img, a.cp2:visited img, a.cp2:active img { 	border-color: #666; /* c7b537 */
																border-width: 1px;
					 											padding: 1px;
																margin: 0px;} 
												
													a.cp2:hover img { border-color: #888; }


	a.tn:link, a.tn:visited, a.tn:active {
		
								font: normal normal 500 9px "verdana", sans-serif;
								text-decoration: none;
								color: #fff;
								padding-left: 0px;
								margin-left: 4px;
								margin-right: 4px;
								}
						
					a.tn:hover	{			
								color: #aaa;
								}





a.player:link, a.player:visited, a.player:active {
		
								font: normal normal 700 7px "arial", sans-serif;
								text-decoration: none;
								color: #0da4c4;
								padding-top: 0px;
								border: 1px solid #1f6878;
								margin-right: 2px;
								}
						
					a.player:hover	{			
								color: #44ceec;
								}













a.mn1:link, a.mn1:visited, a.mn1:active { 
									  display: block;
									  width: 264px;
									  height: 50px;
									  	background-image: url('images/bio.jpg');
										background-repeat: no-repeat;
										background-position: 0px 0px;
										}
						
					a.mn1:hover	{ background-image: url('images/bioH.jpg'); }
					
					
					
a.mn2:link, a.mn2:visited, a.mn2:active { 
									  display: block;
									  width: 264px;
									  height: 50px;
									  	background-image: url('images/reviews.jpg');
										background-repeat: no-repeat;
										background-position: 0px 0px;
										}
						
					a.mn2:hover	{ background-image: url('images/reviewsH.jpg'); }
					
					
a.mn3:link, a.mn3:visited, a.mn3:active { 
									  display: block;
									  width: 264px;
									  height: 50px;
									  	background-image: url('images/video.jpg');
										background-repeat: no-repeat;
										background-position: 0px 0px;
										}
						
					a.mn3:hover	{ background-image: url('images/videoH.jpg'); }
					
					
a.mn4:link, a.mn4:visited, a.mn4:active { 
									  display: block;
									  width: 264px;
									  height: 50px;
									  	background-image: url('images/links.jpg');
										background-repeat: no-repeat;
										background-position: 0px 0px;
										}
						
					a.mn4:hover	{ background-image: url('images/linksH.jpg'); }
				
				
a.mn5:link, a.mn5:visited, a.mn5:active { 
									  display: block;
									  width: 264px;
									  height: 50px;
									  	background-image: url('images/news.jpg');
										background-repeat: no-repeat;
										background-position: 0px 0px;
										}
						
					a.mn5:hover	{ background-image: url('images/newsH.jpg'); }					
/* ------------------------------------------------------------------------------------------------------------------------------- */

				.img1 { float: right;
						margin: 0px 0px 0px 5px;
						border: 0px solid #444;
						padding: 1px;
						}
						
				
				.img2 { float: right;
						margin: -5px 80px 0px 0px; }
						
				.img3 { float: right;
						margin: 11px 0px 0px 0px; }
							
				.r { text-align: right; }
				.r2 { float: right;
						margin-right: 7px;
						margin-top:0px; }
									
				.j { text-align: justify; }
							
				.c { text-align: center; }
				
				.b { font-weight: 700; }
				
				.sma { 
						font: normal normal 500 10px "trebuchet", sans-serif;
						margin: 0px 0px 0px 5px;
					 }
				.vsma { font-size: 5px;
						line-height:8px;
						margin: 0px 0px 0px 0px;
					 }



/* Div Table ------------------- */

	#hold {		
			position: relative;
			max-width: 654px;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin: 20px 0px 0px 34px;
			padding: 1px;
			}
						
				#wrap {
						position: relative;
						display: block;
						height: 42px;
						border: 0px solid #f0f0f0;
						background-color: #fff;
						padding: 0px;
						margin: 0px;
						}
			
				#wrapH {
						position: relative;
						display: block;
						height: 42px;
						border-bottom: 1px solid #fff;
						background-color: #fff;
						padding: 0px;
						margin: 0px;
						}
				
							#rowunitA {
									position: relative;
									float: left;
									display: inline;
									top: 0px;
									width: 29%;
									height: 40px;
									border: 0px solid #fff;
									background-color: #e6e2d2;  /* #ded7bf */
									padding: 0px;
									margin: 1px;
									}
									
							#rowunitB {
									position: relative;
									float: right;
									display: inline;
									top: 0px;
									width: 13.7%;
									height: 40px;
									border: 0px solid #fff;
									background-color: #f3f0e5;
									padding: 0px;
									margin: 1px;
									}
			
			
			
			
			
	
	
			
			
			#buylinkbox { position: absolute;
					width: 70px;
					height: 85px;
					border: 0px solid #620;
					bottom: 20px;
					right: 20px;
					background-color: transparent;
					padding: 7px;
					/* background-image: url('images/grad3r.png');
					background-position: left top;
					background-repeat: repeat-x; */
					}
			
			
		
			
			.cfk { 
			margin: 0px 2px 4px 2px;
			color: #fff;
			text-align: left; }
	
	.flL { 	float: left;
			margin: 0px 10px 0px 0px; }
			
/* END___________________________________________________________________________________________________ */	
										