/* Contents of this file:
* |basic-styles |
* |navbar.php |
* |Page Title |
* |Writing Container|
* |Footer bar |
* |General |
* ============ *
* |Index |
* |Gallery Index |
* |Journal Index |
* |Tamagotchi Index |
* |Website Links Index |
* |Login Page |
* |Contact Me |
* ============ *
* |Journal Pages |
* |Gallery Pages|

*/

:root {
    /*Main */
    --text_main_color: black;
    --bg_main_color: rgba(255,255,255,0.9);
    --border_main_color: #04AA6D;
    
    --link_color: #0066CC;
    
    
    /*
    --border_main_color: #54D9FF;
    --bg_main_color: #596475;
    --text_main_color: white;*/
    
    /*Tables
    --table_bg_color: #D8D8D8;
    --th_bg_color: #ababab;
    --table_hover_color: #f0f0f0;
    --table_a_color: blue;*/
    
    
}



/* *basic-styles* */
    body {
		background-color: #D6D6D6;
		background-color: #29d998;
		/*background-color: #A6D5F7;*/
		
	    background-image: url("../images/halloween/hweenbg3.jpg");
	    background-image: url("../images/fabric-of-squares_with_leaves.png");
	    background-image: url("../images/bgtext.png");
	    /*background-image: url("../images/bg-main2.png");*/
		/*background-repeat: no-repeat;
		background-attachment: fixed;
        background-size: cover;*/

		color: var(--text_main_color);
	}

    
    /* Main Content box colors*/
    .header, .footer, .left, .right, .main {
        border-style: outset;
        border-width: 2px;
        border-color: var(--border_main_color);
        background: var(--bg_main_color);
        background-image: url("../images/church.png");
    }
    
    .left {
        border: 2px solid #419055;
        border-top: none;
    }
    
    .main {
        background-image: none;
    }

    /* Link Colors*/
	a:link, a:visited, a:hover, a:active {
	    color: var(--link_color);
	    background-color: transparent;
	}
	
	.main h2 {
        border-bottom: 2px solid #419055;
        background-color: #DEF2C8;
        color: #203E5C;
	}
	
	
	
    h4 {
        border-top: 2px solid #419055;
        border-bottom: 2px solid #419055;
        background-color: #A1E1BE;
        color: #205C3B;
    }

/*Footer bar==================================================================*/


    .update-date {
        color: orange;
        }


/*General=====================================================================*/
    .pagecreationdetails {
        text-align: center;
        }
    .pagecreationdetails .dateitem {
        text-decoration: underline;
        color: orange;
        }
    .pagecreationdetails .dateinfo {
        color: cyan;
        }
/*Index=======================================================================*/

    /* Index Table - Table */
    
        table.index_table, .index_table th, .index_table tr, .index_table td {
            background-color: var(--table_bg_color);
            border: 1px solid black;
            }

        table.index_table {
            border: 2px solid var(--border_main_color);
            }

        .index_table tr, .index_table td{
            border-color: var(--table_bg_color);
            }
        
        .index_table th {
            background-color: var(--th_bg_color);
            }
        
        .index_table td:hover {
            background-color: var(--table_hover_color);
            }
            
    /* Index Table - a */
    
        .index_table a{
            color: var(--table_a_color);
            }

/*Gallery Index===============================================================*/

    table.galleryindex_table, .galleryindex_table th, .galleryindex_table tr, .galleryindex_table td {
        background-color: var(--table_bg_color);
        border: 1px solid black;
        }
        
    table.galleryindex_table {
        border: 2px solid var(--border_main_color);
        }
        
    .galleryindex_table th {
        background-color: var(--th_bg_color);
        }
        
    .galleryindex_table a {
        color: var(--table_a_color);
        }


/*Tamagotchi Index============================================================*/

    /*Tama Links Table */
    	table.tama_links, .tama_links th, .tama_links tr, .tama_links td {
            background-color: var(--table_bg_color);
            border: 1px solid black;
            }
        
        table.tama_links {
            border: 2px solid var(--border_main_color);
            }
        
        .tama_links tr, .tama_links td{
            border-color: var(--table_bg_color);
            }
            
        .tama_links th {
            background-color: var(--th_bg_color);
            }
        
        .tama_links td:hover {
            background-color: var(--table_hover_color);
            }

    /*Tama  Table */
    	     
        table.tama_table, .tama_table th, .tama_table tr, .tama_table td {
            background-color: var(--table_bg_color);
            border: 1px solid black;
            }
        
        table.tama_table {
            border: 2px solid var(--border_main_color);
            }
        
        @media screen and (max-width: 600px) {
            table.tama_table {
                width: 100%;
                }
            }
        
        .tama_table tr, .tama_table td{
            border-color: var(--table_bg_color);
            }
            
        .tama_table th {
            background-color: var(--th_bg_color);
            }
        
        .tama_table td:hover {
            background-color: var(--table_hover_color);
            }

    /* Index Table - a */
    
        .tama_links a{
            color: var(--table_a_color);
            }
        
        .tama_table a{
            color: var(--table_a_color);
            }

/*Website Links Index=========================================================*/

    /* Websitelinks Tale - Table */
    	        
        .websitelinks_table, .websitelinks_table th, .websitelinks_table tr, .websitelinks_table td {
            background-color: var(--table_bg_color);
            border: 1px solid black;
            }
        
        .websitelinks_table {
            border: 2px solid var(--border_main_color);
            }

        .websitelinks_table tr, .websitelinks_table td{
            border-color: var(--table_bg_color);
        }
        
        .websitelinks_table th {
            background-color: var(--th_bg_color);
            }

    /* Websitelinks Table - a */
    
        .websitelinks_table a{
            color: var(--table_a_color);
            }
            
    /* Warning message */  
    
        #warning {
            color: orange;
            }
 
        
/*Contact Me==================================================================*/
    table.contact_table, .contact_table th, .contact_table tr, .contact_table td {
        background-color: var(--table_bg_color);
        border: 1px solid black;
        }
    table.contact_table {
        border: 2px solid var(--border_main_color);
        }
    .contact_table tr, .contact_table td{
        border-color: var(--table_bg_color);
        }
    .contact_table th {
        background-color: var(--th_bg_color);
        }
    .contact_table a {
       color: var(--table_a_color);
        }
    .contact_table a:visited {
        color: var(--table_a_color);
        }
        
/*Journal Pages===============================================================*/
        
    .returnbutton {
        background-color: orange;
        border-color: var(--border_main_color);
        color: black;
        }