/*************************************
* 전체 레이아웃
*************************************/

/* Wraps */
#header_wrap {
	height: 121px;
	padding: 0 10px;
	position: relative;
	z-index: 99;
	min-width: 1000px;
}
	#header {
		height: 121px;
		margin: 0 auto;
		position: relative;
		background: url("./_askin_header_gradient.jpg") no-repeat 110px 60px;
		z-index: 99;
		width: 1000px;
	}
#content_wrap {
	/*padding: 0 10px;
	position: relative;*/
	min-width: 1000px;
	margin:20px auto;
}
	#content {
		margin: 0 auto;
		position: relative;
		overflow: visible;
		width: 1000px;
		/*border: 1px solid #d8d8d8;*/
	}
		#page_wrap {
			width: 750px;
			float: left;
		}

			#page {
				float: left;
				width: 750px;
				border: 1px solid #ddd;
				background: #fff url("./_askin_page.png") repeat-y 0 0;
				position: relative;
				z-index: 1;
			}
			#page .page_inner {
				width: 750px;
				float: left;
				border-top: 1px solid #fefefe;
				background: url("./_askin_corner_gradient.png") no-repeat 665px top;
			}

		#sidebar {
			float: right;
			position: relative;
			width: 230px;
		}

#footer_wrap {
	padding: 0px 0px;
	position: relative;
	background: url("./_askin_footer_bg.gif") repeat 0px top;
	min-height:160px;
}
	#footer {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		color: #424242;
		width: 1000px;
		min-height:160px;
		/*border: 1px solid #d8d800;*/
		background:url("./_askin_footer_gradient.png") no-repeat scroll 0px 47px transparent;
	}



/*************************************
* 첫 페이지 글 목록 보여주기
*************************************/
#page .list_inner {
	position: relative;
	background: #fff url("./_askin_corner_gradient.png") no-repeat 665px 1px;
	border-bottom:1px solid #DDDDDD;
	display:block;
	float:left;
}
#page .list_inner .box {
	float:left;
	padding:40px;
	position:relative;
	width:670px;


	border:1px solid #DDDDDD;
	border-bottom:none;
}
/*
ul.previewList_ul,
.previewList_ul li {
	margin:0 0 50px 0;
}
*/
/* Post Image */
#previewList .listPost_image {
	position: relative;
	float: left;
	margin-right: 28px;
	width: 150px;
	height: 150px;
	overflow:hidden;
	border: 1px solid #e0e0e0;
}
/*
#previewList .listPost_image img {
	width: 200px;
	height: 200px;
	display:inline;
}
*/
#previewList .listPost_image .the_image_meta {
	display: block;
	position: absolute;
	right: 11px;
	bottom: 14px;
	height: 27px;
	display: block;
}
#previewList .listPost_image .image_meta {
	display: block;
	float: right;
	margin-left: 5px;
	width: 28px;
	height: 27px;
	display: block;
	text-indent: -9999px;
}



#previewList .tt-post-thumb{
	display:inline !important;
	overflow:hidden;
}








#previewList .listPreview {
	float: left;
	width: 490px;
	/*border: 1px solid #d8d800;*/
}

#previewList .listPreview .post_category {
	padding-bottom: 8px;
	position: relative;
	top: -1px;
}
#previewList .listPreview .post_category ul {
	font-size: 12px;
	line-height: 12px !important;
	color: #999;
	/*font-style: italic;*/
	margin-bottom: 0;
}
#previewList .listPreview .post_category ul li {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
}
#previewList .listPreview .post_category ul li a {
	text-decoration: none !important;
}
#previewList .listPreview .post_category ul li span {
	padding: 0 7px;
}

/* Post Title */
#previewList .listPreview h1.post_title {
	font-size:22px;
	padding-bottom:10px;
	font-weight:bold;
}
#previewList .listPreview h1 a:link,
#previewList .listPreview h1 a:visited {
	text-decoration: none;
}
#previewList .listPreview h1 a:hover {
	background: none;
	text-decoration: none;
}

/* Post Meta */
#previewList .listPreview .post_meta {
	font-size: 10px;
	padding: 1px 4px;
	background: #f3f3f3;
	color: #616161;
	float: left;
	/*font-style: italic;*/
}
#previewList .listPreview .post_meta a:link,
#previewList .listPreview .post_meta a:visited {
	color: #616161;
	text-decoration: none !important;
}
#previewList .listPreview .post_meta a:hover {
	color: #000;
}

/* Post Text */
#previewList .listPreview .text {
	float: left;
	padding-top: 15px;
	width: 100%;
	color:#575757;
}
#previewList .listPreview .text a{
	color:#575757;
}
#previewList .listPreview .text a:hover{
	color:#000;
	text-decoration: none !important;
}
/* More Link */
#previewList .listPreview p.more-link-wrap {
	float: right;
	padding-bottom: 0px;
}

/*************************************
* Page 레이아웃
*************************************/

#page .post {
	width: 670px;
	float: left;
	padding: 40px;
	position: relative;
}

#page .preview {
	float: left;
	width: 670px;
	/*border: 1px solid #d8d800;*/
}


	.tut_bottom {
		width: 670px;
		float: left;
		background: #fcfcfc;
		border: 1px solid #e0e0e0;
		margin-bottom: -1px;
		padding: 20px 40px;
	}

	.tut_bottom .tutorial_details {
		float: left;
		width: 670px;
	}

	.tutorial_details h5{
		color: #b93f14;
		text-decoration: underline;
	}

	/* Post Footer */
	.post_footer {
		/*background: #f9f9f9;*/
		background: url("./_askin_bgr_post_footer.gif") repeat 0 0;
		width: 730px;
		float: left;
		padding: 10px 10px;
		position: relative;
		border: 1px solid #ddd;
		/*min-height:100px;*/
	}

.preview h3 a:link,
.preview h3 a:visited{
	text-decoration:none;
	color:#000;
}
.preview h3 a:hover{
	color: #000;
}

/*************************************
* Post Footer
*************************************/

.directionBtnArea{
	float: right;
}
.directionBtnArea a.addCommentBtn{
	float:left;
	display:block;
	text-indent:-9999px;
	width:130px;
	height:42px;
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll 0 0 transparent;
}
.directionBtnArea a:hover.addCommentBtn{
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll 0 -50px transparent;
}
.directionBtnArea a.topBtn{
	float:left;
	margin-left:10px;
	display:block;
	text-indent:-9999px;
	width:42px;
	height:42px;
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll -140px 0 transparent;
}
.directionBtnArea a:hover.topBtn{
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll -140px -50px transparent;
}

/* Popular Posts */
#page .extra_posts {
	background: #f9f9f9;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	top: -1px;
	width: 690px;
	float: left;
	padding: 40px 29px;
	position: relative;
}
#page .extra_posts.single {
	border: none;
	top: 0;
	padding: 10px 30px 30px 30px !important;
	/*background: #f9f9f9 url("./_askin_extra_top.png") repeat-x 0 0;*/
}
#page .extra_posts h2,
#page .extra_posts h3 {
	padding-left: 10px;
}
#page .extra_posts h3 {
	font-size: 24px;
}
#page .extra_posts  .more_popular {
	position: absolute;
	right: 40px;
	top: 45px;
	font-size: 13px;
}




/***********************
* trackback
***********************/

#page .trackback-body {
	background-color:#E5E5E5;
}


#page .trackbackArea {
	float: left;
	/*background: #fcfcfc;*/
	/*border: 1px solid #e0e0e0;*/
	/*border-top: none;*/
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 752px;
}
#page .trackbackArea h2 {
	padding: 0px 0px 10px 0px;
}
#page .trackbackArea h2.icon{
	padding:0 0 0 40px;
	height:32px;
	line-height:32px
}
#page .trackbackArea h2.trackbackIcon{
	background:url("./_askin_sprite-sidebar-icons.png") no-repeat 0px -100px;
}
#page .trackbackArea p {
	padding: 0px 0px 0px 0px;
}
	.trackbackArea .trackbacklist {
		width: 752px;
	}
	.trackbackArea .trackbacklist ol,
	.trackbackArea .trackbacklist li {
		margin-left:0px;
		list-style:none outside none;
	}
	.trackbackArea .trackbacklist ol li {
		padding: 30px;
		padding-bottom: 0px
		margin-top: 10px;
		font-size: 14px;
		line-height: 23px;
		list-style:none outside none;
	}
	.trackbackArea .trackbacklist h5 {
		padding-bottom: 0px;
		font-size: 16px;
	}
	.trackbackArea .trackbacklist p {
		padding-top: 10px;
		padding-bottom: 0px;
		font-size: 12px;
	}


/***********************
* comment 리스트
***********************/

#page .commentArea {
	float: left;
	/*background: #fcfcfc;*/
	/*border: 1px solid #e0e0e0;*/
	/*border-top: none;*/
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 752px;
}
#page .commentArea h2 {
	padding: 0px 0px 0px 0px;
}
#page .commentArea h2 {
	padding: 0px 0px 10px 0px;
}
#page .commentArea h2.icon{
	padding:0 0 0 40px;
	height:32px;
	line-height:32px
}
#page .commentArea h2.commentIcon{
	background:url("./_askin_sprite-sidebar-icons.png") no-repeat 0px -150px;
}
#page .commentArea p {
	padding: 0px 0px 0px 0px;
}
	.commentArea .commentList {
		width: 752px;
	}
	.commentArea .commentList ol,
	.commentArea .commentList li {
		margin-left:0px;
		list-style:none outside none;
	}
	.commentArea .commentList ol li {
		padding: 0px;
		padding-bottom: 0px
		margin-top: 10px;
		font-size: 14px;
		line-height: 23px;
		list-style:none outside none;
	}
	.commentArea .commentList h5 {
		padding-bottom: 0px;
		font-size: 16px;
	}
	.commentArea .commentList p {
		padding-top: 10px;
		padding-bottom: 0px;
		font-size: 12px;
	}

	.commentArea .commentList .comment-body {
		background-color:#FFF;
		border: 1px solid #dfdfdf;
		padding: 30px;
	}
/*
.commentList .comment-body {
	background: #fff;
	border: 1px solid #dfdfdf;
	padding: 30px;
	position: relative;
	margin-bottom: 10px;
	padding-right: 150px;
	overflow: hidden;
	min-height: 80px;
}
*/

	.commentArea .commentList .children .comment-body {
		background: #f9f9f9;
		border: 1px solid #e8e8e8;
		padding: 30px;
		/*padding-left: 90px;
		min-height: 90px;
		margin-bottom: 0px;*/
	}

	.commentArea .commentList .children li {
		border-left: 1px solid #cacaca;
		padding-left: 30px !important;
		padding-bottom: 0px;
		margin-top: 10px;
		list-style: none;
		background: transparent url("./_askin_li_tree_line.png") no-repeat 0 20px;
	}

/*스타일*/
.comment-body .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.comment-body .name                    { color:#666; font-weight:bold;}
.comment-body .name a                  { color:#333; font-weight:bold;}

.comment-body .control a.address       { background:url("btnAddress.gif") no-repeat;  padding-left:24px;  padding-bottom:2px;  text-decoration:none;}
.comment-body .control a.address span  { display:none;}
.comment-body .control a.modify        { background:url("btnModifyDelete.gif") no-repeat;  padding-left:24px;  padding-bottom:2px;  text-decoration:none;}
.comment-body .control a.modify span   { display:none;}
.comment-body .control a.write         { background:url("btnReply.gif") no-repeat;  padding-left:13px;  padding-bottom:2px;  text-decoration:none;}
.comment-body .control a.write span    { display:none;}




/***********************
* comment 쓰기
***********************/


#page .commentWriteArea {
	float: left;
	/*background: #fcfcfc;*/
	/*border: 1px solid #e0e0e0;*/
	/*border-top: none;*/
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 752px;
}
#page .commentWriteArea h2 {
	padding: 0px 0px 0px 0px;
}
#page .commentWriteArea h2 {
	padding: 0px 0px 0px 0px;
}
#page .commentWriteArea h2 {
	padding: 0px 0px 10px 0px;
}
#page .commentWriteArea h2.icon{
	padding:0 0 0 40px;
	height:32px;
	line-height:32px
}
#page .commentWriteArea h2.commentWriteIcon{
	background:url("./_askin_sprite-sidebar-icons.png") no-repeat 0px -250px;
}
#page .commentWriteArea p {
	padding: 0px 0px 0px 0px;
}

	.commentWriteArea .commentWrite-body {
		background: #fff;
		border: 1px solid #dfdfdf;
		padding: 30px;
		position: relative;
		overflow: hidden;
		width: 690px;
		float:left;
	}


.commentWrite                     { overflow: hidden; padding:5px;}
.commentWrite input               { width:150px; color:#666; padding:5px 5px;}
.commentWrite .homepage           { width:500px;}
.commentWrite textarea            { width:/*@post-width:-45*/ 670px /*@*/;overflow: auto;  padding:5px; margin:0; color:#666; }
.commentWrite .submit             { background:url("btn_reple.gif") no-repeat; width:71px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; }
.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:-30px; left:-10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

.commentWrite p {
	 margin-bottom:5px
}

	/* Add Comment 버튼, 텍스트 */
	.commentWrite p.textarea_block {
		float: left;
		width: 680px;
		padding-bottom: 0;
		margin: 10px 0px;
	}
	/*
	input#add_comment {
		float: right;
		padding: 6px 9px 6px 9px;
		text-shadow: 0 1px 0 #333;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		margin-top: 10px;
		background:url("./_askin_bar_directionBtn.png") no-repeat 0 0px
	}
	input:hover#add_comment {
		background: #e6e6e6;
		text-shadow: 0 1px 0 #fff;
		border: 1px solid #b3b3b3;
		color: #000 !important;
		background:url("./_askin_bar_directionBtn.png") no-repeat 0 0px
	}
	*/
input#add_comment{
	cursor: pointer;
	border:none;
	float:right;
	text-indent:-9999px;
	width:130px;
	height:42px;
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll 0px -100px transparent;
}
input:hover#add_comment{
	background:url("./_askin_bar_directionBtn.png") no-repeat scroll 0px -150px transparent;
}

/***********************
* Paging
***********************/

#paging            { 
	padding-top:10px; 
	text-align:center;
	font-size:0.95em;
	float: left;
	width: 752px;
	margin:20px 0px;
}
#paging .numbox    { 
	border-left:1px solid #ccc; 
	padding-left:6px; 
	margin-left:6px;
	font:0.95em verdana;
}
#paging .num       { 
	border-right:1px solid #ccc;
	padding-right:8px;
	margin-right:5px;
}
#paging a#prevPage  { 
	background:url("./_askin_prev_no.png") left 0px no-repeat; 
	padding-left:20px;
	padding-top:2px;
	width:16px;
	height:16px;
}
#paging #prevPage span{ 
	display:none;
}

#paging a#nextPage  {
	background:url("./_askin_next_no.png") right 0px no-repeat;
	padding-right:20px;
	padding-top:2px;
	width:16px;
	height:16px;
}
#paging #nextPage span{ 
	display:none;
}

/* 페이징 - 현재 페이지 */

.selected {
	font-weight:bold; 
	color:#333;
	text-decoration:none;
}

.no-more-prev {
	background:url("./_askin_prev_no_gray.png") left 1px no-repeat !important; 
	/*padding-left:6px;*/
	color:#999;

	text-indent:-9999px;
	width:130px;
	height:42px;
}
.no-more-next { 
	background:url("./_askin_next_no_gray.png") right 1px no-repeat !important;
	/*padding-right:6px; */
	color:#999;

	text-indent:-9999px;
	width:130px;
	height:42px;
}


/***********************
* Search 리스트
***********************/

#searchList{
	width:690px;
	margin: 0;
	padding:15px 30px;
	overflow:hidden;
}
#searchList ol {
	list-style:none;
	padding:5px 0;
	margin:0;
}
#searchList li {
	border-bottom:1px solid #eee;
	padding-bottom:2px;
	margin-bottom:4px;
	/*list-style: none;*/
}
#searchList .date {
	margin-right:10px;
}
#searchList .cnt {
	color:#f60;
}
#searchList a {
	text-decoration:none;
	color:#666;
}
#searchList a:hover {
	background-color: #fafafa;
	color: #000;
	text-decoration: underline;
}




/***********************
* 본문 작성에 사용되는 클래스
***********************/

    .code_box {
    	margin-bottom: 30px;
    	overflow: hidden;
    	font-size: 11px;
    	font-style: italic;
    	text-align: center;
    	background-color: #f4f4f4;
      border: 1px solid #ddd;
      padding: 20px;
      padding-bottom: 15px;
    }
    .code_box_normal {
    	margin-bottom: 30px;
    	overflow: none;
    	font-size: 11px;
    	background-color: #f4f4f4;
      border: 1px solid #ddd;
      padding: 20px;
      padding-bottom: 15px;
    }



.quote_left {
	display: block;
	overflow: hidden;
	float: left;
	width:18px;
	height:18px;
	background: transparent url("./_askin_q_left.png") no-repeat 0 0px;
}

.quote_right {
	display: block;
	overflow: hidden;
	float: right;
	width:18px;
	height:18px;
	background: transparent url("./_askin_q_right.png") no-repeat 0 0px;
}
.quote_main {
	display: block;
	overflow: hidden;
	padding: 0 10px;
}