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

* {
 padding:0;
 margin:0;
 border:0;
 color:#555;
 font-family:Arial, Helvetica, sans-serif;
 line-height:120%;
}

html,body {
 height:100.1%;
}

body {
 text-align:center;
 min-height:400px; /* for mozilla/opera/safari */
 background:#999 url(bg.png) center repeat-y;
}

/* container */

#container {
 margin: 0 auto; /* centre */
 text-align:left;
 width:800px; /* topbanner.png width */

 position:relative;

 min-height:100.1%;
 height:auto;
 background:transparent;
}

* html #container { /* hack for ie */
 height:100.1%;
}

/* top */

#top {
 position:absolute; width:728px; min-width:728px; min-height:130px; height:130px; top:22px; left:36px;
 background-color:#dee;
}

#logo {
 position:absolute; top:8px; left:8px; margin:0;
}

h1#headline {
 font-family:georgia,serif; font-weight:800; font-size:250%; color:#933; white-space:nowrap; letter-spacing:0.03em;
 position:absolute; left:152px; top:3px;
}

#menu {
 position:absolute; left:152px; bottom:6px;
}

#menu .sep {
 display:none;
}

#menu a {
 margin:0 16px 0 0;
 font-weight:bolder; font-size:100%; line-height:3ex; white-space:nowrap;
 color:#999;
}

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

#menu #here {
 margin:0 16px 0 0;
 font-weight:bolder; font-size:100%;
 text-decoration: underline; white-space:nowrap;
 color:#933;
 cursor:default;
}

/* left 1 column */

#content {
 position:absolute; top:176px; left:44px; width:712px;
 padding-bottom:29px;
 xbackground:#ccc;
}

* html #content { /* hack for ie */
 margin-left:0;
}

/**/

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

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

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

.nobr {
 white-space:nowrap;
}




p  { margin:0 0 16px 0; }

.right {
 float:right;
 margin:0 0 16px 0;
 padding:0 0 0 29px;
}

.left {
 float:left;
 margin:0 0 16px 0;
 padding:0 29px 0 0;
}

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

.clear { clear:both; }

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

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

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

li {
 list-style:outside circle;
 margin:0 0 16px 29px;
}

dd ul {
 margin:0 0 16px 45px;
}

ul {
 list-style:outside circle;
}

h2 { font-size:140%; font-weight:bolder; margin:0 0 16px 0; color:#933; font-family:georgia,serif;  }

/* collapsible */

dl.collapsible * {
 margin-left:0;
}
dl.collapsible dt {
 font-weight:bolder; padding-left:29px; margin:0 0 16px -29px; list-style:none; font-size:120%; font-family:georgia,serif;

}
dl.collapsible dt a {
 font-weight:bolder; cursor:pointer; font-family:georgia,serif;
}
dl.collapsible dt.hidden {
 background:url(./cl_hi.png) no-repeat 0 50%;
}
dl.collapsible dt.hidden:hover {
 background-image:url(./cl_va.png); color:#933;
}
dl.collapsible dt.hidden:hover a {
 color:#933;
}
dl.collapsible dt.visible {
 background:url(./cl_va.png) no-repeat 0 50%; color:#933;
}
dl.collapsible dt.visible a {
 color:#933;
}
dl.collapsible dt.visible:hover {
 background-image:url(./cl_hi.png); color:#666;
}
dl.collapsible dt.visible:hover a {
 color:#666;
}
dl.collapsible dd {
 margin:0 0 0 0;
}
dl.collapsible dt a {
 color:#666;
}
dl.collapsible dt a:hover {
 color:#933;
 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; }

/* mailer form */

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

input, textarea {
 width:670px;
 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;
 xmargin:16px 0 0 28px;
}

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

legend {
 padding: 0 8px;
}

.prompt {
 color:#999;
 float:right;
 font-style:italic;
}

/* 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; }