body { margin:0 0 0 20px; } ol, ul, li { list-style:none;} BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {font-size:9pt;font-family:;color:888888} #container { width:905px; margin:0; padding:0; background-color:white;} #header .logo { background:url(http://mapojinbo.net/images/logo.jpg) left top no-repeat; height:156px; width:903px; margin-bottom:0;} #header .logo h1 a { display:block; overflow:hidden; padding:67px 0 0 0; height:0;} /* Menu Common */ #header .menu{ position:relative; overflow:visible; border:1px solid; font-size:12px; line-height:normal; *zoom:1; white-space:nowrap; font-family:Tahoma, Geneva, sans-serif;} #header .menu:after{ content:""; display:block; clear:both;} #header .menu .inset{ position:relative; overflow:visible; border:1px solid; z-index:2; *zoom:1; background-image:url(bgBar.png); background-repeat:repeat-x; _background-image:none;} #header .menu .inset:after{ content:""; display:block; clear:both;} #header .menu ul{ float:left; list-style:none; margin:-1px 0; padding:0;} #header .menu ul:after{ content:""; display:block; clear:both;} #header .menu li{ position:relative; z-index:1; float:left;} #header .menu a{ position:relative; float:left; padding:10px 0 11px 0; *padding:10px 0 10px 0; margin-bottom:-1px; text-decoration:none !important; cursor:pointer;} #header .menu a span{ padding:0 20px; height:14px; color:#fff; font-weight:bold; vertical-align:top;} #header .menu a span .i{ display:inline-block; width:8px; height:8px; padding:0; margin:3px 0 0 7px; border:0 !important; font-size:0; line-height:0; overflow:hidden; vertical-align:top; background:url(iconSub.gif) no-repeat center top; opacity:.4; filter:alpha(opacity=40);} #header .menu .gradient{ display:none; _display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:35px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBar.png', sizingMethod='scale');} #header .menu .shadow{ position:absolute; bottom:-3px; left:0; width:100%; height:0; font-size:0; line-height:0; overflow:hidden; margin:1px -1px; z-index:1; border:1px solid #ccc; border-top:0;} /* Menu Major */ #header .menu .major{ position:relative; z-index:2; float:left;} #header .menu .major a{ overflow:hidden;} #header .menu .major span{ border-left:1px solid; border-right:1px solid; _zoom:1;} /* Menu Hover */ #header .menu .major li.active{ z-index:2; margin:0 -1px; border-left:1px solid; border-right:1px solid; _border:0; _margin:0;} #header .menu .major li a:hover, #header .menu .major li a:active, #header .menu .major li a:focus{ padding-left:1px; padding-right:1px; background-image:url(bgBarHover.png); _background-image:none; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarHover.png', sizingMethod='scale');*/} #header .menu .major li.active a{ padding-left:1px; padding-right:1px; background-image:url(bgBarActiveHover.png); _background-image:none; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarActiveHover.png', sizingMethod='scale');*/} #header .menu .major li.active .i{ background-position:center -50px; opacity:1; filter:none;} /* Menu Active */ #header .menu .major.m1 .m1, #header .menu .major.m2 .m2, #header .menu .major.m3 .m3, #header .menu .major.m4 .m4, #header .menu .major.m5 .m5, #header .menu .major.m6 .m6, #header .menu .major.m7 .m7, #header .menu .major.m8 .m8, #header .menu .major.m9 .m9, #header .menu .major.m10 .m10, #header .menu .major.m11 .m11, #header .menu .major.m12 .m12{ z-index:3; margin:0 -1px; border-left:1px solid; border-right:1px solid;} #header .menu .major.m1 .m1 a, #header .menu .major.m2 .m2 a, #header .menu .major.m3 .m3 a, #header .menu .major.m4 .m4 a, #header .menu .major.m5 .m5 a, #header .menu .major.m6 .m6 a, #header .menu .major.m7 .m7 a, #header .menu .major.m8 .m8 a, #header .menu .major.m9 .m9 a, #header .menu .major.m10 .m10 a, #header .menu .major.m11 .m11 a, #header .menu .major.m12 .m12 a{ padding-left:1px; padding-right:1px; background:url(bgBarActive.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarActive.png', sizingMethod='scale');} #header .menu .major.m1 .m1 span, #header .menu .major.m2 .m2 span, #header .menu .major.m3 .m3 span, #header .menu .major.m4 .m4 span, #header .menu .major.m5 .m5 span, #header .menu .major.m6 .m6 span, #header .menu .major.m7 .m7 span, #header .menu .major.m8 .m8 span, #header .menu .major.m9 .m9 span, #header .menu .major.m10 .m10 span, #header .menu .major.m11 .m11 span, #header .menu .major.m12 .m12 span, #header .menu .major li.active span{ border:0;} /* Menu Sub */ #header .menu .major .sub{ position:absolute; top:100%; left:-1px; margin:2px 0 0 0; display:none; width:300px; *width:auto;} #header .menu .major li.active .sub{ display:block;} #header .menu .major .sub ul{ margin:0; padding:1px; border:1px solid #878787; border-top:0; background:#fff;} #header .menu .major .sub li{ width:100%; *width:auto; float:none; clear:both; display:block; _display:inline; border:0; margin:0;} #header .menu .major .sub a{ width:100%; _width:auto; float:none; clear:both; display:block; padding:0 !important; margin:0; background-image:none !important; filter:none;} #header .menu .major .sub a span{ display:block; height:auto; padding:5px 20px; font-weight:normal; color:#767676; border:0; _zoom:0;} /* Menu Aside */ #header .menu .aside{ position:relative; z-index:2; float:right; border-left:1px solid; background:url(bgBarEnd.png); _background:none; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarEnd.png', sizingMethod='scale');*/} #header .menu .aside ul{ border-left:1px solid; padding-left:5px;} #header .menu .aside a{ padding-left:10px; *padding-top:11px; opacity:.7;} #header .menu .aside a:hover, #header .menu .aside a:active, #header .menu .aside a:focus{ opacity:1;} #header .menu .aside span{ font-weight:normal; padding:0 12px 0 18px; *color:#eee; *zoom:1;} #header .menu .aside a:hover span, #header .menu .aside a:active span, #header .menu .aside a:focus span{ *color:#fff;} #header .menu .aside li span{ display:inline-block; height:14px;} #header .menu .aside .m1 span{ background:url(iconHistory.png) no-repeat 0 center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconHistory.png', sizingMethod='crop');} #header .menu .aside .m2 span{ background:url() no-repeat 0 center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconSetup.png', sizingMethod='crop');} /* Menu Aside Sub */ #header .menu .aside .sub{ position:absolute; top:100%; right:-2px; margin:2px 0 0; display:none; width:300px; *width:auto;} #header .menu .aside li.active .sub{ display:block;} #header .menu .aside .sub ul{ float:right; margin:0; padding:1px; border:1px solid #878787; border-top:0; background:#fff;} #header .menu .aside .sub li{ width:100%; *width:auto; float:none; clear:both; display:block; _display:inline; border:0; margin:0;} #header .menu .aside .sub a{ width:100%; _width:auto; float:none; clear:both; display:block; padding:0 !important; margin:0; background-image:none !important; filter:none; overflow:hidden;} #header .menu .aside .sub a span{ display:inline-block; padding:5px 20px; font-weight:normal; color:#767676 !important; border:0; _zoom:0; background-image:none !important; filter:none;} #header .menu .aside .sub a:hover, #header .menu .aside .sub a:active, #header .menu .aside .sub a:focus{ background:#eee;} /* Menu Color Variation */ /* Menu Purple */ #header .mcPurple{ border-color:#983499; border-bottom-color:#682368;} #header .mcPurple .inset{ border-color:#b65eb7; border-bottom-color:#89388a; background-color:#822a83;} #header .mcPurple .major span{ border-left-color:#944095; border-right-color:#7d2b7e;} #header .mcPurple .aside{ border-color:#752676;} #header .mcPurple .aside ul{ border-color:#a044a2;} #header .mcPurple .major.m1 .m1, #header .mcPurple .major.m2 .m2, #header .mcPurple .major.m3 .m3, #header .mcPurple .major.m4 .m4, #header .mcPurple .major.m5 .m5, #header .mcPurple .major.m6 .m6, #header .mcPurple .major.m7 .m7, #header .mcPurple .major.m8 .m8, #header .mcPurple .major.m9 .m9, #header .mcPurple .major.m10 .m10, #header .mcPurple .major.m11 .m11, #header .mcPurple .major.m12 .m12, #header .mcPurple .major li.active{ border-color:#983499;} #header .mcPurple .major .sub a:hover, #header .mcPurple .major .sub a:active, #header .mcPurple .major .sub a:focus{ background-color:#e8eef7;} /* Menu Violet */ #header .mcViolet{ border-color:#6755bf; border-bottom-color:#4a3c96;} #header .mcViolet .inset{ border-color:#8e7de1; border-bottom-color:#6c5dbb; background-color:#6251b7;} #header .mcViolet .major span{ border-left-color:#7363c5; border-right-color:#5c4dac;} #header .mcViolet .aside{ border-color:#5849a4;} #header .mcViolet .aside ul{ border-color:#7563cc;} #header .mcViolet .major.m1 .m1, #header .mcViolet .major.m2 .m2, #header .mcViolet .major.m3 .m3, #header .mcViolet .major.m4 .m4, #header .mcViolet .major.m5 .m5, #header .mcViolet .major.m6 .m6, #header .mcViolet .major.m7 .m7, #header .mcViolet .major.m8 .m8, #header .mcViolet .major.m9 .m9, #header .mcViolet .major.m10 .m10, #header .mcViolet .major.m11 .m11, #header .mcViolet .major.m12 .m12, #header .mcViolet .major li.active{ border-color:#6755bf;} #header .mcViolet .major .sub a:hover, #header .mcViolet .major .sub a:active, #header .mcViolet .major .sub a:focus{ background-color:#f0eef8;} /* Menu Orange */ #header .mcOrange{ border-color:#d0690f; border-bottom-color:#a84f00;} #header .mcOrange .inset{ border-color:#eb961b; border-bottom-color:#dc7011; background-color:#db6600;} #header .mcOrange .major span{ border-left-color:#e07813; border-right-color:#c66200;} #header .mcOrange .aside{ border-color:#c55c00;} #header .mcOrange .aside ul{ border-color:#ed7f13;} #header .mcOrange .major.m1 .m1, #header .mcOrange .major.m2 .m2, #header .mcOrange .major.m3 .m3, #header .mcOrange .major.m4 .m4, #header .mcOrange .major.m5 .m5, #header .mcOrange .major.m6 .m6, #header .mcOrange .major.m7 .m7, #header .mcOrange .major.m8 .m8, #header .mcOrange .major.m9 .m9, #header .mcOrange .major.m10 .m10, #header .mcOrange .major.m11 .m11, #header .mcOrange .major.m12 .m12, #header .mcOrange .major li.active{ border-color:#d0690f;} #header .mcOrange .major .sub a:hover, #header .mcOrange .major .sub a:active, #header .mcOrange .major .sub a:focus{ background-color:#faf0e7;} /* Menu Green */ #header .mcGreen{ border-color:#2d8685; border-bottom-color:#237473;} #header .mcGreen .inset{ border-color:#58b2b1; border-bottom-color:#3c8e8d; background-color:#2e8686;} #header .mcGreen .major span{ border-left-color:#419695; border-right-color:#2c7f7e;} #header .mcGreen .aside{ border-color:#297878;} #header .mcGreen .aside ul{ border-color:#3c9999;} #header .mcGreen .major.m1 .m1, #header .mcGreen .major.m2 .m2, #header .mcGreen .major.m3 .m3, #header .mcGreen .major.m4 .m4, #header .mcGreen .major.m5 .m5, #header .mcGreen .major.m6 .m6, #header .mcGreen .major.m7 .m7, #header .mcGreen .major.m8 .m8, #header .mcGreen .major.m9 .m9, #header .mcGreen .major.m10 .m10, #header .mcGreen .major.m11 .m11, #header .mcGreen .major.m12 .m12, #header .mcGreen .major li.active{ border-color:#2d8685;} #header .mcGreen .major .sub a:hover, #header .mcGreen .major .sub a:active, #header .mcGreen .major .sub a:focus{ background-color:#eaf3f3;} /* Menu Gray */ #header .mcGray{ border-color:#707070; border-bottom-color:#474747;} #header .mcGray .inset{ border-color:#797979; border-bottom-color:#4a4a4a; background-color:#3e3e3e;} #header .mcGray .major span{ border-left-color:#545454; border-right-color:#3f3f3f;} #header .mcGray .aside{ border-color:#383838;} #header .mcGray .aside ul{ border-color:#646464;} #header .mcGray .major.m1 .m1, #header .mcGray .major.m2 .m2, #header .mcGray .major.m3 .m3, #header .mcGray .major.m4 .m4, #header .mcGray .major.m5 .m5, #header .mcGray .major.m6 .m6, #header .mcGray .major.m7 .m7, #header .mcGray .major.m8 .m8, #header .mcGray .major.m9 .m9, #header .mcGray .major.m10 .m10, #header .mcGray .major.m11 .m11, #header .mcGray .major.m12 .m12, #header .mcGray .major li.active{ border-color:#555;} #header .mcGray .major .sub a:hover, #header .mcGray .major .sub a:active, #header .mcGray .major .sub a:focus{ background-color:#f0f0f0;} /* Menu Gray2 */ #header .mcGray2{ border-color:#fb1d6a; border-bottom-color:#d61256;} #header .mcGray2 .inset{ border-color:#ff76a6; border-bottom-color:#b73437; background-color:#fb1d6a;} #header .mcGray2 .major span{ border-left-color:#fb1d6a; border-right-color:#fb1d6a;} #header .mcGray2 .aside{ border-color:#fb1d6a;} #header .mcGray2 .aside ul{ border-color:#fb1d6a;} #header .mcGray2 .major.m1 .m1, #header .mcGray2 .major.m2 .m2, #header .mcGray2 .major.m3 .m3, #header .mcGray2 .major.m4 .m4, #header .mcGray2 .major.m5 .m5, #header .mcGray2 .major.m6 .m6, #header .mcGray2 .major.m7 .m7, #header .mcGray2 .major.m8 .m8, #header .mcGray2 .major.m9 .m9, #header .mcGray2 .major.m10 .m10, #header .mcGray2 .major.m11 .m11, #header .mcGray2 .major.m12 .m12, #header .mcGray2 .major li.active{ border-color:#fb1d6a;} #header .mcGray2 .major .sub a:hover, #header .mcGray2 .major .sub a:active, #header .mcGray2 .major .sub a:focus{ background-color:#fb1d6a;} /* #header .menu a { color:#ccc; display: block; float:left;} #header .menu li { float:left;} #header .menu li a { padding:40px 0 0 0; height:0; overflow:hidden; display:block; width:980px;} #header .menu li a { padding:40px 0 0 0; height:0; overflow:hidden; display:block; width:980px;} #header .menu .discussion a { width:65px; margin-left:2px; } #header .menu .library a {width:65px; margin-left:67px; } #header .menu .board a {width:58px; margin-left:61px; } *html #header .menu .discussion a { width:68px; margin-left:2px; } *html #header .menu .library a { width:65px; margin-left:32px; } *html #header .menu .board a { width:60px; margin-left:29px; }*/ .feedburnerFeedBlock { margin: 0; padding:0; } .feedburnerFeedBlock ul { margin: 25px 10px; padding: 0 15px; /* background: #f1f1f1; */ } .feedburnerFeedBlock li { font-size: 13px; padding: 15px 0; /* border-top: 1px solid #fff; */ border-bottom: 1px solid #ddd; } .feedburnerFeedBlock li:hover { background: #f6f6f6; } .feedburnerFeedBlock li span.headline { font-size: 15px; font-weight: 700; } .feedburnerFeedBlock li span.headline a { color: #e45e5f; } .feedburnerFeedBlock li p.date { margin: 0 0 10px; font-size: 0.9em; font-family: "Trebuchet Ms", sans-serif; } .feedburnerFeedBlock li div { font-size: 13px; } .spreadSns p a{ display: inline-block; padding: 4px 10px; letter-spacing: -1px; background-color: #FC4081; border: 1px solid #EF3B7D; color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 11px Dotum; } .spreadSns p a:hover{ background-color: #FF5F9A; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; }