@charset "UTF-8";

/*日本語*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.2;
background: #bcb5b2 url("http://tadateto.net/img/bg_seamless_38.jpg");
/*background: #4a7f2f url("http://tadateto.net/img/bg_seamless_33.png");*/
/*background: #335e91 url("http://tadateto.net/img/bg_seamless_34.jpg");*/
color: #000;
min-width: 1000px;
}


a {
color: #fff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

pre {
color: #333;
padding: 1em;
width: auto;
_width: 90%;
overflow: auto;
_overflow: scroll;
font-family: 'Courier New', monospace;
line-height: 1.4;
}

/*#mainpage div#header {
background: url("http://tadateto.net/img/alien.jpg") 65% no-repeat;
}*/

/*#mainpage div#header:hover {
background: url("http://tadateto.net/img/alien_on.jpg") 65% no-repeat;
}*/

h2.section-title,
h2.page-title {
font-size: 300%;
color: #000;
padding-bottom: 0.7em;
/*background: url("http://tadateto.net/img/border.jpg") bottom repeat-x;*/
}

h2.section-title a,
h2.page-title a {
text-decoration: none;
}

div#header,
div#content,
div#footer,
div#utility_footer {
width:978px;
margin: 0 auto;
}

ul#global-nav li {
float:left;
margin-right: 4.2em;
list-style-type: none;
line-height: 41px;
height: 41px;
}

ul#global-nav li a {
font-weight: bold;
text-decoration: none;
color: #000;
font-size: 16px;
}

ul#global-nav li a:hover {
color: #333;
}

ul#global-nav li.nav-home a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

ul#global-nav::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

ul#global-nav {
_height: 1px;
min-height: 1px;
/*\*/*/
height: auto;
overflow: hidden;
/**/
}

table#posts {
border-collapse: collapse;
border-spacing: 0;
}

table#posts td{
padding: 16px 1em 16px 0;
vertical-align: top;
}

table#posts td.post-date {
width: 100px;
color: #852;
}

table#posts tr {
background: url("http://tadateto.net/img/border03.jpg") bottom repeat-x;
}

table#posts td.post-title {
width: 270px;
}

td.post-title a {
color: #000;
font-weight: bold;
text-decoration: none;
font-size: 150%;
}

td.post-title a:hover {
color: #333;
}

div.section {
margin-bottom: 4em;
}

ul#todos {
margin-left: 2em;
}


div#content {
padding: 6em 0 6em;
}

span.youtube {
background: url("http://tadateto.net/icon/youtube_mini.png") left center no-repeat;
padding-left: 18px;
}

span.itunes {
background: url("http://tadateto.net/icon/itunes_16px.png") left center no-repeat;
padding-left: 18px;
}

p.a {
float: left;
width: 200px;
}

div.b {
margin-left: 230px;
line-height: 1.6;
}

ol.kyokumoku {
margin-left: 1.3em;
line-height: 1.4;
}
/*--------------------------------------
	#footer
---------------------------------------*/

div#footer {
/*border-top: 1px solid #928278;*/
background: url("http://tadateto.net/img/border05.jpg") top repeat-x;
padding: 1em 0 6em;
font-size: 80%;
}

div#footer a {
color: #000;
}

div#footer a:hover {
color: #333;
text-decoration: underline;
}

div#footer ul#rss_and_tw,
div#footer p {
margin-bottom: 0.6em;
}

div#footer p img {
margin-right: 0.2em;
}

div#footer ul#rss_and_tw li{
list-style-type: none;
display: inline;
margin-right: 1em;
}

li.rss_footer {
padding-left: 14px;
background: url("http://tadateto.net/icon/rss_black_12px.png") left center no-repeat;
}

li.tw_footer {
padding-left: 14px;
background: url("http://tadateto.net/icon/twitter_mini_12px.png") left center no-repeat;
}

li.mail_footer {
padding-left: 14px;
background: url("http://tadateto.net/icon/email_mini_12px.png") left center no-repeat;
}

/*--------------------------------------
	SearchBox
---------------------------------------*/

form.search input#sb {
font-family: Arial, Helvetica, sans-serif;
color:#aaa;
}

form.search {  
position: relative;
top: 7px;
} 
 
#sb  {  
width: 152px;  
height: 16px;  
background: #fff;  
border: none;  
padding: 4px;  
color: #aaa;  
} 
 
#sb_but {  
position: absolute;  
top: 0;  
_top: 1px;  
left: 160px;  
} 
 
*:first-child + html #sb_but {  
top: 1px;  
}  

*:first-child + html form.search {
top: -2px;
}

/*--------------------------------------
	Entry Archive (ブログ記事テンプレート)
---------------------------------------*/

#entry-archive #content {
margin-top: 5em;
/*border-top: 1px solid #928278;*/
background: url("http://tadateto.net/img/border05.jpg") top repeat-x;
padding: 1em 0 6em;
}

#alpha {
float:left;
width:317px;
text-align: right;
}

#beta {
/*margin-left: 347px;*/
float: right;
width: 634px;
overflow:hidden;
}

#entrybody {
padding-bottom: 4em;
}

.entry-date {
font-size: 14px;
color: #852;
margin-bottom: 10px;
}

.entry-title {
margin-bottom: 10px;
}

.entry-title a {
font-size: 24px;
text-decoration: none;
color: #000;
}

.entry-title a:hover {
color: #333;
}

.classify {
margin-bottom: 10px;
}

.classify a {
color: #fff;
text-decoration: none;
}

.classify a:hover {
color: #ccc;
}

.classify span.classify-article {
color: #852;
}

.classify strong{
color: #fff;
}

p.author {
color: #852;
margin-bottom: 10px;
}

p.author a {
color: #fff;
text-decoration: none;
padding-left: 18px;
background: url("http://tadateto.net/icon/stimpy_02_mini.png") left center no-repeat;
}

.author a:hover {
color: #ccc;
}

ul.related-entries {
list-style-type: none;
}

ul.related-entries li a {
text-decoration: none;
}

#entry-archive .textbody {
color: #000;
font-size: 14px;
}



#entry-archive .textbody a {
background: #ddd;
color: #333;
text-decoration: none;
}

#entry-archive .textbody a:hover {
background: #fff;
color: #000;
}

#entry-archive table,
#entry-archive td,
#entry-archive th {
border: 1px solid #ddd;
}

#entry-archive .textbody ul,
#entry-archive .textbody ol,
#entry-archive .comment-content ul,
#entry-archive .comment-content ol {
margin-left: 2em;
}

/*#entry-archive .textbody h3 {
padding: 3px 8px;
border: 1px solid #666;
}*/

#entry-archive .textbody h3 {
background: url("http://tadateto.net/icon/bg_h3_04.jpg") left 0.425em no-repeat;
padding: 3px 19px;
}

#entry-archive .textbody h4 {
padding: 2px 5px;
border-left: 3px solid #333;
border-bottom: 1px solid #333;
}

#entry-archive .textbody h5 {
padding: 1px 3px;
border-bottom: 1px solid #666;
}

#entry-archive dl.toc ul{
padding: 0;
margin: 0;
}

#entry-archive dl.toc li {
margin-left: 1.5em;
list-style:none;
}

#entry-archive dl.toc li a {
text-decoration:none;
background: none;
}

#entry-archive dl.toc li a:hover {
text-decoration: underline;
background: none;
}

#entry-archive dl.toc {
position:relative;
border:1px solid #444;
margin:1.5em 0 1em;
padding:1em 0 0;
}

#entry-archive dl.toc dt {
background: #bcb5b2 url("http://tadateto.net/img/bg_seamless_36.jpg");
position:absolute;
top:-1em;
left:1.5em;
padding:0 0.5em;
}

#entry-archive dl.toc dd {
padding: 0 0 1em;
}

#entry-archive .textbody h3 a,
#entry-archive .textbody h3 a:hover,
#entry-archive .textbody h4 a,
#entry-archive .textbody h4 a:hover {
background: none;
text-decoration: none;
}

.fnbody {
width:70%;
border-top: 1px solid #ccc;
padding-top: 0.3em;
}

#entry-archive pre {
background: #eee;
}

h3.related-entries-header,
h3.comments-open-header,
h3.comments-header,
h3.trackbacks-header,
h3.trackback-url-header,
h3.tweetbacks-header {
margin-top: 2em;
font-weight: normal;
color: #852;
padding-bottom: 0.3em;
border-bottom: 1px solid #928278;
margin-bottom: 0.6em;
}

ul.tweet_me_result a {
color: #000;
}

ul.related-entries li {
/*background: url("http://tadateto.net/icon/list_mark_02.gif") left 0.42em no-repeat;
padding-left: 18px;*/
margin-bottom: 0.3em;
}

ul.related-entries li a {
color: #000;
font-weight: normal;
}

ul.related-entries li a:hover {
color: #333;
}

div#page-navigation::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

div#page-navigation {
zoom: 1;
/*\*/*/
overflow: hidden;
/**/
}

div#page-navigation {
padding-top: 4em;
clear: both;
}

.older {
float: left;
width: 196px;
}

.all-entries {
float: left;
padding-left: 50px;
}

.newer {
float: right;
width: 196px;
}

#entry-archive .links a {
color: #000;
background: none;
border-bottom:1px dashed #cf6313;
}

/*--------------------------------------
    lifestream.html
---------------------------------------*/

#lifestream #content a {
color: #111;
text-decoration:none;
border-bottom: 1px dotted #47a;
}

#lifestream #content a:hover {
background: #038cdc;
color: #000;
}

/*--------------------------------------
    Comments / Trackbacks
---------------------------------------*/

/*p.avatar {
float: left;
margin: 0px 10px 10px 0;
}
p.avatar img {
padding: 4px;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}*/

.comment-info img{
vertical-align: top;
}

.comment-info {
margin-bottom: 0.5em;
}

.comment {
padding: 0.5em 0 0.5em;
border-bottom: 1px dotted #333;
}

.comment-reply {
margin-left: 2.5em;
}

div.asset-meta {
}

/*div.comment-content {
clear:both;
padding-bottom: 10px;
margin-bottom: 10px;
}*/

#trackbacks h4 {
font-weight: normal;
}

#trackbacks h4 a{
color: #fff;
}

#trackbacks h4 a:hover {
text-decoration: underline;
}

#trackbacks h4,
#trackbacks p {
margin-bottom: 0.5em;
}

#comments-open-data input,
#trackbacks input {
background: #fff;
border-width: 1px;
padding:0.2em;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.25em;
}
#comments-open-text textarea {
background: #fff;
border-width: 1px;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 0.2em;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.25em;
width:100%;
}

.field input {
margin-top:0.4em;
background: #fff;
border-width: 1px;
padding: 0.2em;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.25em;
}


input#comment-preview {
display: none;
}

input#comment-submit {
background: #333 url("http://tadateto.net/img/bg_submit_button.png") repeat-x ;
border-left: 2px solid #3c3c3c;
border-top: 2px solid #3c3c3c;
border-right: 2px solid #2a2a2a;
border-bottom: 2px solid #2a2a2a;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.35em;
width:20%;
height:2em;
font-size: 100%;
color: #fff;
font-family:  Helvetica, Arial, sans-serif;
letter-spacing: 0.2em;
}

input#comment-submit:hover {
background:#2d2d2d;
}

input#comment-submit:active {
position: relative;
left: 1px;
top: 1px;
}

#comments-open-data input,
#comments-open-text input,
#comments-open-text textarea,
.field input {
margin-top: 0.2em;
margin-bottom:0.4em;
}

/*--------------------------------------
	Thing of the past (いずれエントリーを修正してこのCSSの記述も削除)
---------------------------------------*/


div.intro, 
div.outro,
div.intro-teisei,
div.intro-info,
div.intro-help {
border: 1px solid #ddd;
margin: 0 0 1.5em 0;
padding: 0.5em;
}

div.intro p,
div.outro p,
div.intro-teisei p,
div.intro-info p,
div.intro-help p {
margin: 0;
}

div.intro-teisei {
background: no-repeat url("http://tadateto.net/icon/warning.png") 4px 50%;
padding-left: 40px;
border: 1px solid #ddd;
}

div.intro-info {
background: no-repeat url("http://tadateto.net/icon/info.png") 4px 50%;
padding-left: 40px;
border: 1px solid #ddd;
}

div.intro-help {
background: no-repeat url("http://tadateto.net/icon/help.png") 4px 50%;
padding-left: 40px;
border: 1px solid #ddd;
}

span.intro-title,
span.outro-title {
color: #696;
display: block;
}

dl.intro,
dl.outro,
dl.intro-teisei {
border: 1px solid #ddd;
margin: 0 0 1.5em 0;
padding: 0.5em;
}

dl.intro-teisei {
background: no-repeat url("http://tadateto.net/icon/warning.png") 4px 50%;
padding-left: 40px;
/*border: 1px solid #c66;*/
border: 1px solid #ddd;
}

dl.intro dt,
dl.outro dt,
dl.intro-teisei dt {
color: #696;
}

/*--------------------------------------
	LifeStream (lifestream.html)
---------------------------------------*/

h3.activity-stream-header {
margin-bottom: 0.5em;
}

ul.activity-stream-list {
list-style-type: none;
}

ul.activity-stream-list li {
margin-bottom: 0.5em;
}

li.service-community {
background: url("http://tadateto.net/icon/tadateto_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-twitter {
background: url("http://tadateto.net/icon/twitter_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-livedoorreader {
background: url("http://tadateto.net/icon/livedoorreader_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-flickr {
background: url("http://tadateto.net/icon/flickr_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-delicious {
background: url("http://tadateto.net/icon/delicious_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-tumblr {
background: url("http://tadateto.net/icon/tumblr_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-mixi {
background: url("http://tadateto.net/icon/mixi_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-friendfeed {
background: url("http://tadateto.net/icon/friendfeed_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-lastfm {
background: url("http://tadateto.net/icon/lastfm_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-nicovideo {
background: url("http://tadateto.net/icon/nicovideo_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-hatenabookmark {
background: url("http://tadateto.net/icon/hatenabookmark_mini.png") left top no-repeat;
padding-left: 24px;
}

li.service-website {
background: url("http://tadateto.net/icon/mezamashi_mini.png") left top no-repeat;
padding-left: 24px;
}


/*--------------------------------------
	textbody/comment-content (文章のスタイル)
---------------------------------------*/

.textbody,
.comment-content {
line-height: 1.5;
}

.textbody h3,
.textbody h4,
.textbody h5 {
color: #000;
}

.textbody p,
.textbody div,
.textbody pre,
.textbody blockquote,
.textbody table,
.textbody ul,
.textbody ol,
.textbody dl,
.textbody h3,
.textbody h4,
.textbody h5,
.textbody hr,
.comment-content p,
.comment-content pre,
.comment-content blockquote,
.comment-content table,
.comment-content ul,
.comment-content ol,
.comment-content dl {
margin-bottom: 1.2em;
}

div.bar,
div.tools {
margin-bottom: 0;
}

.textbody hr {
display: block;
}

.textbody blockquote,
.comment-content blockquote {
margin-left: 2em;
padding: 0.8em;
border: 5px solid #333;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
}

/*--------------------------------------
	Tag Cloud (3ping.org style)
---------------------------------------*/

ul.tagCloud {
	margin: 0;
	padding: 0.5em 10px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 130%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud li a {
	padding: 0 5px;
/*	position: relative; */
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #eee;
}

ul.tagCloud li.level1 a {
	z-index: 6;
	font-size: 167%;
	color: #424242;
}

ul.tagCloud li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 136%;
	color: #5e5e5e;
}

ul.tagCloud li.level3 a {
	font-size: 114%;
	color: #7a7a7a;
	z-index: 4;
}

ul.tagCloud li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 100%;
	color: #979797;
}

ul.tagCloud li.level5 a {
	font-size: 85%;
	color: #b3b3b3;
	z-index: 2;
}

ul.tagCloud li.level6 a {
	z-index: 1;
	font-size: 70%;
	color: #cfcfcf;
}

/* オンマウス */
ul.tagCloud li a:hover {
	border-color: #666;
	z-index: 10;
	color: #000;
	background-color: #eee;
}




/*--------------------------------------
	archive index
---------------------------------------*/

#archive-index h3 {
font-family: Georgia;
font-weight:normal;
font-size: 200%;
color: #ddd;
margin-bottom: 0.4em;
}

.archive-list-item {
list-style-type: none;
}

.archive-list-item {
margin-bottom:0.5em;
}

.archive-list-item a {
color: #111;
text-decoration:none;
border-bottom: 1px dotted #47a;
}

.archive-list-item a:hover {
background: #038cdc;
color: #000;
}

/*--------------------------------------
	Contact (mailform.html)
---------------------------------------*/

#mt-blog h2,
#mt-blog p {
margin-bottom: 1em;
}

.comments-open-content p {
margin-bottom: 1em;
}

.preview-author,
.preview-subject,
.preview-email,
.preview-textbody {
padding: 0.8em;
background: #ccc;
border: 1px solid #aaa;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
margin-bottom: 1em;
}

blockquote.alert {
background: #dc3323;
}

/*---------------------------------------
    Web Page Style (asset)
---------------------------------------*/
h2.asset-name {
font-size: 180%;
border-bottom: 1px solid #928278;
margin-bottom: 1em;
padding-bottom: 0.66em;
}

/*.asset-body {
padding:1.5em 0;
}*/

/*.asset-body h3 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#444444;
color:#ffffff;
padding:10px 20px 10px 20px;
margin:40px 0 20px 0;
}*/

.asset-body h3 {
padding: 0.5em 0 0.2em;
border-bottom: 1px solid #333;
}

.asset-body h3 a {
color:#000;
}

.asset-body h4{
	margin:40px 0 20px 0;
	border-left:solid 6px #333333;
	padding-left:5px;
}

.asset-body h5{
	margin:30px 0 10px 0;
	background:#eeeeee;
	padding:2px 5px 2px 5px;
} 

.asset-body a {
text-decoration: underline;
}

.asset-body p {
margin: 1.4em 0;
}

.asset-body li {
list-style:disc inside;
margin-left:1.5em;
}

.asset-body dl.toc ul{
padding: 0;
margin: 0;
}

.asset-body dl.toc li {
list-style:none;
}

.asset-body dl.toc li a {
text-decoration:none;
}

.asset-body dl.toc li a:hover {
text-decoration: underline;
}


.asset-body dl {
}

.asset-body dt,
.asset-body dd {
margin:0;
padding:0;
}

.asset-body dl.toc {
position:relative;
border:1px solid #444;
margin:1.5em 0 1em;
padding:1em 0 0;
}

.asset-body dl.toc dt {
background: #bcb5b2 url("http://tadateto.net/img/bg_seamless_36.jpg");
position:absolute;
top:-1em;
left:1.5em;
padding:0 0.5em;
}

.asset-body dl.toc dd a {
color: #000;
}

.asset-details {
margin-bottom: 2em;
}

.asset-body dl.toc dd {
}

.talk-section dl {
margin-bottom: 0.5em;
}


.talk-section dt {
float: left;
width: 92px;
}

.talk-section dd {
margin-left: 92px;
}

.hiroyuki dt {
color: #393;
}

.tetsuya dt {
color: #933;
}

.hakase dt {
color: #339
}



/*---------------------------------------
	Archive By Category (categories.html)
---------------------------------------*/

h2.archives-by-category-title {
font-size: 140%;
margin-bottom: 1em;
}

.box-per-category {
/*border: 1px solid #ccc;
padding: 1em;*/
margin-bottom: 1em;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
}

.box-per-category a {
text-decoration: none;
font-weight: normal;
}

.box-per-category a:hover {
text-decoration: underline;
}

ul.category-info {
margin-bottom: 0.4em;
}

ul.category-info li {
display: inline;
margin-right: 0.3em;
}

ul.category-info li.label {
margin-right: 1em;
}

ul.category-info li.label a {
font-size: 2em;
font-weight: bold;
font-family: serif;
}

dl.data {
zoom: 100%;
border-top: 1px solid #928278;
border-right: 1px solid #928278;
border-left: 4px solid #928278;
margin-bottom: 0.4em;
}

dl.data dt {
padding: 0.4em 1.0em;
width: 12em;
clear: left;
float: left;
border-right: 1px solid #928278;
border-bottom: 1px solid #928278;
}

dl.data dd {
padding: 0.4em 1.0em;
margin-left: 12em;
border-bottom:1px solid #928278;
}

dl.data dd span {
padding-left: 0.5em;
}

dl.data dd span a {
color: #000;
}

ul.sub-categories {
padding: 0.4em;
padding-left: 1em;
border: 1px solid #625248;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.sub-categories li {
display: inline;
margin-right: 2em;
}

/*--------------------------------------
    Search Results (検索結果）
---------------------------------------*/

.content-nav {
margin: 1em 0 1em;
}

/*---------------------------------------
    hatena Star (はてなスター）
---------------------------------------*/

/* Commentボタンの画像をurl()の中に指定します */
.hatena-star-comment-button-image {
  background-image: url("http://tadateto.net/img/comment_h.gif");
}

/* Addボタンの画像をurl()の中に指定します */
.hatena-star-add-button-image {
  background-image: url("http://tadateto.net/img/add_h.gif");
}

/* ☆の画像をurl()の中に指定します */
.hatena-star-star-image {
  background-image: ;
}

/*--------------------------------------
    AA (Ascii Art) Style
---------------------------------------*/
pre.aa{
font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic','IPAMonaPGothic','Mona','mona-gothic-jisx0208.1990-0',sans-serif !important;
font-size: 16px;
line-height: 18px;
letter-spacing: normal;
white-space: pre;
word-spacing: normal;
background-color: #FFF;
border: none;
}

/*--------------------------------------
    Topsy Retweet Button on WebPage
---------------------------------------*/

#webpage .asset-header {
width:900px;
float:left;
}

#webpage .topsy-big {
margin-left: 918px;
width:50px;
}

#webpage .asset-content {
clear: both;
}

/*--------------------------------------
    Topsy Retweet Button on Entry Archive
---------------------------------------*/

#entry-archive .topsy-big {
margin-left:266px;
}


/*--------------------------------------
    Topsy Retweet Button IE6 Fix
---------------------------------------*/

#entry-archive .topsy-big-retweet,
#webpage .topsy-big-retweet {
_background: #336699 url(/img/tb-widget.png) !important;
}
/*--------------------------------------
    Topsy Trackbacks Widget
---------------------------------------*/

ul.ttw-inner {

}

ul.ttw-inner li {
zoom: 1;
list-style-type: none;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin-top: 10px;
}

span.ttw-author-img {
display:block;
float:left;
width:50px;
}

span.ttw-content {
display:block;
margin-left: 60px;
}

span.ttw-meta {
display:block;
border: 1px dotted #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
clear:both;
}