* { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

body { font: 62.5% "Verdana", serif; background: #fff; color: #000; text-align: center; }

ul, ol { list-style: none; }

a { color: #3e57b3; text-decoration: none; }
a:hover { color: #666; border-bottom: 1px dotted #666; }
a:active, a:focus { color: #999; border-bottom: 1px dotted #999; }

#hdr { width: 100%; position: fixed; top: 0; left: 0; background: #222; border-bottom: 3px solid #3e57b3; }
#hdr h1 { width: 920px; margin: 0 auto; padding: 1.5em 0; text-align: left; font: bold 1.8em "Trebuchet MS"; color: #fff; text-align: right; }
#hdr h1 span { position: absolute; top: 0; left: -99999px; }

#main { width: 920px; margin: 0 auto; padding: 8em 0 4em; text-align: left; line-height: 1.6; }
#main h2 { margin: 1.2em 0 1px; font-size: 1.6em; color: #222; border-bottom: 1px solid #ccc; }
#main p { margin: 1em 0 1px; font-size: 1.2em; color: #222; }
#main p.right { text-align: right; }

#main ul.freelance { margin: 1em 0 1px; font-size: 1.2em; color: #222; text-align: center; overflow: hidden; zoom: 1; }
#main ul.freelance li { width: 33.3%; margin: 1.2em 0 1px; float: left; }
#main ul.freelance li div { margin: .4em 0 1px; color: #999; }
#main ul.freelance li div a img { border: 1px solid #999; margin: 0 auto; padding: 1px; display: block; text-align: center; }

#main ul.linkList { margin: 1em 0 1px; font-size: 1.2em; color: #222; overflow: hidden; zoom: 1; }
#main ul.linkList li { width: 286px; float: left; background: url(/linklist.png) no-repeat 10px .5em; padding: 0 0 0 20px; }

#main ul.flickr { margin: 1.8em 0 1px 20px; overflow: hidden; zoom: 1; }
#main ul.flickr li { margin: 0 10px 0 0; float: left; }
#main ul.flickr li a { float: left; border: 1px solid #999; padding: 1px; }
#main ul.flickr li a:hover, #main ul.flickr li a:active, #main ul.flickr li a:focus { border-color: #3e57b3; }