/***  formatting for everything                                    ***/

body { 
               scrollbar-base-color: #555555;
               scrollbar-3dlight-color: #555555; 
               scrollbar-highlight-color: #555555;
               scrollbar-shadow-color: #333333;
               scrollbar-dark-shadow-color: #555555;
               scrollbar-arrow-color: #555555;
               scrollbar-face-color: #555555; 
               scrollbar-track-color: #000000;
               color: #CCCCCC;
               /* background-image: url('images/stars.gif');
               background-attachment: fixed;
               background-repeat: repeat; */
               background: #111111;
               margin: 0px;
               font-family: Tahoma;
               font-size: 10pt; 
               }

/***  hyperlinks                                                   ***/

a { 
               color: #FFFFFF;
               text-decoration: none;
               font-weight: bold;
               /* border: 1px solid #0099CC; */
               }

/***  hyperlink hover style                                        ***/

a:hover { 
               /* color: #FF9900; */
               color: #0099CC;
               }

/***  backwards-compatability for old crap                         ***/

table {
               /* border: 1px solid #0099CC; */
               }

tr {
               font-family: Tahoma;
               font-size: 10pt;
               }

p { 
               /* border: 1px solid #0099CC; */
               }

/***  body copy                                                    ***/

.content { 
               float: left;
               padding: 8px 16px 24px 16px;
               width: 74%;
               /* border: 1px solid #0099CC; */
               background-color: #222222;
               }

.content2 { 
               float: left;
               padding: 8px 16px 24px 16px;
               width: 100%;
               /* border: 1px solid #0099CC; */
               background-color: #222222;
               }

/***  section titles                                               ***/

.dipshit { 
               color: #FFFFFF;
               border-bottom: 1px solid #FF9900;
               clear: both;
               letter-spacing: 1pt;
               text-indent: 8px;
               font-style: italic;
               /* border: 1px solid #0099CC; */
               }

/***  the fruit at the bottom                                      ***/

.footer { 
               color: #CCCCCC;
               font-size: 8pt;
               text-align: center;
               /* border: 1px solid #0099CC; */
               }

/***  double-spaced with 1 inch margins                            ***/

.essay { 
               margin: 24px 48px 24px 48px;
               line-height: 200%;
               text-indent: 24px;
               /* border: 1px solid #0099CC; */
               }

/***  biography page                                               ***/

.bio { 
               margin: 24px 24px 24px 48px;
               line-height: 200%;
               text-indent: -24px;
               /* border: 1px solid #0099CC; */
               }

/***  biography bulleted text                                      ***/

.bio-bullet { 
               margin: 24px 24px 24px 48px;
               line-height: 200%;
               text-indent: 0px;
               /* border: 1px solid #0099CC; */
               }

/***  MENU  **********************************************************/
/*    the crap along the left                                        */

.menu { 
               /* background: #111111; */
               padding: 8px 16px 16px 8px;
               border-right: 1px solid #0099CC;
               float: left;
               width: 156px;
               text-align: right;
               /* border: 1px solid #0099CC; */
               }

/*    shrink date under each menu entry                              */

.menudate {
               font-size: 8pt;
               font-style: italic;
               }

/*    separate the menu chunks                                       */
/*    (right now, it's just the "more" entry)                        */

.menuheader {
               color: #FFFFFF;
               border-top: 1px solid #FF9900;
               letter-spacing: 1pt;
               font-style: italic;
               /* border: 1px solid #0099CC; */
               }

/***  NAVBAR  ********************************************************/
/*    the crap along the top                                       ***/

.navbar1 {
               float: left;
               font-size: 14pt;
               white-space: nowrap;
               text-indent: 16px;
               letter-spacing: 6pt;
               /* border: 1px solid #0099CC; */
               }

/*    different stuff for the hyperlinks                             */

.navbar1 a {
               font-family: "Impact";
               letter-spacing: 3pt;
               font-weight: normal;
               /* border: 1px solid #0099CC; */
               }

/*    tinkafoo.com link in upper-right                               */

.tinkafoocom {
               padding-right: 8px;
               text-align: right;
               font-size: 18pt;
               /* border: 1px solid #0099CC; */
               }

/*    different stuff for the hyperlinks                             */

.tinkafoocom a { 
               color: #FF9900;
               font-family: "Impact";
               letter-spacing: 3px;
               font-weight: normal;
               /* border: 1px solid #0099CC; */
               }

/***  IMAGES  ********************************************************/
/*    and I'm probably making things much more difficult             */
/*    than they should be..                                          */

.image-right-container {
               margin-right: 24px;
               float: right;
               width: 240px;
               /* border: 1px solid #0099CC; */
               }

.image-center-container {
               text-align: center;
               margin-right: 48px;
               margin-left: 48px;
               /* border: 1px solid #0099CC; */
               }

.image-caption-big { 
               float: left;
               padding: 8px;
               width: 256px;
               height: 316px;
               /* border: 1px solid #0099CC; */
               }

.image-caption-big p { 
               text-align: center;
               /* border: 1px solid #0099CC; */
               }

.image-caption-small {
               float: left;
               padding: 8px;
               width: 256px;
               margin-bottom: 24px;
               /* border: 1px solid #0099CC; */
               }

.image-caption-small p {
               text-align: center;
               /* border: 1px solid #0099CC; */
               }

/***  email login page ***********************************************/
/*    a small box full of smaller boxes                              */
/*    (doesn't render for shit under mozilla..)                      */

div.loginbox {
               width: 220px;
               background-color: #222222;
               /* border: 1px solid #0099CC; */
               }

div.row {
               clear: both;
               padding-bottom: 4px;
               width: 250px;
               font-size: 8pt;
               /* border: 1px solid #0099CC; */
               }

div.row span.label {
               float: left;
               width: 35px;
               text-align: right;
               /* border: 1px solid #0099CC; */
               }

div.row span.formw {
               float: right;
               width: 210px;
               text-align: left;
               /* border: 1px solid #0099CC; */
               } 

.spacer { 
               clear: both;
               /* border: 1px solid #0099CC; */
               }