@import url(http://blog.creamu.com/cgi-bin/mt-static/themes/base-weblog.css);
/*
name: Classy
designer: Mena Trott
designer_url: http://mena.typepad.com
developer: Randy Reddig
developer_url: http://shaderlab.com
*/
/* general page elements */

/*clearfix
-----------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
-----------------------------------------------------*/

a
{
	text-decoration:none;
	
}

a:link { color:#608A9B; }
a:hover {
	text-decoration:underline;
}
/* layout */

body
{
	margin: 0;
	color: #333;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
	font-size: 90%;
	line-height: 125%;
	background:url(http://blog.creamu.com/mthacks/img/bodyback.gif);
}
.entry-content {
	border-bottom:1px solid #ccc;
}
h3.entry-header,
h2#archive-title {
	clear:both;
	color:#36414D;
	font-size:1.2em;
	border-bottom:3px solid #36414D;
	text-indent:3px;
}
/*******************▽ヘッダCSS*********************************/
div#hdrleft {
	float:left;
}
#logo {
	display:inline;
	float:left;
	padding-top:5px;
	margin:0 0 0 15px;
}
div#hdrright {
	float:right;
}
div#hdrright a {
	color:#0066CC;
	text-decoration:underline;
}
h1#hdr {
	font-size:1em;
	color:#666;
	margin:0;
	padding:2px 0 0 0;
}
span#banner-header {
	margin:5px 0 0 0;
	padding:20px 0 0 10px;
	float:left;
}
span#banner-header img {
	margin-right:7px;
}
span#banner-header a {
	color:#CC66FF;
}
span#banner-header a:hover {
	color:#D57FFF;
}
h2#comment {
	text-align:center;
	background-color:#D8FF8A;
	border-top:1px #A8C76B solid;
	border-bottom:1px #A8C76B solid;
	font-size:0.9em;
	color:#666;
	padding:7px 0px;
	width:760px;
}
h2#comment span {
	vertical-align:middle;
}
/*******************▲ヘッダCSS*********************************/

#container { position: static; }

#container-inner
{
	position: static;
	background: #FFFFFF;
	padding:0 20px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
}

#banner
{
	border-bottom:1px solid #ccc;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #333333;
	background: #FFFFFF;
	text-align: left;
}
#banner a
{
	color: #333333;
	text-decoration: none;
}

#banner-header
{
   margin:0;
   padding: 63px 0 0 88px;
   font-size: 1em;
   line-height: 1;
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}




/* default to artistic/calendar/timeline layout */

#container
{
	width: 780px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 232px; margin: 15px 0;}
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

p.content-nav { 
	margin:0 0 13px 0;
	padding:5px;
	background:#F9F9F9;
	color:#666;
	border-top:1px solid #AFBAC7;
	border-bottom:1px solid #AFBAC7;
}
.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #333333;
	font-size: medium;
	text-align: left;
}
.date-header {
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#999;
}
.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	font-size: small;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin:0;
}
.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border: 0;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	
	
	
}

.comment-footer {
	color:#999;
}
#comment-author, #comment-email, #comment-url
{
   width: 240px;
}
#comment-text {
   width: 400px;
}
/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

#alpha .module {
	border:1px solid #ccc;
	margin:7px 0;
}
.module {
/*	border:1px solid #A3B8CC;
*/	
	border:1px solid #DAE0E6;
	margin:0 0 7px 0;
}

.module-header
{
	margin:1px 1px 0 1px;
	border: 0;
	color: #36414D;
	font-size:1em;
	line-height: normal;
	text-transform: uppercase;
	text-align: left;
/*	background:#E6ECF2;
*/
	background:#E6ECF2;
	padding:2px 6px;
}

.module-content
{
	margin:7px;
	color: #333333;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
}
.module-content .rsslogo {
	float:right;
}
.module-content .rsslogo img {
	border:0;
}
.feedflare a img {
	border:0;
}
.layout-two-column-right #alpha-inner .module-content ul li.module-list-item {
        background:url(http://blog.creamu.com/mthacks/img/new.gif) no-repeat left center;
}
.layout-two-column-right #alpha-inner .module-content ul li.module-list-item a {
	font-size:1em;
	color:#0066CC;
	text-decoration:underline;
	padding-left:27px;
}
/*******************▽カテゴリーツリー用CSS*********************************/
.layout-two-column-right #alpha-inner .module-content .categorywrap {
	background:#D9FFE5;
	margin-bottom:3px;
	padding:5px;
}
.layout-two-column-right #alpha-inner .module-content .categorywrap .categoryname {
	font-size:1.2em;
}
.layout-two-column-right #alpha-inner .module-content .categorywrap ul li a {
	font-size:1em;
	color:#0066CC;
	padding-right:7px;
	text-decoration:underline;
	float:left;
}
/*******************▲カテゴリーツリー用CSS*********************************/
.module-list { margin: 0; }
.module-list-item,
.archive-list-item { 
   margin-top: 0;
   line-height: 1.5;
   list-style:none;
   background:url(http://blog.creamu.com/mthacks/img/list_bullet.gif) no-repeat left center;
   padding-left: 9px;
}
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 1px solid #333333;
}

.module-photo
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #336600;
	font-size: small;
	border: 0;
	text-align: left;
	
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}
	

/* one-column tweaks */
	
	.layout-one-column #container
	{
		width: 822px;
	}

	.layout-one-column #alpha
	{
					width: 537px;
					float:left
		
		
	}
	
	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 7px 0 15px 0;
		background: #FFFFFF;
	}
	.layout-one-column #alpha-inner ul {
		margin:0 0 0 3px;
		padding:0;
	}
	.layout-one-column #alpha-inner ul li {
		list-style:none;
	}	
	.layout-one-column #alpha-inner ul li.url {
		margin:0 0 18px 0;
		padding:0;
	}
	.layout-one-column #alpha-inner ul li a {
		color:#999;
		text-decoration:none;
		font-size:0.8em;
	}
	.layout-one-column #alpha-inner ul li.title a {
		font-weight:bold;
		color:#0066CC;
		font-size:1em;
		text-decoration:underline;
	}
	.layout-one-column #beta
	{
		width: 232px;
		float:right;
		
	}
	
	.layout-one-column #beta-inner
	{
		border: 0;
		padding: 7px 0 15px 0;
		background: #FFFFFF;
	}

/* two-column-right tweaks */
	
	.layout-two-column-right #container
	{
		width: 822px;
	}

	.layout-two-column-right #alpha
	{
					width: 539px;
					float:left
		
		
	}
	
	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 7px 0 15px 0;
		background: #FFFFFF;
	}
	.layout-two-column-right #alpha-inner ul {
		margin:0 0 0 5px;
		padding:0;
	}
	.layout-two-column-right #alpha-inner ul li {
		list-style:none;
	}	
	.layout-two-column-right #alpha-inner ul li.url {
		margin:0 0 18px 0;
	}
	.layout-two-column-right #alpha-inner ul li.title a {
		font-weight:bold;
		color:#0066CC;
		font-size:1em;
		text-decoration:underline;
	}
	.layout-two-column-right #beta
	{
		width: 232px;
		float:right;
		margin-right:2px;
	}
	
	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 7px 0 15px 0;
		background: #FFFFFF;
	}
/*******************▽RSSアイコン用CSS*********************************/
#rss {
	text-align: left;
	margin:0 0 6px 0;
}
#rss a {
	background:url(http://blog.creamu.com/mthacks/img/rss.jpg) no-repeat left center;
	padding-left:15px;
}
/*******************▲RSSアイコン用CSS*********************************/

/*******************▽li strong用CSS*********************************/
.entry-body ul li strong {
	background:#FFFFCC;
}
/*******************▲li strong用CSS*********************************/
#skysclaper {
	float:right;
	margin-top:7px;
}


/*******************▽検索結果テンプレート用CSS*********************************/
#alpha_tag { margin: 0; padding:0; width: 539px; float:left; }
#beta_tag { width: 232px; margin:0; padding:0; float:right; }

h2.search-results-header,
h3.search-results-header {
    background:url(http://blog.creamu.com/mthacks/img/tag_bullet.gif) no-repeat #FFE5FF left center;
	margin:7px 0;
   	color: #9933FF;
	font-weight:bold;
	padding:3px 25px;
	border-bottom:1px solid #ccc;
	font-size:1em;
}
.search-results-container h3 {
	margin:0;
	padding:2px 10px;
	font-size:1em;
}
.search-results-container p.entry-footer {
	float:right;
}
.module-search-feed h2.module-header {
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;
   margin:0;
   padding:2px 6px;
   line-height: 1;
   text-transform: uppercase;
}
.module-search-feed .module-content p {
	padding:5px;
	margin:0;
}
.module-search-feed .module-content p#feed {
	float:right;
}
.module-search-feed .module-content p#feed img {
	border:none;
}
.module-tags {
	margin-top:7px;
	margin-bottom:15px;
}
.module-tags h2.module-header {
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;
   margin:0;
   padding:2px 6px;
   line-height: 1;
   text-transform: uppercase;
}
.module-tags .module-content p {
	padding:5px;
}
.module-tags .module-content ul {
	margin:0 7px;
	padding:0;
}
.module-tags .module-content ul li {
	list-style:none;
	text-decoration:none;
}
.entry-tags ul.entry-tags-list li {
	display:inline;
	text-decoration:none;
}
.onetagwrap {
	margin-bottom:7px;
	border:1px solid #ccc;
}
.onetagwrap h3 {
	background:#F5F5F5;
}
.onetagwrap p {
	margin:10px 15px;
}
#searchbox {
	border:1px solid #6EBEF2;
	background:#ECF5FA;
	margin-top:7px;
}
#searchbox p {
	text-align:center;
}
#searchbox form {
	text-align:center;
}
#searchbox table  {
	margin:0 auto;
}

/*******************▲検索結果テンプレート用CSS*********************************/

/*******************▽サイドバーTagcloud用CSS*********************************/
.module-content-nomargin
{
   position: relative;
   margin: 0;
   padding: 0;
   line-height: 1.2;
   font-size: 0.8em;
    border-top:none;
}
.module-content-nomargin ul {
	margin:0 7px 7px 7px;
	padding:0;
}
.module-tagcloud .module-content-nomargin {padding-top:5px;}
.module-tagcloud .module-content-nomargin a {text-decoration: none; }
.module-tagcloud .module-content-nomargin { text-align: left; }
.module-tagcloud .module-content-nomargin .module-list { list-style: none; }
.module-tagcloud .module-content-nomargin .module-list .module-list-item { display: inline; background:none; line-height:1.2; padding:0; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel1{ font-size: 20px; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel2{ font-size: 18px; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel3{ font-size: 16px; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel4{ font-size: 14px; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel5{ font-size: 12px; }
.module-tagcloud .module-content-nomargin .module-list li.taglevel6{ font-size: 10px; }
/*******************▲サイドバーTagcloud用CSS*********************************/

/*******************▽引用CSS*********************************/
.quote {
	background-color:#E7EBFF;
	border:1px dashed #ccc;
	padding:10px;
}
/*******************▲引用CSS*********************************/

/*******************▽エントリー毎のフッタ、タグ表示用CSS*********************************/
.entry-footer {
	color:#999;
	float:right;
	margin-top:2px;
}
.entry-footer a img {
	vertical-align:text-bottom;
}
.entry-tags {
	text-align:right;
	padding-right:7px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {display: inline; font-size:0.9em; color:#999; padding:0; }

.entry-tag a {text-decoration:none; color:#999;}

/*******************▲エントリー毎のフッタ、タグ表示用CSS*********************************/

/*******************▽アドセンス用CSS*********************************/
.google {
	float:right;
}
/*******************▲アドセンス用CSS*********************************/

#more {
	background:#FFFFE5;
	border:1px solid #E6E6E6;
	padding:10px;
}
#more h3 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0 0 2px 0;
	border-bottom:1px solid #ccc;
}
/*******************▽トラックバック、コメント背景用CSS*********************************/
.comments-content,
.comments-open
{
	background:#F2F2F2;
	border:1px solid #E6E6E6;
	padding:10px;
}
.trackbacks
{
	background:#F2F2F2;
	margin-bottom:7px;
}
#trackbacks-info {
	padding:10px;
	border:1px solid #E6E6E6;
}
.comments-open-content label {
	float:left;
	width:90px;
	text-align:right;
	padding-right:5px;
}
.comments-open-content label#save {
	clear:both;
	width:200px;
	text-align:left;
	padding-left:95px;
}
#comments-open-footer {
	margin-left:95px;
}
/*******************▲トラックバック、コメント背景用CSS*********************************/

/*******************▽simpleapi画像用CSS*********************************/
.module-content ul.module-list li#nolist a img
 {
	width:80px;
	border:none;
        margin-bottom:3px;
}
.simpleapi_left img
 {
	width:80px;
	border:none;
        margin-bottom:3px;
        margin-left:10px;
}
.module-content ul.module-list li#nolist #left,
.simpleapi_left
 {
	float:left;
	margin-right:3px;
}
.module-content ul.module-list li#nolist {
	color:#999;
	clear:both;
        margin-bottom:3px;
}
.trackback-content p span {
	color:#999;
	font-size:0.8em;
}
.trackback-content p a {
	color:#0066cc;
}
/*******************▲simpleapi画像用CSS*********************************/