@charset "UTF-8";


/**********************************
*             Css Reset             *
**********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }

/* CSS Document */

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 12px;
  color: #222; 
  background: #000 url(images/bg.jpg) no-repeat fixed 890px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
}


html, body{ height: 100%;}

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

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height:1.3;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus 	{color: #1985b2;} 
a:hover     { color: #1985b2; text-decoration: underline;  }
a           { color: #2fa2d2; text-decoration:none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.hidden{ display:none; }


.serif{ font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; text-transform:uppercase; letter-spacing:1px; }
/* h2{ font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; letter-spacing:1px; } */

.inner{ padding:10px;}
.pad{ padding:5px;}
.outer{ margin:10px;}
.contain	{ width:940px; margin:auto;}
.cb{ clear:both;}
.border{border:solid 1px #999;}

.spacer{ height:20px;}
.space{ height:10px;}
.divide{border-bottom:1px solid #fff;  border-top:1px solid #e4e4cf; }


.side{ float:left; position:fixed; height:100%; width:248px; background:#9f9f9f url(images/side_bg.jpg) no-repeat; background:#fff; width:250px; left:0; top:0;}
.body{ background:#fff; float:left; width:640px; margin-left:250px; border-right:1px #111 solid; min-height: 100%;}
.binner{ padding:10px 30px;}
.top{ height:15px; background-image:url(images/top_bg.png); background-repeat:repeat-x;}
.side .top{}
.body .top{ background-position:-250px 0;}


* html .side{ width:240px;}
 

.body h1{ margin:20px 0px 40px 0px; font-size:32px; line-height:1.3;  padding-bottom:20px;}

.post{ border-bottom:dashed 1px #666; margin-bottom:40px;}
.post h2 { margin-bottom:15px;  border-bottom:1px dashed #ccc; padding-bottom: 2px;}
.post h2 a{ color:#50823f;  font-weight: bold; cursor: pointer;}
.post h2 a:hover{ background: #335e24; color: #fff; text-decoration: none;}
.post img{ border:solid 1px #000;}

.side h3{ border-bottom:dotted 1px #666;}

.tags{ list-style:none; margin:10px 0px 0px 0px;}
.tags li{  height:25px; margin:0px 7px 8px 0px;}
.tags li span.tip{ line-height:25px; display:block; float:left; width:16px; }
.tags li span.text{ line-height:25px; display:block; text-transform:uppercase; padding-right:7px; float:left; padding-left:3px;}
.tags li a{ color:#111;}



.tags li span.tip.blue{background:url(images/tags/blue_left.png) no-repeat center left;}
.tags li span.text.blue{ background:url(images/tags/blue_right.png) center right;}
.tags li span.tip.green{background:url(images/tags/green_left.png) no-repeat center left;}
.tags li span.text.green{ background:url(images/tags/green_right.png) center right;}
.tags li span.tip.yellow{background:url(images/tags/yellow_left.png) no-repeat center left;}
.tags li span.text.yellow{ background:url(images/tags/yellow_right.png) center right;}
.tags li span.tip.red{background:url(images/tags/red_left.png) no-repeat center left;}
.tags li span.text.red{ background:url(images/tags/red_right.png) center right;}
.tags li span.text.blue a{ color:#519bca;}
.tags li span.text.green a{ color:#7ebb43;}
.tags li span.text.yellow a{ color:#faae1c;}
.tags li span.text.red a{ color:#8b311c;}

#logo{ margin:20px 0px; }

#tree{ position:fixed; bottom:10px; left:10px; color: #333; font-size:11px; text-transform: uppercase; }

#search{ margin:30px 0px;}
#search #s{ float:left; padding:3px 5px; width:160px;}
#search #search_submit{ float:left; margin-left:5px; height:26px; padding:0 7px; border:0; background:url(images/pagination_bg.png) repeat-x; color:#fff; }


.pagination{  float:right;}
.pagination a{ height:25px; line-height:25px; background:url(images/pagination_bg.png) repeat-x; margin:0px 10px 0px 0px; display:block; float:left; padding:0px 10px; color:#111; text-decoration:none;}

#footer{ margin:5px 0px 10px 0px; float:left;}

.commentlist{}
.commentlist li{ clear: both; padding: 10px; background: #f5f5f5; border: solid 1px #999;}
.commentlist .comment-author{ height: 48px; margin-bottom: 10px; float: left; width: 200px;}
.commentlist .avatar{ float: left; margin-right: 10px;}
.commentlist .says, .commentlist cite{ display: block; margin-bottom: 5px;}
.comment-meta{ float: right;}
.commentlist p{ clear: both;}

#respond{padding: 10px; background: #f5f5f5; border: solid 1px #999; margin: 17px;}
#respond label{ color: #2FA2D2; display: block; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-bottom: 3px;}

#commentform{}
#commentform label{ display: block; margin-bottom: 2px; margin-top: 5px;}
#comment{ margin-top: 20px;}