/*   -----------------------------------------------CLASSES------------------------------------------->
 */
 

body {
            background-color: #fff;
            font-size: 100%;
            text-align: center;
            font-family: papyrus, palatino, sans-serif;
            color: #000;
            }

p {
            font-size: 100%;
            }

.author {
            
           font-size: 90%;
            font-style: normal;
            }

.copyright {
            
            font-size: 75%;
         }
         

a:link    { color: #000; text-decoration: none; }

a:visited { color: #000 }

a:hover   { color: #818181 }

a:active  { color: #000 }
         
         
         
img  {
            max-width: 100%;
            height: auto;
            width: auto\9; /* ie8 */
}
      
        
.imagelink {
            
            width:auto;
            height:auto;
	
            opacity: 0.25;
            filter: alpha(opacity=25);
            }

.imagelink:hover
{
            opacity: 1;
            filter: alpha(opacity=100);
}



.linkborders {
            
            border-color: rgba(255, 255, 255, .99);
            border-width: 1px;
           
            border-style: dotted;
            
}

.navmargin {
            margin-top: 31%;
            
}





/*  ---------------------------------------------ID's----------------------------------------->
 
*/

#banner {
            padding: 0px 0px 0px 0px;
            margin-top: 10px;   
            }




#photographyby  {
            
            
        
           
            padding: 25px 0px 10px 0px;
            
            
            
            }


#tablecontainer {
            
            display: table;
            border-color: #000;
            border-width: 0px;
            border-style: solid;
            margin-left: auto;
            margin-right: auto;
            padding: 20px 0px 0px 0px;
            
            
            }
      
#tablerow {
            
            display: table-row;
            border-color: #000;
            border-width: 0px;
            border-style: solid;
            float: left;
            
            
            }
      
#column1 {
            
          
            
            float: left;
            display: table;
            border-color: #000;
            border-width: 0px;
            border-style: solid;
            
            margin-right: auto;
            vertical-align: top;
            padding: 0px 0px 0px 0px;
            float: left;
            width: 100px;
            
            
            
            
            }
      
#column2 {
            display: table-cell;
            border-color: #000;
            border-width: 0px;
            border-style: solid;
            padding: 0px 10px 0px 10px;
            }
      
#column3 {
            display: table-cell;
            border-color: #000;
            border-width: 0px;
            border-style: solid;
            
            vertical-align: top;
            padding: 0px 35px 0px 35px;
            
            width: 100px;
            }
      
#footer {
           
            
            padding: 35px 125px 0px 125px;
            margin-top: 25px;
            color: #000;
            }





/*  ---------------------------------------------------Notes--------------------------------------------------->



            Certain elements will inherit rules from the parent.

            Selector of Element { Property: Value } = Rule 

            Class breaks up similar elements. If all <P> on a page have a certain rule
            but a specific <P> needs a different set of rules then Class comes into play 

            .classname { Property: Value } = applies style to all elements within the class 

            If 2 selectors are equally specific, it is the rule nearest the bottom of the page that presides. 

            <tag> Content </tag> = Element
            <tag attribute= "value">
            <tag class= " mutiple multiple multiple" = elements can be in more than one class

*/