/* CSS Document */
body {
	margin:0;
	padding:0;
	color:#000;
	background:url(images/bg1.jpg) 0 0 repeat-x;
	font: 12px/1.7em gulim, georgia, serif;
	}

a:link, a:visited {
	text-decoration: none;
	color: #0489b7;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #0489b7;
	}

img {
	border:none;
	}

/* ===================================================================
   SPAN
=====================================================================*/

.date, .cate, .cnt { color: #999; font-size: 0.93em; }
.from { color:#333; font-size: 0.93em; }
.name2 { font-weight:bold; }


/* ===================================================================
   Layout
=====================================================================*/
#page {
	width: 720px;
	margin: 80px auto;
	background: #ffffff;
	filter:alpha(opacity=70);   /* Internet Explorer       */
    -moz-opacity:0.7;           /* Mozilla 1.6 and below   */
    opacity: 0.7;               /* newer Mozilla and CSS-3 */
	}

#content {
	margin: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
	}
	
#header {
	width: 720px;
	margin: 0 auto;
	background: #1e4262 url(images/header-background.jpg) bottom left no-repeat;
	height: 56px;
	font-family: verdana;
	}

#footer {
	background: #fff url(images/footer-border.png) top center repeat-x;
	text-align: center;
    color: #898378;
	margin-top: 100px;
	clear: both;
	font-family: verdana;
	font-size: 90%;
	min-height: 300px;
	}

* html #footer { height: 345px; }
	
/* ===================================================================
   Navigation
=====================================================================*/
#nav-main {
	float: left;
	padding-left: 10px;
	}

#nav-main ul {
	float: left;
	z-index: 99;
	left: auto;
	}

#nav-main ul,
#nav-main ul li {
	height: 56px;
	background: none;
	position: relative;
	}

#nav-main ul {
	background: transparent url(images/header-nav-divider.png) top left no-repeat;
	padding-left: 2px;
	}

#nav-main ul li a,
#nav-main ul li span {
	padding: 20px 20px 0 20px;
	height: 35px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 95%;
	color: #fff;
	background: transparent url(images/header-nav-divider.png) top right no-repeat;
	}

#nav-main ul li a:link,
#nav-main ul li a:visited {
	color: #fff;
	text-decoration: none;
	}

#nav-main ul li span,
#nav-main ul li a:hover,
#nav-main ul li a:active,
#nav-main ul li a.yuimenubaritemlabel-selected {
	color: #fff;
	background: #31526f url(images/header-nav-menu-backgrounds.png) top right no-repeat;
	}

.yuimenubar li,.yuimenu li {list-style-type:none;}
.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li {margin:0;padding:0;}
.yuimenubaritem{float:left;}
.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}

	
/* ===================================================================
   search
=====================================================================*/
#search {
	float: left;
	margin-left: 30px;
	margin-top: 18px;	
	}

#search .search2 {
	border: 1px solid #07253e;
	width: 150px;
	background-color: #9badbc;
	height: 18px;
	float: left;
	}

#search .search2:focus { background-color: #fff; }

#search #submit {
	display: block;
	float: left;
	}


/* ===================================================================
   Contents
=====================================================================*/
.content h2 {
	font-weight: normal; 
	}

/* ===================================================================
   Search List
=====================================================================*/

.searchList h3 {
	font-weight: normal;
	}

.searchList ul, .searchList ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	list-style:none;
	}
.searchList li {
	padding: 0;
	}

/* ===================================================================
   Local Log
=====================================================================*/
.localog .spot { 
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  
	padding-left:20px;  
	margin-top:5px;
	}
.localog .info  { 
	background:url(images/iconIndentArrow_localinfo.gif) 0 50% no-repeat;
	padding:3px 6px 3px 8px;
	margin-top:2px;
	}

/* ===================================================================
   Keywords
=====================================================================*/
.taglog ul, .keywords ul { 
	padding:10px; 
	margin:0; 
	text-align:justify;
	}
.taglog li, .keywords li { 
	display:inline;
	}

.taglog  a { text-decoration:none; }
.taglog li .cloud1 {
	font: bold 1.3em gulim, 'Trebuchet MS';
	color:#0099CC;
	}
.taglog li .cloud2 {
	font: bold 1.2em gulim, 'Trebuchet MS';
	color: #FFCCFF;
	}
.taglog li .cloud3 {
	font: normal 1.0em gulim, 'Trebuchet MS';
	color:#333;
	}
.taglog li .cloud4 {
	font: normal 0.9em gulim, 'Trebuchet MS';
	color:#666;
	}
.taglog li .cloud5 {
	font: normal 0.9em gulim, 'Trebuchet MS';
	color:#999;
	}


/* ===================================================================
   Page Error
=====================================================================*/
#page-error { 
	font : bold 1.3em tahoma, sans-serif;
	text-align:center;
	padding: 150px 80px;
	}

/* ===================================================================
   Article
=====================================================================*/
.entry h2.title {
	color: #333; 
	font-weight: bold;
	letter-spacing:-1px;
	}
	
.posted { 
	margin: 0 0 5px 0; 
	padding-left: 15px;
	background:url(images/bullet_plus.gif) 0 50% no-repeat;
	}
	
.posted a {	color: #666; }
.posted a:hover {	text-decoration: underline; }	
			
.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 5px 0 19px 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article a:hover {
	color: #0099CC;
	background-color: #eee;
	text-decoration: none;
	}
	
.article img { border: 0; margin: 8px;}
.article .cap1  { font-size: 1.0em; margin:0 ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	list-style: url(images/bullet.png);
	}

.article .moreless_fold  { padding-left:18px; background:url(images/iconMore.gif) 0 50% no-repeat ;} 
.article .moreless_top    { padding-left:20px; background:url(images/iconLess.gif) 0 50% no-repeat ;}
.article .moreless_bottom   { display:none;}

.article blockquote {
	background:url(images/quote.gif) 0 0 no-repeat;
	clear: both;
	color: #555;
	display: block;
	font: italic 1.0em;
	margin: 12px 16px;
	padding-left: 19px;
	padding-top: 15px;
		}

.tagTrail { 
	margin: 5px 0 15px 0;
	font-size: 0.95em;
	padding-left: 19px;
	background:url(images/entryTag.gif) 0 50% no-repeat;
	}

.actionTrail {
	text-align:right;
	font-size: 0.9em;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	color:#333;
	text-decoration:none;
	}	
	
/* ===================================================================
   Trackback
=====================================================================*/
.trackback .tbadd {
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	}
.trackback ol {
	margin: 5px 0;
	padding: 0;
	list-style: inside;
	}
.trackback li {
	padding-bottom: 3px; 
	}
a.delete {
	text-decoration : none; 
	font-size: 1.2em;
	}		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment { font-size: 1.0em; }
.comment img {border: 0; }

.comment a {
	text-decoration:none; 
	}
.comment a:hover {
	color :#0064CD	;
	text-decoration: underline;
	}

.comment .commentList  { 
	padding:0;
	}
	
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border-top: 1px solid #eee;		
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:8px; margin:7px 0 10px 0;	
	list-style: none; 
	background-color: #eee;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 5px 0 0 0;
	border-bottom: 1px solid #eee;	
	}
	
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 7px; }


/* ===================================================================
   Comment - Form
=====================================================================*/

.comment fieldset 	{ margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment legend 	  {font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font:0.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#666;vertical-align:middle;}
.comment label span	{color:#999;}

.comment input		{padding:2px .5em;width: 300px; font:1.0em Gulim, AppleGothic,Sans-Serif;vertical-align:middle;color:#666;border:1px solid #ddd; }
.comment textarea 	{padding:2px .5em;width:100%;height:100px;border:1px solid #ddd;font:1.0em Gulim,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;}
.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:25px;font-size:.9em;color:#666;cursor:pointer;}

/* ======================================
	Content - Paging 
=========================================*/
.paging {
	text-align:center;
	font:10px verdana;	
	margin: 20px 0;
	}

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;
	}
		
.selected { 
	font-weight:bold;
	font-size: 12px; 
	}

	
/* ===================================================================
   Footer
=====================================================================*/
#footer a:link,
#footer a:visited {
    color: #898378;
	text-decoration: none;
	}

#footer a:hover,
#footer a:active {
	color: #69645c;
	text-decoration: underline;
	}

#footer-contents {
	width: 680px;
	text-align: left;
	margin: auto;
	padding: 35px;
	}

#footer-contents[dir=rtl] {
	text-align: right;
	}

.clear {
	clear:both;
	}

.sidetitle { 
	font-size: 1.1em;
	font-weight: bold;
	}
	
.sidebox {
	float: left;
	width: 20%;
	margin-right: 3%;	
	margin-bottom: 20px;
	}
	
.sidebox ul {
	margin: 0;
	padding: 0; 
	list-style:none;
	}

/* tag cloud */
ul.tagcloud li	{
	list-style:none;
	display:inline; 
	background:none; 
	}

ul.tagcloud li .cloud1 {
	font: bold 1.0em gulim;
	color:#0099CC;
	}
	
ul.tagcloud li .cloud2 {
	font: bold 1.0em gulim;
	color: #FFCCFF;
	}

ul.tagcloud li .cloud3 {
	font: normal 0.9em gulim;
	color:#333;
	}

ul.tagcloud li .cloud4 {
	font: normal 0.9em gulim;
	color:#666;
	}

ul.tagcloud li .cloud5 {
	font: normal 0.9em gulim;
	color:#999;
	}

.copyright .mozilla {
	padding-left: 60px;
	background:url(images/footer-logo.png) 0 50% no-repeat;
	}
		
#footer-divider hr { display: none; }
#footer-divider { clear: both;}