/*
-----------------------------------------------------
ameblo CSS Skin Settings for JoinBookList
FileName:   joinbook.css
Version:    2006.11.07
Skin for:	all_skin
-----------------------------------------------------
*/

/*---link---*/

#joinbookList a:link,
#joinbook a:link{
color:#1E7BAE;
text-decoration:none;
}

#joinbookList a:hover,
#joinbook a:hover{
text-decoration:underline;
}

#joinbookList a:active,
#joinbook a:active{
color:#BA2C2C;
}

#joinbookList a:visited,
#joinbook a:visited{
color:#654BA0;
}

/*---joinbookList---*/

#joinbookList{
background-color:#FFFFFF;
padding:5px;
font-size: 12px;
}

#joinbookList h3{
margin:0px;
padding:3px 0px;
border-bottom:1px solid #666666;
color:#000000;
font-size:12px;
font-weight:bold;
}

#joinbookList ul{
margin:0px;
padding:0px;
}

#joinbookList li{
padding:5px;
border-bottom:1px dotted #666666;
list-style-type:none;
clear: both;
height:100%;
}

#joinbookList li span.bookUpdate{
display:block;
}

#joinbookList li:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#joinbookList img{
float: left;
padding-right: 10px;
}

#joinbookList .bookName{
float: left;
width: 80%;
}

/*---joinbook_side---*/

#joinbook{
margin-bottom:15px;
padding:1px;
padding-bottom:5px;
border:1px solid #666666;
background-color:#FFF6E8;
font-size:10px;
}

#joinbook h4{
margin:0px;
padding:6px 4px;
border:1px solid #CCCCCC;
background:#FFFFFF url(/p_skin/cmn/img/bg_joinbook.jpg) repeat-x left bottom;
font-size:12px;
font-weight:bold;
line-height:1;
text-align:center;
}

#joinbook h4 span{
padding:5px 0px 3px 20px;
color:#000000;
background:url(/p_skin/cmn/img/theme_title_icon.gif) no-repeat left center;
}

#joinbook h4 a:link{
color:#000000;
text-decoration:none;
}
#joinbook h4 a:hover{
color:#000000;
text-decoration: underline;
}
#joinbook h4 a:visited{
color:#000000;
text-decoration:none;
}

#joinbook ul{
margin: 2px;
padding:0px;
}

#joinbook li{
margin:3px 0px;
padding:0px;
list-style-type:none;
line-height:1.3;
}

#joinbook p{
margin-right:4px;
padding:0px;
background:#FFF6E8 url(/img/ico_arrow.gif) no-repeat right center;
text-align:right;
}

#joinbook p a{
margin-right: 12px;
font-size:10px;
line-height:1;
}

#joinbook .theme_title{
text-align: right;
margin: 3px 3px 3px 0px;
font-size: 12px;
}
#joinbook span.themeicon{
display: block;
}


/*---JoinbookThumbnail---*/
#joinbook ul.left{
float:left;
margin-left:0px;
padding-right:5px;
width:155px;
}

#joinbook li.thumbnail{
float:left;
margin-right:5px;
margin-left:5px;
}
#joinbook li.thumbnail img{
border:1px solid #999999;
padding:1px;
}
#joinbook li.description{
margin-right:4px;
}

/*---EntryGoodArea---*/
#main p.theme_title{
margin: 5px 0px 5px 0px;
}
#main p.theme_title img{
vertical-align: middle;
margin:0px;
padding-right:5px;
}
#main p.opularUser{
background:url(/p_skin/cmn/img/theme_face_icon.gif) no-repeat left center;
text-indent:15px;
}

/*---clearfix---*/

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