/* site-wide styles... see layout.css (c) 2007-01-22 s1webmedia.co.uk */

* {
 color:#333;
 font-family:Arial, Helvetica, sans-serif;
 line-height:120%;
}

a {
 text-decoration: none;
 font-weight:normal;
 color:#333;
}

a:hover {
 text-decoration: underline;
 color:#f06;
}

a.thickbox img, img {
 border:solid #666 1px;
}

.nobr {
 white-space:nowrap;
}

body {
 background:#eee url(bg.png) center repeat;
 /* background:#111 center repeat-y; */
}

#container {
 background:transparent url(cbg.png);
}

#top img {
 margin:16px 0 0 0; border:0; background:transparent;
}

#menu {
 text-align: center;
 margin:0.5em 0 0 0;
}

#menu a {
 margin:0 16px 0 16px;
 font-weight:bolder; font-size:120%;
}

#menu a:hover {
 color:#c06;
}

#menu #here {
 margin:0 16px 0 16px;
 font-weight:bolder; font-size:120%;
 text-decoration: underline;
 color:#c06;
 cursor:default;
}

#bottom p {
 font-size:80%;
 margin:0 8px 0.5em 8px;
}

#bottom img {
 border:0;
 margin-bottom: 8px;
}

p {
 margin-top:16px;
 margin-right:16px;
}

p.right {
 margin-right:16px;
}

.right {
 float:right;
 margin-top:16px;
 padding-left:16px;
 background:pinf;
}

.left {
 float:left;
 margin-top:16px;
 padding-right:16px;
 min-height:190px; /* gallery kludge */
}

.clear { clear:both; }

.help {
 cursor:help;
 border-bottom:dotted 1px;
}

.subhead {
 color:#c06;
 font-weight:bolder;
 font-style:italic;
}

#subnav {
 /*padding-left:26px;*/
}

/* mailer form */

button {
 background:#eee;
 border:solid #666 1px;
}

input, textarea {
 width:610px;
 background:#eee;
 color:#306;
 border:solid #666 1px;
}

textarea {
 height:8em;
}

pre, pre * {
 color:#306;
 white-space:pre-wrap; /* TODO uncomment */
 white-space:-moz-pre-wrap;
 font-family:'lucida console',monospace;
 margin:16px 0 0 28px;
}

fieldset {
 border:1px solid #999;
 margin:10px 0;
 padding:20px;
 width:610px;
}

legend {
 padding: 0 8px;
}

/* ee form */

#f code, #f textarea, #f input, pre {
 color:#306;
 background:#eee;
 white-space:pre-wrap; /* TODO uncomment */
 white-space:-moz-pre-wrap;
 font-family:'lucida console',monospace;
}

#f {
 width:auto;
}

#f button {
 background:#eee;
 border:1px solid;
 padding:1px;
}

#f button, #f button .u {
 color:inherit;
}

#f input, #f select, #f textarea, #f .file {
 background:#eee;
 color:#306;
 border:1px solid #999;
 margin:0 2px 0 0;
 width:610px;
}

#f option {
 background:#ddd;
 color:#000;
}

#f label {
 line-height:160%;
}

#f textarea {
 height:96px;
}

#f button { margin-top:4px; }

#f fieldset {
 border:1px solid #000;
 margin:10px 0;
 padding:10px 20px 20px 20px;
 width:610px;
}

#f legend {
 padding: 0 8px;
}

.u {
 text-decoration:underline;
}

#f .radio, #f .checkbox {
 width:auto;
 vertical-align:middle;
 border:none;
}

.new  { color:#306; }
.warn { color:#f66; }

abbr {
 cursor:help;
 border-bottom:dotted 1px;
}


#preview { border:solid 1px #666; width:auto; }


#xbb {
 line-height:160%;
}


.dt,.li {
 list-style:outside square;
 display:list-item;
}
ul, li {
 list-style:outside square;
 margin:1em 0 0 0;
}

ul {
 padding-left: 29px;
}

dd {
 margin:0 0 0 32px;
}

dl { margin:1em 0 0 0; }
p  { margin:1em 0 0 29px; }

h1 { font-size:120%; font-weight:bolder; margin:1em 0 0 0; padding-left:29px; color:#c06;  }

dl.collapsible dt img, #bottom img { margin-left:0; }
img { margin-left:29px; }

/* collapsible */

dl.collapsible * {
 margin-left:0;
}
dl.collapsible dt {
 font-weight:bolder; padding-left:29px; margin-top:12px; list-style:none;
}
dl.collapsible dt a {
 font-weight:bolder; cursor:pointer; font-size:120%;
}
dl.collapsible dt.hidden {
 background:url(./h-333.png) no-repeat 0 50%;
}
dl.collapsible dt.hidden:hover {
 background-image:url(./v-c06.png); color:#c06;
}
dl.collapsible dt.hidden:hover a {
 color:#c06;
}
dl.collapsible dt.visible {
 background:url(./v-c06.png) no-repeat 0 50%; color:#c06;
}
dl.collapsible dt.visible a {
 color:#c06;
}
dl.collapsible dt.visible:hover {
 background-image:url(./h-333.png); color:#333;
}
dl.collapsible dt.visible:hover a {
 color:#333;
}
dl.collapsible dd {
 margin-left:29px; margin-top:12px;
}
dl.collapsible dt a {
 color:#333;
}
dl.collapsible dt a:hover {
 color:#c06;
 text-decoration:none;
}

/* types */

a.external { padding-right:14px;background:url(../icon/external.png) no-repeat center right; }
a.email { padding-right:17px;background:url(../icon/email.png) no-repeat center right; }

a.mp3, a.wmf, a.ogg, a.wav
      { display:inline; padding-left:18px;background:url(../icon/audio.png) no-repeat 0 50%; height:16px; }
a.doc { display:inline; padding-left:18px;background:url(../icon/doc.png) no-repeat 0 50%; height:16px; }
a.exe { display:inline; padding-left:18px;background:url(../icon/exe.png) no-repeat 0 50%; height:16px; }
a.htm { display:inline; padding-left:18px;background:url(../icon/htm.png) no-repeat 0 50%; height:16px; }
a.mdb { display:inline; padding-left:18px;background:url(../icon/mdb.png) no-repeat 0 50%; height:16px; }
a.mov { display:inline; padding-left:18px;background:url(../icon/mov.png) no-repeat 0 50%; height:16px; }
a.other { display:inline; padding-left:18px;background:url(../icon/other.png) no-repeat 0 50%; height:16px; }
a.pdf { display:inline; padding-left:18px;background:url(../icon/pdf.png) no-repeat 0 50%; height:16px; }
a.ppt { display:inline; padding-left:18px;background:url(../icon/ppt.png) no-repeat 0 50%; height:16px; }
a.psd { display:inline; padding-left:18px;background:url(../icon/psd.png) no-repeat 0 50%; height:16px; }
a.rss { display:inline; padding-left:18px;background:url(../icon/rss.png) no-repeat 0 50%; height:16px; }
a.swf { display:inline; padding-left:18px;background:url(../icon/swf.png) no-repeat 0 50%; height:16px; }
a.txt { display:inline; padding-left:18px;background:url(../icon/txt.png) no-repeat 0 50%; height:16px; }
a.avi, a.mp4, a.mpg, a.m4v
      { display:inline; padding-left:18px;background:url(../icon/video.png) no-repeat 0 50%; height:16px; }
a.xls { display:inline; padding-left:18px;background:url(../icon/xls.png) no-repeat 0 50%; height:16px; }
a.xml { display:inline; padding-left:18px;background:url(../icon/xml.png) no-repeat 0 50%; height:16px; }
a.zip, a.gz, a.tgz { display:inline; padding-left:18px;background:url(../icon/zip.png) no-repeat 0 50%; height:16px; }

.i_caption { font-style:italic; margin-top:8px; }
.a_caption { font-style:italic; margin-top:8px; width:320px; }
.t_caption { font-style:italic; margin-top:8px; max-width:160px; }