/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles here instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /* 20120604 seojieun */ .post img { max-width: 100% !important; height: auto; } /* 20121010 seojieun 서울에서 쓰는 평양이야기로 개편 */ @font-face { font-family: 'NanumGothicBold'; src: url('fonts/NanumGothicBold.eot'); src: url('fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('fonts/NanumGothicBold.woff') format('woff'), url('fonts/NanumGothicBold.ttf') format('truetype'); } #header-out {margin-top: 10px;} #sidebar .block h3 { margin-top: 10px; margin-bottom:5px; font-family: dotum, arial; font-size:12px;} #sidebar .widget .red_comment a {color:#DB1313;} #sidebar .widget .red_comment a:hover {color:#B2B2B2;} #sidebar .widget .gray_comment a {color:#DB1313;font-weight: normal;} #sidebar .widget .gray_comment a:hover {color:#B2B2B2;} #sidebar {width:238px;} #sidebar.sidebar-left {float:left;} #sidebar.sidebar-right {float:right;} #middle{width:980px;z-index:10;} #content.main-col {width:470px;/*padding:0 15px;*/padding:0 17px 20px 17px;} #content .featured{padding-top:0;} #content.main-col .featured_main_bottom li {background:url(images/sidebar_icon.gif) no-repeat 0 3px;} #content.main-col #article_center_post {margin-top:20px;} #content.main-col #article_center_post li {background:url(images/sidebar_icon.gif) no-repeat 0 10px; } #content.main-col #article_center_post h3 {font-size:14px;} #content.main-col #article_center_post .article_title {margin-left:8px;padding-left:0;} #content .featured {padding-bottom:5px; *padding-bottom:10px; padding-bottom:10px \0/IE8+9;} .featured_main_top {width:470px;} .featured_main_top h3 {font-family: 'NanumGothicBold';color:#000000;font-size:24px;padding:10px 0;} .featured_main_top h3 a {color:#000000;} .featured_main_top img {padding-bottom:5px;} .featured_main_top span {color:#555;line-height:160%;letter-spacing:-1px;} .featured_main_bottom {width:470px;} .featured_main_bottom img {width:81px;height:77px;float:left;padding-bottom:3px;*clear:right;} .featured_main_bottom ul {margin:0px;padding:0px;} .featured_main_bottom li {background: url("images/sidebar_icon.gif") no-repeat scroll 0 8px transparent; } .featured_main_bottom h3 {font-family: 'NanumGothicBold';color:#333333;font-size:14px;padding-bottom:7px; } :root .featured_main_bottom h3 { padding-bottom:5px \0/IE9;} .featured_main_bottom h3 a {color:#333333;} .featured_text {width:470px;margin-left:8px;color:#555;} .featured_line {width:470px;height:1px;border-top:1px solid #CECECE;margin: 10px 0;} .featured_dot {width:470px;height:1px;border-top:1px dotted #C9C9C9;margin: 0;} .featured_img {border: 1px solid #E7E7E7; background-color: #FBFBFB; height: 228px; *height: 229px; height: 232px \0/IE8+9; } .featured_img_space {padding-right: 15px; *padding-right: 10px; padding-right: 10px \0/IE8+9; } .featured_img ul {background-color: #FFFFFF; margin: 12px; *margin:17px; margin:12px 17px \0/IE8+9;} .featured_img ul li {width: 136px; float: left; overflow: hidden; display: block; text-align: center; margin: 1px; color: #737373; position: relative; } .featured_img ul li.nk_video { margin-top:5px; } .featured_post_image {width:136px;height:87px;overflow: hidden; } .featured_post_image img {padding:0;margin:0; } .featured_post_title {width:136px;height:25px;position: absolute;left: 0;right: 0;bottom: 0;background-color: #000;background-color: rgba(0, 0, 0, 0.7);} .featured_post_title p {width:136px;height:25px;overflow:hidden;color:#FFFFFF; } .article_cat_title a{ color:#0D4099; } .article_cat_title a:hover{ color:#F25632; } .article_cat_title .article_cat_more:hover{ color:#F25632; } .article_cat_title .article_cat_more { font-size:12px; float:right; padding-top:6px; font-weight:normal; color:#7C7C7C; } .article_date { float:right; } #content h2.arh {font-family: 'NanumGothicBold';} #content #latest .post h2 {font-family: 'NanumGothicBold';} #content #latest .post {padding: 10px 0 20px 0;} #content #single {width: 100%;padding:0;} #content #single .post h2.title {font-family: 'NanumGothicBold';border-top: 2px solid #64666D;padding-top: 30px;} #content #single .post p.post-details {border-bottom: 2px solid #F1F1F1;padding: 0 0 20px 0;margin-bottom:20px;background:none;} #content #single .comment_author {color:#0D4099;font-weight:bold;} #content #single .comment_author a {color:#0D4099;text-decoration:none;font-weight:bold;} #content #single #respond {background-color:#FAFAFA;border:1px solid #E0E0E0;} #content #single #respond .reply_box { padding: 20px; } #content #single #comments label input.author {width:130px;} #content #single #comments label input.email {width:190px;} #content #single #comments label {float:left;clear:none;width:150px;} #content #single #comments input, textarea {float:left;background-color:#FFFFFF;} #content #single #comments #submit { width:75px; height:53px;margin-left:10px; margin-top:5px; *float:right; *margin-top: 40px; } #content #single .comment .col-left {padding-top:10px;text-align:left;float:none;width:100%; } #content #single .comment .col-left a {font-weight: bold;color:#2C42B0;text-decoration: none;} #content #single .comment .col-left a:hover {color:#2C42B0;text-decoration:underline;} #content #single .comment .col-right a {color:#F25632;} #content #single .comment .col-right a:hover {color:#F25632;text-decoration:underline;} #content #single .comment .col-right {margin-left:0;float:none;border:none;background-color:#FFFFFF;} #content #single .comment .col-right p {overflow:hidden;} #content #single #comments_wrap {margin-top:20px; border:1px solid #DFDFDF;} #content #single #comments_wrap .col-right {padding:5px 0;} #content #single #comments_wrap li.depth_1 .comment {padding:0 20px;background-color:#FFFFFF;} #content #single #comments_wrap li.depth_2 .comment {background-color:#FAFAFA;} #content #single #comments_wrap li.depth_2 .comment .col-right {background-color:#FAFAFA;} #content #single #comments_wrap li.comment ul.children li {background-color:#FAFAFA;margin:0;} #content #single .reply {float:none;} #content #single .reply_meta {float:right;} #paginate_comment {text-align:center;} #paginate_comment a.page-numbers {color:#515151;} #paginate_comment span.current {font-weight:bold;color:#FF6600;} #paginate_comment span.vertical_bar {color:#E3E3E3; } .post p.post-details {background:none;padding: 0 0 30px 0;} #sidebar { background-color:#FFFFFF;border:none;padding-top:0px;} #sidebar.sidebar-single {padding-top: 26px;} #sidebar .widget {padding:0;} #sidebar .widget .cat_6 {margin-bottom:20px;} #sidebar .widget .cat_9 {margin-bottom:26px;} #sidebar .widget .cat_565 {border:1px solid #E6E6E6;} #sidebar .widget .cat_1184 {border:1px solid #E6E6E6;border-top:none;} #sidebar .widget .cat_1185 {border:1px solid #E6E6E6;border-top:none;} #sidebar .widget .cat_1178 {border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;} #sidebar .widget.widget_text {margin-bottom:5px;} #sidebar .widget.widget_text .textwidget {padding:0;} #sidebar .widget.recent_post {border:1px solid #E6E6E6;} #sidebar .widget.recent_comment {border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;margin-bottom:5px;} #sidebar .widget h3 {font-family: 'NanumGothicBold';background-color:#F1F1F1;margin:0;padding:7px 6px;color:#0D4099; font-size: 14px; } #sidebar .widget .cat_6 h3 {background-color:#FFFFFF;border-bottom:2px solid #D7D9D8;padding-left:0;margin-top:14px;} #sidebar .widget .cat_9 h3 {background-color:#FFFFFF;border-bottom:2px solid #D7D9D8;padding-left:0;margin-top:14px;} #sidebar .widget .cat_568 h3 {background-color:#FFFFFF;padding-left:0;} #sidebar .widget h3 img { float:left;margin-right:5px;margin-top:1px; } #sidebar .widget h3 a{color:#0D4099;font-size:14px;} #middle-out .red_comment a {color:#DB1313;font-size:12px;} #middle-out .gray_comment a {color:#B2B2B2;font-size:12px;font-weight:bold;} #middle-out .red_comment a:hover {color:#B2B2B2;} #middle-out .gray_comment a:hover {color:#DB1313;} #sidebar .widget ul {border:none;} #sidebar .widget li {border-bottom:1px dotted #C9C9C9;padding: 6px 0 6px 10px;} #sidebar .widget li.last {border:none;padding-bottom:0;} #sidebar .widget.board_issue .article_issue {background-color:#F5F5F5;padding:15px 20px;} #sidebar .widget.board_issue .article_issue_title {color:#000000;} #sidebar .widget.board_issue .article_issue_comment li {background:none;} #sidebar .widget.count_per_day {margin-top:10px;} #sidebar .widget.login h3 {background-color:#FFFFFF;border-bottom:2px solid #D7D9D8;padding-left:0;} #sidebar .widget.login #wp_sidebarlogin { width:100%;padding:20px 0;margin:0;border:none;background-color:#FFFFFF; } #sidebar .widget.login #wp_sidebarlogin .loginsave span { margin: 0 5px;} #sidebar .widget.login #modal_loginbox a { width:102px;height:49px;float:left; } #sidebar a { color:none; } #main-menu-out {margin-top:46px;} #main-menu {width: 980px; height: 40px;clear: both;background-color: #0D4099;} #main-menu ul{width:742px;} #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a::after, #megaMenu ul li.mega-with-sub > a::after, #megaMenu ul li.ss-nav-menu-mega > a::after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator::after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator::after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator::after {content:none;} #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {padding:0;} #megaMenu li, #megaMenu li ul a {cursor:pointer;} #megaMenu.megaFullWidth { width:742px;font-weight:bold;} #megaMenu.megaMenuHorizontal ul.megaMenu {width:980px;} #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {background-color: #FFFFFF;border: 1px solid #E6E6E6;opacity:0.9;} #main-menu #megasearch {position:relative;width:238px; padding:6px 0; float:right;z-index:200 !important;} #main-menu #megasearch .right_search01 { background: url(images/bg_search.png) no-repeat; width:201px; height:26px; } #main-menu #megasearch .main_search { border:0; height: 12px; margin: 5px; width: 170px; } #megaMenu ul li.ss-nav-menu-item-0 a {width:211px; height:40px; background:url(images/main_menu01.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-0 a:hover {width:211px; height:40px; background:url(images/main_menu01_hover.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-1 a {width:112px; height:40px; background:url(images/main_menu02.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-1 a:hover {width:112px; height:40px; background:url(images/main_menu02_hover.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-2 a {width:174px; height:40px; background:url(images/main_menu03.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-2 a:hover {width:174px; height:40px; background:url(images/main_menu03_hover.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-3 a {width:112px; height:40px; background:url(images/main_menu04.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-3 a:hover {width:112px; height:40px; background:url(images/main_menu04_hover.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-4 a {width:135px; height:40px; background:url(images/main_menu05.png) no-repeat; height:39px;} #megaMenu ul li.ss-nav-menu-item-4 a:hover {width:135px; height:40px; background:url(images/main_menu05_hover.png) no-repeat; height:39px;} #megaMenu ul li ul #menu-item-1181 {width:211px; margin-left:42px;} #megaMenu ul li ul #menu-item-1182 {width:112px; margin-left:-18px;} #megaMenu ul li ul #menu-item-1180 {width:174px; margin-left:2px;} #megaMenu ul li ul #menu-item-1178 {width:112px;} #megaMenu ul li ul #menu-item-1179 {width:135px;} #megaMenu ul.megaMenu #menu-item-5 a {background:url(images/main_menu01_01.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-5 a:hover {background:url(images/main_menu01_01_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-11 a {background:url(images/main_menu01_02.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-11 a:hover {background:url(images/main_menu01_02_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-565 a {background:url(images/main_menu02_01.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-565 a:hover {background:url(images/main_menu02_01_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1184 a {background:url(images/main_menu02_02.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1184 a:hover {background:url(images/main_menu02_02_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-568 a {background:url(images/main_menu02_03.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-568 a:hover {background:url(images/main_menu02_03_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1183 a {background:url(images/main_menu02_04.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1183 a:hover {background:url(images/main_menu02_04_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1186 a {background:url(images/main_menu03_01.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1186 a:hover {background:url(images/main_menu03_01_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1187 a {background:url(images/main_menu03_02.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1187 a:hover {background:url(images/main_menu03_02_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-566 a {background:url(images/main_menu04_01.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-566 a:hover {background:url(images/main_menu04_01_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1185 a {background:url(images/main_menu04_02.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1185 a:hover {background:url(images/main_menu04_02_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1188 a {background:url(images/main_menu05_01.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-1188 a:hover {background:url(images/main_menu05_01_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-9 a {background:url(images/main_menu05_02.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-9 a:hover {background:url(images/main_menu05_02_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-563 a {background:url(images/main_menu05_03.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-563 a:hover {background:url(images/main_menu05_03_hover.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-573 a {background:url(images/main_menu05_04.png) no-repeat; height:20px;} #megaMenu ul.megaMenu #menu-item-573 a:hover {background:url(images/main_menu05_04_hover.png) no-repeat; height:20px;} #megaMenu ul li.ss-nav-menu-mega ul.sub-menu li {min-width:84px;} #megaMenu ul li.ss-nav-menu-mega ul li.ss-nav-menu-item-depth-1 {padding:10px 0;height:120px;margin:0;} *:focus, *:active {outline: 0; -moz-outline: 0px !important; -moz-outline-offset: 0px !important; } input:focus {-moz-outline-offset: -1px !important; } #LoginForm input[type="text"], input[type="password"] {font-size:24px; width:100%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:16px; border:2px solid #0D4099; background:#fbfbfb;} #LoginForm label { display: block; font-size: 13px;color: #000000;font-weight:bold;} #LoginForm .login-submit {float:right;background-color:#0D4099; border:none; border:1px solid; color:#fff; font-weight:bold; padding:3px 10px; font-size:12px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px;} #LoginForm .login-error {background: #FFEBE8;border: 1px solid #C00; padding: 8px 5px; width:100%; margin-bottom:15px; text-align: center; font-weight: bold; -moz-border-radius:3px; border-radius: 3px; -webkit-border-radius: 3px} #LoginForm .forgotpw {color:#999999;font-weight:bold;} #PasswordForm input[type="text"], input[type="password"] {font-size:24px; width:100%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:16px; border:2px solid #0D4099; background:#fbfbfb;} #PasswordForm label { display: block; font-size: 13px;color: #000000;font-weight:bold;} #PasswordForm .password-submit {background-color:#0D4099; border:none; border:1px solid; color:#fff; font-weight:bold; padding:3px 10px; font-size:12px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px;} #PasswordForm .password-error {background: #FFEBE8;border: 1px solid #C00;padding: 8px 5px; width:100%; margin-bottom:15px; text-align: center; font-weight: bold; -moz-border-radius:3px; border-radius: 3px; -webkit-border-radius: 3px} #RegisterForm { background: #FFFFFF; font-weight:normal; text-align:left; -moz-border-radius:11px 11px 11px 11px; -moz-box-shadow:0 4px 18px #C8C8C8; -webkit-border-radius:11px 11px 11px 11px; -webkit-box-shadow:0 4px 18px #C8C8C8; width:680px; height: 550px; border: 2px solid #0D4099; } #RegisterForm .register-title {padding: 50px 0 0 23px;} #RegisterForm .register-content {padding:23px 0 0 45px;} #RegisterForm .register-error {background: #FFEBE8;border: 1px solid #C00; padding: 8px 5px; width:580px; margin-bottom:15px; text-align: center; font-weight: bold; -moz-border-radius:3px; border-radius: 3px; -webkit-border-radius: 3px} #RegisterForm p {margin: 0 0 12px 0;} #RegisterForm label { display: block; font-size: 13px;color: #000000;font-weight:bold;} #RegisterForm .description {color:#C3C3C3;} #RegisterForm input {font-size: 16px; width: 580px;border:2px solid #0D4099;margin-top: 2px;margin-right: 6px;padding: 5px; } #RegisterForm .register-submit{ float: left; width:279px; height:50px; background:#0D4099 url("http://blog.donga.com/wp-content/themes/gothamnews/images/btn_write.png") 0px 0px no-repeat; cursor:pointer; }