/* COPYRIGHT 2008 Rein Henrichs */

body {
  background:     url('/images/reinh.png') no-repeat top center;
  color:          #222;
  font-family:    Verdana, "Bitstream Vera Sans", sans-serif;
  font-size:      12px;
  line-height:    18px;
  margin:         0;
  padding:        0;
}

.container {
  width:          590px;
}

/* =Headings
 * --------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
  color:          #111;
  font-family:    "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1, h2 {
  letter-spacing: -1px;
}

h2 {
  color:          #111;
  font-size:      36px;
  font-weight:    bold;
  line-height:    36px;
  margin:         0 0 .5em 0;
}

h3 {
  font-size:      22px;
  line-height:    36px;
  margin:         0 0 18px 0;
}

h3.outset {
  font-size:      18px;
  line-height:    18px;
  margin:         0 0 0 -200px;
  padding-right:  10px;
  position:       absolute;
  text-align:     right;
  text-transform: uppercase;
  width:          190px;
}

h4 {
  font-size:      18px;
  font-weight:    bold;
  line-height:    18px;
  margin:         0;
  padding:        9px 0;
}

/* =Text Elements
 * --------------------------------------------------------------------- */

p {
  line-height:    18px;
  margin-bottom:  18px;
}

a {
  border-bottom:  1px solid #ccc;
  color:          inherit;
  text-decoration:none;
}

a:hover {
  color:          #125AA7;
}

acronym, abbr {
  border-bottom:  1px dotted #ccc;
}


p.read-more {
  margin:         18px 0 0;
  text-align:     center;
}

p.read-more a { 
  border:         0;
  color:          #125AA7;
  font-size:      18px;
  text-align:     center;
}

p.read-more a:hover {
  text-decoration:underline;
}

blockquote {
  color:          #222;
  margin-left:    0;
  padding-left:   1.5em;
}

.CodeRay pre {
  overflow:       visible;
}

pre {
  margin:         0 0 18px;
  padding:        .9px 0;
}

pre, code, tt {
  font-size:      12px;
  line-height:    18px;
}

sup {
  line-height:    1px;
}

hr {
  background:     #B7CDF1;
  color:          #B7CDF1;
}

dl {
  margin-bottom:  18px;
}

ul, ol {
  margin-bottom:  18px;
  margin-left:    0;
  padding-left:   0;
}

ul li ul {
  margin-left:    1em;
}

ul.no-bullet {
  list-style:     none;
  margin-left:    0;
}

ul.no-bullet li {
  margin-left:    none;
  padding-left:   none;
}

em {
  font-style:     italic;
  background:     transparent;
}

/* =Tables
 * --------------------------------------------------------------------- */

table {
  border-left:    1px solid #ddd;
  border-top:     1px solid #ddd;
}

th,td {
  border-bottom:  1px solid #ddd;
  border-right:   1px solid #ddd;
}

/* =Default Classes and Elements
 * --------------------------------------------------------------------- */

 a.fig {
   font-style:    italic;
 }

p.caption {
  text-align:     center;
  color:          #999;
}

.note {
  padding: 1.5em;
  background:     #FFFFDD;
  margin:         0 -1.5em 1.5em;
}

.alt            { color: #999; }
p.quiet         { color: #999; }
.extra-quiet    { color: #999; }
.extra-quiet a  { color: #666 !important;}

.extra-quiet a:hover {
  color:          #125AA7 !important;
}

.plain a, a.plain {
  text-decoration:none;
  border:         0;
}

.box {
  margin-top:     0;
}

.box h4 {
  margin-bottom:  9px;
  padding:        0;
}

.box.negative {
  margin-left:    -1.5em;
  margin-right:   -1.5em;
}

.box.hilight {
  background:     #FFFFDD;
}

.left {
  float:          left;
}

.right {
  float:          right;
}

p img {
	margin-top: 0;
}

p.center {
	text-align: center;
}

p.center img {
	float: none;
	display: inline;
}

p.screenshot {
	float: none;
	text-align: center !important;
	margin: 0 -100px;
	width: 790px;
	margin-bottom: 0;
}

p.screenshot img {;
	display: inline;
	float: none;
	margin: 0 auto;
}


p.right img {
  margin:         0 0 1.5em 1.5em;	
}



a.top-link {
  border:         0;
  color:          #999 !important;
  font-size:      .9em;
  position:       absolute;
  right:          0;
  top:            1em;
}

a.top-link:hover {
  color:          #666 !important;
}

#recent .top-link {
  top:            0;
}

.section {
  margin:         0 0 36px;
  position:       relative;
}

#header {
  font-family:    "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  height:         36px;
}

#header h1.title {
  display:        block;
  font:           bold 18px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:         0;
  padding-top:    18px;
  padding:        0;
}

h1.title a {
  border:         0;
  color:          #666666;
  text-decoration:none;
}
  
h1.title a:hover { color: #111;}
h1.title a small { color:  #AAAAAA;}

.nav ul {
  display:        block;
  float:          right;
  font-size:      1em;
  font-weight:    bold;
  margin:         0;
  padding:        0;
}

.nav li {
  display:        block;
  list-style:     none;
  text-align:     right;
}

.nav ul li a {
  border-bottom:  0;
  border-top:     4px solid #ddd;
  color:          #999;
  display:        block;
  padding-top:    14px;
  text-decoration:none;
}

.nav a:hover, .nav ul li.active a {
  background:     #FFFFFF;
  border-top:     4px solid #111;
  color:          #111;
}

address {
  margin-top:     0;
}


ul.info {
  margin-left:    0;
}

ul.info li {
  list-style:     none;
  margin-left:    0;
  padding-left:   0;
}

dl.posts {
  margin:         0 0 18px 0;
}

dl.posts dt {
  font-size:      18px;
  font-weight:    normal;
  line-height:    18px;
  margin-top:     18px;
}

dl.posts dd {
  line-height:    18px;
  margin:         0;
}

#footer {
  position:relative;
}

#footer, #footer a  { color: #444444;}
#footer h3          { color: #999999;}
#footer a:hover     { color: #125AA7;}

#footer .panel {
  margin-right:   20px;
  width:          180px;
}

#footer .panel.last {
  margin-right:   0;
  width:          190px;
}

a.top-link {
  top:            0;
}


/* =Entries
 * --------------------------------------------------------------------- */

.title-summary {
  margin:         0;
}

.post-list .title-summary {
  font-size:      .5em;
}

.entry-title a {
  border:         0;
  color:          #111;
  text-decoration:none;
}

.post-info {
  font-family:    Georgia, "Times New Roman", Times, serif;
  font-style:     italic;
  line-height:    18px;
  margin-bottom:  18px;
  text-align:     right;
}

.post-info abbr {
  border-bottom:  0;
  color:          #999;
}

p.entry-summary {
  color:          #999;
  font:           italic 18px/27px Georgia, "Times New Roman", Times, serif;
  margin:         0;
  padding:        0;
  text-align:     justify;
}

.entry-summary a {
  color:          #666666;
}

div.entry-content {
  margin-top:     1em;
}

.entry-content p {
	text-align: justify;
}

.entry-content p, .entry-content ul, .entry-content ol {
  line-height:    18px;
  margin-right:   0;
}

.entry-content ul, .entry-content ol {
  list-style-position:  outside;
}

.entry-content ul {
  list-style-type:      disc;
}

.entry-content ol {
/*  list-style-type:      disc;*/
}

.entry-content ol p {
  margin-bottom:        0;
}

.entry-content ul li ul {
  list-style-type:circle;
  margin-bottom:  0;
}

.entry-content .box ul {
  list-style-position: inside;
}

.entry-content ol li {
  color:          #999;
  font-family:    Georgia, serif;
  font-size:      18px;
  font-style:     italic;
  line-height:    18px;
  margin-bottom:  18px;
}

.entry-content ol li p, .entry-content ol li pre {
  color:          #222;
  font-family:    Verdana, "Bitstream Vera Sans", sans-serif;
  font-size:      12px;
  font-style:     normal;
  line-height:    18px;
  margin-bottom:  1.5em;
}

.entry-content ol li pre {
  color:          #222;
  font-family:    Verdana, "Bitstream Vera Sans", sans-serif;
  font-size:      12px;
  font-style:     normal;
  line-height:    18px;
  margin-bottom:  1.5em;
}



.entry-content .img {
  clear:          right;
  float:          right;
  margin:         0 0 1em 20px;
  width:          120px;
}

.entry-content .img img {
  display:        block;
  margin-bottom:  0;
  margin-left:    auto;
  margin-right:   0;
  width:          100px;
}

.entry-content .img a {
  border:         10px solid #FFFFFF;
  display:      block;
}

.entry-content .img a:hover,
.entry-content .img a.hover {
  border-color: #FFFFDD !important;
}

.clear { clear:both; }

.entry-content .img p {
  color:          #999;
  font:           italic 1em/1.2 Georgia, "Times New Roman", Times, serif;
  margin:         .2em;
  text-align:     center;
  width:          100%;
}

.entry-content .img.no-border img { border:0; }

h2.entry-title {
  background:     url('/images/watercolor_header_bg.png') no-repeat center left;
  margin:         -40px 0 -22px -30px;
  padding:        40px 0 40px 30px;
  width:          636px;
}

.latest h2 a:hover {
  color:          #444;
}

.latest .entry-content {
  margin-bottom:  1em;
}

.latest .entry-content p {
  margin-right:   0;
  width:          100%;
}

.post-list .group {
  position:       relative;
}

.post-list h3.month {
  font-size:      18px;
  line-height:    18px;
  margin-right:   10px;
  margin:         0 0 0 -200px;
  position:       absolute;
  text-align:     right;
  text-transform: uppercase;
  width:          190px;
}

.month {
  color:          #999999;
  letter-spacing: -1px;
}

.month strong {
  color:          #d4d4d4;
}

.post-list .entry-title {
  font-size:      18px;
  font-weight:    bold;
  line-height:    18px;
  margin-bottom:  0;
  margin:         0;
  padding-bottom: 0;
  padding:        0;
}

.post-list .title-summary .entry-title a {
  background:  transparent;
}

.post-list .title-summary .entry-title a:hover {
  background:   #FFFFDD;
}

.post-list .entry-summary {
  font-family:    "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size:      12px;
  font-style:     normal;
  line-height:    18px;
  padding:        3px 0 15px 0;
}

.post-list .post-info {
  font-size:      .8em;
}

#home h1 {
  font-size:      3em;
  font-weight:    bold;
}

/* =Disqus Hackery
 * --------------------------------------------------------------------- */

div#dsq-popup-profile { left: 0 !important; }

.dsq-by { display: none; }

#disqus_thread #dsq-content h3 {
  font-weight:    normal !important;
  margin:         0 0 18px 0 !important;
}

#dsq-content #dsq-options-toggle { display: none; }
#dsq-content #dsq-comments .dsq-comment-rate { display: none; }

#disqus_thread #dsq-content #dsq-comments .dsq-comment-header {
  margin:         0px 0 0 -200px;
  padding-right:  10px;
  position:       absolute;
  text-align:     right !important;
  width:          190px;
}

#disqus_thread #dsq-content #dsq-comments .dsq-comment { border: 0;}

#disqus_thread #dsq-content #dsq-comments .dsq-comment .dsq-comment-footer { display: none; }

/* Comment Attribution */

#disqus_thread #dsq-content #dsq-comments .dsq-comment { position: relative; }

#disqus_thread #dsq-content #dsq-comments .dsq-comment-header cite { float: right; }

#disqus_thread #dsq-content #dsq-comments .dsq-comment-header .icon-adjust { display: none; }

#disqus_thread #dsq-content #dsq-comments .dsq-comment-header .dsq-header-meta {
  clear:          right;
  color:          #999;
  float:          right;
}

#disqus_thread#dsq-content #dsq-comments a.dsq-header-time {
  color:          #999;
  margin:         0;
}

#disqus_thread #dsq-content #dsq-comments .dsq-comment-header {
  height:         36px;
  line-height:    18px;
}


#disqus_thread #dsq-content #dsq-comments .dsq-comment-body {
  font-size:      12px;
  line-height:    18px;
  margin-top:     0;
  padding-top: 	  0;
}

#dsq-content #dsq-comments .dsq-comment-body a {
  border-bottom:  1px solid #ccc;
  text-decoration:none;
}

#disqus_thread #dsq-content #dsq-comments .dsq-comment.dsq-moderator .dsq-comment-header cite {
  background:     #FFFFDD;
}

#disqus_thread .dsq-item-trackback { margin-top: 1.5em;}

/* DROPCAPS */

p.first {
  text-indent:    -2px;
}

.dropcap {
  color:          #666;
  display:        block;
  float:          left;
  font-family:    Georgia, serif;
  font-size:      72px;
  height:         84px;
  line-height:    81px;
  margin-left:    2px; /* cancel negative text-indent*/
  margin:         -15px 6px -15px 2px;
  overflow:       visible;
}

.dropcap.a {
  background:     url('/images/dropcaps/a.png') no-repeat center center;
  margin-left:    -10px;
  margin-right:   -2px;
  text-indent:    -9999px;
  width:          74px;
}

.dropcap.e {
  background:     url('/images/dropcaps/e.png') no-repeat center center;
  margin-left:    -10px;
  margin-right:   0px;
  text-indent:    -9999px;
  width:          65px;
}

.dropcap.h {
  background:     url('/images/dropcaps/h.png') no-repeat center center;
  margin-left:    -6px;
  text-indent:    -9999px;
  width:          60px;
}

.dropcap.i {
  background:     url('/images/dropcaps/i.png') no-repeat center center;
  margin-left:    -6px;
  text-indent:    -9999px;
  width:          40px;
}

.dropcap.t {
  background:     url('/images/dropcaps/t.png') no-repeat center center;
  margin-left:    -10px;
  margin-right:   -2px;
  text-indent:    -9999px;
  width:          65px;
}

.dropcap.r {
  background:     url('/images/dropcaps/r.png') no-repeat center center;
  margin-left:    -6px;
  text-indent:    -9999px;
  width:          65px;
}

.dropcap.w {
  background:     url('/images/dropcaps/w.png') no-repeat center center;
  margin-left:    -4px;
  margin-right:   4px;
  text-indent:    -9999px;
  width:          80px;
}

/* GIST STYLES */

.gist .gist-file pre {
  margin:         0;
  padding:        8px 9px;
}

.section .gist .gist-file { margin-bottom: 18px; }

/* EOF */