@charset "utf-8";

/*
Theme Name: True Face BLOG
Theme URI: http://collectnote.com/
Description: True Face BLOG TEMPLATE
Author: Michael Heilemann
Author URI: http://www.e-notes.co.jp/
Tags: fixed width, two columns
*/

@import "default.css";

.attention,
.red{
 color: #ff0000;
}

.fs08{
 font-size: 0.8em;
}


/*日時＆メタ
=========================*/
.postmetadata{
 margin: 10px 0;
}


/*コメント
=========================*/
#comment{
 width: 545px;
 height: 200px;
}

.commentlist{
 margin: 0 0 0 22px;
}

/*BODY
=========================*/

body {
 background-color: #000000;
 text-align: center;
 height:100%;
 background-image: url(http://blog.trueface.jp/img/bg.gif);
 background-repeat: repeat-x;
}


/*LAYOUT
=========================*/

#layout {
 width: 930px;
 height: 100%;
 min-height: 100%;
 text-align: center;
 margin-right: auto;
 margin-left: auto;
 background-color: #000000;
 background-image: url(http://blog.trueface.jp/img/2009041002.gif);
}

body > #layout{
 height: auto;
}

/*HEADER
=========================*/
#header{
 text-align: center;
 margin-right: auto;
 margin-left: auto;
}
#header p{
 padding: 5px;
 font-size: 0.9em;
 color: #ffffff;
 text-align: right;
}

#header_images{

}

/*MAIN
=========================*/
#main{
 background-image: url(http://blog.trueface.jp/img/2009041002.gif);
 background-repeat: no-repeat;
}


/*CONTENT
=========================*/
#content{
 width: 583px;
 float: right;
 color: #e6e6e6;
 margin: 10px 0 0 0;
 position: relative;
 left: -10px;
}

#content_top{
 width: 580px;
 height: 50px;
 overflow: hidden;
}

#contentbg{
 width: 580px;
 background-image: url(http://blog.trueface.jp/img/2009041010.gif);
}

#contentbg2{
 padding: 15px;
 color: #414141;
}

#contentbg2 h2.title{
 color: #ff0000;
 font-size: 18px;
 margin: 0 0 10px 0;
}

#contentbg2 h2.title2{
 font-size: 18px;
 margin: 0 0 10px 0;
}

#contentbg2 h2.title a,
#contentbg2 h3.title a{
 text-decoration: none;
 color: #ff0000;
}

#contentbg2 h2.title a:hover,
#contentbg2 h3.title a:hover{
 text-decoration: underline;
 color: #ff0000;
}

#contentbg2 p{
 padding: 0 0 10px 0;
}

#contentbg2 a{
 text-decoration: none;
 color: #414141;
}

#contentbg2 a:hover{
 color: #414141;
 text-decoration: underline;
}

#content_bottom{
 width: 580px;
 height: 10px;
 background-image: url(http://blog.trueface.jp/img/2009041012.gif);
 background-repeat: no-repeat;
}

.bar{
 text-align: center;
 margin: 10px 0;
}


/*COLUMN STRUCTURE
=========================*/
#column{
 width: 780px;
 float: left;
 text-align: left;
}


/*SIDE MENU
=========================*/
#leftmenu{
 width: 187px;
 float: left;
 text-align: left;
}

#leftmenu2{
 width: 148px;
 margin: 10px 0 0 19px;
}

#leftmenu2 ul{
 margin: 0;
 padding: 0;
}

#leftmenu li{
 list-style-type: none;
 font-size: 12px;
 margin: 0;
 padding: 0;
}

#leftmenu2 ul li ul{
 margin: 15px 0 20px 0;
 padding: 0;
}

#leftmenu2 ul li ul li{
 list-style-type: none;
 background-image: url(http://blog.trueface.jp/img/2009041024.gif);
 background-repeat: no-repeat;
 background-position: 0 4px;
 margin: 0 0 0 12px;
 padding: 0 0 0 7px;
 font-size: 12px;
 color: #808080;
}

#leftmenu2 ul li ul li a{
 text-decoration: none;
 color: #808080;
}

#leftmenu2 ul li ul li a:hover{
 text-decoration: underline;
 color: #808080;
}

#rightmenu{
 width: 150px;
 float: right;
 margin: 10px 0 0 0;
}




/*カレンダー
=========================*/
#calendar{
 margin: 30px 0 0 0;
 width: 150px;
 height: 150px;
 background-image: url(http://blog.trueface.jp/img/2009041023.gif);
 background-repeat: no-repeat;
 font-size: 12px;
}

#calendar ul{
 padding: 10px 0 0 5px;
}

*html #calendar ul{
 padding: 5px 0 0 10px;
}

#calendar td,
#calendar th{
 padding: 0px 1px 1px 1px;
}


/*TIME
=========================*/
#time{
 margin: 30px 0 0 0;
 width: 150px;
 height: 150px;
 background-image: url(http://blog.trueface.jp/img/2009041014.gif);
}

.box150{
 width: 150px;
 color: #e6e6e6;
 margin: 0 auto;
 text-align: left;
}

.box150 ul{
 margin: 5px 0 0 10px;
}

.box150 li{
 list-style-type: none;
}

.box150 li#p1{
 padding: 20px 0 0 22px;
 margin: 0;
}

.box150 li#p2{
 padding: 0 0 0 22px;
 margin: 0;
 position: relative;
 top: -3px;
}

.box150 li#imp{
 font-family: Impact;
 color: #01ffff;
 font-size: 32px;
 position: relative;
 top: -12px;
 left: 2px;
}

.box150 li#p3{
 padding: 0 0 0 22px;
 margin: 0;
 position: relative;
 top: -20px;
}

.box150 li#p4{
 padding: 0 0 0 22px;
 margin: 0;
 position: relative;
 top: -24px;
}


/*FOTTER
=========================*/
#footer{
 padding: 10px 0 0 0;
 clear: both;
 font-size: 80%;
 text-align: center;
}

address{
 color: #ffffff;
 font-style: normal;
}

address a{
 color: #ffffff;
 text-decoration: none;
}

address a:hover{
 color: #ffffff;
 text-decoration: underline;
}