@charset "utf-8";
/* common */
body { margin: 0; padding: 0; background: #e5e5e5 url(http://cfs.tistory.com/static/event/081205_bestbloger/bg_img.gif) repeat-x; font: 12px gulim, Sans-Serif; color: #666; }
h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }
a:hover { text-decoration: none; }
#Header, #Content, #Footer { width: 970px; margin: 0 auto; }
ul, dl { margin: 0; padding: 0; }
li, dt, dd { list-style: none; }
.fr { float: right; }
.fl { float: left; }
.hide { display: none; }
.clear { clear: both; }

#WrapBody { margin: 0 auto; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/bg_01-2.jpg) no-repeat; width: 970px; }
#Header { position: relative;  padding: 8px 0 0 5px; height: 211px; width: 965px; }
#Header h1 a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/logo.gif) no-repeat; width: 113px; height: 25px; float: left; text-indent: -1000em; overflow: hidden; }
.top-menu { float: right; }
.top-menu li { float: left; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/line_01.gif) no-repeat 0 5px; padding-left: 5px; }
.top-menu li.link-home, .top-menu li.link-login, .top-menu li.link-logout { background: none; padding-left: 0; }
.top-menu li a { display: block; text-indent: -1000em; height: 19px; padding-right: 5px; overflow: hidden; }
.top-menu li.link-home a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/menu_01.gif) no-repeat; width: 60px; }
.top-menu li.link-best a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/menu_02.gif) no-repeat; width: 37px; }
.top-menu li.link-newpost a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/menu_03.gif) no-repeat; width: 27px; }
.top-menu li.link-forum a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/menu_04.gif) no-repeat; width: 26px; }
.top-menu li.link-skinguide a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/menu_05.gif) no-repeat; width: 57px; }
.top-menu li.link-login a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/btn_login.gif) no-repeat; width: 47px; }
.top-menu li.link-logout a { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/btn_logout.gif) no-repeat; width: 57px; }
#Header .link-more { position: absolute; left: 225px; top: 182px; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_more.gif) no-repeat; width: 64px; height: 18px; display: block; text-indent: -1000em; overflow: hidden; }

#Content .tab-menu { padding: 0 4px; }
.tab-menu li { float: left; height: 43px; }
.tab-menu li a { background-image: url(http://cfs.tistory.com/static/event/081205_bestbloger/tab_img.gif); height: 43px; display: block; text-indent: -1000em; overflow: hidden; margin-right: 3px; }
.tab-menu .best-bloger-on a { background-position: 0 0; width: 118px; }
.tab-menu .best-bloger-off a { background-position: 0 -43px; width: 118px; }
.tab-menu .top-ranking-on a { background-position: -118px 0; width: 118px; }
.tab-menu .top-ranking-off a { background-position: -118px -43px; width: 118px; }
.tab-menu .recommend-bloger-on a { background-position: -236px 0; width: 184px; }
.tab-menu .recommend-bloger-off a { background-position: -236px -43px; width: 184px; }

#ContentTop { position: relative; clear: both; padding: 20px 35px 0; width: 900px; }
.recommend-blog #ContentTop { padding: 0; }

#SelectedYear {
	width: 60px; height: 14px; padding: 4px 15px 5px 5px; border: 1px solid #d7d7d7;
	font: bold 14px dotum, Sans-Serif; letter-spacing: -1px;
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_arrow.gif) no-repeat 66px 7px;
	display: block; float: left;
}
* html #SelectedYear { padding: 5px 15px 4px 5px; }
*:first-child+html #SelectedYear { padding: 5px 15px 4px 5px; }
#YearList { position: absolute; left: 35px; top: 46px; border: 1px solid #d7d7d7; border-top: none !important; }
#YearList a { font: bold 14px dotum; letter-spacing: -1px; display: block; background-color: #fff; padding: 4px 5px; width: 70px; color: #999; }
#YearList a:hover { background-color: #f5f5f5; color: #666; }
.link-rss { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_rss.gif) no-repeat; width: 280px; height: 26px; display: block; text-indent: -1000em; }
.link-opml { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/btn_opml.gif) no-repeat; width: 109px; height: 26px; display: block; text-indent: -1000em; overflow: hidden; }

#ContentBody { clear: both; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/bg_02.jpg) repeat-y; padding: 20px 35px 45px; width: 900px; }
.recommend-blog #ContentBody { padding-top: 0; }
.best-blog-list #ContentBody { padding-bottom: 5px; }

.bloger-list { width: 442px; margin-bottom: 40px; }
* html .bloger-list { margin-bottom: 20px; }
*:first-child+html .bloger-list { margin-bottom: 20px; }
.left-list  { float: left; margin-right: 7px; }
.right-list { float: right; margin-left: 7px; }
.bloger-list .blog-image { float: left; margin-right: 12px; }
.bloger-list .blog-image img { border: 1px solid #cacaca; width: 118px; height: 93px; }
.bloger-list dl { float: left; margin-top: 4px; }
.bloger-list dt a { font-weight: bold; color: #333 !important; }
.nick-name a, .bloger-list .tag-list { font: 11px dotum; letter-spacing: -1px;  }
.nick-name { padding-top: 6px; }
.url-info { padding-top: 2px; }
.tag-list { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/line_02.gif) no-repeat 4px 1px; padding-left: 12px;}
* html .tag-list a { zoom: 1; }
*:first-child+html .tag-list a { zoom: 1;}
.link-blog { font: 11px verdana, Sans-Serif; }
.url-info a img { vertical-align: -4px; }
.post-list ul { margin-top: 7px; }
* html .post-list ul { margin-top: 10px; }
.post-list li { margin-top: 3px; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_point.gif) no-repeat left center; padding-left: 7px; }
*:first-child+html .post-list ul { margin-top: 13px; }
*:first-child+html .post-list ul li { margin-top: 5px; }

/* TOP 랭킹 */
.top-desc { clear: both; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_toptext.gif) no-repeat 0 20px; width: 471px; height: 35px; text-indent: -1000em; margin-left: 35px; padding-top: 20px; }
.top-box { border: 1px solid #e9e9e9; width: 409px; padding: 15px; }
.star-blog, .trackback-blog { margin-right: 18px; }
.trackback-blog, .comment-blog { margin-top: 18px; }
.star-blog .box-title { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_ranking01.gif) no-repeat; width: 409px; height: 86px; }
.madang-blog .box-title { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_ranking02.gif) no-repeat; width: 409px; height: 86px; }
.trackback-blog .box-title { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_ranking03.gif) no-repeat; width: 409px; height: 86px; }
.comment-blog .box-title { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_ranking04.gif) no-repeat; width: 409px; height: 86px; }

.top-box ul { margin: 5px 6px; }
.top-box ul li { clear: both; padding-top: 15px; }
*:first-child+html .top-box ul li { padding-top: 7px; }
.top-box .blog-image img { float: left; border: 1px solid #cacaca; width: 31px; height: 31px; margin-right: 10px; }
.top-box dl { float: left; }
.top-box dt { float: left; margin-top: 2px; }
*:first-child+html .top-box dt { line-height: 13px; }
.top-box dt a { font-weight: bold; color: #333; }
.top-box .rank-01 { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_no1.gif) no-repeat; padding-left: 17px; }
.top-box .rank-02 { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_no2.gif) no-repeat; padding-left: 17px; }
.top-box .rank-03 { background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_no3.gif) no-repeat; padding-left: 17px; }
.top-box .nick-name { float: left; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/line_02.gif) no-repeat 7px 3px; padding: 1px 0 0 14px; }
.top-box .nick-name { background-position-y: 2px; }
*:first-child+html .top-box .nick-name { margin-top: 2px; }
.top-box .nick-name a {  }
.top-box .link-blog { clear: both;  margin-top: 3px; }
.top-box .link-blog a { font: 11px verdana; color: #999; }

/* 내 블로그 추천 */
.recommend-blog .recommend-desc {
	clear: both; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/img_myblog.gif) no-repeat 0 20px;
	width: 901px; height: 220px; text-indent: -1000em; margin: 0 35px 0; }
.recommend-blog .link-write {
	position: absolute; left: 502px; top: 150px;
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/btn_write.gif) no-repeat;
	width: 157px; height: 39px; display: block; text-indent: -1000em; overflow: hidden; }
.recommend-blog .link-join-notice {
	position: absolute; left: 775px; top: 126px;
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/btn_more02.gif) no-repeat;
	width: 79px; height: 18px; display: block; text-indent: -1000em; overflow: hidden; }
.recommend-blog .blog-image { border: 1px solid #cacaca; width: 78px; height: 78px; float: left; margin-right: 12px; }
.recommend-blog .blog-list li { float: left; padding-top: 30px; }
.recommend-blog .blog-list dl { float: left; width: 803px; }
.recommend-blog .blog-list dt { display: inline; margin-top: 2px; }
*:first-child+html .recommend-blog .blog-list dt { line-height: 13px; }
.recommend-blog .blog-list dt a { font-weight: bold; color: #333; }
.recommend-blog .blog-list .nick-name { display: inline; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/line_02.gif) no-repeat 7px 1px; padding: 0 0 0 14px; margin-top: 2px; }
.recommend-blog .blog-list .nick-name a { font: 11px dotum, Sans-Serif; letter-spacing: -1px; }
.recommend-blog .blog-list .nick-name a span { letter-spacing: normal; }
.recommend-blog .blog-list .post { width: 900px; padding: 7px 0; line-height: 1.3; }
.recommend-blog .img-post .post { width: 808px;  }
.recommend-blog .tag-list { background: url(http://cfs.tistory.com/www/resource/images/icon_tag.gif) no-repeat left top; padding-left: 28px;}
*:first-child+html .recommend-blog .tag-list a { zoom: 1;}

.sup-paging { clear: both; padding-top: 20px; text-align: center; }
.sup-paging a {
	border: 1px solid #fff;
	font: 11px verdana, Sans-Serif;
	padding: 2px 6px;
}
.sup-paging .current-page {
	border: 1px solid #d6d6d6;
	font-weight: bold;
}
.sup-paging .prev-page, .sup-paging .next-page, .sup-paging .first-page, .sup-paging .last-page {
	border: none; font: 12px gulim, Sans-Serif !important;
}
.sup-paging .prev-page {
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_before_02.gif) no-repeat left 3px; padding: 0 0 0 9px;
}
.sup-paging .next-page {
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_next_02.gif) no-repeat right 3px; padding: 0 9px 0 0;
}
.sup-paging .first-page {
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_before_01.gif) no-repeat left 3px; padding: 0 0 0 9px;
	color: #999 !important;
}
.sup-paging .last-page {
	background: url(http://cfs.tistory.com/static/event/081205_bestbloger/ico_next_01.gif) no-repeat right 3px; padding: 0 9px 0 0;
	color: #999 !important;
}
.link-top { text-align: right; margin-bottom: 15px; }
.link-top a { color: #666; }
.icon-link { cursor: pointer; }
#Footer {
	height: 40px; background: url(http://cfs.tistory.com/static/event/081205_bestbloger/bg_03.jpg) no-repeat 1px 0;
	font: 10px verdana, Sans-Serif; color: #969595; padding-top: 10px; text-align: center;
}