@charset "UTF-8";
/* blog */





/*____________________ base ____________________*/



body {
margin: 0; padding: 0;
text-align: center; width: 100%;/* ie */
background: url(img/page-bg.gif) repeat-x #E5E5E5;
font-size: small;
color: #666;
line-height: 100%;
}

.all {
text-align: left;
margin: 0 auto; /* else */
width: 790px; background: url(img/content-bg.gif) top center;
}
#header {
background: url(img/head-bg.jpg) no-repeat;
}
.contents {
padding: 15px 35px 0 35px;
}
#main {
float: left; width: 510px;
}
#side {
float: right; width: 180px; padding: 0 0 100px 0;
background:url(img/side-bg.jpg) no-repeat bottom left #FDF1F3;
}
#footer {
clear: both; background: url(img/foot-bg.gif) no-repeat;
padding: 0 35px 10px 35px;
}

/*____________________ class ____________________*/

div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote {
margin: 0; padding: 0;
}

img {
border: none; vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
margin: 0; padding: 0; font-size: 100%;
}

p {
font-size: small; line-height: 1.5; color: #333; margin: 7px 0;
}

a,
a:link,
a:visited,
a:active {
font-weight: normal; text-decoration: underline; color: #BC2727;
}
a:hover {
color: #999;
}

strong {
font-weight: bold;
}


ol,ul {list-style: none;}
caption,th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;} 

.clear {
height: 1px; clear: both; overflow: hidden;
}

.pagebreak {
page-break-after: always;
}

.p10  {
font-size: 10px;
}




/*____________________ column ____________________*/
.contents:after,
.column:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.contents,
.column {display: inline-table;}
/* Hides from IE-mac \*/
* html .contents,
* html .column {height: 1%;}
.contents,
.column {display: block;}
/* End hide from IE-mac */

.column .left {float: left;}
.column .right {float:right}



/*____________________ tables ____________________*/

/*tbl-1*/
.tbl1 {
clear: both;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.tbl1 td,
.tbl1 th {
border-top: 1px solid #aaa; border-left: 1px solid #aaa;
padding: 8px 10px;
}
.tbl1 td {
color: #555; line-height: 1.3;
}
.tbl1 th {
color: #333; font-weight: normal; text-align: left;
background: #f5f5f5;
}


/*_______________|  head  |_______________*/

#head-title {
padding: 0 35px 0 225px;
}
#head-title h1 {
padding: 25px 0 10px 0;
}
#head-title h2 {
display: block; height: 125px;
font-size: 12px; color: #E38685; line-height: 1.6em; font-weight: normal;
}
#head-obi {
background: url(img/head-obi.gif) no-repeat; padding: 17px 35px 21px 0; text-align: right;
font-size: 12px; line-height: 100%; font-family: Arial, Helvetica, sans-serif1; color: #F0CECE; letter-spacing: 1px;
}





/*_______________|  main  |_______________*/

.entry .block {
background: url(img/icon.gif) no-repeat; padding: 0 0 20px 50px;
}
.entry .block h3 {
font-size: 18px; line-height: 1.2em; font-weight: normal; color: #BC2727;
padding-top: 10px; margin-bottom: 10px;
}
.entry .block h3 a {
font-size: 18px; line-height: 1.2em; font-weight: normal;
}
.entry .block p {
line-height: 1.6em; margin: 7px 0;
}
.entry blockquote {
padding: 15px; margin-left: 20px; background: #f3f3f3; color:#666666; border: 1px dashed #ccc;
}

.entry .block img {
display: block;
padding: 5px; border: 1px solid #ccc; margin: 5px 0;
}
.entry .link-more {
background: url(img/bul1.gif) no-repeat center left; padding: 0 0 0 12px; margin: 10px 0;
}
.entry .link-more a {
font-size: 12px;
}
.entry .entry-data,
.entry .comment-footer {
text-align: right; font-size: 12px;
border-top: 1px solid #F4B8BE; padding-top: 5px; margin: 10px 0;
color:#777
}
.entry .entry-data a {
color: #555;
}

.entry h2 {
font-size: 18px; font-weight: normal; color: #777; line-height: 1.2em; margin: 30px 0 15px 0;
}


/*____________________ category-pagenate ____________________*/

.page-nav {
list-style: none;
margin:10px 0 25px 0;
text-align: center;
}
.page-nav li {
display: inline;margin: 0 1px;padding: 2px 7px;
background: #eee; border: 1px solid #ccc;
font-size: 14px;font-weight: bold;
}
.page-nav li a {
font-weight: normal; font-size: 14px;
text-decoration: none;
}




/*_______________|  side  |_______________*/

#side .block {
padding: 0 0 10px 0;
}
#side p,
#side ul {
margin: 7px 15px; font-size: 12px;
}
#side ul li {
padding: 0 0 0 10px; margin: 15px 0;
color:#BC2727; font-size: 12px; line-height: 1.2em;
background: url(img/bul1.gif) no-repeat 0 4px;
}
#side p a,
#side ul li a {
font-size: 12px;
}

#side #profile ul li {
padding: 0; margin: 5px 0; color:#BC2727;
background-image: none;
}
#side .portrait {
text-align: center; margin: 7px 0;
}
#side .portrait img {
border: 1px solid #F2B5BA;
}

#side #rss-link li {
display: inline; margin-right: 10px;
}

#side #monthlist {
padding: 0 0 0 25px;
}


/*_______________|  page-end  |_______________*/
.topagetop {
clear: both;
margin: 0 210px 10px 0; padding: 0 12px 0 0; text-align: right;
background: url(img/bul2.gif) no-repeat center right;
}
.topagetop a {
font-size: 10px;
}


/*_______________|  foot  |_______________*/


#footer .copyright {
text-align: right; padding: 25px 0 0 0;
}



/*::::::::::::::::::::|  for Entry  |::::::::::::::::::::*/


.entry .content-nav {
margin: 0 0 20px 0; text-align: center;
}
.entry .content-nav a {
color: #777;
}


/*_____| comment |_____*/
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 5px solid #BC2727;
    padding: 10px;
    color: #BC2727;
    background: #FDF1F3;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #BC2727;
}
.comments-open-moderated {
color: #999; font-size: 10px;
}
.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
}

#comment-post {
    font-weight: bold;
}
form textarea#comment-text { width:480px; }

.comment,
.comments-open-content,
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
    margin-left: 10px;
}
.comment-content {
margin-top: 20px;
}


/*_____| img |_____*/
img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}