= header, footer and CSS

== header

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
<!--
Hatena.Star.SiteConfig = {
	entryNodes: {
		'div.section': {
			uri: 'h3 a',
			title: 'h3',
			container: 'h3'
		},
		'div.commentator':{
			uri: 'a',
			title: 'span.commentator',
			container: 'span.commenttime'
		}
	}
};
Hatena.Star.Token = 'baf18a8a919b62987db07f25e8d4a475b5427cd4';

-->
</script>

<%= navi %>
<h1>Non free as in air</h1>
<p>暗黙の主語は「俺」です。
My <%= a "http://youarenojesus.tumblr.com/", "tumblr" %> and <%= a "http://twitter.com/kuwashima", "Twitter" %>。
<div class="add_feeds">
<a href="http://fastladder.com/subscribe/?url=http%3a%2f%2fwww%2ekuwashima%2eorg%2fniki%2findex%2erdf">
<img src="http://image.fastladder.com/img/banner/80_15.gif" width="80" height="15" border="0" alt="Subscribe with Fastladder">
</a>
<a href="http://fusion.google.com/add?feedurl=http%3A//www.kuwashima.org/niki/index.rdf">
<a href="http://www.bloglines.com/sub/http%3A//www.kuwashima.org/niki/index.rdf"><img src="http://www.bloglines.com/images/sub_modern5.gif" alt="Bloglinesに登録" border="0" /></a>
<a href="http://reader.livedoor.com/subscribe/http%3A//www.kuwashima.org/niki/index.rdf" target="_blank" title="Subscribe with livedoor Reader"><img src="http://image.reader.livedoor.com/img/banner/91_17_1.gif" width="91" height="17" border="0" alt="Subscribe with livedoor Reader"></a>
<a href="http://r.hatena.ne.jp/append/http%3A//www.kuwashima.org/niki/index.rdf"><img src="http://r.hatena.ne.jp/images/addto_w.gif" border="0"></a>
<a target="_blank" href="http://add.my.yahoo.co.jp/rss?url=http%3A//www.kuwashima.org/niki/index.rdf"><img src="http://img.yahoo.co.jp/i/jp/my/addtomy1.gif" width="91" height="17" border="0" alt="Add to My Yahoo!"></a>
<a href="http://www.netvibes.com/subscribe.php?url=http%3A//www.kuwashima.org/niki/index.rdf&amp;type=feed"><img src="http://www.netvibes.com/img/add2netvibes.gif" width="91" height="17" border="0" alt="Add to Netvibes"/></a>
<a href="http://fusion.google.com/add?feedurl=http%3A//www.kuwashima.org/niki/index.rdf"><img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" border="0" alt="Add to Google"></a>
<a href="http://b.hatena.ne.jp/entry/http://www.kuwashima.org/niki/">
<img src="/images/b_entry.gif" width="16" height="12" style="border: none;"
 alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" border="0"/>
<img src="http://b.hatena.ne.jp/entry/image/http://www.kuwashima.org/niki/" border="0">
</a>
<a href="http://del.icio.us/post" onclick="window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" border="0">Save This Page</a>
</div></p>
<%#=calendar　#普通のカレンダー%>
<div class="calendar">
  <%=calendar3 %>
</div>
<%#=calendar2 #箱型のカレンダー%>
<div id="small_body">
<div id="diary_items">


== footer

</div>

<div id="decoletions">

<%= tag_list %>

<div id="twitter_object"><div style="width:176px;text-align:center"><embed src="http://twitter.com/flash/twitter_badge.swf"  flashvars="color1=3368703&type=user&id=9869672"  quality="high" width="176" height="176" name="twitter_badge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><a style="font-size: 9px; color: #3366FF; text-decoration: none" href="http://twitter.com/kuwashima">follow kuwashima at http://twitter.com</a></div></div>

<div id="tumblr">
<p><a href="http://youarenojesus.tumblr.com">tumblrs</a></p>
<script type="text/javascript"
 src="http://youarenojesus.tumblr.com/api/read/json"
 ></script>

 <script type="text/javascript">
 <!--
 // The variable "tumblr_api_read" is now set.
 document.open();
 for (var i = 0; i < 16; ++i) {
   var x = tumblr_api_read["posts"][i];
   if (typeof(x) == "undefined") break;
 document.write(
     ' <a href="' +
         x['url'] +
             '">[t]</a>'
             );
   var tp = x["type"];
 switch (tp) {
   case "regular":
   document.write("<p>" + x["regular-body"] + "<br>" + x["regular-title"] + "</p>");
   break;
   case "photo":
   document.write('<img alt="' + x["url"] + '" src="' + x["photo-url-100"] + '">');
   break;
   case "quote":
   document.write(x["quote-text"] + "@" + x["quote-source"]);
   break;
   case "link":
   document.write('<a href="' + x["link-url"] + '">' + x["link-text"] + '</a>/' + x["link-description"]);
   break;
   case "chat":
   break;
   case "audio":
   break;
   case "video":
   document.write(x["video-source"]+"/"+x["video-caption"]);
   break;
   }

 }
 document.close();
 var elms = document.getElementsByTagName("embed");
  for(var i = 0; i < elms.length;++i){
   var em = elms[i];
   em.width = 200;em.height=150;
  }
             -->
 </script>
</div>


</div><!-- decoletions -->

<%=todo%>
<div class="notes">
<p><%=a("/niki/update.rb?conf=ToDo", "[編集]")%></p>
<p>関係ないけど<%= a "http://www.openbsd.org","OpenBSD" %>を応援しています。<br></p>
</div>

<script type="text/javascript">
<!--

var h3s = document.getElementsByTagName("h3");
for (var i = 0; i < h3s.length; ++i)
{
  var hdr = h3s[i];
  var prml = hdr.getElementsByTagName("a")[0];
  var puri = prml.href.replace("#", "%23");
  var bkm_a = document.createElement("a");
  bkm_a.href = "http://b.hatena.ne.jp/entry/" + puri;
  var bkm_img = document.createElement("img");
  bkm_img.src = "http://www.kuwashima.org/images/b_entry.gif";
  bkm_img.width = 16;
  bkm_img.height = 12;
  bkm_img.border = 0;
  bkm_img.alt = "このエントリーを含むはてなブックマーク";
  var bkm_c_img = document.createElement("img");
  bkm_c_img.src = "http://b.hatena.ne.jp/entry/image/" + puri;
  bkm_c_img.alt = "はてなブックマーク数";
  bkm_c_img.border = 0;
  bkm_a.appendChild(bkm_img);
  bkm_a.appendChild(bkm_c_img);

  hdr.appendChild(bkm_a);

}
-->
</script>

</div><!-- bodies -->



== CSS

div.section {
  position: relative;
}

img.amazon {
  display: block;
  border-style: dotted;
  border-width: 2px;
  border-color: #fff;
  float: right;
  position: relative;
  margin: 0em;
}

div.small_body p {
  clear: right;
}

div.small_body h3 {
  clear: right;
}

div.small_body div.form {
  clear: right;
}

div.small_body div.comment {
  clear: right;
}

div.calendar {
  background-color: rgb(192,255,192);
}

div.textarea textarea {
  width: 80%;
  height: 16em;
}

div#diary_items {
  float: right;
  width: 80%;
}

div#decoletions {
  clear: left;
  width: 20%;
}

/*
ul.tagcloud {
  top: 3px;
  left: 3px;
  width: 19%;
  margin-left: 0em;
}

div#twitter_object {
  position: absolute;
  left: 3px;
  top: 200px;
}

div#tumblr
{
  position: absolute;
  left:  3px;
  width: 19%;
  top: 550px;
}
*/

div.todo
{
  clear: both;
}
div.notes
{
  clear: both;
}

div.footer
{

}

div.hatena_bm h3 {
       line-height: 120%;
       text-align: left;
       border-style: solid;
       border-color: #aaf;
       border-width: 0px 0px 1px 0px;
       margin: 2px 4px 0px 4px;
       padding-top:1em;
       font-weight: bold;
}

div.hatena_bm_entry {
       margin-left: 1em;
       margin-bottom: 1em;
}
div.hatena_bm_entry span.summary {
       font-size: 90%;
       margin-top: 0px;
}
div.hatena_bm_entry span.tags {
       font-size: 80%;
       margin-top: 0px;
}