/*
-----------------------------------------------
Thanks to Douglas Bowman for the insight and inspiration!
----------------------------------------------- */

body {
  margin-left:0;
  margin-top:0;
  padding:0;
	background-repeat: repeat-y
	  font:small Verdana,Sans-serif;
	  line-height:1.6em;
	  text-align:center;
	  color:#333;
  }


/* MISC: =Links
----------------------------------------------- */
a, .subnav a:visited {
  color:#358;
  text-decoration:none;
  border-bottom:1px dotted #469;
  }
a:visited {
  color:#677;
  border-color:#899;
  }
a:hover, .subnav a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover, a.thumb, a.icon, a.img:link, a.img:visited, a.img:hover {
  border-width:0;
  }
.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  }
#subcol .more a, #subcol a.more {
  white-space:normal;
  }
.more a:after, a.more:after, .previous a:before, a.previous:before {
  content:"\2192";
  font-family:Verdana,Sans-serif;
  font-size:110%;
  color:#c93;
  white-space:nowrap;
  padding-left:2px;
  }
.more a:hover:after, a.more:hover:after, .previous a:hover:before, a.previous:hover:before {
  color:#933;
  }
.previous a:before, a.previous:before {
  content:"\2190";
  padding-left:0;
  padding-right:2px;
  }
a.previous:after, .more a.previous:after {
  content:"";
  }
h1 a, #section a {
  border-width:0;
  }


/* =Nav
----------------------------------------------- */
#nav {
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ddd;
  border-width:1px 0;
  }
.home #nav {
  background-position:0 -158px;
  }
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:5px 10px 6px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }

/* MISC: =Headings
----------------------------------------------- */
h1, #section {
  margin:0;
  padding:20px 20px 8px;
  border-bottom:1px solid #ddd;
  font:135%/1.4em Georgia,Serif;
  color:#776;
  }

h1 #parentlink, #section  #parentlink {
  background:url("/img/arrow.gif") no-repeat 100% 50%;
  float:left;
  width:210px;
  margin-right:35px;
  font-weight:normal;
  color:#776;
  }
h1 #childlink {
  font-style:normal;
  }
h2, h2 a, h2 a:visited {
  color:#685;
  border-width:0;
  }
h2, #c-smx #maincol h2, #c-xms #maincol h2 {
  margin:1.25em 0 .15em;
  font:175% Georgia,Serif;
  line-height:1.4em;
  }
h2 a:hover {
  color:#974;
  text-decoration:none;
  }

h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Georgia,Serif;
  }
h3 a {
  border-width:0;
  }
h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }



/* MISC: =Tables
----------------------------------------------- */
table {
  font-size:100%;
  color:#333;
  }

/* =Articles
----------------------------------------------- */
#article-date {
  margin:1.25em 0 .25em;
  font:119%/1.5em Georgia,Serif;
  color:#888;
  }
#article-text h1 {
  background:none;
  margin:0 0 -8px;
  border-bottom:1px dotted #ccc;
  padding:0 0 .2em;
  font:160%/1.5em Georgia,Serif;
  color:#456;
  }



/* =Misc
----------------------------------------------- */
p {
  margin:0 1.25em .75em;
padding-bottom:.75em;

 font-size:85%;
  line-height:1.6em;
margin-left: 15pt;
  }

p.tiny {
 font-size:75%;
margin-left: 15pt;
margin-right: 5pt;
line-height: 14px;
  }


p.quote {
 font-size:75%;
margin-left: 50pt;
margin-right: 50pt;
line-height: 22px;
  }


p.end {
  color:#fff;
	font:65%/1.4em Georgia,Serif;
text-align:right;
margin-right: 5pt;
  }
p.end2 {
  color:#000;
	font:65%/1.4em Georgia,Serif;
text-align:left;
margin-left: 5pt;
  }


.note {
  color:#933 !important;
  }

p.intro {
  padding-bottom:.75em;
  border-bottom:1px dotted #ccc;
 font-size:85%;
  line-height:1.6em;
margin-left: 15pt;

  }
p.more {
  margin-bottom:1.5em;
  }
blockquote {
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
  }
blockquote p {
  margin:0 0 .75em;
  font-style:italic;
  color:#666;
  }
blockquote p em {
  font-style:normal;
  }
cite.offsite {
  background:url("/img/icon_offsite.gif") no-repeat 0 60%;
  padding-left:15px;
  }
address {
  margin:0 0 .75em;
  font-style:normal;
  font-family:Monaco,"Courier New",Courier,Monospace;
  line-height:1.6em;
  }
address strong {
  font-weight:normal;
  color:#222;
  }
hr {
  display:none;
  }
code {
  font-size:115%;
  font-family:Monaco,"Courier New",Courier,Monospace;
  color:#464;
  }
code.keys {
  background:#ffd;
  padding:2px;
  }
dfn {
  font-style:italic;
  }
del, .strike {
  text-decoration:line-through;
  color:#999;
  }
.arrow {
  font-weight:bold;
  font-family:Verdana,Sans-serif;
  color:#c93;
  white-space:nowrap;
  }
.ghost {
  color:#ddd;
  }
#xcol .arrow {
  color:#a83;
  }
.clear, .reset {
  clear:both;
  }
p.focus {
  text-align:center;
  }
.focus img {
  display:block;
  margin:0 auto;
  }
.imgleft, .left, img.left {
  float:left;
  margin:4px 15px 4px 0;
  }
.imgright, .right, img.right {
  float:right;
  margin:4px 0 4px 15px;
  }
img.imgleft, img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
.left em, .right em {
  margin-top:.15em;
  display:block;
  font-size:85%;
  font-style:normal;
  color:#777;
  }
.inset, .inset2 {
  float:left;
  width:35%;
  margin:1em 15px 1em 0;
  padding:.85em 0;
  border:dotted #ccc;
  border-width:1px 0;
  font-size:85%;
  line-height:1.85em;
  color:#777;
  }
.inset2 {
  float:right;
  margin:1em 0 1em 15px;
  }
img.block {
  display:block;
  margin:.5em 0;
  }
#log img.block, #search img.block {
  margin:1em 0;
  }

/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  }
#footer p {
  background-color:#fff;
  background-repeat:repeat-x;
  background-position:0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }

#artcol {
  border: #555 1px solid;
	width:210px;
  margin: 0 10 20 0;
  padding: 10px;
	float: left;
}

.clearboth { clear: both; }