@charset "utf-8";
/*
Theme Name:sunflower
Theme URI: http://sunflower.kr
Description: WordPress theme
Version: 0.1
Author: Bathory
Tags: sunflower

안녕하세요 :)
*/

/* reset
-------------------------*/
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,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { font-size:100%; font-family:inherit; margin:0; padding:0; border:0; vertical-align:baseline; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
input { overflow:visible }
input, select, img { vertical-align:middle; }
textarea { overflow:auto; }


/* base
-------------------------*/
html { font-size:100.2%; }
body { color:#444; font:normal .75em "애플고딕", "AppleGothic", "Malgun Gothic", "돋움", "Dotum", Arial, Verdana, sans-serif; background-color:#eee; }
hr { display:none; }
a:link,
a:visited { color:#000; text-decoration:none; }
input,
textarea { color:#333; font:normal .9em '애플고딕', 'AppleGothic', 'Malgun Gothic', '돋움', 'Dotum', Arial, Verdana, sans-serif; }
#light-box-image { cursor:pointer; -o-box-shadow:0 0 10px #000; -icab-box-shadow:0 0 10px #000; -khtml-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; }


/* layout
-------------------------*/
#skip { position:absolute; left:0; top:0; visibility:hidden; overflow:hidden; height:0; margin:0; padding:0; }
#page { width:690px; margin:0 auto; }
#page:after { content:' '; display:block; visibility:hidden; clear:both; }

#header { height:10em; padding-top:2em; }
#header h1 { font-family:Helvetica, 'Lucida Grande', Geneva, sans-serif; letter-spacing:.1em; height:6em; overflow:hidden; }
#header h1 a { color:#fff; font-size:7em; letter-spacing:-0.1em; display:block; width:332px; height:65px; margin-left:-0.06em; }
#header .description { color:#fff; font-size:.9em; font-family:'Lucida Grande', Geneva, Helvetica, sans-serif; letter-spacing:.2em; }

#footer { color:#000; clear:both; width:490px; padding:35px 0; }
#footer p { padding-bottom:5px; }
#footer abbr { cursor:help; font-weight:bold; }
#footer .powered { float:left; }
#footer .valid { float:right; }
#footer .meta { clear:both; }

.narrowcolumn { float:left; width:450px; padding:6em 1.7em 3em; background-color:#fff; }
.narrowcolumn:after { content:' '; display:block; visibility:hidden; clear:both; }
.widecolumn { float:none; width:auto; }
.narrowcolumn h2,
.widecolumn h2 { color:#000; font-size:1.5em; }
.narrowcolumn h2 a,
.widecolumn h2 a { color:#000; }


/* sidebar
-------------------------*/
.sidebar { float:right; width:170px; }
.sidebar .wrap { line-height:1.5; margin-bottom:.8em; padding:.8em; background-color:#000; opacity:.6; }
.sidebar h2 { font-size:.85em; font-weight:normal; font-family:'Lucida Grande', Geneva, Helvetica, sans-serif; letter-spacing:.1em; text-transform:uppercase; margin-bottom:.7em; }
.sidebar ul { font-size:.9em; }
.sidebar ul li a { color:#ccc; }
.sidebar .page { position:relative; left:-520px; top:0; width:170px; height:50px; margin-bottom:-50px; padding:0; background-color:#fff; opacity:1; }
.sidebar .page h2 { position:absolute; left:-9999px; top:-9999px; }
.sidebar .page ul { overflow:hidden; width:490px; }
.sidebar .page ul:after { content:' '; display:block; visibility:hidden; clear:both; }
.sidebar .page ul li { float:left; width:70px; }
.sidebar .page ul li a { color:#000; font-size:.85em; font-family:'Lucida Grande', Geneva, Helvetica, sans-serif; letter-spacing:.1em; text-transform:uppercase; display:block; padding:.5em; border-top:4px solid #000; }
.sidebar .search { position:relative; padding:0; }
.sidebar .search h2 { position:absolute; left:-9999px; top:-9999px; overflow:hidden; height:0; }
.sidebar #searchform div { border:3px solid #000; background-color:#fff; }
.sidebar #searchform div #s { color:#000; font-size:1.2em; line-height:1; width:100%; padding:0; border:0 none; background-color:transparent; }
.sidebar #searchform #searchsubmit { position:absolute; left:-9999px; top:-9999px; visibility:hidden; overflow:hidden; height:0; margin:0; padding:0; }
.sidebar .categories li { font-size:.9em; }
.sidebar .categories li a { font-size:1.1em; }
.sidebar .commonts li { line-height:1.2; padding-bottom:5px; }
.sidebar .commonts span { font-size:.9em; display:block; }
.sidebar .calendar table { font-size:.9em; width:100%; border-collapse:collapse; }
.sidebar .calendar table caption { font-size:.9em; }
.sidebar .calendar table th { font-weight:bold; text-align:center; }
.sidebar .calendar table td { text-align:center; }
.sidebar .calendar table td a { text-decoration:underline; }
.sidebar .calendar table #prev { text-align:left; }
.sidebar .calendar table #next { text-align:right; }
.sidebar .calendar table #prev a,
.sidebar .calendar table #next a { text-decoration:none; }
.sidebar .calendar table #today { color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebar .calendar table #today a { color:#fff; font-weight:bold; }
.sidebar .archives ul { font-size:.9em; line-height:1.3; }


/* Post List
-------------------------*/
.post-list { margin-bottom:50px; }
.post-list li { position:relative; padding-top:10px; padding-bottom:10px; border-top:1px solid #eee; }
.post-list li:after { content:' '; display:block; visibility:hidden; clear:both; }
.post-list li .title { color:#444; font-size:1.2em; font-weight:bold; float:left; }
.post-list a { color:#444; }
.post-list li .date { color:#a1a1a1; font-size:.85em; font-family:Georgia, serif; position:absolute; right:0; top:10px; }
.post-list li .comments { float:right; }
.post-list li .categories { color:#a1a1a1; font-size:.85em; font-family:Georgia, serif; display:block; }
.post-list li .categories a { color:#a1a1a1; font-style:italic; }
#content .post-list li.post { margin-bottom:0; }


/* gallery
-------------------------*/
#gallery .main-photo { position:relative; margin-bottom:50px; padding-top:5px; }
#gallery .photo-content { vertical-align:top; position:relative; float:left; width:187px; margin-right:5px; margin-bottom:5px; padding:10px; background-color:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; }
#gallery .photo-content h3 { font-size:1.1em; margin-bottom:5px; }
#gallery .photo-content .meta { font-size:.85em; margin-bottom:5px; }
#gallery .photo-content .meta .date { color:#777; font-style:italic; padding-right:10px; }
#gallery .photo-content .photo a { text-align:center; display:block; margin-bottom:5px; padding:5px; background-color:#000; }
#gallery .photo-content .photo img { width:auto; max-width:177px; max-height:177px; }
#gallery .photo-content .content { color:#777; font-size:.9em; line-height:1.4em; }
#gallery .photo-content .content a { color:#777; }
#gallery .tag-cloud { margin-bottom:50px; }


/* archives
-------------------------*/
#archives h2 { margin-bottom:15px; }
#archives .tag-cloud { margin-bottom:3em; }
#archives .column { float:left; width:49.9%; }
#archives .column li { color:#a7a7a7; font-size:.9em; }
#archives .column li a { color:#444; font-size:1.1em; }


/* comment list
-------------------------*/
#comments { color:#999; font-size:.9em; font-weight:normal; margin-bottom:.5em; }
.commentlist ul { padding-left:2em; }
.commentlist .depth-1 { margin-bottom:5px; border:1px dotted #ccc; }
#guest .commentlist .depth-1 { margin-bottom:15px; }
#guest .commentlist .depth-1:last-child { margin-bottom:0; }
.commentlist li { padding:5px; }
.commentlist li .children li { margin-top:10px; border:1px dotted #d0d0d0; }
.commentlist li .comment-wrap { position:relative; }
.commentlist li .comment-wrap .avatar { position:absolute; right:-2px; top:-2px; }
.commentlist li .comment-wrap .avatar img { padding:2px; border:1px solid #ddd; }
.commentlist li .comment-wrap .comment-meta { font-size:.9em; text-align:right; }
.commentlist li .comment-wrap .comment-author cite { font-size:1.5em; font-style:normal; }
.commentlist li .comment-wrap .comment-text p { margin:1em 0; }


/* comment write
-------------------------*/
.comment #respond { margin-bottom:0; }
#respond h2 { margin-bottom:10px; }
#respond input { border:1px solid #ccc; }
#respond textarea { width:100%; border:1px solid #ccc; }
#respond p { margin-bottom:5px; }
#respond p input { width:160px; }
#respond .submit { text-align:right; }
#respond .submit input { background-color:#fff; }
#respond .cancel-comment-reply a { color:#fff; font-size:.9em; display:inline-block; margin:.5em 0; padding:.2em .5em; background-color:#7a4f7c; -moz-border-radius:5px; -webkit-border-radius:5px; }


/* entry
-------------------------*/
#content .pagetitle { color:#000; margin-bottom:10px; }
#content .post { margin-bottom:40px; }
#content .post.center { text-align:center; }
#content .post small { font-size:.9em; }
#content .post small.date { color:#bbb; font-family:"Lucida Grande", Geneva, Helvetica, sans-serif; letter-spacing:1px; display:block; margin-bottom:15px; }
#content .post .entry { line-height:1.6; padding-bottom:10px; }
#content .post .entry:after { content:' '; display:block; visibility:hidden; clear:both; }
#content .postmetadata { color:#bbb; font-size:.9em; line-height:1.7; }
#content .postmetadata .entry { padding-top:20px; }
#content .postmetadata .entry a { border-bottom:0 none !important; }
#content .postmetadata .entry small { color:#bbb; font-size:1em; display:block; }
#content .edit-entry { margin-bottom:20px; }

#guest .entry { padding:15px 0 20px; }

#content .post .entry a:link { border-bottom:1px dotted #06c; }
#content .post .entry a:visited { color:#999; border-bottom:1px dotted #999; }
#content .post .entry h3 { font-size:1.3em; margin:.7em 0; border-bottom:1px solid #ddd; }
#content .post .entry h4 { font-size:1.1em; margin:.4em 0; }
#content .post .entry p { margin:.7em 0 1.2em; }
#content .post .entry p:first-child::first-letter { color:#000; font-weight:bold; font-size:3em; line-height:1; float:left; padding-right:3px; }
#content .post .entry code { font-size:12px; font-family:'Consolas', 'Monaco', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; padding:0 3px; border:1px solid #ddd; background-color:#f4f4f4; }
#content .post .entry ul { line-height:1.5; list-style-type:square; margin-bottom:1.2em; margin-left:2em; }
#content .post .entry ol { line-height:1.5; list-style-type:decimal-leading-zero; margin-bottom:1.2em; margin-left:2em; }
#content .post .entry img { width:auto; border:1px solid #ddd; }
#content .post .entry img.alignleft { vertical-align:top; float:left; margin-right:10px; }
#content .post .entry blockquote { color:#999; position:relative; padding:10px 20px; }
#content .post .entry blockquote:before { color:#ccc; font-size:3em; font-style:italic; position:absolute; left:0; top:0; content:'"'; }
#content .post .entry .wp-caption { text-align:center; position:relative; width:100% !important; }
#content .post .entry .wp-caption a { border-bottom:0 none; }
#content .post .entry .wp-caption a img { border:0 none; }
#content .post .entry .wp-caption .wp-caption-text { color:#fff; font-size:.9em; font-weight:bold; text-align:center; position:absolute; left:0; bottom:0; width:100%; margin:0; padding:.7em 0 1.2em; background-color:#000; opacity:0; }
#content .post .entry .wp-caption.alignleft {float:left; margin-right:20px; }
#content .post .entry .lyric small { color:#999; }


/* navigation
-------------------------*/
.navigation { font-size:.9em; padding:15px 0; }
.navigation:after { content:' '; display:block; visibility:hidden; clear:both; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }


/* page navi
-------------------------*/
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited { color:#000; text-decoration:none; padding:2px 4px; }
.wp-pagenavi span.pages { color:#000; padding:2px 4px 2px 0; }
.wp-pagenavi span.current { font-weight:bold; padding:2px 4px; }
.wp-pagenavi span.extend { color:#000; padding:2px 4px; }


/* syntaxhighlighter
-------------------------*/
div.syntaxhighlighter { /*margin-top:40px !important;*/ }
div.syntaxhighlighter div.bar { position:relative !important; right:-1px !important; top:-27px !important; /*display:block !important;*/ }
div.syntaxhighlighter div.bar .toolbar { /*right:auto !important; left:0;*/ padding:5px 10px 5px 2px !important; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }


/* color themes
-------------------------*/
body.violet { background-image:url('images/bg01.jpg'); }
body.violet .sidebar h2 { color:#d04d5f; }
body.violet .sidebar ul { color:#a7a7a7; }
body.violet .sidebar ul li a:hover { color:#7a4f7c; }
body.blog.violet .sidebar .page ul li.blog a,
body.single.violet .sidebar .page ul li.blog a,
body.archive.violet .sidebar .page ul li.blog a,
body.violet .sidebar .page ul li.current_page_item a { color:#d04d5f; border-top:5px solid #d04d5f; }
body.violet .sidebar .page ul li a:hover { color:#7a4f7c; border-top:5px solid #7a4f7c; }
body.violet .sidebar .calendar table caption { color:#a7a7a7; }
body.violet .sidebar .calendar table td a { color:#7a4f7c; }
body.violet .sidebar .calendar table #today { background-color:#7a4f7c; }
body.violet .wp-pagenavi a:hover { color:#7a4f7c; }
body.violet .wp-pagenavi a:active { color:#7a4f7c; }
body.violet .wp-pagenavi span.current { color:#d04d5f; }

body.khaki { background-image:url('images/bg02.jpg'); }
body.khaki .sidebar h2 { color:#baca5d; }
body.khaki .sidebar ul { color:#a7a7a7; }
body.khaki .sidebar ul li a:hover { color:#454a29; }
body.blog.khaki .sidebar .page ul li.blog a,
body.single.khaki .sidebar .page ul li.blog a,
body.archive.khaki .sidebar .page ul li.blog a,
body.khaki .sidebar .page ul li.current_page_item a { color:#7d883c; border-top:5px solid #7d883c; }
body.khaki .sidebar .page ul li a:hover { color:#454a29; border-top:5px solid #454a29; }
body.khaki .sidebar .calendar table caption { color:#a7a7a7; }
body.khaki .sidebar .calendar table td a { color:#454a29; }
body.khaki .sidebar .calendar table #today { background-color:#454a29; }
body.khaki .wp-pagenavi a:hover { color:#454a29; }
body.khaki .wp-pagenavi a:active { color:#454a29; }
body.khaki .wp-pagenavi span.current { color:#454a29; }