/* site-wide styles... */

/* layout */
* {
 margin:0;
 padding:0;
 border:0;
}
html, body {
 height: 100%;
 font-family: arial, verdana, sans-serif;
}
body {
 text-align: center;
 min-height: 400px; /* For Mozilla/Opera/Safari */
 color:#666;
 background:url(img/bg.png) repeat-y center #fff;
 font-size:90%;
}
#container {
 position:relative;
 width:744px; /* px or % */
 min-height:100%;
 height:auto;
 margin: 0 auto 0.1em auto; /* centre */
 text-align:left;
 color:#666;
 padding:16px 24px 0 32px;
 background:url(img/border.png) repeat-y left #fff;
}
* html #container {
 height:100%;
}
#footer {
 position:absolute;
 bottom:0;
 padding-bottom:24px;
 width:744px;
}
#one_col {
 float:left;
 width:744px;
 margin-bottom:56px; /* guessed footer height + margin top */
 padding-top:32px;
}
/* two column float */
#two_col_float_left {
 float:left;
 width:370px;
 margin-bottom:56px; /* guessed footer height + margin top */
}
* html #two_col_float_left {
 width:370px;
}
#two_col_float_right {
 float:right;
 width:370px;
 margin-bottom:56px; /* guessed footer height + margin top */
}
* html #two_col_float_right {
 width:370px;
}
/* site */
blockquote { font-style:italic; }
pre {
 font-family:'lucida console', monospace;
}
hr {
 display:none;
}
.hr {
 border-bottom: solid 1px #309;
 padding: 4px 0;
 margin: 3px 0;
}
h1 {
 color:#306;
 font-size:140%;
 padding-bottom:4px;
}
h2 {
 color:#306;
 font-size:120%;
 padding-bottom:4px;
}
h3 {
 color:#666;
 font-size:100%;
}
h1, h2, h3 {
 font-weight:600;
 margin:4px 0;
}
p {
 margin:8px 0;
}
.noborders *, .noborders a:hover img {
 border:0;
}
.noborders img {
 margin:0 8px 4px 0;
}
a {
 color:#309;
 text-decoration:none;
}
a:hover {
 color:#306;
 text-decoration:underline;
}
a:active {
 color:#333;
}
.here {
 color:#306;
 text-decoration:underline;
}
a img, img {
 border:solid 1px #666;
}
#logo {
 border:solid 1px #fff;
 margin:0 24px 0 0 ;
}
a:hover img, a:hover #logo {
 border-color:#306;
}
a:active img {
 border-color:#333;
}
.image {
 float:right;
 margin:4px 0 16px 16px;
}
.thumb {
 float:right;
 margin:4px 0 4px 16px;
}
/* page items */
#header {
 background:url(img/border.png) repeat-y right #fff;
 margin:0 0 0 0;
 height:96px;
}
#nav {
}
#aznav{
 padding:4px 0 4px 0;
}
#aznav a, #aznav .here {
 padding-right:8px;
}
#panav {
 padding:4px 0;
}
#panav a, #panav .here {
 padding-right:1px;
}
#pgnav {
 padding:4px 0;
}
#pgnav a, #pgnav .here {
 padding-right:8px;
 font-weight:600;
}
.here {
 cursor: default;
}
.open {
 color:#306;
 padding:8px 0;
}
.open p {
 margin:2px 0;
}
.based-in {
 padding:8px 0;
}
.address {
 padding-bottom:8px;
}
.blurb {
 font-style:italic;
 padding:8px 0;
}
.commissions, .teaching {
 white-space:nowrap;
}
.to-top {
 margin-top:16px;
}

.float_left   { margin-right:16px; }
.float_left p { text-align:center; }

.float_right { margin-bottom:4px; padding-bottom:4px; }

.balloon { height:114px;width:284px;padding-top:16px;overflow:auto; }
.balloon .thumb { float:right;margin:0 1px 0 4px; } /* ffox :active expands border */
.balloon p { font-style:italic; }

/* editor forms */

.button {
 background:#fff;
 color:#666;
 border:1px solid #666;
 padding:1px;
}

.input, select, textarea {
 background:#fff;
 color:#333;
 border:1px solid #666;
 padding:2px;
 width:354px;
}

textarea {
 height:64px;
}

.radio, .checkbox {
 border:0;
 width:auto;
}

fieldset {
 border:1px solid #666;
 margin-bottom:8px;
 padding:4px;
}

legend {
 padding: 0 8px;
}

.prompt {
 margin-top:32px;
 color: #999;
}

.prompt * {
 color: #999;
}

/* util */
.float_left { float:left; }
.float_right { float:right; }
* html .float_right { padding-right:0; }
.clear { clear:both; } /* put below any floats */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.nobr { white-space:nowrap; }

/* jssearch */

#jssearch_link       { text-decoration:none; color:#309; }
#jssearch_link:hover { text-decoration:underline; color:#306; }

#jssearch_box input  { color:#666; border:1px solid #306; vertical-align:middle; padding:1px; }

#jssearch_popup {
 position:absolute; text-align:left; left:20%; right:20%; bottom:5%; margin-top:16px; overflow:auto;
 border:1px solid #306; padding:16px; -moz-opacity:0.8; background:#fff;
}

#jssearch_popup p        { margin:8px 0 0 0; }
#jssearch_popup input    { color:#666; border:1px solid #306; vertical-align:middle; padding:1px; margin:0 0 16px 0; background:#fff; }
#xjssearch_popup .results { color:#666; font-weight:bolder; margin:16px 0; }
#jssearch_popup a        { text-decoration:none; }
#jssearch_popup a:hover  { text-decoration:underline; }

#jssearch_results p        { margin:8px 0 0 0; }
#jssearch_results .results { color:#666; font-weight:bolder; }
#jssearch_results a        { text-decoration:none; }
#jssearch_results a:hover  { text-decoration:underline; }