/* 6c5e40    brownish metal cerrokote coyote? */
/* color: #6AA66A; green */
/* color: #D6EEEE; blue light */
/* background: #EAE7B8; yellow/gold */
/* background: #437521; dark green */
/* color: #092E61; bluedark */
/* color: #F3B64B; bright orange */
/* #B39E7D;  dark orange/tan */
/* #B46262;<<red   #828288;>>grey*/
body
{	
  font-family: monospace;
  font: 11pt CourierNew, monospace;
  color: grey;
  background:  white;
  
}

p 
{    
  font: 10pt CourierNew, monospace;
  color: black;
}

pre 
{    
  font: 8pt monospace;
  color: red;
  margin-left: 150px;
  
}


img 
{
  border:0;
  margin:2px;
}
img.email
{
  opacity: 0.4;
}
img.title 
{ 
  margin: 3px;
  padding: 0em 0em 0em 0em;
  border: 0px;
  position: fixed;
  top: 1em;
  bottom: auto;
  left: 1em;
  right: auto;
  opacity: 0.9;
}

h1   
{    
  font: 18pt  "Microsoft Sans Serif", monospace;
  font-weight: none;
  color: black;
}
h1:first-letter { font-size: 120%; line-height: 22pt;  }

h2
{
  font: 18pt "Microsoft Sans Serif", monospace;
  color: #C1C1C1;
  margin-left: 180px;
}
	
a 
{	
  text-decoration: underline;
  font: 11pt "AvantGarde Bk Bt", monospace;
  color: #DE1818;
 
}
a:hover {color: #DE1818; }
a:link {color: #DE1818; }
a:visited{color: #DE1818; }
a.title { /* used in the title bar */
  text-decoration: none;
  font: italic bold 17pt "Courier New",serif;
  color: #000000;
  margin-top: 1pt; 
}
a.title:hover { color: #FFD879; }	



a.buttonsishot 
{	
  text-decoration: none;
  font: 11pt "AvantGarde Bk Bt", monospace;
  color: #DE1818;
  border: 1px outset gray;
  background: #FFCC99;
  padding-top:2px;

}
a.buttonsishot:hover {color: #DE1818; background: #FFCC99;border: 1px inset gray; }
a.buttonsishot:link {color: #DE1818; }
a.buttonsishot:visited{color: #DE1818; }




a.button
{
   text-align:center;
   border: 1px outset black;
   border-radius: 3px;
   background: #EEEEEE;
   padding: 5px;
   margin: 5px;
   font: 10pt monospace;
   color: black;
   width: 80px;
   box-shadow: gray 2px 2px 4px;
}    
a.button:hover { background:#FFCC99;border: 1px inset black; box-shadow: #DEEEEE 1px 1px 2px;}

a.donate01
{
   text-align:center;
   border: 1px outset black;
   border-radius: 3px;
   background:#F3B64B;
   padding: 5px;
   margin: 2px;
   font: 10pt monospace;
   color: black;
   width: 80px;
   box-shadow: gray 2px 2px 4px;
   text-decoration:none;
}    
a.donate01:hover { background:#FFCC99;border: 1px inset black; box-shadow: #DEEEEE 1px 1px 2px;}


a.register
{
  color:black;
  font:8pt monospace;
  position:absolute;
  top:1px;
  right:70px;
}
a.loginbutton
{
  color:red;
  font:8pt monospace;
  position:absolute;
  top:1px;
  right:10px;
}
a.forumbutton
{
  color:red;
  font:8pt monospace;
  position:absolute;
  top:1px;
  right:70px;
}



input.link
{
   border: 1px outset black;
   border-radius: 3px;
   background: #DEEEEE;
}
input.link:hover { background:#FFCC99;border: 1px inset black; }
input.loginbox 
{
   background:#EFFFFF;
   width:150px;
   font: 10pt arial;
   padding-left:5px;
   margin-right:15px;
   border-radius: 4px;
   border: 2px inset #EEEEEE;
}
input.orange { background: #FFCC99; color:black; border-radius:4px;}


/* square boxes with txt inside */



/* menu green/grey fixed on left side lower  */

div.menu_box 
{
  display: block;
  margin: 2px;
  padding: 0em 0em 0em 0em;
  font-size: 70%;
  line-height: 0.8;
  border: 2pt solid black;
  text-align: left;
  position: fixed;
  height: 180px;
  bottom: 1em;
  left: 1em;
  width: 11.5em;
  background: #C6C6B6;
  color: black;
  border-radius: 0.3em;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.6;
  z-index: 1;
}
div.menu_box a
{ 
  display: block;
  opacity: 0.8;
  text-decoration: none;
  font: 8pt monospace;  
  margin: 0.1em 0.3em 0.4em 1.0em;
  color: black;
}
div.menu_box a:hover { color: red; }
div.menu_box p 
{   
  font: 10pt monospace;
  color: black;
  margin-left: 3px;
  margin-right: 1px;
  margin-top: 1.5em;
  margin-bottom: .5em;
  border-bottom: 1pt solid black; 
 opacity: 0.9;
}
div.menu_box h1 
{
 font: 20pt monospace;
 color: #808080; 
 opacity: 0.9;
}
div.menu_box_ms 
{
  display: block;
  margin: 2px;
  padding: 0em 0em 0em 0em;
  font-size: 70%;
  line-height: 0.8;
  border: 1pt solid black;
  text-align: left;
  position: absolute;
  height: 180px;
  bottom: 1em;
  left: 1em;
  width: 11.5em;
  background: #e6e6e6;
  color: black;
  border-radius: 1em;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.6;
  z-index: 1;
}
div.menu_box_ms a
{ 
  display: block;
  opacity: 0.8;
  text-decoration: none;
  font: 8pt monospace;  
  margin: 0.1em 0.3em 0.4em 1.0em;
  color: black;
}
div.menu_box_ms a:hover { color: red; }
div.menu_box_ms a:visited { color: grey; }
div.menu_box_ms p 
{   
  font: 10pt monospace;
  color: black;
  margin-left: 3px;
  margin-right: 1px;
  margin-top: 1.5em;
  margin-bottom: .5em;
  border-bottom: 2pt solid black; 
 opacity: 0.9;
}
div.menu_box_ms h1 
{
 font: 20pt monospace;
 color: #808080; 
 opacity: 0.9;
}


span.mtgox
{
position:fixed;
top:auto;
bottom: 1em;
left:auto;
right:9em;
}
div.dwolla
{
position:fixed;
top:auto;
bottom: 1em;
left:auto;
right:21em;
}







div.paypal
{
  width: 170px;
  height: 90px;
  margin: 1px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font: 8pt arial;
  color: black;
  font-size: 80%;
  border: 1pt solid gray;
  border-radius: 0.2em;
box-shadow: #FFCC99 1px 1px 20px;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
  background: #DEEEEE; /*#C6C6B6; greenerish*/
  opacity: 0.9;
  z-index: 1;
}
div.paypal form
{
display:inline;
  margin: 0px;
  opacity: 0.9;
}
div.paypal p
{
  text-align: center;
  font: 10pt arial;
  margin: 2px;
  margin-top: 0;
  border-bottom: 3pt groove black;
  opacity: 0.9;
}


div.paypal1
{
  width: 170px;
  height: 40px;
  margin: 1px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font: 8pt arial;
  color: black;
  font-size: 80%;
  border: 1pt solid gray;
  border-radius: 4px;
box-shadow: #FFCC99 1px 1px 20px;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
  background: #DEEEEE; /*#C6C6B6; greenerish*/
  opacity: 0.7;
  z-index: 1;
}
div.paypal1 form
{
display:inline;
  margin: 0px;
  opacity: 0.9;
}
div.paypal1 p
{
  text-align: center;
  font: 9pt arial;
  margin: 2px;
  margin-top: 0;
  border-bottom: 3pt groove black;
  opacity: 0.9;
}


/* paypal form static not fixed */
div.paypalalt
{
  width: 170px;
  height: 40px;
  margin: 1px;
  padding: 3px;
  margin-left:30px;
  margin: 10px;
  margin-left:30px;
  font: 8pt arial;
  color: black;
  font-size: 80%;
  border: 1pt solid gray;
  border-radius: 4px;
box-shadow: #FFCC99 1px 1px 20px;
  background: #DEEEEE; /*#C6C6B6; greenerish*/
  opacity: 0.7;
 z-index: 1;
}
div.paypalalt form
{
display:inline;
  margin: 0px;
  opacity: 0.9;
}
div.paypalalt p
{
  text-align: center;
  font: 9pt arial;
  margin: 2px;
  margin-top: 0;
  border-bottom: 3pt groove black;
  opacity: 0.9;
}











input.small
{
  height: 13px;
  width: 40px;
  margin: 2px;
  vertical-align: bottom;
  z-index: 1;
}

/* fixed opaque menus (nonscrolling) small thin  */

div.menu_bar 
{
  background: url(__tile_56.gif) repeat;
  margin: 0;
  font-size: 80%;
  line-height: 0.9;
  text-align: center;
  position: fixed;
  top: 1em;
  bottom: auto;
  left: auto;
  right: 1em;
  border: 1pt solid grey;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.6;
  z-index: 1;
}
div.menu_bar a
{ 
  font: italic bold 11pt "Souvenir Lt BT", serif; 
  margin: 0.5em;
  text-decoration: none;
  color: red;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.9;
}
div.menu_bar a:hover { color: black; }





/*  center styles  */
table.login
{
   border: 2pt double gray;
   border-radius: 10px;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 140px;
   left: auto;
   right: auto;
   padding: 5px;
   background: #EEEEEE; /*    #DEEEEE;*/
}
td.login-heading
{
  width: 80px;
  text-align:right;
}
table.registerform
{
   border: 2pt double gray;
   border-radius: 10px;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 80px;
   left: auto;
   right: auto;
   padding: 3px;
   background: #EEEEEE; /*    #DEEEEE;*/
}


p.errormessage
{
  position:absolute;
  top: 110px;
  left: 70px;
  color: red;
}
p.message
{
  font: 12pt "Trebuchet MS";   /*"Trebuchet MS";*/
  color: black;
  opacity: 0.9;
  width: 290px;

  border: 4px double gray;
position: relative;
top: 180px;
left: 27px;
  padding: 10px;
  background: #DEEEEE;
  box-shadow: gray 4px 4px 6px;
  border-radius: 7px;
}
div.greenbox
{
  font: 12pt "Trebuchet MS";   /*"Trebuchet MS";*/
  color: black;
  opacity: 0.9;
  width: 290px;

  border: 4px double gray;
position: relative;
top: 120px;
left: 27px;
  padding: 10px;
  background: #DEEEEE;
  box-shadow: gray 4px 4px 6px;
  border-radius: 7px;
display:inline-block;
margin:3px;
}


/* if sign class  */		  

	div.ifsign a
		{  
		   position: absolute;
  		   top: 1880 px;
		   right: 0px;
                   font: 8pt "AvantGarde Bk Bt", monospace;
		   color: #DE1818;
		   opacity: 0.8;
		 }
	.ifsign:first-letter { font-size: 130%; }
        div.ifsign code
		{
		   position: absolute;
  		   top: 1860 px;
		   bottom: auto;
		   right: 0px;
		   left: auto;
                   font: 8pt "AvantGarde Bk Bt", monospace;
		   color: #DE1818;
		   opacity: 0.8;
                 
		 }
	


input.tobby
{
   display:none;
}



div.work
{
   width:310px;
   display:inline;
   position:absolute;
   left: 20px;
   padding:5px;
/*border: 1pt dashed maroon; */
}
div.altwork
{
   width:310px;
   display:inline;
   position:absolute;
   left: 20px;
   padding:5px;
   border-radius:7px;
/* border: 1pt dashed maroon; */
background:#EEEDEE;
}
p.work
{
  display:inline;
  font: 12pt "Courier New";
  color: maroon; /* #444444; */
  padding:7px;
  margin-right: 30px;
}
a.wbutton
{
   float:right;
   diplay:inline;
   font: 10pt Arial;
   color: black;
   background: #DDDDDD;
   padding:0px;
   padding-left:4px;
   padding-right:4px;
   border: 1px outset gray;
   border-radius: 4px;
   margin-left:10px;
}
a.wbutton:hover { border: 1px inset gray; background:#FFCC99;}




p.story { margin:50px;color:#1e0a28; margin-top:20px;}




.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}


/* Create equal columns that sits next to each other */
.column {
    -ms-flex: 23%; /* IE10 */
    flex: 23%;
    max-width: 23%;
    padding: 0 4px;
    color:#1e0a28; 
    border: 4px double gray;
  padding: 10px;
  background: #DEEEEE;
  box-shadow: gray 4px 4px 6px;
  border-radius: 7px;
  margin: 5px;
  
}


.column a {
  margin-top: 8px;
  vertical-align: middle;
}

/* 1 wide */
@media screen and (max-width: 700px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}