/**** Share buttons ****/
#leftside .tpl_share_buttons {
	padding-left: 8px;
	margin-bottom: 0.5em;
}
#leftside .tpl_share_buttons img {
	border:none;
}
#leftside .tpl_tweet_button {
	padding:0; margin:0 10px 0 0; border:none;
	text-decoration:none;
	background:url(/prx/000/http/webos-goodies.jp/template/imgs/share/tweetthis.png) no-repeat;
	width:70px; height:24px;
	display:inline;
	float:left;
}

/**** Article body ****/
#leftside .article_body h1 { /* without #leftside, the color is overridden. */
  color:          #0080a0;
  font-size:      16px;
  border-style:   none none dashed none;
  border-width:   1px;
  border-color:   #0080a0;
  padding-bottom: 2px;
  margin:         0.5em 0px 0px 0px;
}
.article_body h2, .article_body h3 {
  color:        #0080a0;
  font-size:    16px;
  border-style: none none none solid;
  border-width: 4px;
  border-color: #0080a0;
  padding-left: 4px;
  margin:       0px;
}
.article_body ol, .article_body ul {
  margin:  0px 0px 0px 32px;
  padding: 0px;
}
.article_body ol li, .article_body ul li {
  margin:  4px 0px 4px 0px;
  padding: 0px;
}
.article_body dl {
  margin:  0px 0px 0px 0px;
  padding: 0px;
}
.article_body dt {
  font-weight: bold;
  margin:      0px 0px 2px 0px;
  padding:     0px;
}
.article_body dd {
  margin:  0px 0px 8px 24px;
  padding: 0px;
}
.article_body table {
    border-style:   solid;
    border-width:   1px;
    border-color:   #666;
    border-spacing: 1px;
}
.article_body th, .article_body td {
    font-size:      12px;
    border-style:   solid;
    border-width:   1px;
    border-color:   #666;
    padding:        3px 8px;
}
.article_body th {
    color:            white;
    background-color: #888;
}
.article_body pre {
  text-align:    left;
  font-family:   Osaka-Mono,monospace;
  font-size:     12px;
  border:        2px dotted #0080a0;
  margin:        0.5em 10px;
  padding:       4px 8px;
  overflow:      auto;
  _overflow-x:   auto;
  _overflow-y:   visible;
  white-space:   pre;
  _width:        410px;
}
.article_body blockquote {
  text-align:    left;
  font-family:   inherit;
  font-size:     inherit;
  border:        2px dotted #0080a0;
  margin:        0.5em 10px;
  padding:       4px 8px;
  overflow:      auto;
  _width:        410px;
  white-space:   pre;
}

.article_body pre.prettyprint {
  line-height: 1.1;
}

/**** DokuWiki styles ****/
#leftside div.dokuwiki h1 { /* without #leftside, the color is overridden. */
  margin:         1.5em 0em 1em 0em;
}
.dokuwiki h2, .dokuwiki h3 {
  margin:       1em 0em 1em 0em;
}
.dokuwiki p {
  margin: 0px 0px 1em 0px;
}
.dokuwiki ol, .dokuwiki ul {
  margin:  1em 0px 1em 32px;
  padding: 0px;
}
.dokuwiki ol li, .dokuwiki ul li {
  margin:  4px 0px 4px 0px;
  padding: 0px;
}
.dokuwiki dl {
  margin: 1em 0px 1em 0px;
}
.dokuwiki table {
  margin: 1em 0px 1em 0px;
}
.dokuwiki table.noborder {
    border-style: none;
}
.dokuwiki table.noborder th, .dokuwiki table.noborder td {
    border-style: none;
    color: #555;
    background-color: transparent;
}
.dokuwiki pre {
  text-align:    left;
  font-family:   Osaka-Mono,monospace;
  font-size:     12px;
  border:        2px dotted #0080a0;
  margin:        1.5em 10px;
  padding:       4px 8px;
  overflow:      auto;
  _overflow-x:   auto;
  _overflow-y:   visible;
  white-space:   pre;
  _width:        410px;
}
.dokuwiki blockquote {
  text-align:    left;
  font-family:   inherit;
  font-size:     inherit;
  border:        2px dotted #0080a0;
  margin:        1.5em 10px;
  padding:       4px 8px;
  overflow:      auto;
  _width:        410px;
  white-space:   normal;
}
.dokuwiki img {
	border: none;
}

.tpl_nest > *:first-child { margin-top: 0; }
.tpl_nest > *:last-child  { margin-bottom: 0; }
.tpl_nest ul, .tpl_nest ol { margin-left: 16px; }

/**** syntax highlighting code ****/
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me0  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re4  { color: #009999; }
.code .sc0  { color: #00bbdd; }
.code .sc1  { color: #ddbb00; }
.code .sc2  { color: #009900; }
.code .st0  { color: #ff0000; }

/**** Embeded objects ****/
div.google-gadget, div.widget { margin: 1.5em 0px; }
.google-gadget table, .widget table,
.google-gadget table tr, .widget table tr,
.google-gadget table td, .widget table td,
.google-gadget table th, .widget table th {
	border: none 0px black;
	margin: 0px; padding: 0px;
	border-spacing: 0px;
}

/**** Related links block ****/
#tpl_relatedframe {
	margin: 0px 8px 1em 8px;
	padding: 8px 8px 0px 8px;
	font-family: arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #efefef;
	border: none;
}
#tpl_relatedframe legend {
	font-weight: bold;
}
#tpl_related h1 {
	font-size: 12px;
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}
#tpl_related ul {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	font-size: 10px;
	line-height: 12px;
}
#tpl_related ul li {
	margin: 4px 0px;
	padding: 0px;
}
#tpl_related div.morecategory {
	font-size: 10px;
	margin: 0px 0px 8px 16px;
}

/**** Trackback block ****/
.trackback {
	/*width: 459px;*/
	margin-left: 8px;
	font-family: arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.trackback h1 {
  font-size: 12px;
  margin:    0px 0px 0.5em 0px;
  padding:   0px;
}
.trackback_form {
  margin: 0px 20px;
}
.trackback_form input {
  width: 100%
}
.trackback_form .notice {
  font-size: 10px;
}
.trackback_form {
  margin-bottom: 1em;
}
.trackback_body {
  margin: 0px 0px 1em 0px;
}
.trackback_item h2 {
  font-size:   12px;
  font-weight: bold;
  text-indent: -1em;
  margin:      0.5em 0px 0px 2em;
}
.trackback_item p {
  margin: 0px 0px 0px 2em;
}

/**** Comment block ****/
.comment {
	/*width: 459px;*/
	margin: 0px 0px 16px 8px;
	font-family: arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.comment h1 {
  font-size: 12px;
  margin:    0px 0px 0.5em 0px;
  padding:   0px;
}
.comment_body {
  margin: 0px 0px 1em 0px;
}
.comment_item h2 {
  font-size:   12px;
  font-weight: bold;
  text-indent: -1em;
  margin:      0.5em 0px 0px 2em;
}
.comment_item p {
  margin: 0px 0px 0px 2em;
}
#comment_form .notice {
  font-size:12px;color:#800;margin:0 0 8px 24px;
}
#comment_form div.with_label {
  clear:   both;
  padding: 0px 0px 8px 0px;
}
#comment_form label {
  width:      50px;
  padding:    0px 10px 0px 0px;
  text-align: right;
  float:      left;
  display:    block;
}
#comment_form div.right {
  float: right;
}
#comment_form div.no_label {
  clear:  both;
  width:  350px;
  margin: 0px 0px 0px 60px;
}
#comment_form div.submit {
  text-align: center;
  margin: 8px 0px 0px 0px;
}
#comment_form div.with_label input { width: 200px; }
#comment_form textarea { width:100%;height:200px; }

/**** Image sprites ****/
.tpl_ldclip {
	width:16px;
	height:16px;
	background-position:-253px;
}

.tpl_hatebu {
	width:16px;
	height:16px;
	background-position:-269px;
}

.tpl_delicious {
	width:10px;
	height:16px;
	background-position:-285px;
}