BODY { color: navy;/*blue;*/
       background: #DBEAFF ;
       background-color: #DBEAFF ;
       margin: 5px 5px 5px 5px;
}

font, BODY
{
  /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font: normal 12px "lucida grande", verdana, arial, helvetica, sans-serif;
  font-size:       14px;
}

h1, h2, h3, h4, h5, .title {
 font-family: utopia, "lucidamac bold", "lucida grande", arial, sans-serif; 
 font-weight: normal;
 letter-spacing: -1.2px;
 }

H1 {
	/* font-family: sans-serif;*/
	font-size: 2em;
	margin: 0em 0em 0.3em 0em;  
	text-shadow: 0.1em 0.1em;
	}

P, UL {
    color: navy;
    text-align: left;
   }

PRE {
    background-color: #DBEAFF;
 /*   background-image: url("http://www.onerussian.com/img/ttt/bg_kl.jpg"); */
    color: navy;
    text-align: left;
    overflow: auto;
	/*    border: 1pt dashed gray; */
    padding: 4px;
	/* http://chapados.org//stylesheets/content.css */
	font: normal 12px "bitstream vera sans mono", monaco, "lucida console", "courier new", courier, serif;
    margin: 0.9em 0; padding: 8px;

	/* http://longren.org/2006/09/27/wrapping-text-inside-pre-tags */
	 white-space: pre-wrap; /* css-3 */
}

PRE, PRE FONT {
/*     space: pre; */
     font-size: 0.85em;
}

.comment
{ font-size: 0.75em ;
  color: navy;
  text-align: left;
  }

.command {
               color: black;
           }

.commandline {
               background-color: #DBEAFF;
               color: red;
               text-align: left;
               }

P.title { font-size:1.5em;
          color: blue;
          text-align: center;
          vertical-align: middle;
}

P.title1,
P.title2 { color: navy;
           /* font-family:Verdana, Arial, Helvetica, sans-serif;*/
           font-weight:bold;
           text-align: left;
           vertical-align: middle; }

P.title1  {  font-size: 1.5em; }
P.title2  {  font-size: 1.25em; }


P.picturedesc { background: #DBEAFF;
                text-align:center;
                color: blue;
                }

.error     { color: red;
              font-size:1.25em;
              text-align:center;}

.date  { /* display: table; */
         width: 100%;
	 color: #6666CC;
         border: 1px solid gray;
         border-right: hidden;
         border-bottom: hidden;
	 font: 12px optima, Georgia, Palatino, Times, serif;
	font-weight: bold;
	text-shadow: 0.1em 0.1em }
/*         background-color: transparent;*/


.title     { color: #0505FF;
             font-weight: bold;
             text-align:center;
			 vertical-align: middle;
            }

P.maintext{ color: black;
            text-align: center;
}

P.news{
        text-align: justify;
        /* text-shadow: black 0px 0px 1px; */
}


.centered { text-align: center;
             }


/*
.WeirdScroll { scrollbar-base-color: #DBEAFF;
               scrollbar-face-color: #B2D2FF;
               scrollbar-shadow-color:AliceBlue;
               scrollbar-highlight-color:Azure;
               scrollbar-3dlight-color:SteelBlue;
               scrollbar-darkshadow-color:Navy;
               scrollbar-track-color:StateBlue;
               scrollbar-arrow-color:#0C0078;
               }
*/

A     { text-decoration: none;
        /* font-family:     Verdana, Arial, Helvetica, sans-serif; */
} /* Link */

A.menu {
 font-size:       0.8em;
 /* font: normal 11px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;*/
 font-family: utopia, "lucidamac bold", "lucida grande", arial, sans-serif; 
 margin: 0 0 0.5em;
} /* Link menu class */

A:Link    { color: #0505FF /*#0000EF*/ ;}
A:Visited { color: #3f3a99 /*#55188A*/ ;}
A:Hover   { text-decoration : underline;
            color: #7375bb;
            }
A:Active  { color: #7375bb /*#ff0000*/ ;}


table { color: navy; /*blue;*/
	clear:both;
        background: #B2D2FF;
        border:  none;
        margin:  0px;
        padding: 0px;
        table-layout: auto;
        border-collapse: collapse;
        border-spacing: 0px;
        }

table.body { background:#DBEAFF; }

table.menu { width: 100%;
             background: #B2D2FF;
/*             font-size : 12px;  */
             }

table.submenu { background: #B2D2FF;
/*                font-size : 12px;  */
                }


table.resume { background: #DBEAFF;
             }

table.pictures { /* display: table; */
                 background: #DBEAFF;
                 text-align: center;
                 float: inherit;
                 }

#bottomline { /*position:absolute;*/
              background-color: #7375BB;
              background-image: none;
              width:99%;
              }

#menuleft { float: left;
            text-align: center;
            clear: none;
            width:20%;
            display: block;

	    font-size: 0.9em;
            /* font-family:     sans-serif; */
            font-style:      normal;
            }

/* .menuicon {
               width: 1.5em;
               height: 1.5em;
               } */

#body { width: 80%;
        text-align: center;
        display: block;
        vertical-align: top;
        float: right;
        clear: none;
        }

td { padding: 0px;
     border:  none;
     margin:  0px;
     }

.rightsmall {
         text-align: right;
         font-size: 0.5em;
         }

.righttext, .centertext {

}

.righttext {  display: inline; float:right;  clear: none;  }
.centertext { text-align: center; }

td.formleft{ color:navy;
             padding: 1px;
             border: none;
             text-align: right;
             /* font-family: sans-serif; */
             width:200px;
             }

td.formright{color:navy;
             padding: 1px;
             border: none;
             text-align: left;
             /* font-family: sans-serif;*/
             width:220px; }

td.picture { background: #DBEAFF;
             text-align: center;
             float: inherit;
	     min-width:160px;
             padding: 1px;
             border-color: #B2D2FF;
             border-style:solid;
             border-width:3px; }

td.picture .centered { background: #DBEAFF;
                       padding: 0px;
                       border:  none;
                       margin:  0px; }

/* Interesting stuff from http://gallery.mattb.net.nz */

div#image {
   /* width: 800px; */
   /* display: block; */
   position: relative;
   clear: both;
}

img#preview {
   /* position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px; */
   /* border: 6px solid #EAEAEA; */
   border: 1px solid #EAEAEA; 
   background-color: black /*#6b6c69*/;
   padding: 1px;
   /* -moz-border-radius: 4px;  */
   left: 0px;
   margin-left: auto;
   margin-right: auto;
}

/* should only match on IE; how pathetic */
* html img#preview { 
	margin-left: -0px;
	left: 50%;
}

div.prevthumb, div.nextthumb{
  position: absolute;
  margin-bottom: 1em;
  font-size: 10px;
  top: -5px;
  padding: 2px;
	/* background-color: #2e3436; */
  background-color: #EAEAEA;
  /* -moz-border-radius: 5px;  */
	opacity: .6; /* gecko, khtml */
	/* filter: alpha(opacity=60);  IE */
}

div.prevthumb:hover, div.nextthumb:hover{
	opacity: .9; /* gecko, khtml */
	/* filter: alpha(opacity=90);  IE */
}


div.prevthumb {
  left: -5px;
  text-align: right;
}

div.nextthumb {
  right: -5px;
  text-align: left;
  margin-left: auto;
}

div.nextthumb img, div.prevthumb img {
  margin: 1px;
  border: 1px solid #6b6c69;
  /* -moz-border-radius: 3px;  */
}

div.nextthumb a, div.prevthumb a {
  display: block;
  text-decoration: none;
  padding: 2px;
}

div.photo div.prevthumb,
div.photo div.nextthumb { display: none; }

div.photo:hover div.prevthumb,
div.photo:hover div.nextthumb { display: block; }

div.prevthumb a {
	background: transparent url('/img/nav/left-inactive.png') bottom right no-repeat;
}
div.nextthumb a {
	background: transparent url('/img/nav/right-inactive.png') bottom right no-repeat;
}

div.prevthumb a:hover {
	background: transparent url('/img/nav/left.png') bottom left no-repeat;
}

div.nextthumb a:hover {
	background: transparent url('/img/nav/right.png') bottom right no-repeat;
}

/*
div.nextthumb a img, div.prevthumb a img {
	filter: Gray;  // IE - I wish we had that in gecko
}
*/

div.nextthumb a:hover img, div.prevthumb a:hover img {
	border: 2px solid #ffb02f;
	margin: 0px;
	/* filter: none; */
}

/* NOT USED */
/*
div.comment {
   margin: 10px 0px 6px 0px;
   color: #babdb6;
   font-size: 11pt;
   text-align: center;
}

div.comment span {
   color: #6b6c69;
   font-weight: bold;
}

div#log {
	margin: 4px 0px 30px 0px;
  font-size: 9pt;
  color: #6b6c69;
  width: 150px;
}

div.navbuttons {
   display: none;
}
*/
td.plinks { padding: 0;
            background-image: url("http://www.onerussian.com/img/tbly2/tope2.gif"); }

td.main   { background: #B2D2FF;
            width: 99%;
            text-align: center;
            vertical-align: top;  }

td.title  {
            vertical-align: bottom;
			margin: 0.2em 0.2em 2.3em 0.2em;  
            font-weight: normal;
            text-align: center;}

td.bottom { background: #7375BB;
            text-align: right;
            width: 100%; }

td.bottomlogo{ color: black;
               font-size:12px;
               text-align: right;
               width: 20%; }

td.bottomICQ{ color: black;
              font-size:12px;
              text-align: left;
              width: 80%; }

/* Borrowed from http://gallery.mattb.net.nz */

UL.disks { color: navy;
           list-style: disc outside ;
           text-align: left;
           font-weight: bold;  }

UL.disks > LI { list-style: disc;
                font-weight: normal;
                text-align: left;   }

OL LI { list-style: decimal;
        text-align: left; }


img.photo{ border: 0; }

img.left { float:left;  }

TEXT.filename { color: yellow; }
TEXT.command { color: green; }
TEXT.variable { color: gray; }
TEXT.shortcut { color: red; }

textarea,
input {
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font: normal 12px "bitstream vera sans", verdana, sans-serif; 
  background-color: silver /*#DBEAFF*/ ;
  color: navy;
  font-size:10px;
  font-weight:normal;
  border:1px;
}

.gbahead,
tr.gbahead { font-weight: bold;
             font-size: 12px;
             text-align:left;
             color: navy;
             background-color: #A7B0DD;  }

tr.gbahead { background-color: #A7B0DD;  }

.gbahead { width:160px;  }

tr.gbrecord { color: black;
              background-color: #b7c0eD; }

td.left { font-weight: bold;
          text-align:left; }

.lefted { text-align:left;
	  font-size:10px;
}

SPAN.geo {
           font-family: verdana, sans-serif;
           font-size: 10px;
           font-weight:bold;
           text-decoration:none;
           color: white;
           background-color: #009300;
           border-left:1px solid #3C6;
           border-top:1px solid #3C6;
           border-right:1px solid #063;
           border-bottom:1px solid #063;
           padding:0px 3px 0px 3px;
           margin:0px;
}


/* taken from http://wubbleyew.com/tests/dropshadows.htm */
.dropshadow2{
	float:left;
	clear:both;
	background: url(/img/shadow/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/img/shadow/shadow.gif) no-repeat bottom right;
	margin: 5px 0 10px 10px !important;
	margin: 5px 0 10px 5px;
/*	width: 500px; */
	padding: 0px;

}

div.photo, div.photobuttons {
        float: inherit  ;
        border:  0px;
        margin:  0px; 
        padding: 0px;
        text-align: center;
        }

div.photo { padding: 20px 0px 0px 0px; 
	/* width: 640px;
	margin-left: auto ;
	margin-right: auto ;*/
	}

div.photo { display: block; }
div.photobuttons { display: none; }

div.photobuttons IMG:hover{
	position:relative;
	bottom:-3px;
}

div.photo:hover .innerbox {
	position:relative;
    background-color: white;
	bottom:3px;
	right: 3px;
}

div.photo:hover div.photobuttons { display: block; }
div.photo:hover { padding: 0px 0px 0px 0px; }

div.photo:hover div.photobuttons {
	position:relative;
	bottom:-5px;
	right: -5px;
}


.innerbox{
        background-color: white; /* #b2d2ff; */

	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #3955ba; /*#999999; */
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{
	font-size:14px;
	margin: 3px;
}