@charset "UTF-8";
/* CSS Document */

/* CSS Document */
<style type="text/css">


body{
	background:#000;
	font-family:'Helvetica Neue', Helvetica, Arial;
	font-size:1em;
	color:#fff;
	text-align:right;
	width:auto;
	}

a{
	color:#CC9933;
    text-decoration:none;
}

a:visited{
	color:#446666;
    // text-decoration:none;
	// text-decoration:line-through;
}

a:hover{
	color:#999999;
	text-decorations:none;
	font-size: 1.3em; 
}

.text_bold { 
	font-family: arial,verdana,helvetica;
	font-size: 14px; 
	font-weight: bold; 
	color: #aaaaaa;
    line-height:1em;
}

.title_xl2 {
	font-family: arial,verdana,helvetica;
	font-size: 72px;
	font-weight: bold;
	color: #cacaca;
	letter-spacing:-6px;
    line-height:1em;
}

.redtitle_xl2 {
	font-family: arial,verdana,helvetica;
	font-size: 72px;
	font-weight: bold;
	color: #cc0000;
	letter-spacing:-6px;
    line-height:1em;
}

.title_xl2s {
	font-family: arial,verdana,helvetica;
	font-size: 48px;
	font-weight: bold;
	color: #cacaca;
	letter-spacing:-3px;
    line-height:1em;
}

.title_xl2_C93 {
	font-family: arial,verdana,helvetica;
	font-size: 72px;
	font-weight: bold;
	color: #cc9933;
	letter-spacing:-6px;
	line-height:72px;
}

.title_xl {
	font-family: arial,verdana,helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #cacaca;
	letter-spacing:-2px;
	line-height:36px;
}

.title {
	font-family: arial,verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #cacaca;
	letter-spacing:-1px;
	line-height:24px;
}

.text {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #aaaaaa;
    line-height:1em;
}

.textimg{��
	-webkit-transform:�rotate(180deg);��
	opacity:0.5;��
	border:0px solid white;
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
	
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #aaaaaa;
    line-height:1em;
}�

.redtitle {
	font-family: arial,verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	letter-spacing:-1px;
	line-height:24px;
}

.redtext {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #cc0000;
    line-height:1em;
}

.blutext {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #7777AA;
    line-height:1em;
}

.text_black {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #000000;
    line-height:1em;
}

.text_memo {
	font-family: arial,verdana,helvetica;
	font-size: 0.8em;
	color: #cccccc;
    line-height:1em;
}

.text_memo_C93 {
	font-family: arial,verdana,helvetica;
	font-size: 10px;
	color: #cc9933;
    line-height:1em;
}

.text_t1ght {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #aaaaaa;
    line-height:10px;
}

.text_dark {
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	color: #555555;
    line-height:1em;
}

.text_serif {
	margin: 0;
	color: #ddd;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
}

.text_serif_memo {
	margin: 0;
	color: #aaa;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-style: oblique;
}

.text_planet {
	margin: 0;
	color: #333;
	font-family: "Planet Estyle", Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 30px;
}

.woody {
	margin: 0;
	color: #333;
	font-family: "Clarendon", Times, serif;
	font-size: 72px;
}

.title_serif {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #555555;
    line-height:24px;
}

.title_serif_xl2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	color: #555555;
    line-height:80px;
}

.wood{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #aaaaaa;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 34px;
	line-height: 30px;
	letter-spacing: -1px;
	font-weight: bold;
}

.redwood{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #cc0000;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 34px;
	line-height: 30px;
	letter-spacing: -1px;
	font-weight: bold;
}

.wood_xl2{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #aaaaaa;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 72px;
	line-height: 36px;
	letter-spacing: -1px;
	font-weight: bold;
}

.wood_xl2s{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #aaaaaa;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 48px;
	line-height: 1em;
	letter-spacing: -1px;
}

.teasetext{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-style: oblique;
	color: #aaa;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -1px;
	font-weight: bold;
}

.tease{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-style: oblique;
	color: #ddd;
	margin: 0px 0px 0px 0px;
	font-size: 23px;
	line-height: 1em;
	letter-spacing: -1px;
	font-weight: bold;
}

.teaseblu{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-style: oblique;
	color: #558;
	margin: 0px 0px 0px 0px;
	font-size: 23px;
	line-height: 1em;
	letter-spacing: -1px;
	font-weight: bold;
}

.menu-item {
    font-family:arial,verdana,helvetica;
    font-size:15px;
     font-weight:normal;
     color: #ddd;
}

/*THUMB BOXES*/
#post{
	padding:3px;
	float:left;
	background:#111;
	margin-right:3px;
	margin-bottom:3px;
	line-height:9px;
	color:#EEE;
	border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#post:hover{
	background:#347;
	color:#000;
	}

/*PHOTO STYLES*/
.image img{
	margin-top: 3px;
	margin-bottom:3px;
	width: auto; height: auto;
	}
body#index .photo .caption{
	position:absolute;
	bottom:3px;
	left:3px;
	background:#111;
	opacity:.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	width:250px;
	padding:3px 0 3px 0;
	z-index:100;
	}


/*FOOTER STYLES*/	
#footer{
	color:#555;
	clear:both;
	text-align:right;
	}


    /* CHART LISTS */
    .chartlist { 
      float: left; 
      border-top: 1px solid #000; 
      width: 36em; 
    }
    .chartlist li { 
      position: relative;
      display: block;  
      border-bottom: 1px solid #226; 
      _zoom: 1;
    }
    .chartlist li a { 
      display: block; 
      padding: 0.4em 0.0em 0.4em 0.5em;
      position: relative; 
      z-index: 2; 
    }
	
    .chartlist .count { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right;
      color: #666; 
      font-size: 0.8em; 
      line-height: 2em; 
      z-index: 2; 
    }
	
    .chartlist .count0 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #FF9933; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count1 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #B68F38; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count2 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #A0863D; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count3 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #BA7C42; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count4 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #757246; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count5 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #5F684B; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count6 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #495F50; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .count7 { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #335555; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
	
    .chartlist .date { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #777; 
      font-weight: bold;
      font-size: 0.925em; 
      line-height: 2em; 
      z-index: 2; 
    }
    .chartlist .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #355; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
      background-image: url(weblog/x100ret2.jpg);
      background-repeat: repeat-x
    }
    .chartlist li:hover { 
      background: #755; 
    }

    /* SPARKLINES */
    .sparkline { 
      float: left; 
      height: 1em;
      margin: 0 0.5em;
    }
    .sparkline .index { 
      position: relative;
      float: left; 
      width: 1px; 
      height: 100%; 
    }
    .sparkline .index30 { 
      position: relative;
      float: left; 
      width: 12px; 
      height: 100%; 
    }
    .sparkline .index90 { 
      position: relative;
      float: left; 
      width: 4px; 
      height: 100%; 
    }

    .sparkline .index .count { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #666; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count0 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #FF9933; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count1 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #B68F38; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count2 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #A0863D; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count3 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #BA7C42; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count4 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #757246; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count5 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #5F684B; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count6 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #495F50; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index .count7 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #335555; 
      overflow: hidden; 
      text-indent: -9999px;
    }

/* 30 days count 0-7 */

    .sparkline .index30 .count { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #666; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count0 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #FF9933; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count1 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #B68F38; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count2 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #A0863D; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count3 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #BA7C42; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count4 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #757246; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count5 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #5F684B; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count6 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #495F50; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index30 .count7 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #335555; 
      overflow: hidden; 
      text-indent: -9999px;
    }

/* 30 days count 0-7 */

    .sparkline .index90 .count { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #666; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count0 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #FF9933; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count1 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #B68F38; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count2 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #A0863D; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count3 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #BA7C42; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count4 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #757246; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count5 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #5F684B; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count6 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #495F50; 
      overflow: hidden; 
      text-indent: -9999px;
    }

    .sparkline .index90 .count7 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #335555; 
      overflow: hidden; 
      text-indent: -9999px;
    }
    
    /* SPARKLINE LISTS */
    .sparklist li { 
      padding: 0 0; 
    }
	
	/* figures */
	.figure {
		float: left;
		border: 1px solid gray;
		padding: 0.25em;
		margin: 0 0 1.5em 1em;
	}
	
</style>