html, body, h1, h2, h3, ul, li, p, img, a, div { padding: 0; margin: 0; }
body { background: #fff; color: #000; font-family: georgia; font-size: 0.8125em; min-width: 66em; }
h1, h2, h3, h4, h5, ul#links { font-family: 'times new roman', times, serif; font-weight: bold; }

div#intro { margin: 100px 0 12% 12%; float: left;}

h1, h3 { 
font-size: 5.6em; 
color: #ddd; 
line-height: 1em; 
letter-spacing: -5px;
font-weight: normal;
font-style: italic; }

h2, h4, ul#links { 
color: #000; 
font-size: 0.85em; 
text-transform: uppercase;
word-spacing: 1em;
letter-spacing: 2px;
margin-top: -1.1em; }

h1 { text-transform: lowercase; }
h3 { font-size: 2.8em; letter-spacing: -2px; word-spacing: 0.3em; color: #bbb; }
h4 { margin-top: -0.5em; }

ul li { list-style: none; }

p { line-height: 1.5em; padding: 0 0 2em 0; text-align: justify; width: 16.3em; }
p.footer { clear: both; text-align: center; width: 100%; }
p.footer a { border: none; }

a { color: #000; border-bottom: 1px solid #aaa; text-decoration: none; }
a:hover, a:active { text-decoration: none; border: none; }
a:focus { background: #c00 !important; outline: none; }

ul#links { margin: 3.5em 0; word-spacing: 0.5em; line-height: 1.5em; }
ul#links a { border: none; color: #aaa; }
ul#links a:hover, 
ul#links a:focus,
ul#links a:active { color: #777; }
ul#links a.current { color: #000; }

ul#samples { margin: 130px 0 0 12%; float: left; }
ul#samples li { padding: 0; height: 32em; }
ul#samples li h4 { margin-bottom: 1.75em; }
ul#samples li h4 a { border: none; }
ul#samples li h4 a:hover { border-bottom: 1px solid #aaa; margin: }
ul#samples li a.thumb { margin: 0.35em 12px 0 0; border: 1px solid #aaa; padding: 3px; float: left; }
ul#samples li a.thumb:hover,
ul#samples li a.thumb:focus,
ul#samples li a.thumb:active { background: #ddd; }
ul#samples li a.thumb img { height: 200px; width: 200px; border: none; }
ul#samples li a.thumb img:hover { background-position: top right; }
ul#samples li p { padding: 0 5px 0 0; float: left; text-align: left; }


ul#samples li div.mosaic { width: 220px; margin: 0.35em 0 0 0; float: left; }
ul#samples li div.mosaic a.thumb { margin: 0 -1px -1px 0; }
ul#samples li div.mosaic a.thumb img { height: 62px; width: 62px; }

/*** Websites ***/

li#akarra a.thumb img { background: url(images/web/akarra.png) top left no-repeat; }
li#seamus a.thumb img { background: url(images/web/seamus.png) top left no-repeat; }
li#pkrf a.thumb img { background: url(images/web/pkrf.png) top left no-repeat; }