/*----------------------------------*/
/*    S    T    Y    L    E    S    */
/*----------------------------------*/


	html
 {scrollbar-base-color: #efdf0f;
  scrollbar-face-color: #dfcf0f;
  scrollbar-track-color: #2f2b17;
  scrollbar-arrow-color: #2f2b17;
  scrollbar-highlight-color: #af9f1f;
  scrollbar-3dlight-color: #7f6f1f;
  scrollbar-shadow-color: #5f4f07;
  scrollbar-darkshadow-color: #271f07;}

body
 {background: #2f2b17;}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, caption, th, td, blockquote, pre, tt
 {color: #efdf0f;}

p, ul, ol, dd, td, blockquote
 {font: medium 'times new roman', times, serif;}

dt, th
 {font: bold medium 'times new roman', times, serif;}

pre, tt
 {font: small 'courier new', courier, monospace;}

h6 /* used for header nav within page */
 {font: small 'times new roman', times, serif; text-align: left; margin: 0;}

h5 /* used for header nav between pages */
 {font: small 'times new roman', times, serif; text-align: left;}

h4
 {font: bold medium 'times new roman', times, serif; text-align: left;}

h3, caption
 {font: large 'times new roman', times, serif; text-align: left;}

h2
 {font: x-large 'times new roman', times, serif; text-align: left;}

h1
 {font: xx-large 'times new roman', times, serif; text-align: left;}

table
 {empty-cells: show;}

table, th, td
 {border-collapse: separate; border-spacing: 1px;
  border-top: 1px #af9f1f solid; border-left: 1px #af9f1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

th, td
 {text-align: left; vertical-align: top; padding: 2px;}

th
 {background: #2b2717;}

ul
 {list-style-image: url("nav/uldot.gif");}

ul ul
 {list-style-image: url("nav/ululdot.gif");}

td img /* centre block image in cell */
 {margin-right: auto; margin-left: auto;}

dt img /* place thumbup&down.gif inline */
 {display: inline;}


/* T E X T L I N K S */

a:link, a:visited
 {color: #cfbf7f; text-decoration: none; border: 1px #2f2b17 solid;}

a:hover
 {text-decoration: none; color: #2f2b17; background: #cfbf7f;
  border-top: 1px #efdf9f solid; border-left: 1px #efdf9f solid;
  border-right: 1px #6f5f3f solid; border-bottom: 1px #6f5f3f solid;}

a:active
 {text-decoration: none; color: #2f2b17; background: #cfbf7f;
  border-top: 1px #6f5f3f solid; border-left: 1px #6f5f3f solid;
  border-right: 1px #efdf9f solid; border-bottom: 1px #efdf9f solid;}


/* I M G L I N K S */

a:link img, a:visited img, a:active img
 {margin: 0; padding: 0; background: #2f2b17;
  border-top: 1px #af9f1f solid;  border-left: 1px #af9f1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

a:hover img
 {margin: 0; padding: 0; background: #2f2b17;
  border-top: 1px #5f4f1f solid;  border-left: 1px #5f4f1f solid;
  border-right: 1px #af9f1f solid; border-bottom: 1px #af9f1f solid;}

a:link img.warn, a:visited img.warn, a:active img.warn
 {margin: 0; padding: 0; background: #ffffff;
  border-top: 2px #ff7777 solid;  border-left: 2px #ff7777 solid;
  border-right: 2px #773333 solid; border-bottom: 2px #773333 solid;}

a:hover img.warn
 {margin: 0; padding: 0; background: #ffffff;
  border-top: 2px #773333 solid;  border-left: 2px #773333 solid;
  border-right: 2px #ff7777 solid; border-bottom: 2px #ff7777 solid;}

a.imglnk:link, a.imglnk:visited, a.imglnk:hover, a.imglnk:active
 {background: transparent; border: 0;}

iframe
 {margin: 0; padding: 0; background: #2f2b17;
  border-top: 1px #af9f1f solid;  border-left: 1px #af9f1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

/* A U D I O */

audio
 {width: 400px; height: 25px; margin: 0; padding: 0; background: #7f7f0f;}

audio:hover
 {margin: 0; padding: 0; background: #efdf0f;}


/*---------------------------------------*/
/*    C    L    A    S    S    E    S    */
/*---------------------------------------*/

.comment
 {color: #2fbf2f; font: small arial, helvetica, sans-serif;}

ul.comment
 {list-style-image: none;}

.cf
 {color: #7f8f9f; font: x-small arial, helvetica, sans-serif;}

.copyright
 {color: #bf2f2f; font: small arial, helvetica, sans-serif;}

.emote
 {color: #bf2fbf; font: small arial, helvetica, sans-serif;}

hr.major
 {border-top: 2px #bfaf1f solid;  border-left: 2px #bfaf1f solid;
  border-right: 2px #5f4f1f solid; border-bottom: 2px #5f4f1f solid;}

hr.minor
 {border-top: 1px #bfaf1f solid; border-left: 1px #bfaf1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

hr.seplef
 {border-top: 1px #bfaf1f solid; border-left: 1px #bfaf1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid; margin-right: 75%;}

hr.sepcen
 {margin-right: auto; margin-left: auto; width: 50%;
  border-top: 1px #bfaf1f solid; border-left: 1px #bfaf1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

hr.tabstrip
 {border-top: 1px #bfaf1f solid; border-left: 1px #bfaf1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;
  clear: both;}
  
.nbrdr /* used for table, th, td; not img */
 {border: 0;}

.sep /* used to put borders around empty cells */
 {width: 0; background-color: #efdf0f;
  border-top: 1px #af9f1f solid; border-left: 1px #af9f1f solid;
  border-right: 1px #5f4f1f solid; border-bottom: 1px #5f4f1f solid;}

ul.thumbs, ul.thumbs li iframe
 {list-style: none; margin: 0; padding: 0;}

li.thumblo
 {float: left; width: 160px; height: 96px; text-align: center;}

li.thumbme
 {float: left; width: 160px; height: 128px; text-align: center;}

li.thumbmesq
 {float: left; width: 128px; height: 128px; text-align: center;}

li.thumbhi
 {float: left; width: 160px; height: 160px; text-align: center;}

li.thumbxhi
 {float: left; width: 160px; height: 192px; text-align: center;}

li.thumbxl
 {float: left; width: 320px; height: 480px; text-align: center;}

li.thumbxlo
 {float: left; width: 320px; height: 320px; text-align: center;}

p.endalbum {clear: both;}


/*    D    I    V    S    */

div.head p, div.doll h2, div.doll h3
 {text-align: center;}

div.head img /* centre block image in header paragraph */
 {margin-right: auto; margin-left: auto;}

div.foot p
 {font: x-small arial, helvetica, sans-serif; text-align: center;}

div.doll p, div.doll ul, div.doll dl
 {text-align: justify; line-height: 150%; margin-left: 25%; margin-right: 25%;}


/*    M    E    N    U    */

#tabstrip
	{background: #2f2b17; width: 100%; float: left; position: relative;}

#tabstrip ul
	{clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative;}

#tabstrip ul li
	{display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative;}

#tabstrip ul li a
	{color: #efdf0f; background: #2f2b17; display: block; margin-right: 1px; text-decoration: none;
	 padding-top: 3pt; padding-left: 6pt; padding-right: 6pt; padding-bottom: 3pt;
     border-top: 1px #af9f1f solid;  border-left: 1px #af9f1f solid;
     border-right: 1px #5f4f1f solid; border-bottom: 0;
	 font: small arial, sans-serif; text-align: left;}

#tabstrip ul li a:hover
	{color: #2f2b17; background: #efdf0f; border: 1px #2f2b17 solid; text-decoration: none;}

#tabstrip ul li a.active, #tabstrip ul li a.active:hover
	{color: #2f2b17; background: #efdf0f; border: 1px #efdf0f solid; text-decoration: none;}
