@charset "utf-8";

/* VANFOOK BLOG.CSS  */


/*--------------------------------------
*	
*	00.GLOBAL_COMMON
*		00-01.SIDE_MENU
*	01.INDEX
*	02.CATEGORY
*	03.ENTRY
*		03-00.ENTRY_COMMON
*		03-01.ENTRY_ENTRY
*		03-02.ENTRY_PRODUCT
*		03-03.ENTRY_FORM
*	04.TESTER
*
*--------------------------------------*/


/**-------------------------------------
	00.GLOBAL_COMMON
---------------------------------------**/

div#left
{
	float: left;
	margin-right: 20px;
	width: 600px;
}

div#right
{
	float: left;
	width: 260px;
}

h2
{
	margin-bottom: 30px;
}

/**-------------------------------------
	00-01.SIDE_MENU
---------------------------------------**/

div.menu
{
	background: url(../../common/images/menu_bg.gif) no-repeat bottom;
}

div.menu dl
{
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
}

div.menu dl dt
{
	padding: 0 0 0 10px;
	height: 35px;
}

div.menu dl dt.menuFirst
{
	padding: 10px 0 0 10px;
	background: url(../../common/images/menu_head_bg.gif) no-repeat;
}

div.menu dl dd
{
	margin: 0 0 5px 30px;
	padding: 0 0 0 14px;
	background: url(../../common/images/menu_listhead.gif) no-repeat 0px 7px;
	color: #D9D9D9;
	font-size: 92%;
}

div.menu dl dd a
{
	color: #D9D9D9;
	text-decoration: none;
}

div.menu dl dd a:hover
{
	color: #D9D9D9;
	text-decoration: underline;
}

div.menu dl dd a:visited
{
	color: #A3A3A3;
}

/**-------------------------------------
	01.INDEX
---------------------------------------**/

div#indexBlog
{
	width: 600px;
	background: url(../../common/images/bg_600.jpg) no-repeat bottom;
}

div#indexBlog h3
{
	height: 90px;
	background: url(../../common/images/bg_head_600_90.jpg) no-repeat;
}

div#indexBlog .topTitle
{
	margin: 10px 0 0 10px;
}

div#indexBlog dl
{
	margin: 0 0 0 10px;
	padding: 0 0 8px 0;
	width: 580px;
	background: url(../../common/images/bg_line_467.gif) no-repeat right 7px;
}

div#indexBlog dl dt
{
	font-size: 26px;
}

div#indexBlog dl dd.topBlogDate
{
	padding: 0 0 6px 0;
	font-size: 12px;
	color: #525252;
}

div#indexBlog dl dd.topBlogPic
{
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	width: 120px;
	height: 90px;
	background: url(../../images/top_blog_pic_bg.gif) no-repeat;
}

div#indexBlog dl dd.topBlogTheme
{
	font-size: 14px;
	color: #BDA619;
}

div#indexBlog dl dd.topBlogText
{
	font-size: 12px;
	color: #5A5A5A;
}

span.topBlogButton
{
	float: right;
	margin: 0.7em 0 0 20px;
}

dd.topBlogDate img
{
	vertical-align: text-bottom;
}

/**-------------------------------------
	02.CATEGORY
---------------------------------------**/

div#categoryBlog
{
	width: 600px;
	background: url(../../common/images/bg_600.jpg) no-repeat bottom;
}

div#categoryBlog h3
{
	height: 90px;
	background: url(../../common/images/bg_head_600_90.jpg) no-repeat;
}

div#categoryBlog img.topTitle
{
	margin: 10px 320px 0 10px;
}

div#categoryBlog img.topTitleYear
{
	float: left;
	margin: 10px 300px 0 10px;
	padding: 0;
	width: 190px;
}

div#categoryBlog img#back2list
{
	float: left;
	padding: 19px 0 0 0;
	width: 90px;
}

div#categoryBlog dl
{
	margin: 0 0 0 10px;
	padding: 0 0 8px 0;
	width: 580px;
	background: url(../../common/images/bg_line_467.gif) no-repeat right 8px;
}

div#categoryBlog dl dt
{
	font-size: 26px;
}

div#categoryBlog dl dd.topBlogDate
{
	padding: 0 0 6px 0;
	font-size: 12px;
	color: #525252;
}

div#categoryBlog dl dd.topBlogPic
{
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	width: 120px;
	height: 90px;
	background: url(../../images/top_blog_pic_bg.gif) no-repeat;
}

div#categoryBlog dl dd.topBlogTheme
{
	font-size: 14px;
	color: #BDA619;
}

div#categoryBlog dl dd.topBlogText
{
	font-size: 12px;
	color: #5A5A5A;
}

span.topBlogButton
{
	float: right;
	margin: 0.7em 0 0 20px;
}

dd.topBlogDate img
{
	vertical-align: bottom;
}

span.categoryName
{
	margin: 0 0 0 15px;
	font-size: 92%;
	color: #970F11;
	line-height: 1.8;
}

/**-------------------------------------
	03-00.ENTRY_COMMON
---------------------------------------**/

/**-------------------------------------
	03-01.ENTRY_ENTRY
---------------------------------------**/

div#entry
{
	padding: 0 0 20px 0;
	background: url(../../common/images/bg_600.jpg) no-repeat bottom;
}

div#entryEntry
{
	margin: 0 0 40px 0;
	width:600px;
}

div#entryHeader
{
	background: url(../../common/images/bg_head_600_50.jpg) no-repeat top;
}

p.blogListButton
{
	padding: 12px 0 0 490px;
}

div#entryHeader dl
{
	margin: 5px 0 0 20px;
	padding: 0 0 8px 0;
	width: 560px;
	background: url(../../common/images/bg_line_467.gif) no-repeat right 7px;
}

div#entryHeader dl dt
{
	font-size: 26px;
}

div#entryHeader dl dd.topBlogDate
{
	padding: 0 0 6px 0;
	font-size: 12px;
	color: #525252;
}

div#entryHeader dl dd.topBlogPic
{
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	width: 120px;
	height: 90px;
	background: url(../../images/top_blog_pic_bg.gif) no-repeat;
}

div#entryHeader dl dd.topBlogTheme
{
	font-size: 14px;
	color: #BDA619;
}

dd.topBlogDate img
{
	vertical-align: text-bottom;
}

div#entryBody
{
	clear: both;
	margin: 0 0 20px 20px;
	padding: 18px 0 0 0;
	width: 560px;
}

div#entryBody p
{
	padding: 10px 0 10px 0;
	font-size: 92%;
	color: #3A3A3A;
	line-height: 1.8;
}

div#entryFooter
{
	margin: 0 0 0 20px;
	width: 560px;
}

div#entryFooter dl dt
{
	float: left;
}

/**-------------------------------------
	03-02.ENTRY_PRODUCT
---------------------------------------**/

div#entryPrdct
{
	clear: both;
	margin: 0 0 30px 20px;
	width: 560px;
}

div#entryPrdct ul
{
	padding: 10px 0 15px;
	border: 1px solid #E3E3E3;
	border-top: none;
	background: #FFFFFF;
}

div#entryPrdct ul li
{
	display: inline;
	padding: 0 0 0 16px;
	font-size: 92%;
}

/**-------------------------------------
	03-03.ENTRY_FORM
---------------------------------------**/

div#entryForm
{
	position: relative;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	width: 560px;
	border: 1px solid #E3E3E3;
	border-top: none;
	background: #FFFFFF;
}

div#entryForm p
{
	margin: 15px 0 15px 15px;
	width: 510px;
	font-size: 92%;
}

div#entryForm dl
{
	margin: 0 0 0 15px;
	width: 510px;
}

div#entryForm dl dt
{
	font-size: 92%;
	color: #BDA619;
}

div#entryForm dl dd input
{
	width: 370px;
	height: 24px;
}

input.submitButton
{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 130px;
	height: 30px;
	background: url(../images/button_submit.jpg) no-repeat;
	border: none;
	text-indent:-9999px;
}

input:hover
{
	background-position: left bottom;
}

label.error
{
	display: block;
	color: #B91518;
}

/**-------------------------------------
	04.TESTER
---------------------------------------**/

div#tester
{
	width: 600px;
	background: url(../../common/images/bg_600.jpg) no-repeat bottom;
}

div#tester h3
{
	height: 90px;
	background: url(../../common/images/bg_head_600_90.jpg) no-repeat;
}

div#tester .topTitle
{
	margin: 10px 0 0 10px;
}

div#tester dl
{
	margin: 10px 0 0 20px;
	padding: 12px 0 20px 0;
	width: 560px;
	background: url(../../common/images/bg_line_580.gif) no-repeat;
}

div#tester dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#tester dl{
	display:inline-block;
}

/* \*/
div#tester dl{ 
	height:1%;
}
/* */

div#tester dl dt.testerName
{
	margin: 0 0 0 5px;
	font-size: 182%;
	font-weight: 800;
	line-height: 1;
}

div#tester dl dd
{
	color: #3A3A3A;
}

div#tester dl dd.testerProf
{
	margin: 5px 0 20px 0;
	padding: 0 0 13px 7px;
	width: 553px;
	background: url(../../common/images/bg_line_580.gif) no-repeat bottom;
	color: #970F11;
	font-size: 107%;
	font-weight: 800;
}

div#tester dl dd.testerPic
{
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
	height: 190px;
}

div#tester dl dd.testerDesc
{
	font-size: 92%;
}

div#tester p
{
	margin-bottom: 1em;
}