/*------------------------NEW STYLE FOR TGRAPE BLOG---------------------------*/


/* =INITIALIZE */

body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }




/* =BASIC style */

BODY {

		font: 12px tahoma, arial, ;
		padding: 0;
		margin: 0 auto;
		background: #ffffff url(./images/bg.gif) repeat-x; }

hr { display: none;}





/* =Font H */

h1 { font: bolder 16px ; color: #4a4a4a;}
	h1 span { color: #6b3383; }

h2 { font: bolder 14px ; color: #4a4a4a; margin-bottom: 20px; }

h3 { font: bolder 14px tahoma; color: #4a4a4a;  margin-bottom: 20px; }
	h2 span, h3 span { color: #628e2f; }

	/*=POST TITLE*/
h4 { font: bolder 16px dotum; margin-bottom: 7px; }
	h4 a { text-decoration: underline; color: #2c4722; }
	h4 a:hover { color: #6e5c7a; }


		h5 { font: bolder 14px Georgia; color: #675871;  margin: 0 0 15px 0; }
			h5 b { padding: 2px; background-color: #dedede; text-decoration: underline; }


		h5.center { text-align: center; }

		
		/* =ARCHIVE */
		h6 { font: bolder 12px verdana; margin-bottom: 30px;  color: #6d9920;  padding-top: 2px; padding-left: 15px; background: url(./images/leaf.gif) left center no-repeat ;}
		h6 b { padding: 3px 5px; border-bottom: 1px solid #d4d4d4; }


small { font: normal 11px tahoma; color: #a3a3a3; }
small a { color: #999;}



/* =Head */

div#top {
			
			position: relative;
			margin: 0 auto;
			width: 800px;
			height: 70px; }

div#top .title { position: absolute; left: 0; }



/* =tabs */
div#tabs {
	position: absolute; right: 0;
	bottom:0;
	_top:30px;
	font-size: 11px; 
}
div#tabs ul li {
	position: relative;
	float:left; display:inline;
	height:40px;
	padding: 0px 0px 0px 10px;
}
div#tabs ul li a {   
	color: #fff;
	float:left; display:inline;
	padding: 12px 10px 10px 10px;
	text-decoration: none; 
}
div#tabs ul li a:hover { text-decoration: underline; }

div#tabs ul li.current {
	background: url("./images/tab_left.gif") no-repeat left top;
	color:#565656;
	margin-left: 12px; 
}
div#tabs ul li.current a {
	display:block;
	font-weight: bold;
	color: #444;
	background: url("./images/tab_right.gif") no-repeat right top;
	height:40px;
	padding: 12px 17px 10px 7px;
}



/* =Content */

div#Content { position: relative; width: 800px; margin: 45px auto 10px auto; min-height:450px; _height:450px;}

	div#Content .contents { height: 275px; background: url(images/grape.gif) right 15px no-repeat; }

	div#Content h1 { margin-bottom: 20px; }
	div#Content p { width: 480px; line-height: 160%; color: #777777;}
	div#Content p strong {color: #628e2f; }



	div#information { padding-top: 35px; position: relative; width: 800px; background: url(./images/bg_line.gif) center top no-repeat;  }

			#information #service { position: relative;  width: 180px; }
			#information #blogpost { background: url(images/bg_line_side.gif) right top no-repeat; position: absolute; left: 200px; width: 230px; padding-right: 10px; }
					#information #blogpost ul li { color: #a3a3a3; list-style-type: square; margin-bottom: 7px; margin-left: 15px; }

							#information #blogpost ul li a:link, #information #blogpost ul li a:visited { text-decoration: none; color: #a3a3a3;  }
							#information #blogpost ul li a:hover, #information #blogpost ul li a:active { padding-left: 2px; text-decoration: underline;  color: #888888;}

			#information #contact { position:absolute; width: 270px; left: 460px; }
					#information #contact ul li { color: #838383; border-bottom: 1px solid #dadada;  padding-bottom: 3px; margin-bottom: 5px; }
						#information #contact ul li.link_image { border-bottom: none; }
						#information #contact ul li.link_image IMG { margin: 12px 0 10px 7px; }	
						
					#information #contact .coffee { position: absolute; bottom:-23px; right: -85px; background: url(./images/coffee.gif); width: 130px; height: 127px; }
	



/* ------------------------Blog CONTENT-------------------------- */


	#Content #postentry { position: relative; margin-left: 15px; min-height:1000px; _height:1000px;}
			#Content #postentry .POST { position: relative; margin-bottom: 30px; width: 550px;}
			#Content #postentry .POST .date { position: absolute; top: 0; left: -75px; width: 60px; height: 37px; font-size: 11px; font-weight: bolder; color: #716778; text-align: center; background: url(./images/date_bg.gif) no-repeat; padding-top: 4px; }
			#Content #postentry .POST span { font: 11px dotum; letter-spacing: -1px; color: #6e6e6e; }
			div#Content #postentry .POST p { margin: 15px 0 15px 0; width: 550px; text-align: justify; color: #3c3c3c; }
			#Content #postentry .POST .lesscomm { color: #777; padding: 5px 5px 6px 5px; background-color: #e9e9e9; border-top: 1px solid #cecece; width: 540px; }

			

			/*ENTRY */

			#Content #postentry .POST .entry { font: 12px tahoma; }
			div#Content #postentry .POST .entry p { line-height: 190%;  overflow:hidden;  }
				
				#Content #postentry .POST .entry p.information { color: #8e8e8e;  border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;  margin: 25px 0; padding: 12px 0 17px 0; }
					#Content #postentry .POST .entry p.information a { color: #8e8e8e; font-weight: normal; text-decoration: none; border-bottom: 1px solid #e1e1e1; }
					#Content #postentry .POST .entry p.information a:hover { color: #333; background: #ededed;}
				#Content #postentry .POST .entry a { font-weight: bolder; text-decoration: none; color: #76607c;  border-bottom: 1px solid #e1e1e1; }
				#Content #postentry .POST .entry a:hover {color: #b23fcf; background: #e8e8e8; border-bottom: 1px solid #b4b4b4; }

			#Content #postentry .POST .entry	img { padding: 0; max-width: 100%;  margin: 10px 0; }


	
#Content #postentry .POST span a, #Content #postentry .POST .lesscomm a { text-decoration: none; color: #6f6f6f; }
#Content #postentry .POST span a:hover, #Content #postentry .POST .lesscomm a:hover { text-decoration: underline; color: #9e9e9e; }


	#Content #sidebar { position: absolute; right: 0; top: 0; width: 195px; text-align: justify; }
		
	#Content #sidebar ul li h2 { font: bolder 14px Georgia; color: #675871;  margin: 0 0 15px 0; padding: 2px 0 2px 5px; background-color: #eeedee; border-bottom: 1px solid #dbd0e1;}
		
		
		#Content #sidebar ul li ul { margin-bottom: 20px;}
		#Content #sidebar ul li ul li {  line-height: 130%; padding-left: 25px; padding-bottom: 5px;  background: url(./images/bullet_circle.gif) 5% 6px  no-repeat;  color: #999; text-align: justify; }	
			#Content #sidebar ul li ul li a { color: #474747; text-decoration: none; }
			#Content #sidebar ul li ul li a:hover { color: #628e2f; text-decoration: underline; padding-left: 2px; background: #e9e9e9; } 
			
			#Content #sidebar ul li ul li small { font: 11px dotum; color: #858585;  line-height: 160%; }

			#Content #sidebar ul li ul li.tags { padding: 0 0 5px 0;  color: #474747; text-align: justify; background: none;}	
			

			/* comments rev */

			#get_recent_comments_wrap ul li { margin-bottom: 5px;  line-height: 500%; font: 11px dotum;}
			#get_recent_comments_wrap ul li a { font: 12px Tahoma; padding-right: 2px; }




/* comments */

ol.commentlist { margin: 0; padding: 0; }
ol.commentlist li {font-weight: bold;  margin: 15px 0 10px 0; padding-bottom: 8px; border-bottom: 1px solid #c6c6c5; }

#Content #postentry .POST .commentlist p strong {color: #89970e; font: bolder 14px dotum; }
#Content #postentry .POST .commentlist p {margin: 10px 0; padding: 0; font-weight: normal; color: #797979;}
		#Content #postentry .POST .commentlist p a { color: #333; background: #eeeeee;}

#Content #postentry .POST #commentform p { margin: 7px 0; padding: 0; }
		#Content #postentry .POST #commentform p a { color: #333; }

.commentlist cite, .commentlist cite a {
	font: bolder 12px tahoma;
	text-decoration: none;
	color: #666;

	}
	.commentlist cite a:hover { color: #333; text-decoration: underline; }



.commentmetadata {
	font-weight: normal;
	}


#commentform input {
	width: 170px;
	padding: 5px;
	border: 1px solid #caccba;
	font: 12px tahoma; 
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 540px;
	margin-top: 7px;
	padding: 5px;
	border: 1px solid #caccba;
	font: 12px tahoma; 
	color: #777;
	}



#commentform #submit {
	margin: 0;
	float: right;
	font-weight: bolder; 
	color: #666;
	background-color: #fff;
	}







/* =tag cloud */


#Content #sidebar ul li {}
#Content #sidebar ul li#tag_cloud { font-size: 12px; font-family: dotum; margin-bottom: 20px; }
#Content #sidebar ul li#tag_cloud a { color: #666; text-decoration: none; padding:2px;}
#Content #sidebar ul li#tag_cloud a:hover { color: #333; text-decoration: underline; background: #f3f3f3; }


/* =paging */

 .navigation { }

 .navigation a { color: #69881e; text-decoration: none; font-weight: bolder; }
 .navigation a:hover { text-decoration: underline; }


/* =Footer */

#Footer { 
			
			font-size: 11px; 
			color: #a3a3a3; 
			border-top: 1px solid #e2e2e2;  
			margin: 100px auto 20px auto; 
			padding: 15px 0; 
			text-align: center;
			
			}

#Footer span { line-height: 180%; }
#Footer a { text-decoration: none; color: #666; }
#Footer a:hover { color: #999; text-decoration: underline;}