/* ABOUT
__________________________________________________ */

#area #content	{
	padding-bottom:70px;
}


/* INFO
__________________________________________________ */

#info-area h3	{
	padding-bottom:40px;
	font:normal 36px pf_monumenta_proregular;
	text-transform:uppercase;
	text-align:center;
}

/* Image */
#info-area #info-img	{
	padding-bottom:60px;
}
#info-area #info-img img	{
	max-width:940px;
	background:url(../images/default/loading.gif) no-repeat center #ccc;
}

/* Text */
#info-area #txt-detail	{
	padding-bottom:35px;
}
#txt-detail p	{
	padding-bottom:25px;
	font-size:16px;
	text-align:justify;
	line-height:24px;
}
#txt-detail strong	{
	font-family:open_sansbold;
	font-weight:normal;
}


/* LIST
__________________________________________________ */

#content #list-area	{
	border-bottom:1px solid #c3a9a3;
	position:relative;
}

/* Topic */
#list-area h2	{
	width:940px;
	font:normal 20px pf_monumenta_proregular;
	text-transform:uppercase;
	text-align:center;
	background:url(../images/400/but-list.png) no-repeat right top;
	display:table;
}
#list-area .lsclose	{
	background-position:right bottom !important;
}
#list-area h2 span	{
	height:70px;
	vertical-align:middle;
	border-top:1px solid #c3a9a3;
	display:table-cell;
	cursor:pointer;
}

/* List */
#list-area .list-area	{
	padding:60px 0px 20px;
	padding-left:1px;
	border-top:1px solid #c3a9a3;
	position:relative;
	display:none;
}
#list-area .list-box	{
	float:left;
	margin-right:57px;
	padding-bottom:60px;
	width:275px;
}
#list-area .list-box-area .list-box:nth-child(3)	{
	margin-right:0px !important;
}

/* Image */
#list-area .list-box .box-img	{
	width:275px;
	height:135px;
	background:url(../images/default/loading.gif) no-repeat center #ccc;
}
#list-area .list-box .box-img img	{
	width:275px;
	height:135px;
}

/* Text */
#list-area .list-box h3	{
	padding:35px 0px 10px;
	font:normal 18px open_sansbold;
	line-height:24px;
}
#list-area .list-box .box-date	{
	padding-bottom:30px;
	font-size:12px;
	font-style:italic;
	line-height:1em;
	color:#dd6b5e;
}
#list-area .list-box .box-txt	{
	padding-bottom:20px;
	text-align:justify;
	line-height:24px;
}

/* URL */
#list-area .list-box .box-url	{
	display:table;
}
#list-area .list-box .box-url a	{
	padding-left:40px;
	height:24px;
	vertical-align:middle;
	background:url(../images/default/but-more.jpg) no-repeat left center;
	display:table-cell;
}
#list-area .list-box .box-url a:hover	{
	font-family:open_sansbold;
}

/* Hover */
#list-area .list-more:hover .box-img img	{
	opacity:0.8;
}
#list-area .list-more:hover .box-url	{
	font-family:open_sansbold;
}