div {
     margin: 20px auto;
     width: 600px; 
}

body {
     background-color: #e6e6e6;
     color: #000080;
     font-family:  Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
     font-size: 100%;
     line-height:1.35;
     border-top: 8px #000 solid;
     border-bottom: 8px #000 solid;
     margin: 0;
     padding: 0;
}

footer, header, nav, section {
     display: block;
}

#intro p {
     margin: 30px auto 10px;
     width: 600px;
}

#connect ul {
     list-style-type: none;
     width: 200px;
     margin: 0;
}

#connect li {
     border-top: 1px dotted #999;
     border-width: 1px 0;
     margin: 12px 0;
}

#connect li a {
     color: #990000;
     display: block;
     font: bold Arial, Helvetica, sans-serif;
     padding: 12px;
     text-decoration: none;
}

* html #connect li a {  /* make hover effect work in IE */
     width: 200px;
}

#connect li a:hover {
     color: #600;
     text-decoration: underline;
}

#connect li#tw {
     background-image: url(img/twitter32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#li {
     background-image: url(img/linkedin32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#fb {
     background-image: url(img/facebook32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#del {
     background-image: url(img/delicious32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#fl {
     background-image: url(img/flickr32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#su {
     background-image: url(img/stumbleupon32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#connect li#ff {
     background-image: url(img/friendfeed32.png);
     background-repeat: no-repeat;
     background-position: 0 .5em;
     padding-left: 1.75em;
}

#fbl { color: #3993ff; }
#fr { color: #ff1c92; }
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#e6e6e6;border: 0;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#connect { float: left; width: 50%; }
#photos { float: left; width: 50%; }

#diamondbacks { clear: both; }

#diamondbacks a { color: #990000; text-decoration: none; border-bottom: 1px dotted #990000; }
#diamondbacks a:hover { background-color: #bacfec; color: #000; border-bottom: 1px dotted #000;}

#contact { margin-bottom: 50px; }