/* ----------------------------------------------------------------------------
                        www.flupe.com Default CSS Theme
  -------------------------------------------------------------------------- */

/* default body attributes */
body
{
   background-color: #000000; /* black */
   color:            #ffffff; /* white */
   font-family:      verdana, arial;
   font-size:        12pt;
   line-height:      16pt;
}

/* font-family CLASSES */
.tre { font-family: trebuchet ms; }
.ver { font-family: verdana; }
.ari { font-family: arial; }

/*
   font-style, font-weight, and color CLASSES
   
   i = italic   <-- font-style
   b = bold     <-- font-weight
   c = color
   
                 Code      RGB Val       Name
                 ----------------------------
   COLOR CODES:   c0   =   #00ff00   -   lime
                  c1   =   #cc66ff   -   flupe-purple <-- a colour of my own invention.
                                                          flupe-purple is kind of like
                                                          medium-orchid.
                  c2   =   #ffd700   -   gold
                  c3   =   #ffa500   -   orange
                  c4   =   #ff0000   -   red
                  c5   =   #00ffff   -   aqua
                  c6   =   #90ee90   -   lightgreen
*/
.ib_c0 { font-style: italic;  font-weight: bold;  color: #00ff00; } /* lime */
.ib_c1 { font-style: italic;  font-weight: bold;  color: #cc66ff; } /* flupe-purple */
.ib_c2 { font-style: italic;  font-weight: bold;  color: #ffd700; } /* gold */
.ib_c3 { font-style: italic;  font-weight: bold;  color: #ffa500; } /* orange */
.ib_c4 { font-style: italic;  font-weight: bold;  color: #ff0000; } /* red */
.ib_c5 { font-style: italic;  font-weight: bold;  color: #00ffff; } /* aqua */

.b_c0 { font-weight: bold;  color: #00ff00; } /* lime */
.b_c1 { font-weight: bold;  color: #cc66ff; } /* flupe-purple */
.b_c2 { font-weight: bold;  color: #ffd700; } /* gold */
.b_c3 { font-weight: bold;  color: #ffa500; } /* orange */
.b_c4 { font-weight: bold;  color: #ff0000; } /* red */
.b_c5 { font-weight: bold;  color: #00ffff; } /* aqua */

.i_c0 { font-style: italic;  color: #00ff00; } /* lime */
.i_c1 { font-style: italic;  color: #cc66ff; } /* flupe-purple */
.i_c2 { font-style: italic;  color: #ffd700; } /* gold */
.i_c3 { font-style: italic;  color: #ffa500; } /* orange */
.i_c4 { font-style: italic;  color: #ff0000; } /* red */
.i_c5 { font-style: italic;  color: #00ffff; } /* aqua */

.c0 { color: #00ff00; } /* lime */
.c1 { color: #cc66ff; } /* flupe-purple */
.c2 { color: #ffd700; } /* gold */
.c3 { color: #ff9900; } /* orange */ 
.c4 { color: #ff0000; } /* red */
.c5 { color: #66ffff; } /* aqua */

/* font size CLASSES */
.fs0 { font-size: 10px; } /* smallest font size */
.fs1 { font-size: 11px; }
.fs2 { font-size: 12px; }
.fs3 { font-size: 13px; }
.fs4 { font-size: 14px; }
.fs5 { font-size: 15px; }
.fs6 { font-size: 16px; }
.fs7 { font-size: 17px; }
.fs8 { font-size: 18px; }
.fs9 { font-size: 19px; } /* largest font size */

/* font size adjustment with italic text */
.fs0_i { font-size: 10px; font-style: italic; }
.fs1_i { font-size: 11px; font-style: italic; }
.fs2_i { font-size: 12px; font-style: italic; }
.fs3_i { font-size: 13px; font-style: italic; }
.fs4_i { font-size: 14px; font-style: italic; }
.fs5_i { font-size: 15px; font-style: italic; }
.fs6_i { font-size: 16px; font-style: italic; }
.fs7_i { font-size: 17px; font-style: italic; }
.fs8_i { font-size: 18px; font-style: italic; }
.fs9_i { font-size: 19px; font-style: italic; }

/* font size adjustment with bold text */
.fs0_b { font-size: 10px; font-weight: bold; }
.fs1_b { font-size: 11px; font-weight: bold; }
.fs2_b { font-size: 12px; font-weight: bold; }
.fs3_b { font-size: 13px; font-weight: bold; }
.fs4_b { font-size: 14px; font-weight: bold; }
.fs5_b { font-size: 15px; font-weight: bold; }
.fs6_b { font-size: 16px; font-weight: bold; }
.fs7_b { font-size: 17px; font-weight: bold; }
.fs8_b { font-size: 18px; font-weight: bold; }
.fs9_b { font-size: 19px; font-weight: bold; }

/* font size adjustment with italic and bold text */
.fs0_ib { font-size: 10px; font-style: italic; font-weight: bold; }
.fs1_ib { font-size: 11px; font-style: italic; font-weight: bold; }
.fs2_ib { font-size: 12px; font-style: italic; font-weight: bold; }
.fs3_ib { font-size: 13px; font-style: italic; font-weight: bold; }
.fs4_ib { font-size: 14px; font-style: italic; font-weight: bold; }
.fs5_ib { font-size: 15px; font-style: italic; font-weight: bold; }
.fs6_ib { font-size: 16px; font-style: italic; font-weight: bold; }
.fs7_ib { font-size: 17px; font-style: italic; font-weight: bold; }
.fs8_ib { font-size: 18px; font-style: italic; font-weight: bold; }
.fs9_ib { font-size: 19px; font-style: italic; font-weight: bold; }


/* bold hover link attributes (default behavior) */
a:link    { color: #00ff00;    } /* lime */
a:visited { color: #90ee90;    } /* lightgreen */
a:active  { color: #ff0000;    } /* red */
a:hover   { font-weight: bold; } /* make active links bold for distinction */

/* non-bold hover link attributes */
a.noBold:link    { color: #00ff00;      } /* lime */
a.noBold:visited { color: #90ee90;      } /* lightgreen */
a.noBold:active  { color: #ff0000;      } /* red */
a.noBold:hover   { font-weight: normal; }

/* splash screen menu link attributes */
a.menu:link    { color: #00ff00;    font-size: 11pt; } /* lime */
a.menu:visited { color: #00ff00;    font-size: 11pt; } /* keep visited links same color as fresh links */
a.menu:active  { color: #ff0000;    font-size: 11pt; } /* red */
a.menu:hover   { font-weight: bold; font-size: 11pt; }

/* guitarsenal menu link attributes */
a.guitarsenalMenu:link    { color: #00ff00;    line-height: 20pt; font-size: 13pt; } /* lime */
a.guitarsenalMenu:visited { color: #00ff00;    line-height: 20pt; font-size: 13pt; } /* keep visited links same color as fresh links */
a.guitarsenalMenu:active  { color: #ff0000;    line-height: 20pt; font-size: 13pt; } /* red */
a.guitarsenalMenu:hover   { font-weight: bold; line-height: 20pt; font-size: 13pt; }


/* lesson page menu link attributes */
a.lessonMenu:link    { color: #00ff00;    font-size: 12pt; } /* lime */
a.lessonMenu:visited { color: #00ff00;    font-size: 12pt; } /* keep visited links same color as fresh links */
a.lessonMenu:active  { color: #ff0000;    font-size: 12pt; } /* red */
a.lessonMenu:hover   { font-weight: bold; font-size: 12pt; }

/* lesson unordered-list table of contents attributes */
ul.lessonTOC { font-size: 11px; line-height: 15pt; }

/* #2 lesson unordered-list table of contents attributes */
ul.lessonTOC2 { font-size: 11px; line-height: 13pt; }


/* header attributes */
h1 { color: #cc66ff; } /* flupe-purple */
h2 { color: #cc66ff; } /* flupe-purple */
h3 { color: #cc66ff; } /* flupe-purple */


/* ----------------------------------------------------------------------------
                           custon header selectors
   -------------------------------------------------------------------------- */
   
.header1
{
   color: #00ff00; /* lime */
   letter-spacing: 3px;
   font-weight: bold;
}

.header2
{
   color: #cc66ff; /* flupe-purple */
   font-size: 22pt;
   font-style: italic;
}

.header3
{
   color: #ffd700; /* gold */
   font-size: 22pt;
}

.header4
{
   color: #cc66ff; /* flupe-purple */
   font-size: 16pt;
   font-style: italic;
   text-decoration: underline;
}

.header5
{
   color: #cc66ff; /* flupe-purple */
   font-size: 18pt;
   font-style: italic;
}

.header6
{
   color: #ffd700; /* gold */
   font-size: 14pt;
   font-style: italic;
}
 
/* -------------------------------------------------------------------------- */

.intro-quote
{
   font-size: 10pt;
   font-weight: bold;
   color: #cc66ff; /* flupe-purple */
}

.intro
{
   font-family: trebuchet ms;
   font-size: 12pt;
   line-height: 17pt;
   text-align: justify;
   padding-left: 10px;
   padding-right: 10px;
}

/*
   HOW TO SET ROW HEIGHTS IN TABLES:
   
   This was somewhat more of a pain to figure out than it should have been. You see,
   IE 6 makes use of the 'font-size' attribute, while Mozilla's Firefox 1.0 makes use
   of the "height" attribute.
   
   I use this selector in conjunction with the <div> tag to set row heights in
   tables like so:
   
         <td colspan="3"><div class="row_height">&nbsp;</div></td>
         
   NOTE: The <span> tag doesn't seem to work as well as the <div> tag does.
   
*/
.row_height  { font-size: 10px;  height: 10px; } /* both values (size & height) should be the same */


/* ---------------------------------------------------------------------------- */
 
/* pink flupe album fonts */
.untitled_header
{
   font-family: Trebuchet MS;
   font-size: 20pt;
   font-style: italic;
   font-weight: bold;
   color: #cc66ff; /* flupe-purple */
   text-decoration: underline;
   letter-spacing: 3px;
}
.untitled { font-size: 10pt; color: #ffd700; } /* gold */

.conversations_header
{
   font-family: Trebuchet MS;
   font-size: 16pt;
   font-style: italic;
   font-weight: bold;
   color: #ffd700; /* gold */
   text-decoration: underline;
   letter-spacing: 3px;
}
.conversations { font-size: 8pt; color: #FFA500; } /* orange */

.history_header
{
   font-family: Trebuchet MS;
   font-size: 16pt;
   font-style: italic;
   font-weight: bold;
   color: #ff0000; /* red */
   text-decoration: underline;
   letter-spacing: 3px;
}
.history { font-size: 8pt; color: #ffd700; } /* gold */

.green_header
{
   font-family: Trebuchet MS;
   font-size: 18pt;
   font-style: italic;
   font-weight: bold;
   color: #669966; /* light green */
   text-decoration: underline;
   letter-spacing: 3px;
}
.green { font-size: 8pt; color: #ffd700; } /* gold */

.samsaric_header
{
   font-family: Trebuchet MS;
   font-size: 20pt;
   font-style: italic;
   font-weight: bold;
   color: #996666; /* strange brown (sounds like a funk singer) */
   text-decoration: underline;
   letter-spacing: 3px;
}
.samsaric { font-size: 8pt; color: #ffd700; } /* gold */

/* ---------------------------------------------------------------------------- */

/* shorten burn guide */
.shorten_burn_guide_header
{
  font-family: Trebuchet MS;
  font-size: 21pt;
  font-style: italic;
  font-weight: bold;
  color: #cc66ff; /* flupe-purple */
  text-decoration: underline;
}


.lessonHeader
{
   color: #cc66ff; /* flupe-purple */
   font-size: 21pt;
   font-style: italic;
   text-decoration: underline;
}