@charset "UTF-8";

body { background-color: #000; color: #222; }
html sub, html sup { font-size: 80%; }
html blockquote {background-color: #ddd; color: #444; padding: 5px; border-left: 1px solid #888;}
h1,h2,h3,h4,h5,h6 { color: #800; }
pre, code { color: #600; }
kbd, samp, var { color: #666; }
acronym, abbr { border-color: #aaa; }
img { vertical-align: middle; }
hr { color: #fff; border-color: #eee; }

tbody th { background-color: #444; }
tbody th,
tbody th * { color: #ccc; }

button { margin: 0.5em 0; padding: 5px; }

button[type="submit"] { font-weight: bold; }

a { color: #800; border-color: #000; }
a:hover { border-color: #800; border-bottom-style: solid; }

.page_margins { background: #fff; }
a.external { padding-right: 20px; background: transparent url("../images/external_link.png") right no-repeat; }
a.permanent { padding-right: 20px; background: transparent url("../images/pemanent_link.png") right no-repeat; }
.smalltext { font-size: 80%; color: #888; }
.field { text-align: left; }
.action { padding-left: 30%; }
.links { width: 20%; vertical-align: top; }
.resizable-textarea textarea { display: block; margin-bottom: 0; }

/* Overlay */
#preview_pane_container { padding: 20px; display: none; }
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:470px; width:600px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg { border: none; background:url("../images/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

div.grippie
{
  background: #eee url("../images/grippie.png") no-repeat scroll center 2px;
  border-color: #ddd;
  border-style: solid;
  border-width: 0px 1px 1px;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

input.openid
{
  color: #cc7200;
  font-weight: bold;
  background: url("../images/openid_small_logo.png") no-repeat;
  background-position: 0 50%;
  padding-left: 18px;
}

.label
{
  border-right: 1px dotted #888;
  text-align: right;
  width: 20%;
  vertical-align: top;
}

.tag_list
{
  font-size: 80%;
  font-weight: bold;
  float: right;
}

.tag
{
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
}

#col2_content2 { clear: both; }
#everything { background: #fff url("../images/header_bg3-5.png") repeat-x; font-size: 116.67%; }

#header
{
  background-color: #fff;
  background: transparent;
  color: #000;
  height: 22px; /*31*/
  position: relative;
}

#header_pretty
{
  width: 10px;
  height: 20px;
  top: 25px;
  right: 0;
  left: auto;
  bottom: auto;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2fblack.png") no-repeat;
  background-position: -10px 0;
  position: absolute;
}

#footer { position: relative; }

#footer_pretty_left
{
  width: 10px;
  height: 20px;
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2fblack.png") no-repeat;
  position: absolute;
}

#footer_pretty_right
{
  width: 10px;
  height: 20px;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2black.png") no-repeat;
  background-position: -10px 0;
  position: absolute;
}

#logo
{
  position: absolute;
  top: 10px;
  left: -2px;
}

a.logo { border: none; }

#header #topnav
{
  font-size: 80%;
  top: auto;
  left: auto;
  bottom: 0;
  right:0;
  margin-right: 2%;
  color: #aaa;
  padding: 0 20px;
}

#topnav a { color: #ccc; border-bottom: 1px dotted #ccc; }

#topnav a:hover { color: #a00; border-color: #a00; }

#header #topnav.topnav_pretty
{
  background-color: #aaa;
  position: absolute;
  line-height: 18px;
  color: #000;
}

#topnav.topnav_pretty a { color: #000; border-color: #000; }

#topnav.topnav_pretty a:hover { color: #800; border-color: #800; }

#topnav_pretty_left
{
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 10px;
  height: 20px;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2red.png") no-repeat;
  position: absolute;
}

#topnav_pretty_right
{
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 10px;
  height: 20px;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2fred.png") no-repeat;
  background-position: -10px 0;
  position: absolute;
}

#nav { background-color: #ccc; border-color: #000; }

#nav a
{
  vertical-align: middle;
  margin: .2em;
  color:#000;
  padding: 0px 10px;
  border: none;
}

#nav a.first
{
  padding-left: 20px;
}

#nav a:hover
{
  color: #800;
  border-bottom: 0;
  text-decoration: underline;
}

#nav.nav_pretty
{
  border-top: none;
  border-bottom: none;
  width: 96%;
  margin: 0 auto;
  position: relative;
  /*height: 20px;*/
  line-height: 18px;
  background-color: #aaa;
}

#nav.nav_pretty a { color: #000; }
#nav.nav_pretty a:hover { color: #800; }

#nav_pretty_left
{
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
  width: 10px;
  height: 20px;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2f.png") no-repeat;
  position: absolute;
}

#nav_pretty_right
{
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 10px;
  height: 20px;
  font-size: 1px;
  background: transparent url("../images/20pxcircle2.png") no-repeat;
  background-position: -10px 0;
  position: absolute;
}

#main { background: #fff; }
#footer { color: #ccc;	background: #444; border-color: #888; }

.content_box .cb_header.blog_header_pretty { border-top: none; background-color: #800; position: relative; }
.content_box .cb_header.blog_header_pretty .text { color: #eee; padding-top: 10px;}

.blog_header_pretty_left
{
  font-size: 1px;
  width: 10px;
  height: 10px;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: transparent url("../images/20pxcircle2.png") no-repeat;
  position: absolute;
}

.content_box .cb_subheader.blog_subheader_pretty
{
  position: relative;
  border-bottom: none;
  padding-bottom: 10px;
  background-color: #800;
}

.content_box .cb_subheader.blog_subheader_pretty .text { color: #ccc; }

.blog_subheader_pretty_right
{
  font-size: 1px;
  width: 10px;
  height: 10px;
  left: auto;
  right: 0;
  bottom: 0;
  top: auto;
  background: transparent url("../images/20pxcircle2.png") no-repeat bottom;
  background-position: -10px -10px;
  position: absolute;
}

#subfooter a,
a.subfooter,
.cb_header a,
.cb_subheader a
{
  color: #888;
  margin: 0 5px;
  border: none;
}

#subfooter a:hover,
a.subfooter:hover,
.cb_header a:hover,
.cb_subheader a:hover { border-bottom: 1px dotted #888; }

.content_box
{
  width: 100%;
  margin-top: 1em;
  padding: 0;
}

.content_box .cb_header,
.content_box .cb_content { padding-bottom: 2px; }

.content_box .cb_header
{
  line-height: 1.5em;
  vertical-align: middle;
  border-top: 2px solid #000;
  background-color: #444;
}

.content_box .cb_header .text
{
  padding-left: 10px;
  margin-top: .25em;
  margin-bottom: .25em;
  color: #ccc;
}

.content_box .cb_subheader
{
  border-bottom: 1px solid #888;
  background-color: #444;
  line-height: 1.2em;
  vertical-align: middle;
  padding-bottom: 5px;
}
.content_box .cb_subheader .text
{
  padding-left: 20px;
  padding-right: 20px;
  font-style: italic;
  font-size: 93%;
  color: #aaa;
}

.content_box .cb_content { overflow: auto; border-bottom: 1px solid #888; }

.content_box .cb_content_actual { padding: 5px 5px; overflow: auto; }

.content_box .cb_content_actual .avatar
{
  float: right;
  margin: 5px;
  width: 100px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}

.content_box .blog_comments { width: 97%; }

.content_box .blog_comments .content_box
{
  border-left: 2px solid #888;
  margin: 0;
  margin-left: auto;
  width: 95%;
}

.blog_draft { background-color: #ccc; }

.content_box .blog_header { background-color: #ccc; }

.content_box .blog_header .text { }

.content_box .blog_subheader
{
  background-color: #ccc;
  border-bottom: 1px solid #000;
  padding-bottom: 0px;
}

.content_box .blog_subheader .text { color: #444; padding-bottom: 2px; }

.content_box .blog_footer
{
  text-align: center;
  border: none;
  border-top: 2px solid #000;
  padding: .25em;
}

.innermenu
{
  width: 100%;
  margin-bottom: 1em;
  border-right: 1px dotted #444;
}

#col5 .innermenu { border-left: 1px dotted #444; border-right: none; }

.innermenu a,
.innermenu span
{
  border: none;
  display: block;
  width: 100%;
}

.innermenu a span
{
  display: block;
  width: 92%;
  padding: .25em 4%;
}

.innermenu a
{
  border: 0;
  text-decoration:none;
  padding: 0;
  color:#000;
  border-bottom: 1px dotted #444;
}

.innermenu a:hover { color: #800; border-bottom: 1px dotted #800; }

.innermenu span.header,
.innermenu_header
{
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  padding: .5em 2%;
  width: 96%;
  border-top: 2px solid #000;
  background-color: #fff;
  border-bottom: 1px dotted #800;
  color: #800;
  font-style: italic;
}

.innermenu span.header { font-size: 133.33%; }