body {
	background-color: #333300;
	opacity: 1;
	margin: 0em;
	width: 100%;
	text-align: left;
	height: 1000px;
	margin: 0%;
	margin: 0%;
	padding: 0%;
	overflow: visible;
	z-index:0;
	}

div.black {
	position: fixed;
	background: transparent;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	margin: 1%;
	margin: 1%;
	padding: 1%;
	overflow: visible;
	opacity: 0.5;
	z-index: 1;
	}
	
div.black_bio {
	position: absolute;
	background: #151e1e;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	margin: 0%;
	margin: 0%;
	padding: 1%;
	overflow: visible;
	opacity: 1;
	z-index: 1;
	}
	
#center {
	background: transparent;
	position: relative;
	top: 0em;
	left: 0em;
	width: 90%;
	height: 100%;
	margin: 1%;
	padding: 1%;
	text-align: center;
	border: 0.0em dashed #fff;	
	z-index: 1;
	overflow: visible;
	}
	
#a {
	position: fixed;
	list-style: none;
	float: left;
	text-align: left;
	display: inline;
	background-color: transparent;
	top: 0em;
	left: 0em;
	width: 10%;
	height: 90%;
	margin: 1%;
	padding: 0%;
	border: 0.0em dashed #fff;
	opacity: 0.9;
	overflow: visible;
	z-index: 10001;
	}
	
li.logos {
	position: relative;
	/* 
background: url(favicon.ico);
	background-repeat: no-repeat;
 	background-position: 3em 3em;
  	background-size: 50% 50%;
 */

  	
	background-color: transparent;
	float: left;
	/* 
	font-family: Palatino LT W01 Italic;	
	font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
 	*/
	/* 
	font-family: ‘Lucida Console’, Monaco, monospace;
	font-variant: small-caps;
 	*/
	/* background-color: #111; */
	/* 	font-size: 6em; */
	/* color: #333; */
	top: 0em;
	left: 0em;
	width: 100%;
	height: 25%;
	/* font-size: 0em; */
	padding: 0em;
	text-decoration: none;
	margin: 1%;
	padding: 0%;
	border: 0.0em dashed #333;
	z-index: 10002;
	opacity: 0.5;
	overflow: visible;
	}
	
li.pogos {
	position: relative;
	/* 
background: url(favicon.ico);
	background-repeat: no-repeat;
 	background-position: 3em 3em;
  	background-size: 50% 50%;
 */

  	
	background-color: transparent;
	float: left;
	/* 
	font-family: Palatino LT W01 Italic;	
	font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
 	*/
	/* 
	font-family: ‘Lucida Console’, Monaco, monospace;
	font-variant: small-caps;
 	*/
	/* background-color: #111; */
	/* 	font-size: 6em; */
	/* color: #333; */
	top: 0em;
	left: 0em;
	width: 50%;
	height: 60%;
	/* font-size: 0em; */
	padding: 0em;
	text-decoration: none;
	margin: 1%;
	padding: 0%;
	border: 0.0em dashed #333;
	z-index: 10002;
	opacity: 0.5;
	overflow: hidden;
	}
	
.icon {
	display: grid;
    width: 300%;
    height: 300%;
	/* 
    background: url(favicon_2.ico);
    background-repeat: no-repeat;
 	*/
  	background-size: 500% 500%;
  	background-color: transparent;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
    overflow: visible;
	}

.icon:hover {
    background: url(favicon.ico);
    background-size: 50% 50%;
	}
	
.ycon {
	display: grid;
    width: 100%;
    height: 100%;
	/* 
    background: url(favicon_2.ico);
    background-repeat: no-repeat;
 	*/
  	background-size: 100% 100%;
  	background-color: transparent;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
    overflow: visible;
	}
	
.ycon:hover {
    background: url(favicon.ico);
    background-size: 25% 25%;
	}
	
			
#container {
	position: relative;
	/* 
	background: url(icons/squirkle.gif);
	background-repeat: no-repeat;
  	background-size: 100% 100%;
 	*/
	background-color: transparent;

	text-align: left;	
	/* background: transparent; */
	/* font-size: 0em; */
	top: 0em;
	left: 25%;
	width: 85%;
	/* max-width: 640px; */
	height: 100%;
	margin: 0%;
	border: 0.0em dashed #eee;
	padding: 0%;
	/* z-index: 1; */
	overflow: visible;
	opacity: 0.95;
	z-index: 10002;
	}


	
#menu {
	position: relative;
	display: inline;
	list-style-type: none;
	/* 
	background: url(icons/squirkle.gif);
	background-repeat: no-repeat;
  	background-size: 100%;
 	*/
	background-color: transparent;


	/* font-size: 0em; */
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0em;
	overflow: visible;
	z-index: 10001;
	text-decoration: none;
	/* speak: normal;*/
}
 
	
	/* 
	#menu li {
	display: inline;
	float: left;
	background: transparent;
	list-style-type: none;
	width: auto;
	height: auto;
	
	}
 	*/
 
li.title {
	position: relative;
	background: url(icons/squirkle_x.gif);
	box-shadow: 0.5em 3em #3d3d5c;
	background-repeat: no-repeat;
  	background-size: 100% 100%;
	opacity: 0.8;
	background-color: #333;
	font: 0%;
	top: 0%;
	left: 0%;
	width: 100%;
	/* font-size: 0em; */
	height: 40%;
	/* max-height: .5em; */
	padding: 3%;
	border: 3%;
	margin: 0%;
	overflow: visible;
	border: 0.0em solid red;
	}
	
li.item {
	position: relative;
	float: left;
	background: url(icons/squirkle_x.gif);
	background-position: 3% 3%;
	background-repeat: no-repeat;
  	background-size: 90% 90%;
	background-color: transparent;
	box-shadow: 1em 2em #3d3d5c;
	/* color: #333; */
	/* font: 2em; */
	top: 0em;
	left: 0em;
	width: auto;
	height: auto;
	/* margin-left: 1em; */
	/* border: 0.3em dashed #333; */
	margin: 1%;
	padding: 3%;
	overflow: visible;
	text-decoration: none;
	/* z-index: 2; */
	opacity: 0.8;
	}
	

	
	/* 
	div.music {
	position: absolute;
	background-color: transparent;
	color: #fff;
	width: auto;
	opacity: 0.9;
	z-index: 10003;
	}
 	*/
	
#gallery {
	position: relative;
	float: left;
	/* text-align: center; */
	background: transparent;
	top: 20%;
	left: 0em;
	width: 100%;
	/* 	min-width: 40em; */
	height: 100%;
	/* 	max-height: 480px; */
	/* 
	margin-left: auto;
	margin-right: auto;
 	*/
	padding: 0%;
	overflow: auto;
	border: 0em solid #000;
	}

.thumb {
	position: relative;
	float: left;
	background: transparent;
	top: 0em;
	left: 0em;
	width: 90%;
	/* max-width: 100px; */
	height: auto;
	/* max-height: 100px; */
	margin: 0em;
	padding: 1%;
	overflow: visible;
	border: 0.0em solid red;
	z-index: 1;
	}
	
/*ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp*/

p {
	position: relative;
	float: left;
	font-family: ‘Lucida Console’, Monaco, monospace;
	font-variant: small-caps;
	/* font-family: Avantgarde; */
	/* font-size: 0em; */
	/* 	font: 50%; */
	font-size: 300%;
	letter-spacing: 0em;
	font-weight: 100;
	color: #CC0033;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	margin: 0em;
	padding: 0em;
	text-transform: none;
	text-decoration: none;
	/* border: 0.1em solid red; */
	}
	
#demo {
	font-size: 300%;
	background-color: #134F5C;
	
	color: #00cc99;
	width: auto;
	}
	
	/* 
	p.logos {
	font-size: 5em;
	background-color: #fff;
	color: #ff8800;
	width: auto;
	opacity: 0.9;
	z-index: 10003;
	}
 	*/
	

p.site {
	position: relative;
	text-align: left;
	float: left;
	top: 43%;
	left: 43%;
	font-size: 333%;
	font-style: italic;
	background-color: transparent;
	color: #99cc00;
	/* color: #ff9933; */
	letter-spacing: .3em;
	z-index: 10001;
	font-family: ‘Lucida Console’, Monaco, monospace;
	width: 15%;
	height: 100%;
	opacity: 1;
	}	
	

	
p.name {
	position: relative;
	text-align: left;
	float: left;
	top: 0%;
	left: -33%;
	font-size: 666%;
	background-color: transparent;
	/* color: #ff8080; */
	/* color: #45818E; */
	color: #99cc00;
	letter-spacing: .7em;
	z-index: 10001;
	font-family: ‘Lucida Console’, Monaco, monospace;
	width: 15%;
	height: 100%;
	opacity: 1;
	}
	
/* 
#carrot {
	position: relative;
	text-align: left;
	float: left;
	top: 75%;
	left: -10%;
	font-size: 444%;
	background-color: transparent;
	color: #45818E;
	letter-spacing: .8em;
	z-index: 10001;
	font-family: ‘Lucida Console’, Monaco, monospace;
	width: 15%;
	height: 100%;
	opacity: 1;
	}
 */
	

	
p.state {
	font-size: 400%;
	/* 
	background: url(icons/squirkle.gif);
	background-repeat: no-repeat;
  	background-size: 100%;
 	*/
	background-color: transparent;
	border: 1%;
	color: #99ccff;
	width: 100%;
	opacity: 1;
	text-decoration: none;
	}
	
	/* 
	p.contact {
	font-size: 1.3em;
	background-color: red;
	color: #ff8811;
	width: auto;
	}
 	*/
	
	/* 
	p.date {
	font-size: 1.5em;
	background-color: red;
	color: #ff8822;
	width: auto;
	}
	*/
	
p.linx {
	font-size: 300%;
	background-color: #333;
	color: #cc66ff;
	width: 100%;
	}
	


p.thumb {
	position: relative;
	color: #ffffff;
	font-size: 300%;
	width: 100%;
	opacity: 1;
	margin: 0em;
	}
	
p.numb {
	position: relative;
	display: none;
	color: #ccffcc;
	font-size: 300%;
	width: 100%;
	opacity: 0.5;
	margin: 0em;
	}

	
p.statement {
	position: relative;
	color: #ffcc00;
	
	/* background-color: #134F5C; */
	background-color: transparent;
	font-size: 300%;
	width: 100%;
	height: 100%;
	font-variant: normal;
	text-align: justify;
	text-indent: 0%;
	min-width: 100%;
	margin: 0%;
	padding: 0%;
	opacity: 0.9;
	}



	

	
.rotateimg27 {
  -webkit-transform:rotate(27deg);
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
  position: relative;
	float: left;
	/* 
	width: 100%;
	height: 100%;
 	*/
	top: 00%;
	left: -10%;
	margin: 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.7;
	z-index: 10003;
	overflow: visible;
}
.rotateimg45 {
  -webkit-transform:rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   position: relative;
	float: left;
	/* 
	width: 100%;
	height: 100%;
 	*/
	top: 00%;
	left: -10%;
	margin: 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.7;
	z-index: 10003;
	overflow: visible;
}
.rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
   position: relative;
	float: left;
	/* 
	width: 100%;
	height: 100%;
 	*/
	top: 0%;
	left: -10%;
	margin: 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.7;
	z-index: 10003;
	overflow: visible;
}
.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
   position: relative;
	float: left;
	/* 
	width: 100%;
	height: 100%;
 	*/
	top: 0%;
	left: -10%;
	margin: 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.7;
	z-index: 10003;
	overflow: visible;
}
	
img.art {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	top: 0em;
	left: 0em;
	margin: 1%;
	padding: 1%;
	border: 1%;
	opacity: 1;
	z-index: 10003;
	overflow: visible;
	}
	
	/* 
	img.dig_art {
	position: relative;
	float: left;
	width: 25%;
	height: 25%;
	top: 0em;
	left: 0em;
	margin: 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.25;
	z-index: 10003;
	overflow: visible;
	}
 	*/
	
img.icon {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	top: 0em;
	left: 0em;
	margin: 1%;
	padding: 1%;
	border: 1%;
	opacity: 0.9;
	z-index: 10003;
	overflow: visible;
	}
	
img.ycon {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	top: 0em;
	left: 0em;
	margin: 1%;
	padding: 1%;
	border: 1%;
	opacity: 0.9;
	z-index: 10003;
	overflow: visible;
	}
	/* 
	img.pog {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	top: 30em;
	left: 0em;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.25;
	z-index: 4;
	}
	
	img.tools {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	top: 0em;
	left: 0em;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	border: 0em;
	opacity: 0.5;
	z-index: 4;
	}
	
	span {
	position: fixed;
	display: none;
	text-align: left;	background: #003333 url('favicon.ico') repeat fixed 100% 100%;
	top: 15em;
	left: 0em;
	width: auto;
	max-width: 640px;	height: auto;
	margin: 0em auto 0em auto;	border: 0.1em dashed #111;
	padding: 0em;
	z-index: 3;
	opacity: 1;
	overflow: hidden;
	}
	
	background-color: #134F5C;
	color: #FF9900;
	
	
	---------------------linx-------------------------------	
	*/	

a, a:link {
	font-size: inherit;	
	color: #134F5C;
	
	background-color: #ff9933;
	font-family: inherit;
	text-decoration: none;
	}
	
a:focus, a:active {
	color: #8844bb;
	/* font-size: +1em; */	
	/* 
	text-decoration: none;
	width: auto;
	outline: none;
	overflow: hidden;
	border: none;
 	*/
	}

a:hover {
	position: relative;
	color: #ff9933;
	font-size: inherit;
	/* 
	width: auto;
	text-decoration: none;
	outline: none;
	border: none;
	overflow: hidden;
 	*/
	}
	
	/* 
	a.zoom {
	position: relative;
	text-decoration: none;
	outline: none;
	z-index: 4;
	}
	
	a.zoom img:hover {
	display: none;
	}
 	*/
	
	/* 
	#gallery a span {
	display: none;
	text-decoration: none;
	outline: none;
	}
	
	#gallery a:hover span {
	position: fixed;
	display: inline-flex;
	
	width: 100%;
	color: #000;
	font-family: inherit;
	text-decoration: none;
	margin: 0em auto 0em auto;
	outline: none;
	z-index: 3;
	}
 	*/