@charset "utf-8";

/* 기본 설정 */

* {
	margin: 0px;
	padding: 0px;
	border:0px;
}

body {
	background-color: #FFFFFF;
	background-image: url('./images/bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	font:12px Dotum;
	color:#545454;
}

a {
	text-decoration:none;
	color:#545454;
}

a:hover {
	color:#0F8CE0;
}

/* 태그 클라우드 */
.tagCloudItem1 { background:#eee; color: #4174cd; font-weight: bold; font-size: 17px;}
.tagCloudItem2 { background:#efefef; color: #003466; font-weight: bold; font-size: 15px;}
.tagCloudItem3 { background:#ededed; color: #6998cc; font-weight: bold; font-size: 14px;}
.tagCloudItem4 { background:#f3f8fc; color: #0479ed; font-size: 13px; }
.tagCloudItem5 { color:#3e5683; font-size:12px; }

/* 헤더 : 로고 */

#header {
	width: 990px;
	text-align:left;
	margin:auto;
	margin-top:10px;
	clear:both;
}

#header img {
	vertical-align:middle;
	border:0px;
}

#header #title {
	display:inline;
	float:left;
	margin-top:30px;
}

#header #title .titleText {
	font:18px Gulim; font-weight:bold; color:#3E5683;
}

#header #title .domain {
	font:11px verdana; letter-spacing:-0.5pt; color:#1E70B8;
}

#header #topMenu {
	display:inline;
	float:right;
	padding-top:45px;
	padding-right:25px;
}

/* 중간 : 메뉴 & 내용 */

#menu {
	width: 990px;
	text-align:left;
	margin:auto;
	margin-top:20px;
	clear:both;
	padding:0px;
	border:1px solid #efefef;
	border-right:none;
	border-left:none;
	background-image:url('./images/bg_menu.jpg');
	background-repeat:repeat-x;
}

#menu a { color:#888; }
#menu a:hover { color:#1E70B8; text-decoration:underline; }

#menu ul {
	display:block;
	float:left;
	list-style:none;
}

#menu ul li {
	display:inline;
	float:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#888;
	font-weight:bold;
	border-right:1px solid #efefef;
	background-image:url('./images/bg_menuButton.jpg');
	background-repeat:repeat-x;
}

#menu .selected {
	background-image:url('./images/bg_menuSelected.jpg');
}

#submenu {
	width: 990px;
	text-align:left;
	margin:auto;
	clear:both;
	padding:0px;
	border-bottom:1px solid #efefef;
}

#submenu a { color:#888; }
#submenu a:hover { color:#1E70B8; text-decoration:underline; }

#submenu ul {
	display:block;
	float:left;
	list-style:none;
}

#submenu ul li {
	display:inline;
	float:left;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#888;
	border-right:1px dotted #efefef;
}

#submenu .selected {
	font-weight:bold; letter-spacing:-0.5pt;
	color:#000;
}

#desc {
	width: 990px;
	clear:both;
	text-align:left;
	margin:auto;
	margin-top:5px;
}

/* 검색 관련 */
.searchKeywordContainer {
	display:block; border:1px solid #efefef; margin-top:10px; width:750px; overflow:hidden;
}

.poweredByEolin {
	float:right;  position:relative; z-index:999; margin-top:10px; margin-right:10px;
}

.relativeTagsList {
	margin:10px; margin-bottom:0px; display:block; float:left; list-style:none;
}

.relativeTagHead {
	display:inline; float:left; margin-right:10px; font-weight:bold; letter-spacing:-0.5pt; color:#3E5683;
}

.relativeTagItem {
	display:inline; float:left; margin-right:10px; letter-spacing:-0.5pt;
}

.eolinRelativePostsList {
	margin:10px; float:left;
	display:block; width:80%;
	overflow:hidden;
}

.eolinRelativePostsHead {
	display:inline; float:left; margin-right:10px; font-weight:bold; letter-spacing:-0.5pt; color:#689FCA;
}

.eolinRelativePostItem {
	display:inline; float:left; letter-spacing:-0.5pt; width:70%;
}

.eolinRelativePostItemAuthor {
	font:11px Dotum; color:#ccc;
}

.searchKeyword {
	font:14px Dotum;
	font-weight:bold;
	color:#1E70B8;
	letter-spacing:-0.5pt;
}

/* 글 목록 */
#posts {
	margin-top:5px;
}

.postContainer {
	clear:both;
	border-top:1px solid #ccc; 
	width:730px; 
	margin-top:10px; 
	padding:10px; 
	padding-bottom:0px;
	line-height:170%;
}

.titleContainer {
	clear:both;
	margin-bottom:6px;
}

.img_preview {
	float:left; 
	margin:0 7px 7px 0;
	width:80px; 
	height:80px;
	border:1px solid #ccc;
	cursor:pointer;
}

.post_title {
	font:15px Gulim; 
	letter-spacing:-0.5pt; 
	font-weight:bold; 
	color:#1E70B8;
}

.post_category {
	color:#aaa; 
	font-weight:bold;
	letter-spacing:-0.5pt;
}

.post_blogname {
	color:#A7A7A7; 
	font-weight:bold;
	letter-spacing:-0.5pt;
}

.post_date {
	margin:0px 5px 0px 0px; 
	color:#999;
}

.post_comments {
	font:11px Georgia; font-weight:bold; color:#00B300; padding:5px;
}

.post_excerpt {
	font:12px Dotum; 
	letter-spacing:-0.5pt; 
	line-height:180%; 
	padding:10px;
	margin-top:6px;
	color:#888;
	background-color:#efefef;
	overflow:hidden;
	height:80px;
}

.post_thumbnail {
	text-align:center;
	float:left; margin:0 10px 7px 0;
	width:80px; height:80px;
	border:1px solid #bbb;
	overflow:hidden;
}

.post_thumbnail_spacer {
	width:80px; height:80px;
}

.post_tags {
	float:left; display:inline; padding:3px; padding-top:10px;
}

.post_boomRank {
	float:right; 
	position:relative; 
	z-index:999; 
	padding:10px; 
	margin-right:2px;
	font:11px Dotum; letter-spacing:-0.5pt;
}

.post_boomButtons {
	float:right; 
	display:inline; 
	padding:3px; 
	padding-top:10px; 
	margin-right:5px;
	width:99px;
}


/* 피드 목록 페이지 */
.feedContainer {
	clear:both;
	border-top:1px solid #ccc; 
	width:730px; 
	margin-top:10px; 
	padding:10px; 
	padding-bottom:0px;
	line-height:170%;
}

.feedlist_title {
	font:15px Gulim; 
	letter-spacing:-0.5pt; 
	font-weight:bold; 
	color:#1E70B8;
}

.feedlist_blogURL {
	color:#A7A7A7; 
	font:11px Verdana;
	letter-spacing:-0.5pt;
}


/* 기타 스타일 */

.bar2 {
	color:#ccc; margin:0px 5px 0px 0px; 
}

.bar3 {
	color:#ccc; font-weight:bold; margin:0px 3px 0px 3px;
}

/* 왼쪽 공간 */

#left {
	width:200px;
	display:inline;
	float:left;
}

#left .sTitle {
	padding-left:5px; margin:20px 0px 5px 0px;
}

#logo img {
	border:1px solid #efefef;
	margin:10px;
}

#logo #description {
	width:180px;
	margin:10px;
	margin-top:20px;
}

#booms {
	padding:10px; 
	background-color:#efefef;
}

#booms .boomList {
	list-style:none; line-height:180%;
}

#tagCloud {
	margin:10px;
}

#tagCloud ul {
	list-style:none;
	margin:0px;
	line-height:180%;
}

#tagCloud ul li {
	display:inline;
	margin-right:5px;
}

#notice {
	padding:10px; 
	background-color:#efefef;
}

#notice ul {
	list-style:none;
	line-height:180%;
}

#feedList {
	padding:3px; margin-top:10px;
}

#feedList ul {
	line-height:120%;
}

#feedList li {
	padding-left:5px; 
	padding-bottom:10px; 
	margin-bottom:10px;
	border-bottom:1px dotted #cdcdcd;
	letter-spacing:-0.5pt;
	cursor:pointer;
}

.more {
	float:right; letter-spacing:-0.5pt;
}

.arrow {
	color:#1E70B8; font:12px Dotum; font-weight:bold;
}

#banner {
	text-align:center;
	margin-top:50px;
}

/* 오른쪽 공간 */

#right {
	width:770px;
	margin-top:20px;
	margin-left:20px;
	display:inline;
	float:left;
}

#search {
	width:770px;
	text-align:center;
	clear:both;
}

#search #keyword {
	border:1px solid #3E5683; 
	background-color:#7F9DB9;
	color:white; 
	font:12px Dotum; 
	letter-spacing:-0.2pt; 
	padding:2px 5px 2px 5px;
	width:200px;
	height:12px; 
}

/* 페이징 */

#paging {
	word-spacing:0.1em; 
	font:11px Verdana; 
	font-weight:bold;
	text-align:center; 
	width:100%; 
	margin-top:15px;
	height:40px; 
	display:inline; 
	float:left;
}

#paging a.num {
	text-decoration:none;
	text-align:center;
	padding:3px 2px 1px 7px; 
	border-left:1px solid #ddd;
}

#paging a.hightlight {
	color:#A1B1C9;
}

/* 하단 : 저작권 표시 등*/

#footer {
	width: 980px;
	display:block;
	clear:both;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;

	font:11px Tahoma;
	text-align:right;
	line-height:180%;

	padding-right:10px;
}

/* 추가 정의 스타일 */

.rdate {
	font:10px Verdana; 
	letter-spacing:-0.5pt; 
	text-align:center;
}

.rnum {
	font:12px Georgia; 
	font-weight:bold; 
	margin-right:5px;
}

.mini {
	font:11px Dotum; 
	letter-spacing:-0.5pt;
}

.sbold {
	font:15px Dotum; font-weight:bold; color:#1E70B8;
}