@charset "utf-8";
/* CSS Document */


div, p, ul, ol {
	margin:0;
	padding:0;
	}

body {
	background:#323232;
	padding:0;
	margin:0;
	font-size: 9pt;
	line-height: 1.7em;
}

#container {
	width:1000px;
	background:url(images/menu_bg.gif) no-repeat 0 800px;
}

#header {
	width:1000px;
	height:200px;
	position:absolute;
	left:0;
	top:0;
	background:url(images/branding.gif) no-repeat 0 0;
	}

#header h1 {
	display:none;
	}
	
#header .tagbox {
	font-family:"맑은 고딕";
	width:800px;
	position:absolute;
	left:200px;
	top:100px;
	}

#header .tagbox ul                  { padding:5px; margin:0; text-align:justify;}
#header .tagbox li                  { display:inline;}
#header .tagbox a:hover             { background-color:#eee;  color:#000;}
#header .tagbox li .cloud1          { background-color:#eee;  color:#ccc;  font-weight:bold;  font-size:16px;}
#header .tagbox li .cloud2          { background-color:#eee;  color:#ccc;  font-weight:bold;  font-size:15px;}
#header .tagbox li .cloud3          { background-color:#eee;  color:#ccc;  font-weight:bold;  font-size:14px;}
#header .tagbox li .cloud4          { background-color:#eee;  color:#ccc;  font-size:13px;}
#header .tagbox li .cloud5          { font-size:12px;  color:#ccc; }


#content {
	width:600px;
	position:absolute;
	top:200px;
	left:400px;
	background:#1c1c1c;
	}

#menu {
	width:400px;
	height:200px;
	position:absolute;
	left:0;
	top:200px;
	text-align:right;
	}

#menu ul {
	display:none;
	}

#sidebar {
	width:200px;
	position:absolute;
	left:200px;
	top:400px;
	}

.sidetitle {color:#ffdd41; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:120%;}



#sidebar .search              { font-size:7pt; width:100%;  margin-bottom:10px; text-align:left; margin-left: 3px; margin-top:10px;}
#sidebar .search input        { font-size:7pt; width:140px;  border:2px solid #666; background-color:#666; }
#sidebar .search .submit      { font-size:7pt; width:35px; border:1px solid #CCC; background-color:#CCC; margin-left: 5px;}

#sidebar .recentPost        {width:100%; overflow:hidden; margin-bottom:15px;}
#sidebar .recentComment        {width:100%; overflow:hidden; margin-bottom:15px;}
#sidebar .recentTrackback      {width:100%; overflow:hidden; margin-bottom:15px;}
#sidebar .link      {width:100%; overflow:hidden; margin-bottom:15px;}

#sidebar .counter              { font:90% "Arial, Helvetica, sans-serif";  padding:5px 0;  margin:10px 0;  text-align:center; letter-spacing:0;color:#CCC;}
#sidebar .counter li           { background:none;  display:inline;  padding:0 5px ;color:#CCC;}
#sidebar .counter li.total     { display:block;  color:#CCC;}

#sidebar .rss {
	margin-top:5px;
	text-align:center;
	}


#sidebar .rss a:hover {
	color:#FFFF33;
	}


a {
	text-decoration:none;
	color:#CCCCCC;	
}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#content {
	font-family:"맑은 고딕";
	color:#FFFFFF;
	}

#footer {
	font-size:80%;
	text-align:center;
	padding:10px;
	}




#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	}


.entryNotice h2, .entryProtected h2, .entry h2 { 
	font-size:200%;
	color:#fff;
}

.titleWrap {
	width:600px;
	padding-bottom:5px;  
	margin-bottom:10px; 
	margin-top:25px;
	background:url(images/article_bg.gif) no-repeat top right;
	}
.titleWrap .category a   { 
	color:#a3ff41;
}
.titleWrap .date         { 
	color:#ccc;
}
.tagTrail                { 
padding:5px 5px 5px 25px;  
background:url(./image/tag.gif) center left no-repeat;
}
.tagText                 { display:none;}

.article                 { 
width:600px; 
margin:10px 0px 30px 0px; 
overflow:hidden;
text-align:justify;
}

.article a:link          { color:#ccc;  text-decoration:none;}
.article a:visited       { color:#ccc;  text-decoration:none;}
.article a:hover         { color:#FFF;  text-decoration:underline;}
.article a:active        { color:#ccc;  text-decoration:none;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

.actionTrail             { padding:7px 5px;  font:9pt; font-weight:bold}
.actionTrail .cnt        { padding:0 15px 0 0;color:#ccc;}

.trackback               { padding:10px; overflow:hidden; border-top:5px solid #a7f45b;  margin-bottom: 30px;}
.trackback a             { color:#CCC; text-decoration:underline;}
.trackback h3            { font-size:9pt; color:#a7f45b; margin:5px 5px 10px 5px;}
.trackback h4            { font-size:9pt; color:#a7f45b; margin:5px 5px 10px 5px;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #ccc;  padding:5px;}
.trackback .date         { font:8pt;}
.trackback p             { font:8pt;}



.comment                          { border-top:5px solid #a7f45b;  padding:10px; margin-bottom:24px; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font-size:0.9em; color:#99cccc;}
.comment .name                    { font-weight:bold; color:#ccc;}
.comment ol li                    { padding:10px 5px;}
.comment li ul li                 { padding:5px 10px 5px 25px;}
.comment .control a.address       { padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify        { padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write         { padding-left:52px;  padding-bottom:2px;  text-decoration:none;}

.commentWrite                     { padding:5px; margin-top:20px;}
.commentWrite input               { width:150px; border:1px solid #ccc;}
.commentWrite textarea            { width:100%;  padding:5px; position:relative; top:-16px; border:1px solid #ccc;}
.commentWrite .homepage           { width:50%;}
.commentWrite .button            { width:50%;  height:22px;  background-color:#ccc; padding:5px; border:1px solid #ccc;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}


.paging           { font-size:0.9em; padding-top:10px;  text-align:center;}
.paging .numbox   { font-size:0.9em; border-left:1px solid #ccc; padding-left:8px; margin-left:5px; }
.paging .num      { font-size:0.9em; border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}


.localog .spot              { 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
.localog .info              { 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
.localog a:link             { color:#5a5194;}
.localog a:visited          { color:#5a5194;}
.localog a:hover            { color:#7870ab;  text-decoration:underline;}

.taglog ul                  { border-top:5px solid #a7f45b;  padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#a7f45b;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#f4e75b;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#5beff4;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#d95bf4;  font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#f4985b; }




.guestbook p                { padding:2px 0; margin:0;}

.guestWrite                 { border-top:5px solid #a7f45b;   padding:10px; margin-bottom:20px;}
.guestWrite input           { width:150px; border:1px solid #ccc;}
.guestWrite textarea        { width:100%;  padding:5px; border:1px solid #ccc;}
.guestWrite .homepage       { width:50%;}
.guestWrite .submit         { width:50%;  height:22px;  background-color:#ccc; padding:5px; border:1px solid #ccc;}

.guestList                  { padding:10px 0 0 0;}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guestList ol li            { border-top:5px solid #999;  padding:10px;  margin-bottom:20px; overflow:hidden;}
.guestList li ul li         { margin-left:20px; background-color:#666;  padding-left:25px;  border:none;  width:530px; overflow:hidden;}
.guestList li .name         { font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.guestList .control a.address       {padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.guestList .control a.modify       {padding:0 0 2px 53px;  text-decoration:none;}
.guestList .control a.write        {padding:0 5px 2px 53px;  text-decoration:none;}

#sidebar                       { }
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    {font-family:"맑은 고딕";}
#sidebar h3                    { }
#sidebar .cnt                  { color:#666;}
#sidebar .date                 { color:#888;}
#sidebar .name                 { color:#888;}

.searchList h3,  .searchRplist h3,  .searchTblist h3           {font-size:9pt;}
.searchList ol, 
.searchRplist ol,
.searchTblist ol            {font-size:9pt; list-style:none;  padding:5px;  margin:0;}
.searchList li, 
.searchRplist li,
.searchTblist li            { font-size:9pt; border-bottom:1px solid #666;  padding-bottom:2px;  margin-bottom:4px;}
.searchList .date, 
.searchRplist .date,
.searchTblist .date         {font-size:9pt; margin-right:10px; }
.searchList .cnt            {font-size:9pt; color:#ccc;} 
.searchRplist .name,
.searchTblist .subject      {font-size:9pt; color:#ccc;  padding-left:8px;}

#sidebar .counter              { font:0.85em "Trebuchet MS";  padding:5px 0;  margin:10px 0;  text-align:center; letter-spacing:0;color:#CCC;}
#sidebar .counter li           { background:none;  display:inline;  padding:0 5px ;color:#CCC;}
#sidebar .counter li.total     { display:block;  color:#CCC;}

#sidebar .botton          { text-align:center;  padding:5px;}

#sidebar .recentPost        { overflow:hidden; margin-bottom:15px;}
#sidebar .recentComment        { overflow:hidden; margin-bottom:15px;}
#sidebar .recentTrackback      { overflow:hidden; margin-bottom:15px;}
#sidebar .link      { overflow:hidden; margin-bottom:15px;}