@charset "utf-8";

/* margin, padding, img 초기화
--------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

img	{
	border: none;
}

a {
	outline: none;
}


/* Page
--------------------------------------------------------------------------*/
body {
	font: normal 0.75em/1.5 "나눔고딕 Bold", AppleGothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}


/* Typo
--------------------------------------------------------------------------*/	
#blog_name h1 { /* 블로그 이름과 로고 스타일을 정의하는 부분입니다. 소스는 http://seevaa.net/175에서 참조했습니다. */
	text-indent: -999em;
}
 
#blog_name h1 a {
	display: block;
	width: 220px;
	height: 240px;
	background: url(./images/blog_name.jpg) left top no-repeat;
}

#blog_name h1 a:active, #header h1 a:focus {
	outline: none;
}

h2 { /* 글 제목 */
	font-size: 1.4em;
	font-weight: bold;
	text-align: justify;
	letter-spacing: -0.1em;
}

h3 { /* 글 안에 강조 */
	font-size: 1.2em;
	font-weight: bold;
	text-align: justify;
}

strong {
	font-weight: bold;
}


/* 본문 스타일 정의 (.article는 leftbox/unit/아래에서 가져옴)
--------------------------------------------------------------------------*/
.article {
	width: 396px;
	padding: 8px 5px 8px 3px;
	line-height: 1.9;
	text-align: justify;
	vertical-align: top;
}

blockquote {
	width: 366px;
	padding: 20px 15px 12px 15px;
	background: url(./images/blockquote.gif) no-repeat left top;
}

.article a:link,
.article a:visited {
	border-bottom: 1px dashed #ccc !important;
}

.article a:hover,
.article a:active {
	border-bottom: 1px dashed #f63 !important;
}

.article ul li {
	margin-left: 23px;
	list-style: circle;
}

.article ol li  {
	margin-left: 23px;
}


/* 랜덤태그

--------------------------------------------------------------------------*/
.tag_cloud {
	width: 404px;
	padding: 8px;
	text-align: justify;
}

.sb_random_tags {
	width: 180px;
	padding: 8px;
	text-align: justify;
	border-bottom: 1px dashed #ccc;
}

.cloud1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #666 !important;
}

.cloud2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #999 !important;
}

.cloud3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #999 !important;
}

.cloud4 {
	font-size: 1.1em;
	color: #666 !important;
}

.cloud5 {
	font-size: 1.0em;
	color: #999 !important;
}

/* container (최상위 박스)
--------------------------------------------------------------------------*/
#container {
	width: 880px;
	margin: auto;
	vertical-align: top;
}

/* leftbox (왼쪽 박스)
--------------------------------------------------------------------------*/
#leftbox {
	width: 540px;
	float: left;
	vertical-align: top;
	background: url(./images/paper_middle.jpg);
}

#content {
	width: 420px;
	padding: 58px 23px 20px 97px;
	float: right;
	background: url(./images/paper_top_bw.jpg) no-repeat top;
}

#leftbox a,
#leftbox a:visited {
	color: #222;
	text-decoration: none;
}

#leftbox a:hover,
#leftbox a:active {
	color: #f30 !important;
}

.unit {
	width: 420px;
	margin-bottom: 20px;
}

.unit_left { 
	width: 404x;
	padding: 2px 0 0 0;
	font: 0.9em Arial, AppleGhothic, Tahoma, Helvetica, sans-serif;
	color:#999;
}

.unit_right {
	width: 404px;
	text-align: justify;
}

.unit_top {
	width: 404px;
	padding: 8px 0 6px 0;
}

.unit_bottom {
	padding: 0 5px 3px 3px;
	line-height: 1.9;
	text-align: justify;
}

.sc_title {
	width: 404px;
	padding: 8px;
	border-bottom: 3px solid #f30;
}

.sc_list {
	width: 404px;
	padding: 8px;
	border-bottom: 1px dashed #ccc;
}

.article_title {
	width: 404px;
	padding: 8px;
	border-bottom: 3px solid #999;
}

.article_row {
	width: 404px;
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

.rp_row, .rp2_row, .gb_row, .gb2_row, .tb_row {
	width: 404px;
	padding: 8px;
	border-bottom: 1px dashed #ccc;
}

.rp2_row .unit_top, .gb2_row .unit_top {
	width: 374px;
	padding: 8px 8px 6px 22px;
	background: url(./images/stapler.gif) no-repeat top left;
}

.rp2_row .unit_bottom, .gb2_row .unit_bottom {
	width: 374px;
	padding: 0 8px 0 22px;
	text-align: justify;
}

.input_form {
	width: 404px;
	padding: 8px;
}

.input_name {
	width: 294px;
	margin-top: 8px;
	padding: 4px 4px 4px 96px;
	text-align: justify;
	border: 1px solid #ccc;
	background: url(./images/input_name.jpg) no-repeat left top;
}

.input_password {
	width: 294px;
	margin-top: 8px;
	padding: 4px 4px 4px 96px;
	text-align: justify;
	border: 1px solid #ccc;
	background: url(./images/input_password.jpg) no-repeat left top;
}

.input_url {
	width: 294px;
	margin-top: 8px;
	padding: 4px 4px 4px 96px;
	text-align: justify;
	border: 1px solid #ccc;
	background: url(./images/input_url.jpg) no-repeat left top;
}

.input_text {
	width: 394px;
	height: 140px;
	padding: 30px 4px 4px 4px;
	text-align: justify;
	border: 1px solid #ccc;
	background: url(./images/stapler.gif) no-repeat left top;
}

.input_check {
	width: 30px;
	height: 30px;
}

.input_submit {
	width: 404px;
	height: 39px;
	border: none;
	background: url(./images/input_submit.jpg) no-repeat right top;
}

.paging {
	width: 400px;
	height: 23px;
	padding: 14px 20px 6px 0;
	text-align: right;
	vertical-align: middle;
	background: url(./images/paging_bg.gif);
}

#leftbox .selected {
	font-weight: bold !important;
}

#foot {
	width: 420px;
	height: 80px !important;
	padding: 10px 23px 10px 97px;
	float: left;
	background: url(./images/paper_bottom.jpg);
}

#foot .blog_info {
	text-align: center;
	font: 0.9em Arial, AppleGhothic, Tahoma, Helvetica, sans-serif;
	color: #666;
}


/* midbox (가운데 박스)
--------------------------------------------------------------------------*/
#midbox {
	width: 220px;
	float: left;
	vertical-align: top;
	background: url(./images/paper_midbox.jpg);
}

#blog_name {
	width: 220px;
	height: 240px;
}

#searchbar {
	width: 196px;
}

#categories ul {
	padding: 8px 0 0 0;
	list-style: none;
	border-bottom: 1px dashed #ccc;
}

#categories ul li {
	width: 180px;
	padding: 0;
	margin: 0;
}

#categories ul li a {
	margin-left: 8px;
}

#categories ul li ul {
	list-style: none;
	border-bottom: none;
}

#categories ul li ul li {
	margin: 0px;
	padding: 8px;
	border-top: 1px dashed #ccc;
}

#categories ul li ul li a {
	margin: 0px;
}

#categories ul li ul li ul li a {
	margin: 0px;
}

#categories .c_cnt {
	font: 0.9em Arial, AppleGhothic, Tahoma, Helvetica, sans-serif;
	color: #f30;
}

.search_name {
	width: 151px;
	padding: 6px 6px 4px 34px;
	border: 2px solid #ccc;
	background: url(./images/icon_search.gif) no-repeat;
}

.sidebars {
	width: 196px;
	padding: 10px 14px 10px 10px;
}

.sidebars a,
.sidebars a:visited {
	color: #666;
	text-decoration: none;
}

.sidebars a:hover,
.sidebars a:active {
	color: #f30 !important;
}

.sb_title {
	width: 180px;
	padding: 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	background: url(./images/cl.gif);
}

.sb_row {
	width: 180px;
	padding: 8px;
	border-bottom: 1px dashed #ccc;
}

.sb_row_banner {
	width: 180px;
	padding: 2px 8px 2px 8px;
	text-align: center;
}

.sidebars_rss {
	width: 220px;
	padding: 20px 0 0 0;
}
	
/* rightbox (오른쪽 박스)
--------------------------------------------------------------------------*/
#rightbox {
	width: 120px;
	float: right;
	vertical-align: top;
}

/*	네이비게이션
--------------------------------------------------------------------------*/
#navcontainer	{
	width: 100px;
	margin-top: 60px;
	padding: 10px;
	height: 181px;
	background: url(./images/menu.jpg) no-repeat top;
}

#navcontainer ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#navcontainer li	{
	display: inline;
}
	
#navcontainer ul li a,
#navcontainer ul li a:visited{
	padding: 4px 8px 12px 8px;
	width: 84px;
	height: 14px;
	margin-bottom: 5px;
	font: bold 0.9em Arial, AppleGhothic, Tahoma, Helvetica, sans-serif;;
	color: #666;
	float: left;
	text-decoration: none;
}

#navcontainer ul li a:hover,
#navcontainer ul li .current	{
	color: #f30 !important;
}