/* 

Title:     Dynamic Border Images Web Page
Author:    Daniel Marino
Modified:  April 2008

*/


body { background: #f8f6e9; font-size: 90%; line-height: 140%; color: #404040; font-family: "Times New Roman", Times, serif; margin-right: 15%; padding: 12px; }
h1, h2 { color: #1a1a1a; }
a { color: #b62c39; text-decoration: none; }
a:hover { color: #000; }
a:focus, a:active { outline: none; }
pre { background: #f2efd7; margin: 30px 30px 30px 20px; padding: 10px 15px; overflow: auto; color: #000; }
code { background: #f2efd7; padding: 2px 4px; color: #000; }
table { margin-right: 30px; border-collapse: collapse; }
th, td { padding: 1px 25px 2px 10px; text-align: left; }
th { background-color: #f2efd7; }
td {font-size: 95%; }
#grid-example { position: relative; width: 220px; height: 220px; }
.grid-grid { position: absolute; width: 220px; height: 220; top: 0; left: 0; display: none; }
.float-left { float: left; margin: 0 20px 20px 0; }
.clear { clear: both; }
#footer { clear: both; padding: 10px 0; font-size: 80%; border-top: #404040 1px solid; line-height: 120%; }