/* Reset All Styles-------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }/* -------------------------------------------------------------------- *//* Global Styles-------------------------------------------------------------------*/ body{ background: #fff; font: 95% palatino, "times new roman", serif; color: #333; } strong{ font-weight: bold; } /* Links */ a:link, a:visited{ color: #9C8A6A; text-decoration: none; } a:hover, a:active{ color: #3E372B; text-decoration: underline; } /* Headers */ h1{ margin: 10px 0 10px; font-size: 2.5em; font-weight: normal; text-transform: uppercase; letter-spacing: .05em; word-spacing: .2em; } h1 a:link, h1 a:visited{ color: #000; } h1 a:hover, h1 a:active{ color: #000; text-decoration: underline; } h2{ margin-top: 30px; margin-bottom: 40px; font-size: 2.2em; font-weight: normal; color: #000; text-transform: uppercase; } h3{ margin-bottom: 5px; font-size: 2em; font-weight: normal; } h3 a:link, h3 a:visited{ color: #333; } h3 a:hover, h3 a:active{ text-decoration: underline; } h4{ margin-bottom: 10px; font-size: 1.5em; font-weight: bold; color: #333; } h5{ position: relative; top: -35px; margin-bottom: 50px; font-family: "helvetica neue", helvetica, arial; font-size: 1.2em; color: #999; font-weight: normal; border-bottom: 1px solid #ddd; background: #fff; } h5 abbr{ display: inline-block; position: relative; margin: 0 auto; padding: 0 8px; background: #fff; top: 8px; } /* Form Elements */ input[type=text],input[type=password], textarea{ border: 1px solid #ddd; padding: 3px; font-family: helvetica, arial, sans-serif; font-size: 1em; color: #666; } input:focus, textarea:focus{ border-color: #999; color: #333; } input[type=submit]{ padding: 3px 10px; color: #fff; font-weight: bold; background-color: #8EA7AA; background-repeat: repeat-x; background-position: left top; border-width: 1px; border-style: solid; border-color: #999; border-radius: 10px; -webkit-transition: border-color .2s ease-in, background-color .2s ease-in; -moz-border-radius: 12px; -webkit-border-radius: 10px; cursor: pointer; } input[type=submit]:hover, input[type=submit]:focus{ background-color: #697D80; border-color: #666; }/* -------------------------------------------------------------------- *//* Skeleton *//* -------------------------------------------------------------------- */ #wrapper{ margin: 0 auto; padding-top: 15px; width: 700px; text-align: center; position: relative; } #siteDescription{ font-size: 0.9em; margin: 10px auto 50px; width: 100%; padding: 11px 0 13px; color: #999; font-style: italic; } #mainNav{ margin-top: 10px; padding: 5px; background: #FBFBFB; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; } #mainNav ul{ margin: 0 auto; text-align: center; } #mainNav li{ display: inline; margin-right: 20px; font-size: 0.9em; text-transform: uppercase; } #mainNav li:last-child{ margin-right: 0; } #mainNav a:link, #mainNav a:visited{ color: #999; white-space: nowrap; } #mainNav a:hover, #mainNav a:active{ text-decoration: underline; color: #2E301C; } #content{ float: left; width: 100%; margin-top: 8px; } .pageNav{ margin-top: 40px; font-size: 1.1em; } .pageNav a { margin:0 10px; font-family: "Nanum Gothic"; } .pageNav a span.selected { font-size: 1.3em; } .pageNav .prev, .pageNav .next{ display: block; } .pageNav .prev{ float: left; } .pageNav .next{ float: right; }/* -------------------------------------------------------------------- *//* Search Results-------------------------------------------------------------------- */ #content .searchresults{ margin-top: -35px; margin-bottom: 90px; } .searchresults h3{ margin-bottom: 20px; border-bottom:1px solid #efefef; } .searchresults ol { } .searchresults li { font-size: 0.9em; text-align: left; margin-bottom: 2em; } .searchresults li span.date { } .searchresults li span.cnt { }/* -------------------------------------------------------------------- *//* Posts-------------------------------------------------------------------*/ .post{ border-top: 1px solid #efefef; margin-top: -50px; border-bottom: none; padding-bottom: 0; } .postContent .entry-title { font-size: 2em; font-family: 'Nanum Myeongjo'; font-weight: 800; margin-top:60px; margin-bottom: 5px; } .postContent .postDate { font-family: constantia, palatino, times new roman; font-size: 0.85em; color: #999; font-weight: normal; font-style: italic; margin-bottom: 70px; } .postContent .entry-content{ margin-top: 0px; text-align: justify; } .entry-content a:link, .entry-content a:visited{ text-decoration: underline; } .entry-content iframe { } .post .postMeta{ float: left; margin: 0 0 1em 0; padding-top: 0; padding-bottom: 17px; text-align: left; font-size: 1em; color: #999; } .post .postMeta a:link, .post .postMeta a:visited{ color: #666; } .post .postMeta a:hover, .post .postMeta a:active{ color: #666; } #post .postMeta span{ text-transform: uppercase; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ color: #333; border: none; padding: 0; font-family: 'Nanum Myeongjo', constantia, palatino, times new roman; font-weight: 700; margin: 0 0 5px; font-style: normal; } .entry-content p { font-family: 'Nanum Gothic'; font-size: 1em; margin:0 0 0.8em 0; } .entry-content ul,.entry-content ol { padding: 0.4em 1.2em 0.4em 1.2em; } .entry-content blockquote{ margin: 0 20px 20px; padding-left: 10px; border-left: 3px solid #ccc; }/* -------------------------------------------------------------------- *//* Comments-------------------------------------------------------------------*/ .comments { margin-top: 2em; } .commentlist { margin-top: -20px; } .commentlist li{ list-style: none; margin-left: 0; padding-left: 20px; position: relative; } .guestBook li {padding-left:0px;} .guestBookRep li {border:0;padding-left:50px;padding-top:20px;} .comment{ padding: 0 0 20px 0; margin-top: 25px; border-top: 1px solid #ccc; } .comment p{ color: #666; } .comment .comment-body{ position: relative; padding-right: 5px; padding-bottom: 10px; text-align: left; } .comment-author { position: relative; } .comment-author .avatar{ display:; position: absolute; left: -30px; top:-5px;} .comment-author cite{ font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; margin-left:29px} .comment-body .comment-desc { font-family: 'Nanum Gothic'; line-height:1.55em; font-size: 0.95em; margin-bottom: 10px; text-align:justify } .comment-meta{  margin-left:29px; margin-bottom:12px; color:lightgray; font-size: 0.9em; font-style: italic; top: 0px; } .rep_control { padding-top: 2px; float: right; } .rep_control a { display: inline; margin:10px 0;padding:0; } .comment-author, .rep_control a{ font-size: 1em; margin-bottom: 10px; margin-top: 10px; } /* Comment Form */ fieldset{ position: relative; padding: 0 0 10px; } legend{ position: relative; display: block; font-size: 1.1em; font-weight: bold; text-align: left; margin: 0; padding: 0 0 4px 0; } legend span{ padding: 1em 0 0em; font-weight: bold; text-align: left; width: 100%; border: none; padding: .5em 0 .7em; font-weight: bold; text-align: left; position: relative; top: 3px; width: auto; } .leaveComment{ padding: 8px 0 19px; } .commentForm{ font-size: 1.1em; text-align: left; text-transform: uppercase; margin: 0; } .commentForm em{ text-transform: lowercase; font-style: italic; color: #999; font-size: 1em; } .commentForm input[type=text]{ display: block; margin-bottom: 15px; width: 180px; font-size: 1.2em; } .commentForm input[type=password]{ display: block; margin-bottom: 15px; width: 180px; font-size: 1.2em; }  .commentForm textarea{ width: 100%; } .commentForm textarea{ margin-top: 2px; font-size: 1.2em; } .commentForm textarea.loggedIn{ width: 100%; max-width: 100%; /* Restricts the resizing capability in webkit bases browsers */ } .commentForm input[type=submit]{ float:right;  margin-top: 8px; } .commentForm label { font-size: 0.8em; } .commentForm .commentAuthorInfo { margin-bottom: 20px; }/* Footer-------------------------------------------------------------------- */#footer{ width: 100%; margin: 40px auto 0; padding: 20px 0 35px 0; border-top: 4px double #ccc; color: #666; text-align: center;}.footerContent{ width: 100%; margin: 20px auto 0; clear: left;}#footer p{ line-height: 1.4em;}#footer #search{ margin: 15px 0 30px;}#footer h5{ position: relative; top: 0; margin-bottom: 8px; font-family: constantia, palatino, times new roman; font-size: 0.8em; color: #666; font-weight: normal; text-transform: uppercase; border-bottom: none;}#footer .elsewhere{ margin-bottom: 30px;}#footer .elsewhere li{ display: inline; padding: 0 8px 0 0; margin: 0 5px 0 0; border-right: 1px dotted #ccc; font-size: 0.9em;}#footer .elsewhere li:last-child{ padding: 0; margin: 0; border-right: none;}#footer #search input[type=text]{ font-size: 1em; border-color: #ccc;}#footer #search input[type=text]:focus{ border-color: #999;}#footer .footbox { float: left; width: 33%; margin-bottom: 30px;}#sidebar li { font-size:1em; line-height: 1.1em; font-family: 'Nanum Gothic'; list-style: none; margin:5px 5px; }#footer .footbox li { text-align: left;}#footer .footbox h3{ font-size: 1.4em; margin: 0 2px 0 5px; border-bottom:1px solid #efefef;}#footer .footbox span.subsi{ display: inline; font-size: 0.85em; color:#ccc; margin: 0 2px 0 5px; } .searchpanel{ margin-bottom: 10px; padding: 10px 0; } .searchpanel input[type=text]{ width: 250px; font-size: 1em; } .searchpanel input[type=submit]{ font-weight: normal; -webkit-border-radius: 12px; -moz-border-radius: 16px; background-position: left 5px; font-size: 1em; }/* Self Clearing Floats-------------------------------------------------------------------- */#siteWrapper:after,.post:after,.commentEntry:after,.commentForm:after,#footer .elsewhere:after,#metaContent .metaExtend:after,#mainNav:after,#mainNav ul:after,#subNav ul:after,#archives ul:after,#coreContent .postMeta:after,#recentPosts li:after,#galleryNav:after,#galleryNav_controls:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Responsive */ @media all and (max-width:900px) { body { font-size: 85%; } #wrapper { width: 92%; } #footer .footbox { float: none; clear: both; display: block; width: 100%; } .pageNav a { margin:0 2px; } .commentForm textarea { width:95%; } .commentAuthorInfo{ clear: both; width: 100%; margin-right: 0; float: none; } .entry-content p img { width: 100% !important; } } .rep_control {font-family:tahoma;font-size:0.8em}