/* styling for table layout on www.ardenwilken.com home page (updated: 5.2.10) */

h1, h2     {
           margin:  0;         /* no spacing around outer edge of white header boxes */
           padding: 0;         /* no spacing around headers in white boxes */
           color:                 #fff;  
	                  
}

-------------------------------------------------------------------------------------------------------------
/* this list ('navigation3') styles the top navbar on the right of the page, links to other website pages: */
        
ul#navigation3 {
	          margin-left:           0;
              padding-left:          0;
              list-style-type:       square;
              }

ul#navigation3 a { 
              display:             block;
              text-decoration:     none;
              text-align:          center;
              background:          #ADD8E6;
              color:               #000;
              padding:             .5em 2em;   /* reduced left/right from 5em to 2em */
              border-bottom:       thin solid #fff;
              border-left:         thin solid #fff;
              border-right:        thin solid #fff;
              -moz-border-radius:       8px;
              -webkit-border-radius:    8px;
              width:               10em;
}

ul#navigation3 a:hover {
              background:          #069;
              color:               #fff;
              
}
ul#navigation3 li {
              display:             inline;
              margin:              2em auto;
}


-----------------------------------------------------------------------------------------

/* this styles the container called 'sidebar' floating right on page: */

#sidebar  {
           background-color:         #DAE2F1;
           width:                    200px;
           height:                   1500px;
           margin:                   5px 10px;
           padding:                  5px 10px;
           border:                   1px solid #fff;
           border-color:             #fff #999 #999 #fff;
           border-style:             groove;
           -moz-border-radius:       10px;
           -webkit-border-radius:    10px;
           float:                    right;
           text-align:               center;
           }

------------------------------------------------------------------------------------------------------------

/* this controls all text inside this 'div' on the page, supercedes 'index.css' */

#maincontent   {                                         
               background-color:      #DAE2F1;
               margin:                .3em;
               margin-right:           0;
               margin-left:            0;
               padding:               .5em;
               padding-right:         1em;
               padding-left:          1em;
}

-------------------------------------------------------------------------------------------------------------

/* this section styles the tables called 'intro' */

 table#intro    {
              margin-left:         0;
              margin-right:        0;
              border:              thin solid #fff;
              border-collapse:     collapse;
              text-align:          left;
}

/* this section styles the section header & each table component of table 'intro' */

table#intro td, th        {                                
              background-color:    #69C;                    /*  #dcdcdc - silver;        #B0C4DE - light blue */
              margin:              0;
              padding:             0;
              border:              thin solid #fff;
              border-right-color:  #000;
              border-bottom-color: #000;
              border-style:        groove;
              -moz-border-radius:    10px;
              -webkit-border-radius: 10px;
              border-collapse:     collapse;
              border-spacing:      0;
              text-align:          left;      /* aligns text within cells */        
}


table#intro caption       {
              font-style:          italic;
              padding-top:         0.8em;
} 

-----------------------------------------------------------------------------------------------------------

/* this section styles the table called 'detail' */

table#detail    {
              margin-left:         0;
              margin-right:        0;
              border:              thin solid #fff;
              border-collapse:     collapse;
              text-align:          left;
              caption-side:        top;           
}

/* this section styles the section header & each table component of table 'detail' */

table#detail td, th        {
              border:              thin solid #fff;
              border-spacing:      0;
        /*   text-align:          left;     aligns text within cells */
              padding:             1em;         
}

-----------------------------------------------------------------------------------------------------------

/* this styles the gallery section at foot of page */

.gallery  {
             font-size:            1.1em;
             list-style-type:      none;
             text-indent:          -1em;
             text-align:           left;
             margin:               0;
             padding:              0;
             padding-left:         -1em;
             width:                100%;
             border:               1px solid #fff;
             border-right:         1px solid #000;
             border-bottom:        1px solid #000;
             -moz-border-radius:   2em;
             -webkit-border-radius: 2em;
             
             
 }
 
.section     {
             font-size:             1em;
             color:                 red;
             text-transform:       none;
 }
 
 
----------------------------------------------------------------------------------------------------------

/* this section styles the generic containers in the sidebar: */

.container   {
           margin:                   5px 0;
           padding:                  0;
           border:                   thin solid #fff;
           border-color:             #fff #999 #999 #fff;
           border-style:             none;
           border-spacing:           0;
           -moz-border-radius:       10px;
           -webkit-border-radius:    10px;
           width:                    100%;
           height:                   350px;
           background-color:         #ADD8E6;
           text-align:               left;
           float:                    center;
            } 

-----------------------------------------------------------------------------------------------------------

/* this styles the header 'bars' at the head of each section, including links in sidebar:  */

.links    {
            font-size:             1.1em;
            font-weight:           normal;
	        text-align:            center;
	        margin:                0;
            padding:               0;
	        padding:               .4em 0;
            padding-left:         -1em;
            width:                100%;
            float:                 center;  
            border:                1px solid #fff;
	        border-right:          1px solid #000;
	        border-bottom:         1px solid #000;
            -moz-border-radius:    2em;
            -webkit-border-radius: 2em;
            }                    
            
------------------------------------------------------------------------------------------   

/* this section styles all links within the text of the main content: */

a:link {
	        color:                 #30F; - blue 
            text-decoration:       none;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}