/*
-----------------------------------------------
Stopdesign Zoom Style (Single-column)
Author:   Douglas Bowman
Version:  24 June 2005
Details:  http://stopdesign.com/zoom
License:  This style sheet is licensed under a
Creative Commons Attribution-ShareAlike 2.5
License.

http://creativecommons.org/licenses/by-sa/2.5/

You may freely take it, modify it, and/or use 
it for any of your own sites, as long as it 
shares the same license.
----------------------------------------------- */

body {
  background:#eed url("/img/bg_cnav_zoom.gif") repeat-x;
  margin:0;
  padding:20px 50px;
  font:small Verdana,Sans-serif;
  line-height:1.7em;
  color:#222;
  text-align:center;
  }
.container {
  max-width:50em;
  margin:0 auto;
  text-align:left;
  font-size:110%;
  }
#content {
  clear:left;
  margin:0 0 2em;
  }
#maincol {
  margin:0 0 2em;
  }


/* =Header
----------------------------------------------- */
#header {
  background:#ddc;
  padding:0 0 10px;
  }
#logo {
  display:block;
  position:relative;
  left:-5px;
  margin:0;
  padding:0;
  width:145px;
  height:35px;
  font-size:100%;
  line-height:35px;
  }
#logo img {
  display:block;
  margin:0;
  }


/* =Links
----------------------------------------------- */
a:link {
  color:#369;
  }
h1 a:link, h1 a:visited {
  color:#222;
  text-decoration:none;
  }
h2 a:link, h2 a:visited {
  color:#676;
  text-decoration:none;
  }
a:visited {
  color:#747;
  }
a:hover, a:focus, h1 a:hover, h1 a:focus {
  background:#933;
  padding:2px 0;
  color:#fff;
  text-decoration:none;
  }
h2 a:hover, h2 a:focus {
  background:#722;
  color:#fff;
  }
a img {
  border-width:0;
  }


/* =Headings
----------------------------------------------- */
h1 {
  margin:0 0 .5em;
  font:bold 200% Helvetica,Sans-serif;
  }
h2 {
  clear:left;
  margin:1em 0 .5em;
  padding:0 0 .25em;
  border-bottom:1px solid #ccb;
  font:bold 150% Helvetica,Sans-serif;
  color:#676;
  }
.log h2.date {
  margin-top:0;
  }
h3 {
  clear:left;
  background:#ddc;
  margin:1.5em 0 .5em;
  padding:.25em .5em;
  border:1px solid #ccb;
  font:bold 120% Helvetica,Sans-serif;
  }
h4 {
  margin:1em 0 .5em;
  }
h4 span {
  font-weight:normal;
  }


/* =Lists
----------------------------------------------- */
ul {
  margin-top:.5em;
  margin-bottom:1em;
  }
li {
  margin-bottom:.5em;
  }
dl {
  margin:.25em 0 1em;
  }
dt, dd, li {
  line-height:1.7em;
  }
dt {
  clear:left;
  font-weight:bold;
  margin-top:1em;
  margin-bottom:.15em;
  }


/* =Tables
----------------------------------------------- */
table {
  width:100%;
  font-size:100%;
  }
th, td {
  padding:.5em .5em .5em 0;
  vertical-align:top;
  text-align:left;
  }


/* =Forms
----------------------------------------------- */
input, select {
  font-size:1.2em;
  }
input.text, td textarea {
  width:50%;
  font-size:1.5em;
  font-family:Monaco,Monospace;
  }
td input.text {
  width:70%;
  }
td textarea {
  width:90%;
  display:block;
  }
label, form th {
  text-transform:lowercase;
  }
fieldset {
  margin:1em 0;
  border:1px solid #bba;
  }
form label:hover {
  cursor:pointer;
  }


/* =Misc
----------------------------------------------- */
p, pre {
  margin:.25em 0 1em;
  line-height:1.7em;
  }
.note {
  background:#933;
  padding:.5em;
  border:1px solid #722;
  color:#fff;
  }
.ghost {
  display:none;
  }
hr {
  clear:left;
  color:#eed;
  border-color:#bba;
  border-width:1px 0 0;
  border-style:dotted;
  }
code, pre {
  font:120% Monaco,Monospace;
  color:#852;
  }
.codeblock {
  background:#fff;
  margin:1em 0;
  padding:.5em 1em;
  }
.entry {
  margin-bottom:2em;
  }
.clear, .reset {
  clear:both;
  }


/* =Nav
----------------------------------------------- */
#nav ul {
  float:left;
  width:100%;
  margin:0 0 2em;
  padding:0;
  border-left:1px solid #bba;
  }
#nav li {
  float:left;
  margin:0;
  border:solid #bba;
  border-width:1px 1px 1px 0;
  list-style:none;
  }
#nav li a, #nav li strong {
  float:left;
  padding:.25em 1em;
  color:#222;
  text-decoration:none;
  }
#nav li a strong {
  padding:0;
  }
#nav li#current a, #nav li strong, #nav li a strong {
  background:#665;
  color:#fff;
  }
#nav li a:hover, #nav li a:focus, #nav li a:hover strong, #nav li a:focus strong {
  color:#fff;
  }
#nav li a:hover, #nav li a:focus {
  background:#722;
  }

  
/* =Cnav
----------------------------------------------- */
#cnav ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  text-align:center;
  }
#cnav li {
  display:inline;
  margin:0 .5em 0;
  padding:0;
  }
#cnav li a {
  padding:.25em 0;
  }


/* =Images
----------------------------------------------- */
.imgleft, .left {
  float:left;
  margin:.25em 1em .5em 0;
  }
.left img, .right img {
  display:block;
  }
.imgright, .right {
  float:right;
  margin:.25em 0 .5em .75em;
  }
.left em, .right em {
  display:block;
  margin:.25em 0 .75em;
  }


/* =Search
----------------------------------------------- */
#searchform {
  background:#ddc;
  margin:1.5em 0;
  padding:.5em .75em;
  border:1px solid #ccb;
  }
#searchform h2, #searchform div {
  display:inline;
  border-width:0;
  }
#searchform input.text {
  width:12em;
  font-size:1.2em;
  }


/* =Prefs
----------------------------------------------- */
#prefs td div p {
  margin-top:.25em;
  margin-bottom:0;
  }
#prefs p.desc {
  margin-bottom:0;
  padding-bottom:.5em;
  border-bottom:1px dotted #bba;
  }
#prefs th {
  width:20%;
  }
#prefs th, #prefs td {
  padding-top:1em;
  padding-bottom:.05em;
  border-bottom:1px dotted #bba;
  }
#prefs .buttons {
  border-width:0;
  }
#prefs td div {
  margin-bottom:1em;
  }
#prefs td.styles div {
  padding:.5em .75em;
  border:1px solid #bba;
  }
#prefs td div.selected {
  background-color:#ddc;
  border-color:#900;
  }
#prefs td.styles div label {
  font-weight:bold;
  }
#prefs td.styles div.selected label, #prefs td div span.selected label {
  color:#900;
  font-weight:bold;
  }
#prefs td div span {
  display:block;
  margin:0 0 5px 0;
  padding:0 .75em;
  }
#prefs td div span.selected {
  background-color:#ddc;
  padding:.5em .75em;
  border:1px solid #900;
  }
#prefs .unit {
  white-space:nowrap;
  margin-right:.5em;
  }
#prefs .sm label {
  font-size:x-small;
  font-size/* */:/**/small;
  font-size: /**/small;
  line-height:1.5em;
  }
#prefs .med label {
  font-size:small;
  font-size/* */:/**/medium;
  font-size: /**/medium;
  line-height:1.5em;
  }
#prefs .lg label {
  font-size:medium;
  font-size/* */:/**/large;
  font-size: /**/large;
  line-height:1.5em;
  }
#prefs .xl label {
  font-size:large;
  font-size/* */:/**/x-large;
  font-size: /**/x-large;
  line-height:1.4em;
  }


/* =Comments
----------------------------------------------- */
#comments h4 {
  margin-top:2em;
  }
#comments .postno {
  margin-right:.25em;
  font:bold 150% Helvetica,Sans-serif;
  font-weight:bold;
  text-decoration:none;
  color:#444;
  }
#comments dt {
  margin:1em 0 0;
  padding:.75em 1em 0;
  border-width:1px 1px 0;
  color:#555;
  font-weight:normal;
  }
#comments dd {
  margin:0 0 1em;
  padding:.25em 1em .05em 2.5em;
  border-width:0 1px 1px;
  }
#comments dt, #comments dd {
  border-style:solid;
  border-color:#ccb;
  }
#comments dt.alt, #comments dd.alt {
  background-color:#ddc;
  }
#comments dt.owner {
  border-color:#665;
  border-width:2px 2px 0;
  font-weight:bold;
  }
#comments dd.owner {
  border-color:#665;
  border-width:0 2px 2px;
  }
#c-form .w100 label {
  font-weight:bold;
  }
.commentlink, .commentlink:visited, .commentlink:hover {
  background:url("/img/icon_comment.gif") no-repeat 8px 50%;
  border-width:0;
  padding-left:22px;
  border-left:1px solid #aa9;
  margin-left:.5em;
  white-space:nowrap;
  }
.commentlink:hover {
  background-color:#933;
  color:#fff;
  }
.posted-top .commentlink, .posted-top .commentlink:visited {
  margin-left:0;
  border-left-width:0;
  background-position:0 50%;
  padding-left:14px;
  }


/* =Calendar
----------------------------------------------- */
.cal {
  width:auto;
  }
.cal th, .cal td {
  text-align:center;
  }


/* =Footer
----------------------------------------------- */
#footer {
  color:#554;
  text-align:center;
  }