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

body{
background:url(../../images/article/illust_urban_bg.gif);
color:#000000;
}

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

a:visited{
color:#648CA2;
}

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

#container{
background:#342B27 url(../../images/article/illust_urban_main.jpg) no-repeat right top;
padding:0 0 15px;
}

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

#banner{
height:250px;
}

#subbanner{
height:250px;
}

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

#banner h1,
#subbanner h1{
position:absolute;
top:20px;
left:10px;
padding:0;
}
#banner h1{
font-size:x-large;
}
#subbanner h1{
font-size:large;
}
#banner a,
#subbanner a{
color:#000000;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
}
#link-bar{}
#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;
}

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

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

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

#contents{background:url(../../images/article/illust_urban_body.gif); }

#postlist{margin:0 9px 7px;}

#postlist h2{
color:#7E4F3F;
font-size:medium;
padding:18px 0px 18px 30px;
margin-top:10px;
background:url(../../images/article/illust_urban_h2.gif) left top no-repeat;
}

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

.box-unit,
#trackback,
#comment{
position:relative;
padding:0 10px;
margin:0 10px 15px;
background:url(../../images/article/illust_urban_tb.gif);
}
.box{
	padding:10px 3px;
}


h2.h2-general,
#trackback h2,
#comment h2{
color:#FFFFFF;
font-size:medium;
margin-top:10px;
padding:15px 3px 8px 45px;
background:url(../../images/article/illust_urban_tbh2.gif) left 5px 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:#7E4F3F;
border:1px solid #000000;
border-width:1px 0;
}

#trackback th,
#comment th{
font-weight:normal;
padding:2px 4px;
color:#7E4F3F;
border:1px solid #FFFFFF;
border-width:1px 0;
}

#postlist td{
padding:10px 10px 15px;
border-bottom:2px dotted #FFFFFF;
}
#trackback td,
#comment td{
padding:10px 10px 15px;
border-bottom:1px solid #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:url(../../images/article/illust_urban_body.gif);}
/*----- blog-header -----*/

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

#blog-head h2{
color:#7E4F3F;
font-size:medium;
padding:14px 0px 18px 30px;
margin-top:10px;
background:url(../../images/article/illust_urban_h2.gif) left top no-repeat;
border-bottom:1px solid #000000;
}

#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:1px solid #000000;
}

#blog-body blockquote#affiliate{
border:3px double #000000;
}

#affiliate img{
border:0px;
}

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


.g-ads a:hover,
#blog-foot .g-ads a:hover{
	background:#ab8f7e;
}
.g-ads a .line2{color:#FFFFFF;}
.g-ads a .url{color:#006699;}


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

#blog-foot h2{
color:#7E4F3F;
font-size:small;
text-align:left;
margin:0 5px 0 0;
padding:2px 3px 2px 20px;
background:url(../../images/article/illust_urban_icon4.gif) left top no-repeat;
border-bottom:1px solid #000000;
}

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

#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:#F6A4A8;
border:1px solid #000000;
border-width:1px 0;
}

#archives{
margin:0;
}


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

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

#utilities a, #utilities2 a{
color:#0099E3;}

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

#utilities h2,#utilities2 h2{
	font-size:small; text-align:left; margin:0 0 3px;
	padding:8px 0px 12px 24px;
	background:url(../../images/article/illust_urban_icon1.gif) left top no-repeat;
}

#utilities div#calendar h2, #utilities2 div#calendar h2,
#utilities div#freespace h2, #utilities2 div#freespace h2,
#utilities div#categories h2, #utilities2 div#categories h2,
#utilities div#webryseal h2, #utilities2 div#webryseal h2{
background:url(../../images/article/illust_urban_icon2.gif) left top no-repeat;
}

#utilities div#archives h2, #utilities2 div#archives h2,
#utilities div#newtbk h2, #utilities2 div#newtbk h2,
#utilities div#albums h2, #utilities2 div#albums h2,
#utilities div#newpost h2, #utilities2 div#newpost h2{
background:url(../../images/article/illust_urban_icon3.gif) left top no-repeat;
}

#utilities ul, #utilities2 ul{}
#utilities ul li, #utilities2 ul li{ color:#FFFFFF;}

#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:#B17763;
border:1px solid #DAC8BD;
border-width:1px 0;
}
/*----- album -----*/

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

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

#footer{}

#footer #links{ border-bottom:1px solid #000000;}

#sbanner img{
padding-right:5px}



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

#outer-box{margin:0 9px;}

#outer-box h2{
color:#7E4F3F;
font-size:medium;
padding:18px 0px 18px 30px;
margin-top:10px;
background:url(../../images/article/illust_urban_h2.gif) left top no-repeat;
}
#outer-box h3{
color:#7E4F3F;
font-size:medium;
padding:18px 0px 18px 30px;
margin-top:10px;
background:url(../../images/article/illust_urban_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:1px solid #FFFFFF;
 padding:4px 0; color:#FFFFFF;}
#outer-box .navi a{color:#FFFFFF;}


.deco td{
padding-bottom:4px;
border-bottom:1px solid #FFFFFF;}
.tc1{color:#7E4F3F;}


.themetabs{
	background:#6e6159;
}
.themetabs a{
	background:url(../../images/article/illust_urban_body.gif);
}