/*----- common -----*/

body{
background:#222222 url(../../images/article/illust_ivy_bg.jpg) repeat-x top;
color:#FFFFFF;
}

a,
a:link,
a:active, 
a:hover{
color:#F8E8BE;
}

a:visited{
color:#A49C87;
}

hr{
height:9px; border-bottom:1px solid #FFFFFF;}
img{border:none}
#blog-body img{
border:1px solid #F8E8BE;
}
/*----- main -----*/

#container{
background:#222222;
padding:0 0 15px;
position:relative;
}

/*----- title banner -----*/

#banner,
#subbanner{
background:url(../../images/article/illust_ivy_main.jpg) no-repeat right top;
height:160px;
}

#banner #join a{
font-weight:bold;}
#login,#join{
top:30px;
right:10px;
}

#banner h1,
#subbanner h1{
/* background:url(../../images/article/illust_ivy_h1.gif) no-repeat left top; */
position:absolute;
top:80px;
left:10px;
padding:0 140px 0 0;
}
#banner h1{
font-size:x-large;
}
#subbanner h1{
font-size:large;
}
#banner a,
#subbanner a{
color:#FCE4E5;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
}
#link-bar{background:#000000;}
#link-bar a,
#link-bar a:link,
#link-bar a:active, 
#link-bar a:hover{}

#login{
bottom:5px;
}

#counter{
text-align:right;
padding:3px 10px;
}
#counter img{background:#FFFFFF;border:1px solid #FFFFFF;}

/*----- profile -----*/

#profile{
margin:0;
text-align:left;}
#profile td{
vertical-align:top;
padding:0px 0 15px 10px;}
#profile dt{font-weight:bold; color:#FCE4E5;}
#profile dd{padding:3px 10px 12px 0;}

/*----- list (post,trackback,comment) -----*/

#contents{}

#postlist{background:#222222; margin:7px 9px;}

#postlist h2{
color:#FCE4E5;
font-size:medium;
padding:12px 0px 12px 45px;
margin-top:10px;
background:url(../../images/article/illust_ivy_h2.gif) left top no-repeat;
}

#postlist .date{color:#FCE4E5;}
#trackback td.sub,
#comment td.sub{color:#FCE4E5;}

.box-unit,
#trackback,
#comment{
padding:0 10px;
margin:0 0 15px;
background:#444444 url(../../images/article/illust_ivy_tb.gif) left top repeat-x;
}
.box{
	padding:10px 3px;
}


h2.h2-general,
#trackback h2,
#comment h2{
color:#FCE4E5;
font-size:medium;
margin-top:10px;
padding:15px 3px 8px 45px;
background:url(../../images/article/illust_ivy_icon2.gif) left top no-repeat;
}
#postlist h2 img{
padding-top:0;
}

#postlist h2 p.supple{

}

h2.h2-general img,
#trackback h2 img,
#comment h2 img{
padding:2px;
}
#trackback form h2,
#comment form h2{
background:none;
padding:0;
}
.supple{
font-size:small;
font-weight:normal;
margin:0px 5px;
}

#postlist table,
#trackback table,
#comment table{
border-collapse:collapse;
margin:0
}

#trackback form table,
#comment form table{
padding:10px;
}
#trackback form td,
#comment form td{
padding:3px 0;
background:none
}
#postlist th,
.deco th{
font-weight:normal;
padding:2px 4px;
color:#FCE4E5;
border:2px dotted #FFFFFF;
border-width:2px 0;
}

#trackback th,
#comment th{
font-weight:normal;
padding:2px 4px;
color:#FCE4E5;
border:2px dotted #FFFFFF;
border-width:2px 0;
}

#postlist td{
padding:10px 10px 15px;
border-bottom:2px dotted #FFFFFF;
}
#trackback td,
#comment td{
padding:10px 10px 15px;
border-bottom:2px dotted #FFFFFF;
}
#trackback td a,
#comment td a{}

#trackback td a:visited,
#comment td a:visited{}

#postlist blockquote,
#trackback blockquote,
#comment blockquote{
margin:0px;
padding:5px 0px}


input.txt,
textarea{
border:1px solid #999;}


/*----- blog -----*/
#blog{
margin:0 4px !important;
padding:10px 4px !important;
background:#222222;}
/*----- blog-header -----*/

#blog-head{
margin:0;
padding:0 9px 7px;
}

#blog-head h2{
color:#FCE4E5;
font-size:medium;
padding:12px 0px 12px 45px;
margin-top:10px;
background:url(../../images/article/illust_ivy_h2.gif) left top no-repeat;
border-bottom:2px dotted #FFFFFF;
}

#blog-head .date,#blog-head .response{	padding-right:5px;}



/*----- blog-body -----*/

#blog-body{
padding:7px 9px;
}

#blog-body img{
border:1px solid #999999;
}

#blog-body blockquote{
border:2px dotted #FFFFFF;
}

#blog-body blockquote#affiliate{
border:2px dotted #FFFFFF;
}

#affiliate img{
border:0px;
}

/*----- blog-footer -----*/


.g-ads a:hover,
#blog-foot .g-ads a:hover{
	background:#7d7551;
}
.g-ads .line2{color:#FFFFFF;}
.g-ads .url{color:#F8E8BE;}


#blog-foot{
margin:0 0 10px;
padding:7px 9px;
}

#blog-foot h2{
color:#FCE4E5;
font-size:small;
text-align:left;
margin:0 5px 0 0;
padding:18px 3px 1px 16px;
background:url(../../images/article/illust_ivy_icon1.gif) left bottom no-repeat;
border-bottom:2px dotted #FFFFFF;
}

#blog-foot ul{
padding-left:20px;
margin:5px 0px;
color:#FCE4E5;
}

#theme td{
}

#theme #rader{
background-image:url(../../images/article/trb_illust_night_purple.gif);
vertical-align:top;
}

/*----- miscellaneous -----*/



.navi{
margin:0;
font-weight:normal;
padding:2px 4px;
color:#FCE4E5;
border:2px dotted #FFFFFF;
border-width:2px 0;
}

#archives{
margin:0;
}


/*----- utilities -----*/

#utilities, #utilities2{
text-align:center;}

#utilities div#webryseal, #utilities2 div#webryseal{
text-align:center;}

#utilities h2,#utilities2 h2{
	font-size:small; text-align:left; margin:0 0 3px; color:#FFFFFF;
	padding:4px 0px 4px 25px;
	background:#000000 url(../../images/article/illust_ivy_utilities.gif) left top no-repeat;
}

#utilities ul, #utilities2 ul{ list-style-type:none; margin:0 6px 0 0 !important; padding:0 !important;}
#utilities ul li, #utilities2 ul li{ background:url(../../images/article/illust_ivy_li.gif) left 4px no-repeat; padding-left:10px !important; margin:0 !important;}

#utilities .date{
color:#F9CEDA;}

/*----- calendar -----*/

#calendar{
padding-bottom:10px;
}

#calendar table{
}
#calendar table caption a{}
#calendar table caption{
padding:1px;
color:#999999;
}

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

#calendar th{
padding:2px 4px;
color:#FCE4E5;
border:2px dotted #FFFFFF;
border-width:2px 0;
}
/*----- album -----*/

#albums img{
border-color:#ccc;
}

/*----- footer -----*/

#footer{background:#222222 url(../../images/article/illust_ivy_foot.gif) no-repeat top left; padding-top:30px;}

#footer a{}

#sbanner img{
padding-right:5px}



/* �� for SNS �� */
#utilities #c-menu, #utilities2 #c-menu{
border-top:2px dotted #FFFFFF;
}
#utilities #c-menu .item, #utilities2 #c-menu .item,
.inner-box .item{
border-bottom:2px dotted #FFFFFF;
}

#outer-box{
background:#222222; margin:7px 9px;}

#outer-box h2{
color:#FCE4E5;
font-size:medium;
padding:12px 0px 12px 45px;
margin-top:10px;
background:url(../../images/article/illust_ivy_h2.gif) left top no-repeat;
}
#outer-box h3{
color:#FCE4E5;
font-size:medium;
padding:12px 0px 12px 45px;
margin-top:10px;
background:url(../../images/article/illust_ivy_h2.gif) left top no-repeat;
}
#outer-box .inner-box h3{
background:none;
padding:0}
#outer-box input.txt,
#outer-box textarea{
}

#outer-box .navi{ margin:5px 0; border:0px;border-bottom:2px dotted #FFFFFF;
 padding:4px 0; color:#FFFFFF;}
#outer-box .navi a{color:#FFFFFF;}


.deco td{
padding-bottom:4px;
border-bottom:2px dotted #FFFFFF;}
.tc1{color:#FCE4E5;}



.themetabs a{
	background:#222;
}
#contents .themetabs a.cur,
#blog .themetabs a.cur{
	color:#fff;
}