/* CSS Document */

body {margin: 10px 0; padding: 0; font-size: 62.5%; font-family: arial, helvetica, sans-serif; color: #777; line-height: 1.7em; background: url('../img/bg-tile.gif');}
#wrap-page-content {margin: 0 auto; padding: 0; text-align: left; width: 800px; position: relative; background: #fff url('../img/bg-image.gif') no-repeat bottom right; border: 1px solid #ccc;}
#header h1 {margin: 0; padding: 0; height: 204px; background: url(../img/header-graphic.gif) top left no-repeat; text-indent: -9999px;}
#header h2 {display: none;}

#wrap-navigation {position: absolute; top: 236px; left: 0; padding: 0; width: 170px;}
#wrap-navigation ul li {margin: 0; padding: 0; list-style: none; text-align: right;}
#wrap-navigation li {margin: 0; padding: 0; font-size: 1.1em; line-height: 2em;}
#wrap-navigation li a {margin: 0; padding: 0 20px 0 0; color: #666; font-weight: bold; text-decoration: none;}
#wrap-navigation li a:hover {color: #bbb; font-weight: bold; text-decoration: none;}

#wrap-content {margin: 0; padding: 0 30px 40px 0; width: 582px; float: right; display: block;}
#wrap-content ul {margin: 0; padding: 0; list-style: none;}
#wrap-content ul li {margin: 0; padding: 0; font-size: 1.2em; line-height: 1.6em;}
#wrap-content ol {margin: 0; padding: 0; list-style: none;}
#wrap-content ol li {margin: 0; padding: 0; display: inline;}
#wrap-content ol li a img {border: 1px solid #ccc !important;}
#wrap-content ol li a:hover img {border: 1px solid #bbb !important;}

#footer {margin: 0; padding: 8px 0 8px 10px; clear: both; color: #ddd; background: #777; font-size: 1.1em;}
#footer a {color: #ddd;}
#footer a:hover {color: #fff;}

#affiliation {margin: 10px 0 0 0; text-align: center;}
#affiliation a {color: #777;}
#affiliation a:hover {color: #333;}

h3 {margin: 0 0 30px 0; padding: 0; font-size: 1.8em; font-weight: bold; color: #333;}
h4 {margin: 0 0 10px 0; padding: 0; font-size: 1.3em; font-weight: bold;}
h5 {margin: 20px 0 0 0; padding: 10px 0 0 0; font-size: 1.3em; font-weight: bold; color: #333;}
h6 {margin: 0; padding: 0 0 10px 0; font-size: 1.2em; font-weight: bold; color: #333; border-top: 1px solid #ccc;}
img {margin: 0; padding: 0;}
p {margin-top: 0; font-size: 1.2em;}
a {color: #600; text-decoration: underline;}
a:hover {color: #333;}

.portfolio-entries {margin: 0; padding: 0;}
.portfolio-entries .p-entry {margin:0 22px; padding:0; width: 145px; height:350px; float:left; display:block;}
.portfolio-entries .p-entry img {margin: 0; padding: 0; width: 145px; height: 200px; border: none !important; display:block;}
.portfolio-entries .p-entry ul {background: #ebebeb; margin: 0 0 20px 0 !important; padding: 2px 6px !important; list-style: none;}
.portfolio-entries .p-entry ul li {margin: 0 !important; padding:0;}

.magazine-spread img {margin: 0 20px 10px 0; padding: 0; height: 160px; order: none !important;}
.magazine-spread ul {margin: 0 0 20px 14px !important; padding: 0; list-style-type: disc !important;}
.magazine-spread ul li {margin: 0; padding: 0;}