/*================================*/
/* Raggin Piano Boogie Stylesheet */
/*================================*/

/*----------------*/
/* Default styles */
/*----------------*/

body { 
    background: black; 

}

/*===============================
 * Styles for the main frame
 *===============================*/

/*-------------------------
 * The frame itself
 *-------------------------*/
.frame  {

}

.frame hr {
    color: green;
    background: green;
    height: 4px;
}

/*---------------------
 * The RPB title window
 *---------------------*/
td.windowtitle {
}

/* Main title */
td.windowtitle h1 {
    color: red;
    font-size: 14pt;
}

/* Subtitle */
td.windowtitle h2 {
    color: white;
    font-size: 10pt;
}

/*-------------------------------
 * The changing sentences window 
 *-------------------------------*/
td.windowsentence { 
    color:cyan; 
    font-size:18pt;
    text-align: center;
}


/*-----------------------------------------*/
/* menu headers and links
/------------------------------------------*/

/*---------------------*/
/* menu background */
td.menubody { 
    background: black; 
    vertical-align: top;
}

/*--------------*/
/* menu headers */
p.menuhead {
    font-family: 'Times New Roman'; 
    color: #f93; 
    font-size: 12pt; 
    font-weight:bold; 
    margin-top: 10px;
}

p.menuhead a { 
    font-family: 'Times New Roman'; 
    font-size: 1em; 
    color:yellow;  
    font-weight:bold; 
    text-decoration: none;
}

p.menuhead a:hover {color: cyan; }

/*-------------------*/
/* normal menu items */
p.menuitem { 
    line-height: 8px;
    text-indent: 20px;
}

p.menuitem a { 
    font-family: 'Arial'; 
    font-size: .8em; 
    color:white; 
    text-decoration: none;
}

p.menuitem a:hover {color: cyan; }

/*-------------------*/
/* bold menu items */
p.menuitembold { 
    line-height: 8px;
    text-indent: 20px;
    font-weight:bold;
}

p.menuitembold a { 
    font-family: 'Arial'; 
    font-size: 1em; 
    color:white; 
    text-decoration: none;
}

p.menuitembold a:hover {color: cyan; }

/*---------------------*/
/* Special menu item #1  */
.menuspecial1 a {
    background: #7fff00;
    border: 4pt solid #0000ff;
    padding: 10px;
    margin: 0 0px 0 0px;
    font-family: 'Arial'; 
    font-size: 1em; 
    color:black; 
    font-weight:bold; 
    font-size: 12pt;
    text-decoration: none;
}

.menuspecial1 a:hover { 
    background-color: orange;
}

/*---------------------*/
/* Special menu item #2  */
td.menuspecial2 { 
    background: red;
    border: 5pt solid green;
}

td.menuspecial2 p {
    padding: 0 20px 0 20px;
}

td.menuspecial2 p a { 
    font-family: 'Arial'; 
    font-size: 1.1em; 
    color:white; 
    font-weight:bold; 
    text-decoration: none;
}

/*----------------------------
 * The copyright.
 *----------------------------*/
#copyright { text-align: left; }

#splashlink { text-align: right; }

#copyright { color:yellow; }

#splashlink a { color:yellow; }

#splashlink a:hover { color:cyan; }


/*===================================*
 * Styles for pages with mostly text 
    There are several kinds of pages described here:
	blog	    lots of text, mostly of a narrative nature
	container   page contains other objects (photos, etc)
	donate	    the donation page
	dream	    wildest dream
	faq	    FAQ pages
	forsale	    page of for sale items
	guest	    the guestbook, perhaps something else someday
	home	    home page and other pages with little useful info
	info	    text of a more serious nature
	list	    page of lists

    Pages:
	blog	    blog, bonerintro, forsale, offerings, scenarios, tourofferings, touroverview
	container   animation, commercials, music-archives, music-piece, photos, showvideo, tourphotos, videos 
	donate	    donate
	dream	    dream
	faq	    bonerfaq
	forsale	    forsaleitem
	guest	    guestbook42, guestbookreply
	home	    bonerhome, home, houseflyer, jigsaw, tourhome
	info	    booking, dream
	list	    list, tourlowdown, tourmotives
/*===================================*/

/* For the pages with lots of info. infotext is the normal text, infotable is text inside tables. */
.infotext { background: cyan; color:black; font-size: .8em; font-family: 'Arial';}
.infotable { background: cyan; color:black;  font-size: 1em; }

h2.infohead { 
    font-size: 2.2em; 
    color:black; 
    font-weight: bold; 
    text-align:center; 
    margin-top: 20pt;
    margin-bottom: 20pt;
}
    
/* Text on pages with music. */
.musictext { 
    background: #33ffff; 
    color:black; 
    font-weight: normal; 
    font-size: 10pt; 
    font-family: 'Arial';
}

td.musictext { 
    font-weight: normal; 
    font-size: 1em;
}

/* Music link entries */
span.musictext {
    font-size:10pt;
    border:ridge 10px #0000ff;
    padding:5px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    float:left;
    background: #00ff00;
    width:60px;
    font-weight: bold;
}
    
.comments { font-family: comic sans ms; }

/*----------------
 * blog
 *----------------*/

.blog, .blog table tr td {
    background: #66aaff;
    color: black;
    font-size: 0.8em;
    font-family: 'Arial';
    text-align: top;
    padding: 0 5pt 0 5pt;
}

/* Titles */
.blog h1 {
    font-size: 20pt;
}
/* subtitles */
.blog h2 {
    font-size: 12pt;
}

/* section heads */
.blog h3 {
    font-size: 1em; 
    color: FFFFFF; 
    font-weight: bold;
    margin-top: 30px;    padding: 0 10pt 0 10pt;

}

.blog h4 {
    font-size: 1.5em;
    margin: 0 0 0 0;
}

td.blog { padding-top: 10px; }

/*----------------
 * container
 *---------------*/
.container { background: url(images/stucco.jpg); color:black; }

td.home { padding: 15pt 0 0 0; }

.container h2 {
    font-size: 16pt;
}

.container a button {
    background:white;
    font-size: 18pt;
}

.container table tr td {
    text-align: center;
}

/*----------------
 * donate
 *---------------*/

.donate {
    background: #ffd;
    font-family: Times;
    padding: 0 10pt 0 30pt;
}

.donate form input {
    background:white;
}

#donate-address {
    background: white;
}

.donate h2, .donate h1 {
    text-indent: -20pt;
}

.donate hr {
    margin-left: -20pt;
}

/*----------------
 * faq
 *----------------*/

.faq {
    background: black;
    color: white;
    font-size: 12pt;
    font-family: 'Arial'; 
}

.faq h1 {
    color: white;
}

.faq h2 {
    color: red;
    font-size: 12pt;
}

/*----------------
 * dream
 *----------------*/

.dream h1 {
    font-size: 36pt;
}

.dream, .dream table tr td {
    color: white;
    font-size: 16pt;
    background: #2b2;
}

/*----------------
 * forsale
 * forsaleitem
 *
 *  h1 = title
 *  h2 = ID
 *  h3 = price
 *----------------*/

.forsaleitem {
    background: white;
}

.forsale tr td {
    font-family: Arial;
    font-size: 10pt
}

.forsale h1 {
    font-size: 14pt;
    margin: 30 0 0 0;
}

.forsale h2 {
    font-size: 10pt;
    margin: 0 0 0 0;
}

.forsaleitem h1 {
    font-size: 20pt;
    margin: 30 0 0 0;
}

.forsaleitem h2 {
    font-size: 12pt;
    margin: 0 0 0 0;
}

.forsale h3,
.forsaleitem h3 {
    font-size: 14pt;
    margin: 0 0 0 0;
    color:black;
}

/* .forsale img {
    width: 200px;
} */

/*----------------
 * guest
 *---------------*/
.guest { background: #dee6bd; color:black;  }

#address { font-weight:bold; }

/*----------------
 * home
 *---------------*/

.home {
    color:white;
    text-align: center;
    font-size: 1em; 
    font-family: 'Arial';
}

.home strong { font-weight: bold; }

.home img { padding-bottom: 30px; }

td.home { padding-top: 30px; }

/*----------------
 * info
 *---------------*/
.info {
    background: cyan; 
    color:black; 
    font-size: .8em; 
    font-family: 'Arial';
}

.info h1 {
    text-align: center;
}

.info h1 a {
    font-size:27pt;    
    font-weight: bold;
    padding-left: 30pt;
    padding-right: 30pt;
}

.info table tr td {
    font-family: 'Arial';
    font-size:14pt;    
    font-weight: bold;
    padding-left: 20pt;
    padding-right: 20pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

.info table tr td h4 a {
    font-size: 20pt;
}

.info table tr td h5 a {
    font-size: 10pt;
}

td.info { padding-top: 20px; }

/*----------------
 * list
 *---------------*/

.list { 
    color: black;
    background: cyan;
    font-family: 'Arial'; 
    font-size:10pt; 
/*    font-weight:bold; */
}

.list h2 {
    font-size:24pt;
    font-weight: bold;
    text-align:center;
}    

.list h4 {
    font-size:14pt;
    font-weight: bold;
}    

.list h6 {
    font-size:24pt;
    margin: 0 0 5px 0;
}

.list u { 
    color:green; 
}

td.list { padding: 20px 0 0 10px; }