body {margin: 0; padding: 0; font-family: verdana, helvetica, sans-serif; font-size: 75%; background: #fff; line-height: 1.4; background: white;}

/* page layout */
#wrap {width: 816px; margin: 2.5em auto 1.2em auto;}
#left {float: left; width: 142px;}
#content-wrap {width: 636px; min-height: 450px; padding: 18px; float: right; border: 1px solid #ccc;}
#header {width: 100%; height: 106px; overflow: hidden; clear: both; margin: 0;}
#tagline {position: relative; top: 64px; overflow: hidden; height: 30px; background: transparent url(../images/interactive-exhibits.gif) no-repeat 0 0;}
#tagline h2 {text-indent: -1437px;}
#blog-title {float: left; width: 100px; margin: 40px 0 0 0; text-align: right; font-size: .9em;}
#sub-navigation {clear: left; float: left; margin: 34px 0; padding: 0; width: 138px;}
#content {margin: 24px 0 0 0; padding: 0; width: 100%; line-height: 160%; font-size: .9em;}
#content .home-left {float: left; width: 240px; margin-right: 18px;}
#content .home-right {clear: right; float: left; width: 240px; overflow: hidden;}
#content .left-side {float: left; width: 300px; margin-right: 18px;}
#content .right-side {clear: right; float: left; width: 318px; overflow: hidden;}
#content .blog-left {float: left; width: 400px; margin-right: 18px; overflow: hidden;}
#content .blog-right {float: left; padding-left: 18px; width: 200px;}
#home-bottom {clear: both; width: 100%; overflow: hidden; padding: 16px 0; background: url(../images/exclamation-point.gif) no-repeat 712px 18px; font-size: .9em;}
#footer {clear: both; width: 100%; font-size: 90%; padding: .5em 0; text-align: center;}
#footer p {padding: .5em 0;}

/* homepage */
#home #wrap {background: url(../images/bg.gif) no-repeat 0 134px;}
#home #footer {background: #fff url(../images/bg-footer.gif) no-repeat 0 0;}
.box {float: left; margin-right: 19px; padding: 0; width: 240px;}
.box.first {width: 140px;}
#home-blogs-header {text-align: right; float: right; padding-right: 38px; line-height: 1.2;}
.box.last {margin-right: 0;}
#home-blog-date {float: left; position: relative; text-align: center; line-height: 100%; padding: 7px 7px; width: 2.3em; color: #ef0000; font-weight: bold; font-family: arial, helvetica, sans-serif; margin: 0 12px 2px 0; background: #eee;}
#home-blog-author {font-size: 90%; margin-bottom: 4px;}

#content ul, ul.arrow, ul.disc {list-style: none; margin-left: 0;}
#content ul li, ul.arrow li {background: url(../images/arrow.gif) no-repeat 0 .7em; padding-left: 12px;}
ul.arrow li a.on {color: #ef0000; border-bottom: none;}
ul.disc li {background: url(../images/disc.gif) no-repeat 0 .7em !important; padding-left: 12px;}

ul.update-list {list-style: none; margin-left: 0;}
ul.update-list li span {margin-right: 6px;}

/* navigation */
#header ul {float: right; top: 0; margin: 0 10px 0 0; padding: 0; list-style: none; line-height: 115%;}
#header li {margin: 0; padding: 0;}
#header li a {margin: 0; padding: 0; font-size: 90%; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom: none;}
#header li a.on {color: #ef0000;}

/* links */
a {outline: 0;}

a:link {color: #666; text-decoration: none; border-bottom: 1px solid #ccc;}
a:visited {color: #666; text-decoration: none; border-bottom: 1px solid #ccc;}
a:hover, a:active {color: #ef0000; text-decoration: none; border-bottom: 1px solid red;}

a img {background-color: #fff; border: none !important;}
a.btn {border: none !important;}

/* sub-navigation */
#sub-navigation ul {margin: 0 0 1.2em 0; padding: 0; list-style: none;}
#sub-navigation li {margin: 0; padding: 0; width: 120px; line-height: 96%;}
#sub-navigation li a {padding: .5em 0; font-size: 90%; font-family: arial, helvetica, sans-serif; font-weight: bold; border-bottom: none; display: block;} 
#sub-navigation li a:hover {}
#sub-navigation li a.on {color: #ef0000;}

#sub-navigation ul ul {margin: 0; padding: 0; list-style: none;}
#sub-navigation ul ul li {margin: 0; padding:  0; padding-left: 9px; width: 132px; line-height: 90%;}
#sub-navigation ul ul li a {margin: 0; padding: .5em 0; font-size: 80%; font-weight: normal; font-family: tahoma, arial, sans-serif; text-decoration: none; background: none; display: block;}

#left h1 a  {float: left; margin: 0; display: block; height: 107px; width: 107px; background: url(../images/logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
#left h1 a:hover {background: url(../images/logo.png) no-repeat 0 -107px; border-bottom: none !important;}

h1 {font-size: 180%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 {font-size: 140%; margin: 0 0 .5em 0; padding: .25em 0; font-family: verdana, arial, sans-serif; font-weight: bold;}
h3 {font-size: 124%; margin: 0 0 .5em 0; padding: .25em 0; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #ef0000;}
#home-bottom h3, .blog-right h3 {color: black;}
h4 {font-size: 114%; margin: 0 0 .25em 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #ef0000;}
h4 span {font-size: 75%; display: inline; float: right; padding: .5em;}
h5 {font-size: 120%; margin: 0 0 .25em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #000;}
h2 span {display: block; font-style: italic; font-size: 80%; font-family: arial, helvetica, sans-serif;}
.location {display: block; margin: -1.2em 0 .75em 0; padding: .25em 0; font-weight: bold; font-style: italic; font-size: 110%; font-family: arial, helvetica, sans-serif;}

p {margin: 0 0 1.2em 0;}
blockquote {margin: 1.2em 0; padding-left: 1.8em; color: saddlebrown;}
blockquote a:link, blockquote a:visited {color: saddlebrown;}
hr {margin: 0 0 1.2em 0; background: #ccc; border: none; width: 100%; height: 1px;}
img {border: 0; padding: 0;}
img.profile {border: 6px solid #ccc;}
ul, ol {margin: 0 0 .25em 2em; padding: 0;}
#content ul {margin-bottom: 1.2em;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italics;}
.clearfix {clear: both;}

code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}

fieldset {margin: 0 0 1.2em 0; padding: 1em 1.5em; border: none; background: #e5e5e5;}
legend {font-size: 130%; padding: 0 .25em; font-weight: bold; color: black; background: white; font-family: arial, helvetica, sans-serif;}
*html legend {margin-bottom: 1em;} /* ie fix */
legend span {font-weight: normal; font-size: 80%; color: #000;}
label {}
label.required {font-weight: bold;}
label.error {color: #cc0000; font-weight: bold;}
label span {color: #ef0000;}
form {margin: 0;}
input, textarea {padding: .25em; font-size: 100%; font-family: arial, helvetica, sans-serif;}
.textfield {padding: .3em; background: #fff; border: 1px solid #ddd; border-top: 2px solid #aaa; border-left: 2px solid #aaa;}
input.error {background: #FFDFDF;}
select {padding: .2em; font-size: 100%;}
table caption {line-height: 2; font-weight: bold;} 

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: darkred; color: #fff;}
#error ul {list-style: disc; margin: 0; padding: .25em 2em; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#action {margin: 1.2em 0; padding: .25em 0; background: darkgreen; color: #fff;}
#action ul {list-style: disc; margin: 0; padding: .25em 2em; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#error ul li, #action ul li  {background-image: none; padding: 0;}

/* blog */
.auth {margin: -.6em 0 1em 0; color: #666;}
#comments {clear: both; margin: 1.2em 0; padding: 1.2em 0; border-top: 1px solid #ccc;}
#content .blog-right hr, #comments hr {display: none;}
#comments .comment-postline {margin-bottom: .25em;}
#comments .commentby {color: #000;}
.comment-body {margin-bottom: 1.2em; padding: 1.2em 0; border-bottom: 1px solid #ddd;}
.comments-link {margin-bottom: 1.7em; color: #666;} /* margin for post spacing */
.captcha-msg {font-size: 90%; color: #999; padding: 0;}
#comments textarea, #comments input {font-family: arial, helvetica, sans-serif;}

/* gallery */
#credits {position: relative; float: right; width: 100%; top: 327px; z-index: 12;}
*html #credits {}
#credits div {position: absolute; bottom: 0; right: 0; text-align: right; font-family: arial, helvetica, sans-serif;}
.thumbs {position: relative; float: left; clear: both; margin: 1.2em 0 0 0; width: 100%; overflow: hidden;}
.thumbs ul {list-style: none; margin: 0; clear: left;}
.thumbs li.no-js, .thumbs li.no-js img {width: 318px; height: 327px;} /* degrades nicely */
.thumbs li {position: relative; width: 95px; height: 90px; overflow: hidden; display: inline; float: left; margin-left: 7px; padding: 0 !important; background: #ccc; background-image: none !important; border: 2px solid white;}
.thumbs li.selected {border: 2px solid red;}
.thumbs li a {cursor: pointer; border: none; margin: 0; padding: 0;}
.thumbs li img {width: 95px;  /*top: -75%; left: -75%;*/}

.large-pic {position: relative; clear: right; float: left; width: 318px;}
.large-pic img {width: 318px; height: 327px;}
.blank {position: absolute; background: transparent url(/images/blank.gif); z-index: 10;} /*right-click disabled */
.blank.big {width: 318px; height: 327px;}
.blank.small {width: 95px; height: 90px;}