@charset "utf-8";
/*   
Theme Name: seine_sitewide
Author: Seine Kim
Author URI: http://seinekim.com
Version: 1.1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

body {
	font:12px/16px "Trebuchet MS", Helvetica, Arial, 돋움, sans-serif;
	color:#222;
	margin:0; 	
	padding:0;
	line-height:21px;
	}
a {color:#868686; text-decoration:underline;}
a:hover {background-image:url(images/limetrans.png); color:#454545;}
.current_page_item a, .current-cat a, .home {color:#454545;}
code {font-family:Consolas, Monaco, Courier, monospace; background:#cccccc;}
p {margin:16px 0;}
#container {
	background-image:url(images/grid7.gif);
	background-color:#fff;
	width:910px;
	margin:0 auto;
	}
#left_content {
	float: left;
	width: 650px;
	}

/* Web Font */
@font-face {font-family:NanumGothic Bold; src:url(http://www.seinekim.com/images/nngb.eot);}
@font-face {font-family:나눔고딕; src:url(http://www.seinekim.com/images/나눔고딕B.eot);}
@font-face {font-family:Daum_SemiBold; src:url(http://www.seinekim.com/images/daumsb.eot);}
@font-face {font-family:Euphemia UCAS; src:url(http://www.seinekim.com/images/euphemia.eot);}	
 
 /* Forms */ 
input {
	border:1px solid #ccc;
	padding:1px;
	overflow: hidden;
	background-color:#fff;
	}
textarea, select {
	border:1px solid #ccc;
	padding:2px;
	overflow: auto;
	background-color:#fff;
	}
textarea:focus, textarea:hover, input:focus, input:hover {
	border:1px solid #5cadff;
	}

/* Masthead */
#masthead {
	margin:2px 0 5px 0;
	min-height:24px;
	font-size: 10px;
	}
#masthead, h2, h3 {
	font-family: "Euphemia UCAS", NanumGothic Bold, 나눔고딕;}
#masthead a, h2 a, h3 a {text-decoration:none;}
#masthead a:hover {background-image:none;}
.pages {
	display:block;
	float:left;
	letter-spacing: 0.1em;
	font-weight: bolder;
	}
.pages a {
	margin-left:1px;
	color:#fff;
	background-color: #454545;	
	text-align:center;
	width: 129px; padding:1px 0 1px 0; 	
	display:block;
	}
.pages a:hover {
	color: #fff; background-color: #5cadff;
	}
#seinekim, #seinekimhome {
	background-image: url(images/seinekim.gif); 	background-repeat: no repeat;
	margin: 0;
	float:right;
	width:229px;
	height: 73px;
	}
#seinekim:hover {
	background-image: url(images/seinekim_h.gif); 	background-repeat: no repeat; cursor:hand;
	}
.icons {padding-top: 5px;}
		.email, .rss, .me2day, .twitter {display:block; width:26px; height:16px;}
		.email {background:url(images/icons.gif) no-repeat 0 -118px; margin-left:20px;}
		.email:hover {background:url(images/icons_h.gif) no-repeat 0 -118px;
		}
		.rss {background:url(images/icons.gif) no-repeat 0 -90px;}
		.rss:hover {background:url(images/icons_h.gif) no-repeat 0 -90px;
		}
		.twitter {background:url(images/icons.gif) no-repeat 0 -150px;}
		.twitter:hover {background:url(images/icons_h.gif) no-repeat 0 -150px;
		}
		.me2day {background:url(images/icons.gif) no-repeat 0 -179px;}
		.me2day:hover {background:url(images/icons_h.gif) no-repeat 0 -179px;
		}

/* Date */
.post_dm {
	font-family: "NanumGothic Bold", 나눔고딕; 	font-size: 13px;	line-height: 11px;
	text-align: left;	color: #868686;
	position: relative;	top: 102px;	left: -50px;	height: 0px;
	}
.post_dmy {
	font-family: "NanumGothic Bold", 나눔고딕; 	font-size: 10px;	line-height: 8px;
	text-align: left;	color: #868686;
	position: relative;	top: 103px;	left: -50px;	height: 0px;
	}
.datebg {
	border-right: 2px solid #868686;
	width:50px;
	}

/* Works */
#works {
	width: 610px; 
	float:left;
	border-top: 1px dashed #b7b7b7;
	margin: 70px 0 30px 0;
	padding: 30px 0 0 40px;
	}
#piece {width: 610px;}
#piece img {margin:0 7px 7px 7px; padding: 3px; border:1px solid #f0f0f0;}
#piece a:hover {background-image: none;}
.divider {border-top: 1px solid #ccc; margin:50px 50px 30px 9px}
	
/* Side bar */
#sidebar {	
	background-image: url(images/bg.jpg); 	background-repeat: repeat;
	width:200px;
	float:right;
	padding: 24px 0 24px 20px ;
	margin: 5px 0 0 36px;
	font-size:11px; 
	line-height: 14px;	}
#validation {
	width:218px; float:right; 
	padding:7px 0 6px 0;
	border-bottom:1px solid #e9e9e9;
	}
#validation a {font-size:10px; text-decoration:none;}
.v {vertical-align:top;}
.cc {
	display:block; 
	vertical-align:bottom; 
	padding-top:3px;
	margin:0 13px 0 17px;
	}
#sidebar a {
	color: #5cadff;	
	}
#sidebar h2, h3 {
	font-size:13px; 	line-height: 13px;
	border-right: 2px solid #454545;
	font-weight: bold;
	margin-bottom:15px;
	}

/* Footer */
.top {
	padding-right:15px;
	background:url(images/icons.gif) no-repeat 100% 0;
	position:fixed; bottom:5px; right:10px;
	}
#footer {
	background-color:#e9e9e9;
	border-top:1px solid #454545;
	padding: 5px 0 40px 0;
	clear:both;
	margin:0;
	text-align: center; 
	font-size: 10px;
	color: #454545;
	position: relative;	bottom: 0; width:910px; height:auto;
	}
#footer a:hover {color: #5cadff; background-image:none;}

/* Archive */
#archive-what {
	color:#868686;
	}
	
/* Search */
#search-box {
	width:190px;
	height:23px;
	background:url(images/search.gif) no-repeat;
}
#search-text {
	background:transparent none no-repeat 0 0;
	border:none;
	color:#cccccc;
	width:152px;
	margin:2px 32px 3px 4px;
}