@charset "utf-8"; /* Float bug */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* */ /**essential**/ hr {display:none;} img {border:0;} h1, h2, h3, h4, h5 {margin:0; padding:0;} input {font-size:12px;border:none;} textarea {font-size:12px;border:none;} body{ margin:0 auto; text-align: center; font:12px NanumGothic, ��������, "Malgun Gothic", ���� ����, Gulim, Dotum, Arial, "Trebuchet MS", "Lucida Console"; line-height:160%; padding:0; } a {text-decoration:none; color:#000} a:hover {text-decoration:underline; color:#575757;} /**Layout**/ #containerBox{ margin:0 auto; text-align: center; padding:0; width:1000px; } #header{ margin-top:20px; width:1000px;} #menu{ background-color:#5b5b5b; width:1000px;} #contentBox{ margin-top:10px; width:1000px; text-align: left; } #sidebarLeft{ width:50px; float:left;} #content{ margin:0; padding: 20px; width:640px; float:left; } #sidebarRight{ width:250px; float:left; font-size:11px; } #footer{ } /**header**/ #header .h1Wrap{ float:left; padding-left: 20px; } #header h1{ padding:30px 0 10px 0; font:30px NanumGothic Bold; } #header .rss{ padding-right:25px; padding-top:5px; width:100px; height:72px; text-align:right; background:url(./images/bgRss.gif) no-repeat right top; font:italic 12px georgia; float:right; } #header .rss p{ padding:0; margin:0; line-height:22px; } /**menu**/ #menu a{ display:block; float:left; padding:10px 15px; color:#FFF; font:12px Trebuchet MS; } #menu a:hover{ background-color:#262022; text-decoration:underline; } #menu .search{ padding-top:7px; float:right; width:180px; } #menu .search .searchinput{ margin-right:10px; width:160px; border:none; } /**sidebarLeft**/ #category{ margin-bottom:20px; } /*1depth */ #category ul{ margin:0; padding:0; list-style:none; } #category ul li{ padding:0; margin:0; list-style:none; } /*2depth*/ #category ul li ul{ } #category ul li ul li{ padding-top:5px; margin-top:5px; border-top:1px solid #ddd; } /*3depth*/ #category ul li ul li ul{ margin:5px 0 0 10px; } #category ul li ul li ul li{ padding:3px 0; margin:0; border:none; background:none; } *:first-child+html #category ul li ul li ul li{ padding:3px 0; margin:0; border:none; background:none; } #category ul li ul li ul li a{ color:#777777; } .banner img{ margin-bottom:5px; border:none; } /**content**/ #entry h2{ font:20px NanumGothic Bold; } #entry .admin{ border-bottom:1px dotted #dddddd; padding:5px 0; margin-bottom:5px; } #entry .category{ margin-bottom:5px; } #entry .category a{ font:12px NanumMyeongjo, Batang, ����; color:#ff0078; } .titleWrap{ padding-left:50px; height:46px; background:url(./images/bgTitle.gif) no-repeat 0 0; } .titleWrap .date{ font:italic 12px georgia; color:#777777; } .tagTrail{ margin-bottom:10px; } .actionTrail{ margin-bottom:20px; padding:3px; background-color:#f0f0f0; text-align:right; } .actionTrail .cnt{ color:#ff0078; } /**paging**/ #paging{ margin-bottom:30px; text-align:center; font:12px Lucida Console; } #paging .selected{ font-weight:bold; color:#ff0078; } #paging .numbox{ } #paging a.num{ padding:5px; border:1px solid #ddd; } #paging a:hover.num{ border:1px solid #ff0078; text-decoration:none; } #paging a.prev{ } #paging a:hover.prev{ } /**sidebarRight**/ #sidebarRight .module{ margin-bottom:20px; padding:3px; border:1px solid #f0f0f0; } #blogImage{ margin-bottom:20px; padding:10px; width:248px; background-color:#fff2f7; border-top:5px solid #ffceeb; border-bottom:1px solid #ffceeb; } #blogImage img{ margin:0 0 10px 10px; border:3px solid #ffceeb; width:80px; float:right; } #blogImage .about{ margin-bottom:5px; font:italic 18px georgia; color:#575757; } #blogImage .bloger{ font-weight:bold; } #blogImage p{ margin:0; padding:0; } #recentPost, #recentComment, #recentTrackback{ margin-bottom:20px; padding:10px; border:5px solid #ffceeb; } #recentPost h3{ background:url(./images/bgRpost.gif) no-repeat right top; } #recentComment h3{ background:url(./images/bgRcomment.gif) no-repeat right top; } #recentTrackback h3{ background:url(./images/bgRtrackback.gif) no-repeat right top; } #sidebarRight .cnt{ color:#ff0078; font-size:10px; } #sidebarRight .name{ color:#777; } #sidebarRight .date{ font:italic 12px Georgia; } #sidebarRight h3{ font:italic 16px georgia; color:#575757; } #sidebarRight ul{ margin:10px 0 0 5px; padding:0; list-style:none; } #sidebarRight ul li{ padding:3px 0 3px 12px; background:url(./images/arrow.gif) no-repeat 0 6px; } #counter{ padding:10px; margin-bottom:20px; background-color:#f0f0f0; font-family:georgia; font-style:italic; } #counter .total{ font-size:18px; color:#ff0078; } #counter .today{ font-size:12px; } #counter .yesterday{ font-size:12px; color:#575757; } /**Footer**/ .copyright{ padding-top:10px; margin-bottom:50px; border-top:5px solid #25251d; font:12px Trebuchet MS; text-align:right; } .copyright a {text-decoration:underline;} .copyright a:hover {text-decoration:none;}