@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
    font:1.0em Georgia, "Helvetica Neue", Helvetica, Arial, Sans-serif;
    color:#000; /*#666*/
    background: #e7e7e7;
    margin: 0; padding: 0;
}

hr {
    margin: 0;
    visibility: hidden;
}

h1 {
    font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Sans-serif;
    margin: 0 0 0 0;
    font-size: 1.7em;
    line-height: 1.0em;
}
h2 {text-decoration: underline;}
h3 {margin-bottom: 0px;}

.titleWrap span {
    color: #666;
    padding-left: 10px;
    font-size: 0.9em;
}


div.webProfile {
    color: #fff;
    background: #2a3337;
    padding: 20px 30px;
}

#container {
    width: 930px;
    background: #fff;
    padding: 20px 30px;
    margin: 20px auto;
}

#wrapContent {
    margin: 40px 0 0 20px;
    float: left;
}

#content {
    float: left;
    width: 620px;
    line-height: 1.5em;
    /*font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;*/
}
.article {
    padding-top: 20px;
}

#sidebar {
    margin: 0 0 0 15px;
    float: right;
}

#beforeFotter {
    clear: left;
}
#footer {
    text-align: center;
    margin-bottom: 20px;
}

#latestPost, #category , #projects { margin-bottom:20px;}
#latestPost ul, #category ul, #projects ul{
    font-size: 0.9em;
    list-style-type: none;
    line-height: 1.2em;
    margin:0;
    padding:0;
}
#projects ul { line-height:5.0em;}
#projects li {text-align:center;}    

.blogTitle {
    padding: 0 0 10px 10px;
    font-size: 2.0em;
}
.blogMenu {
    margin: 1px 0 0 0;
    padding: 10px 30px;
    background: #333333;
}

.sidebarTitle {

    font-size: 1.2em;
    font-weight: bold;
    /*
    font-variant: small-caps;
    font-style: normal;
    */
    text-align: center;
    padding: 5px;
    letter-spacing: 2px;
    word-spacing: 2px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #333;
}

.mycode {
    color: #b9bdb6;
    font-size: 1.0em;
    background-color:#1b2426;
    line-height: 1.1em;
    overflow: hidden;
    padding: 20px 10px;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

#categoryList ol {list-style:none;  padding:0;  margin:20px 0 30px 0;}
#categoryList li {
    font:0.95em Georgia, "Helvetica Neue", Helvetica, Arial, Sans-serif;
    border-bottom:1px solid #eee;
    padding-bottom:2px; padding-left:20px;
    margin-bottom:4px;
}
#categoryList .date { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px;}
#categoryList .cnt  { color:#f60;}

a {text-decoration:none; }
a:link { color:#0840c2;}
a:visited {}
a:visited:hover {text-decoration:underline;}
a:active { }
a:link:hover { text-decoration:underline;}

.blogTitle a {text-decoration:none; color:#000;}
.blogTitle a:link { text-decoration:none;}
.blogTitle a:visited {}
.blogTitle a:visited:hover {text-decoration:underline;}
.blogTitlea:active { }
.blogTitle a:link:hover { text-decoration:underline;}

#paging {
    padding-top: 10px;
    text-align: center;
    font-size: 0.95em;
}

#paging a {
    padding-left: 10px;
}

#paging #nextPage {
    background: url(images/btn_page_next.gif) right no-repeat;
    height: 23px;
    padding-right: 9px;
}
#paging #prevPage {
    background: url(images/btn_page_pre.gif) left no-repeat;
    height: 23px;
    padding-left: 9px;
}


#paging .num span {
    border: 1px solid #eee;
    width: 23px;
    height: 23px;
    padding: 2px 5px;
    margin-right: 3px;
}

#paging .num span.selected {
    background-color: #ffefe5;
    border-color: #ff6b00;
    color: #333;
    font-weight: bold;
}