
/* style name: abnormal, set cookie for ``.ohnobinki.u.ohnopublishing.net'' */

@media print {
h1,h2,h3,h4,h5,h6
{
color: #000000;
background-color: #ffffff;
}

body,p,table
{
color: #000000;
background-color: #ffffff;
}


}

h1,h2,h3,h4,h5,h6
{
margin: 0pt;
padding: 1em 0;
}

h1
{
/*background-color: #440000;*/


  border-bottom-color: #993333;
 border-right-color: #993333;

border-style: solid;
border-width: 0pt;
border-top-width: 8pt;
border-left-width: 4pt;

border-right-style: none;
border-bottom-style: none;

/* bottom: 0pt;*/


font-family: sans-serif;
font-size: .5in;
text-align: center;
vertical-align: middle;
 color: #aa5555;
 background-color: #000033;
   background-image: url('/~ohnobinki/images/abnormal_header.png');
   background-repeat: repeat-x;
background-position: bottom;

}


html
{
    /* background-color: #3355aa; */
  background-color: black;
 color: #339933;

    text-align: left;
}

body
{
margin: 0pt; /* XHTML defines an 8px margin for even the body tag... */

width: 100%;
}

/*BY USING 'a'*/
a
{
 color: green;
text-decoration: underline;
border: none;
}
img
{
border: none;
}


/*a*/
/*{*/
/*target: main*/
/*}*/

p
{
text-indent: 2em;
}
p:first-letter
{
font-size: 2em;
}
p.normal
{
text-indent: 0pt
}
table
{
/*border:  #0011ee;*/
  background-color:  #331111;

/*align: top;*/ /* ???? */
text-align: left;
/*color: #eeee00;*/ /*this makes all text in the table yellow*/
 /*doesn't work, need to find it*/
}

.parity1 
{
  background-color:  #533131;
}


.sidebar
{
  background-image: url('/~ohnobinki/images/stars');
  background-position: top left;
  background-repeat: no-repeat;
  
  float: left;
  padding-right: 2em;
}


td.sidebar
{ 
  border-style: none;
  border-left-width: 0pt;
  border-top-width: 0pt;
  border-bottom-width: 0pt;
  border-right-width: 0pt;
  
  
  }

td,th
{
  border-style: solid;
  border-color: #555555;
  
  border-width: 0pt;

  text-align: left;
}

td /*normal table data*/
{
  /* background-color:  #3355aa; */ /*see table{background-color:}*/


  /* border-bottom-width: 0pt;*/
  /* border-right-width: 0pt;*/
border-top-width: 1pt;
border-left-width: 1pt;

/*border-left-size: 50%;*/

vertical-align: top;
}

th /*table header entries*/
{

  background-color: #000033;
  

border-width: 3pt;
  /* border-bottom-width: 0pt; */
  /* border-right-width: 0pt; */
border-left-width: 1pt;

vertical-align: middle;
}

hr /*those bars/dividing things*/
{
  border-color: #000066;
width: 90%; 
height: 3pt;
border-style: solid;
border-width: 3pt;
  /* background-color: #00ee33; */
}



/* make this toggleable! */
.picid
{ 
  display: none;
 }

/* make links a little more stylish */
a
{
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* imitate a 3d button :-) */
.button 
{
    border-width: 2pt;
    margin: 2pt;
    border-style: solid;
    
    border-left-color: #eeeeee;
    border-top-color: #eeeeee;
    border-right-color: gray;
    border-bottom-color: gray;
    
    background-color: silver;
    
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    
    /* top+bottom = 0, left+right=2pt */
    padding: 0pt 2pt;
}

.button:hover
{
    border-left-color: white;
    border-top-color: white;
    border-right-color: black;
    border-bottom-color: black;

    /* counteract a:hover: */
    text-decoration: none;
}

.button:active 
{
    border-left-color: gray;
    border-top-color: gray;
    border-right-color: white;
    border-bottom-color: white;
}

table.main
{
    width: 100%;
}

img#gentoopowered {
background-color: #888888;
}
