/* - - - - - - - - - - - - - -    globals   - - - - - - - - - - - - - -     */


	#MyID{    /*   big sig at top*/
		font-size:8em;
		color:#343426;
		padding:5px 5px 44px 5px;
		background:transparent;
		}


	body{	
		background:rgb(22,22,15);
		}
	.hider{
		display:none;
		}
	html {
		scrollbar-base-color:#16160F;
		scrollbar-arrow-color: #8D8D6C;
		scrollbar-track-color:  #343426;
		scrollbar-shadow-color:#16160F;
		scrollbar-lightshadow-color: black;
 		scrollbar-darkshadow-color: #16160F;
		scrollbar-highlight-color:#ABAB84;
		scrollbar-3dlight-color: black;
		}
	
		.grow105{	font-size:105%;}
		.grow110{font-size:110%;}
		.grow115{font-size:115%;}
		.grow120{font-size:120%;}
		.grow125{font-size:125%;}
		.grow130{font-size:130%;}
		.grow135{font-size:135%;}
		.grow140{font-size:140%;}
		.grow145{font-size:115%;}
		.grow150{font-size:150%;}
		.grow155{font-size:155%;}
		.grow160{font-size:160%;}
		.grow165{font-size:165%;}
		.shrink95{	font-size:95%;}
		.shrink90{	font-size:90%;}
		.shrink85{	font-size:85%;}
		.shrink80{	font-size:80%;}
		.shrink75{	font-size:75%;}
		.shrink70{	font-size:70%;}
		.shrink65{	font-size:65%;}
		.shrink60{	font-size:60%;}
		.shrink55{	font-size:55%;}
		.shrink50{	font-size:50%;}
		.shrink45{	font-size:45%;}
		.shrink40{	font-size:40%;}
		
		h1{font-size:3.6em;font-family:sans-serif;font-weight:bold;color:#343426;}
		h2{font-size:2.8em;font-family:sans-serif;font-weight:bold;color:#434332;}
		h3{font-size:2.3em;font-family:sans-serif;font-weight:bold;color:#61614A;}
		h4{font-size:1.95em;font-family:sans-serif;font-weight:bold;color:#6F6F55;}
		h5{font-size:1.6em;font-family:sans-serif;font-weight:bold;color:#7E7E61;}
		h6{font-size:1.2em;font-family:sans-serif;font-weight:bold;color:#9C9C79;}
		
		.bigcopy{font-size:.9em;font-family:sans-serif;font-weight:bold;color:#ABAB84;}
		.medcopy{font-size:.8em;font-family:sans-serif;font-weight:bold;color:#C4C4A1;}
		.smallcopy{font-size:.65em;font-family:sans-serif;font-weight:bold;color:#D8D8C0;}

	img {border: 0;}

	pre {
		font-family: monospace;
		font-size: 1.0em;
		}

	hr{
		color:#8D8D6D;
		width:20%;
		size:1px;
		}


	a:link {color:#52523E;}	/* - - - - - -  - - - - - -  zzzzzzzzzzzzzzzzzz - - - - - - - - - - - - -     */
	a:visited {color:#52523E;}
	a:hover {color:#8D8D6D;}
	a:active {color:#52523E;}

	a:link.looselinks {color:#8D8D6D;}               
	a:visited.looselinks {color:#8D8D6D;}
	a:hover.looselinks {color:#BABA90;}           
	a:active.looselinks {color:#8D8D6D;}


/* - - - - - - -END  - - - - - - -    GLOBALS   - - - - - - - - - - - - - -     */



/*  - - - - - - - - START  Home Page  Items  - - - - - - - - - - - - - - - - - -   */
	#MyID{    			/*   big sig at top*/
		font-size:8em;
		color:#343426;
		padding:5px 5px 55px 5px;
		background:transparent;
		font-family: "Hoefler Text", Garamond, Georgia, "Times New Roman", Times, serifgothic, "Lucida Console", 			serif;
		}
	.blackground{  		/*   first letter big sig at top*/
		background:black;
		padding:10px 5px 5px 50px;
		border:1pt solid #434332;
		}
/*  - - - - - - - - END  Home Page  Items  - - - - - - - - - - - - - - - - - -   */





/*  - - - - - - - - START Email  - - - - - - - - - - - - - - - - - -   */
	#MeMail{  		/*   email    */
		position:absolute;
		left:5%;
		top:60%;	
		display:block;
		width:150px;
		padding:0px;
		text-decoration:none;
		background:black;
		border:1px rgb(99,99,99) solid;
		font-size:.7em;
		font-weight:bold;
		font-family:sans-serif;
		color:rgb(99,99,99);
		}
	#MeMail a:link{ 
		color: rgb(77,77,66);
		text-decoration:none;
		width:150px;
		padding:3px 40px 3px 10px;
		}
	#MeMail a:visited{
		color: rgb(77,77,66);
		text-decoration:none;
		}
	#MeMail a:hover{
		color: rgb(141,141,108);
		text-decoration:none;
		}
	#MeMail a:active{
		color: rgb(77,77,66);
		text-decoration:none;
		} 
	
/*  - - - - - - - - END  Email  - - - - - - - - - - - - - - - - - -   */



/*  - - - - - - - - -   START  - - - - -  Nav Bar  - - - - - - - - -   */
	#navcontainer{
		position:relative; 
		top:.5em;		/*  push the nav box down a little  */
		color:#61614A;  	/*  colors the design ider */
		}
	#navcontainer ul{ 
		list-style-type: none;
		margin: 0;
		padding: 0;		
		}
	#navcontainer a{
		display: block;
		color: #52523E;
		border:1px solid  #52523E;
		background-color: black;
		width: 10em;                   
		text-decoration:none;
		font-size:.7em;
		font-weight:bold;
		font-family: sans-serif;
		}
	#navcontainer a:hover{
		background-color:#16160F;
		color: #8D8D6D;
		}
	.bigtop{
		height:10px;
		padding: 80px 10px 7px 10px;
		}
	.PileBtn{
		padding: 2px 10px 2px 10px;		
		}
	a#currentpage{
		background:#25251B;
		width:10em;
		padding: 2px 10px 2px 10px;
		color: #8D8D6D;
		}
	a:hover#currentpage{
		background:#25251B;
		cursor:default;
		color: #8D8D6D;
		}
/*  - - - - - - - - -    END  - - - - - - - -  Nav Bar  - - - - - - - - -   */






/*   - - - - - -  START List Page basic right col space def  Items - - -  */
/* define right side outer container div*/
	#listcontain{
		position:absolute;
		left:147px;
		top:91px;
		width:75%;
		height:100%;
		background:transparent;
		border:0;
		margin:0;
		padding:0;
		}
/* define basic inner list div*/
	#listinbox{
		position:absolute;
		left:-3px;
		top:-81px;
		width:93%;
		height:100%;
		background:transparent;
		xborder-right:1px solid red;
		xborder-left:1px solid red;
		margin:0;
		padding: 30px 10px 10px 10px;
		}
/*   - - - - - -  End List Page basic right col space def  Items - - -  */




/*   - - - - - -  long List  Version 1  Items - - -  */
/*   - - - - - -  START List Page  - - - Version 1 - - -  Items - - -  */
/* define list elements*/
		.mixlist{		/*   - - - - - -  long List  Version 1  Items - - -  */
		width:500px;
		list-style-type:none;	
		}
	.mixlist ul{		/*   - - - - - -  long List  Version 1  Items - - -  */
		list-style-type: none;
		margin: 0;
		font-size: .85em;
		font-weight:bold;
		font-family:serif;
		padding-bottom:5px;
		}
	.mixlist ul li{		/*   - - - - - -  long List  Version 1  Items - - -  */
		margin-left:70px;
		padding-top:3px;
		}
	.mixlist a:link {color:#52523E;}
	.mixlist a:visited {color:#52523E;}
	.mixlist a:hover {color:#8D8D6D;}
	.mixlist a:active s{color:#52523E;}
	.listheadbox{		/*   - - - - - -  long List  Version 1  Items - - -  */
		display:block;
		width:200px;
		background:black;
		border: 1pt solid #52523E;
		font-size:1em;
		font-weight:bold;
		font-family:sans-serif;
		margin:0;
		padding: 2px 10px 2px 15px;
		}	
/*   - - - - - -  END List  Page  - - - Version 1 - - -   Items - - -  */







/*   - - - - - - START LONG LIST VER 2 - - -   Items - - -  */

	.artlist_outbox{
		position:relative;
		left:50px;
		border-top: 1px solid #343426;
		margin: 0 0 20px 0;
		padding:10px 0 0 0 ;
		height:100px;
		width:80%;
		font-family: sans-serif;
		font-size:1em;
		color:#6F6F55;
		}


	.artlist_inbox{        /*  - - - - - holds image and keeps  - - -  */
		margin-right:25px;
		height:150px;
		width:100px;
		float:left;
		}





















/*   - - - - - - END  LONG LIST VER 2 - - -   Items - - -  */




/*  - - - - - - START  TextPage items   - - - - - - - - - -  */
/*     define right side outer text page container div     */
	#textcontain{
		position:absolute;
		left:20%;
		top:0%;
		width:75%;
		height:143px;
		background:transparent;
		border:0;
		margin:0;
		padding:0;
		}

/*     define basic inner text container div    */

	#textinbox{
		position:absolute;
		left:3%;
		top:0%;
		width:80%;
		height:120px;
		background:transparent;
		xborder-right:1px solid red;
		xborder-left:1px solid red;
		margin:0;
		padding: 30px 10px 10px 10px;
		}



	a:link.looselinks {color:#8D8D6D;}                  /******** #8D8D6D;  #7E7E61;    #6F6F55;}   ***/
	a:visited.looselinks {color:#8D8D6D;}
	a:hover.looselinks {color:#BABA90;}              /********  #BABA90;   #ABAB84;   *********/  
	a:active.looselinks {color:#8D8D6D;}


/*  - - - - - - END Text Page items   - - - - - - - - - -  */








/*  - - - - - - START Picture Page items   - - - - - - - - - -  */

/* define right side outer pix page container div*/
	#pixcontain{
		position:absolute;
		left:20%;
		top:0%;
		width:75%;
		height:533px;
		background:transparent;
		border:0;
		margin:0;
		padding:0;
		}

/* define basic inner pix container div*/
	#pixinbox{
		position:absolute;
		left:3%;
		top:0%;
		width:80%;
		height:528px;
		background:transparent;
		xborder-right:1px solid red;
		xborder-left:1px solid red;
		margin:0;
		padding: 30px 10px 10px 10px;
		}

	#pictureblurb{
	position:relative;
	top:25px;
	width:12%;
		}

/*  - - - - - - END Picture Page items   - - - - - - - - - -  */





/*  CSS END             CSS END             CSS END             CSS END             CSS END             CSS END            


Site Color Palette  
steps from brightest small type to background darkest
BRIGHTEST
			#D8D8C0;		smallcopy
			#CECEB1;
			#C4C4A1;		medcopy
			#BABA90;
			#ABAB84;		bigcopy
			#9C9C79;		h6
			#8D8D6D;		hover
			#7E7E61;		h5
			#6F6F55;		h4
			#61614A;		h3
			#52523E;		page nav button borders  -  page nav button type
			#434332;		h2
			#343426;		h1
			#25251B;		currentpage background
 			#16160F;		body background
			black		button background 

DARKEST- - - - - - - - -    END COLOR LIBRARY      */