/*
 Theme Name:   Graphy - Project: Thinking On Paper
 Theme URI:    http://commons.princeton.edu/
 Description:  A version of the Graphy theme for Princeton University.  
 Author:       Ben Johnston
 Template:     graphy
*/


.color:nth-child(1) { padding:1em;box-shadow: -25px -25px #95b1dd; }
.color:nth-child(2) { box-shadow: -25px -25px #cf9693; }
.color:nth-child(3) { box-shadow: -25px -25px #d7fbd0; }
.color:nth-child(4) { box-shadow: -25px -25px #f2c195; }
.color:nth-child(5) { box-shadow: -25px -25px #ddd9c2; }
.color:nth-child(6) { box-shadow: -25px -25px #eddad6; }
.color:nth-child(7) { box-shadow: -25px -25px #d9e9f1; }
.color:nth-child(8) { box-shadow: -25px -25px #e2dceb; }
.color:nth-child(9) { box-shadow: -25px -25px #ee8d39; }

/************** tabbed viewer ****************/

        h3 {
            text-align: left;
        }
        
        /* Button to open the content */
        .linkclass {
            float: left;
            cursor: pointer;
            padding: 10px 15px 10px 10px;
            background-color: light-grey;
        }
        
        /* Button styling on mouse hover */
        #tabsDiv a:hover {
            color: black;
            background-color: #e9e9e9;
            font-size: 16px;
        }
        
        /* Change the color of the button */
        button.active {
            background-color: #c0c0c0;
        }
        
        /* Content for button tabs*/
        .contentClass {
            display: none;
            padding: 10px 16px;
            border: 2px solid #c0c0c0;
        }