@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300');

/* 공통 요소 */
body{font-family:'Nanum Gothic';font-size:11px;padding:10px;}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color:#000;
}
input{outline:none;}
h3{
	color: #777;
	font-size:11px;
	margin:0;
	margin-bottom:10px;
}
h2{
	color: #777;
	font-size:11px;
	margin:0;
	line-height:2em;
}
h2 a, h2 a:link, h2 a:visited{
	color: #777;
}
img{
	width:auto;
	height:auto;
}
textarea{
	width:95%;
	border:1px solid #eee;
	font-family:"Calibri", "Nanum Gothic";
}
button, input[type="button"], input[type="submit"]{
	border:1px solid #eee;
	background:transparent;
	padding:5px;
	font-size:11px;
	color:#777;
	font-family:"Calibri", "Nanum Gothic";
}
input[type="text"], input[type="password"]{
	border:1px solid #eee;
	background:transparent;
	padding:5px;
	font-size:11px;
	font-family:"Calibri", "Nanum Gothic";
}

/* 레이아웃 */
#container{width:300px;
margin:20px auto;
background: white;
font-family:"Calibri", "Nanum Gothic";
font-size:11px;
}
#container ul{margin:0;padding:0;}
#container ol{margin:0;padding:0;}
#container li{list-style:none;}
#container #header{padding-bottom:20px;}
#container #header>h1{padding-bottom:20px;font-weight:300;font-size: 33px;letter-spacing: -2px;color: #555;font-family: 'Josefin Sans', sans-serif;}
#container #header>.menu{padding:0;line-height:1.5;}
#container #header>.menu a, #container #header>.menu a:link, #container #header>.menu a:visited, #container #header>.menu a:hover, #container #header>.menu a:active{
	color:#777;
}
#container #header>.menu a:hover, #container #header>.menu a:active{
	color:#ccc;
}
#container>.login{
	float:right;
}
#container>.login a, #container>.login a:link, #container>.login a:visited{
	color:#777;
	margin-left:3px;
}
#container>.login a:hover, #container>.login a:active{
	color:#ccc;
}
#container>#content{
	border:1px solid #eee;
	padding:20px;
	letter-spacing: -0.5px;
}

#container #footer{
	padding:20px 0;
	color:#777;
	line-height:1.7;
}
#container #footer #top{
	cursor:pointer;
}
#container #footer p{
	margin:0;
}


/* 검색 결과 */
.searchList{
	border: 1px solid #eee;
	border-left: 0;
  border-right: 0;
  color: #777;
	padding:5px 0;
	margin:5px 0;
}
.searchList li{
  height: 2em;
  line-height: 1.5em;
}
.searchList .date{
	float:right;
` letter-spacing: -1px;
}
.searchList a, .searchList a:link, .searchList a:visited{
	color:#777;
}

/* 태그 클라우드 */
.taglog li{
	display:inline;
	margin-right:5px;
}
.taglogt a, .taglog a:link, .taglog a:visited{
	color:#777;
}

/* 글 */
.entryWrap{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px 0;
	margin:10px 0;
}
h2 .category{
	padding: 2px 5px;
  margin-right: 3px;
  color: #fff;
  font-family: 'Calibri', 'Nanum Gothic';
  letter-spacing: 1px;
  background: #aaa;
}
h2 .category a, h2 .category a:link, h2 .category a:visited{
	color:#fff;
}
.entryWrap .date{
  color: #777;
  font-family: 'Calibri', 'Nanum Gothic';
}
.entryWrap .admin{
	border:1px dashed #eee;
	padding:10px;
	margin:10px 0;
}
.article{
	padding:15px 0;
}
.tagTrail a, .tagTrail a:link, .tagTrail a:visited{
	color: #777;
}
.tagText, .rpText, .rpText a, .rpText a:link, .rpText a:visited{
	color: #777;
	font-size:11px;
	font-weight:bold;
	margin-right:5px;
}
.cnt, .cnt a, .cnt a:link, .cnt a:visited{
	color:#777;
}

/* 댓글 */
.comment{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px 0;
	margin:10px 0;
}
.comment .name, .comment .name a, .comment .name a:link, .comment .name a:visited{
  color: #777;
  padding-right: 3px;
	font-weight:bold;
}
.comment .date, .comment .date a, .comment .date a:link, .comment .date a:visited{
	color:#777;
}
.comment .control, .comment .control a, .comment .control a:link, .comment .control a:visited{
	float:right;
	color:#777;
	margin-left:3px;
}
.commentWrite{
	color:#777;
}


/* 페이징 */
.paging, .paging a, .paging a:link, .paging a:visited{
	color:#777;
}
.paging .num{
	padding: 1px 3px;
}
.paging .selected{
	font-weight:bold;
}

/* 방명록 */
.guestbook{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px 0;
	margin:10px 0;
}
.guestbook .name, .guestbook .name a, .guestbook .name a:link, .guestbook .name a:visited{
  color: #777;
  padding-right: 3px;
	font-weight:bold;
}
.guestbook .date, .guestbook .date a, .guestbook .date a:link, .guestbook .date a:visited{
	color:#777;
}
.guestbook .control, .guestbookt .control a, .guestbook .control a:link, .guestbook .control a:visited{
	float:right;
	color:#777;
	margin-left:3px;
}
.guestWrite{
	color:#777;
}

/* 반응형 레이아웃 */
@media screen and (max-width:550px){
	body{width:auto;left:0;right:0;margin:0;padding:0;}
	#container{width:auto;left:0;right:0;margin:0px auto;padding:20px;}
	#container #header{width:auto;left:0;right:0;margin:auto 0px;}
	#container #footer{width:auto;left:0;right:0;margin:auto 0px;}
}