@charset "utf-8";
/*
Theme Name: Hemingway
Theme URI: http://warpspire.com/hemingway
Description: Hemingway is a simple weblog theme by <a href="http://warpspire.com">Kyle Neath</a> aimed at giving bloggers a great platform on which to customize.
Version: 0.1 ALPHA
Author: Kyle Neath
Author URI: http://warpspire.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
/* must have to Style in tattertools start */
/* 1. content all  */
	body, td, input, textarea {
		font: 12px Dotum, Verdana, AppleGothic, Sans-serif;
		color : #666;
	}
/* 2. basic link */
	a:link {
		text-decoration: none;
		color :#c0b292;
	}
	a:visited {
		text-decoration: none;	
		color : #c0b292;
	}
	a:hover {
		text-decoration: underline;	
		color : #fff;
	}
/* 3. image */
	img {
		border-width: 0px;
	}
	.imageblock img {

	}
/* 4. image button */
	.ib {
		cursor: pointer;
	}
/* 5. input text */
	.text {
	}
/* 6. tree table */
	.branch2 {
	}
/* 7. tree cell */
	.branch3 {
		cursor: pointer;
		height: 10px;
	}
/* 8. calendar month */
	.cal_month {
		font-size : 11px;
		height: 18px;
	}
/* 9. calendar day */
	.cal_week1 {
		font-size : 11px;
		height:18px;
	}
/* 10. calendar sunday */
	.cal_week2 {
		color: #f30;
		font-size:12px;
		text-align: center;
	}
/* 11. calendar pre */
	.cal_day1 {
		color: #000;
		font-size:12px;
		text-align:center;
	}
/* 12. calendar next */
	.cal_day2 {
		color: #000;
		font-size : 11px;
		text-align: center;
	}
/* 13. calendar this */
	.cal_day3 {
		font-size : 11px;
		text-align: center;
	}
/* 14. calendar today */
	.cal_day4 {
		text-align: center;
		font-size : 11px;
		background-color:#555;
		font-weight:bold;
	}
/* 15. calendar link */
	a.cal_click:link {
		font-weight: bold;
		color : #c0b292;
	}
	a.cal_click:visited {
		font-weight: bold;
		color : #c0b292;
	}
	a.cal_click:hover {
		font-weight: bold;
		color : #ffffff;
	}
/* 16. image caption */
	.cap1 {
		color: #876;
		text-align: center;
	}
/* 16. keyword */
	.key1 {
		cursor: pointer;
		border-bottom: 1px dotted #ccc;
	}
/* 16. category post count */
	.c_cnt {
		font:9px Tahoma;
		color : #999;
	}
/* 17. recently post comment count */
	.ps_cnt {
		font:10px Tahoma;
		color : #999;
	}
/* must have to Style in tattertools end */

/*-----------------------------------------------------------------------------------------------
	Hemingway  HLayout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body {
	background:#303030;
	color:#a2a2a2;
	font: 12px 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside {
	width:95%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

a {
	color:#c0b292;
	text-decoration:none;
}
a:hover {
	color:#fff;
}

h1 {
	color:#797979;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
}

.art-title { 			
		font: Tahoma;
		font-weight: bold;
		color: #fbaf5d; 
		margin-top:20px;
}

h2, h3 {
	font-size:1.15em;
	color:#797979;
	font-weight:normal;
}
#primary h2 {
	color:#797979;
}

p {
	line-height:1.75em;
}
.entrydesc { 
	line-height:160%;
}

ul li {
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote {
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #444444;
	color:#a2a2a2;
}

pre {
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #444444;
	border-bottom:1px dotted #444444;
}

.rule {
	border-top:1px solid #444444;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
	Hemingway Header
-----------------------------------------------------------------------------------------------*/
#header {
	margin-top:20px;
}
#header .inside {
	padding:1.5em 0 3.5em 0;
}
#header h2 {
	font-size:2.25em;
	margin:0 0.5em 0 2.7%;
	padding:0 0.5em 0.25em 0;
	border-right:1px solid #808080;
	float:left;
}
#header h2 a {
	color: #cdcdcd;
}
#header h2 a :hover {
	color: #c0b292;
}
#header p{
	padding:1em 0;
	margin:0;
	line-height:1em;
}


/*-----------------------------------------------------------------------------------------------
	Hemingway Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
	background:#000000;
	padding:1px 0 2em 0;
	color:#a2a2a2;
}

#primary.onecol-stories .primary {
	float:left;
	width:80%;
	margin-left:3%;
}
#primary.onecol-stories .secondary {
	float:right;
	width:40%;
	margin:0 0 0 10%;
}

#primary.twocol-stories .story {
	float:left;
	width:48%;
	margin:0 0 0 4%;
	display:inline;
}
* html #primary.twocol-stories .story {
	margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first {
	margin:0 0 0 0;
}
#primary .images {
	margin: 0 10px 0 0;
	padding: 3px;
	background: #000000;
	border: 1px solid #444444;
	float: left;
}
.story h3 {
	font-size:1.15em;
	margin:0 0 1.0em 0;
	padding: 0 0 0 10px;
	font-weight:normal;
	color:#797979;
	background: url(./images/link-icon.gif) no-repeat 0 7px;
}
.story h3 a {
	color:#c0b292;
	text-decoration:none;
}
.story h3 a:hover {
	color: #fff;
}

.story .details {
	margin:1em 0;
	text-align:right;
	border-top:1px solid #d9d9d9;
	padding:0.5em 0;
	font-size:11px;
	color:#a2a2a2;
}
.story .details .read-on {
	background:url(./images/more.gif) no-repeat 90% 5px;
	padding-right:12px;
}
.story .details a {
	color:#c0b292;
	text-decoration:none;
}
.story .details a:hover { color:#fff; }

/* Single Post Styles */

#primary .primary {
	float:right;
	padding-right:20pt;
	padding-top:1.5em;
	width:70%;
}
#primary .secondary {
	float:right;
	width:20%;
	margin-right:5%;
	padding-top:1.5em;
	display:inline;
}
* html #primary .secondary { margin-right:2%; }

.secondary .featured p {
	border-bottom:1px solid #444444;
	border-top: 1px solid #444444;
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin:1em 0 0 0;
}
.secondary h2 {
	padding: 0 0 0 10px;
	background: url(./images/link-icon.gif) no-repeat 0 7px;
}
.secondary .featured dl {
	margin:0 0;
	border-bottom:1px solid #444444;
	padding:0.5em 0 0.6em 0;
}
.secondary dt {
	display:inline;
	margin:0;
	padding:0;
	color:#a2a2a2;
}
.secondary dd {
	display:inline;
	margin:0;
	padding:0;
}
.secondary dd a { color:#c0b292; }
.secondary dd a:hover { color:#fff; }

.single-post h1, .single-post h2 { margin-top:0; }

/*-----------------------------------------------------------------------------------------------
	Hemingway Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary {
	background:#202020;
	padding:1px 2em;
	border-top:1px solid #444444;
}

.comment-head {
	padding:0.8em 2em 1.0em 2em;
}
.comment-head h2 {
	font-size:1.5em;
	margin:0 0 0 4%;
}
.comment-head a {
	text-decoration:none;
	color:#c0b292;
}
.comment-head a:hover { color:#fff;	text-decoration:underline; }

.comment-head .details {
	font-size:11px;
}

ol#comments {
	border-top:1px solid #444444;
	list-style-type:none;
	margin:0 0 0 5%;
}
ol#comments li {
	list-style-type:none;
	margin:2em 0;
}
ol#comments li.wraprp {
	border-bottom:1px solid #444444;
}
ol#comments ol li{
	margin:0 10px 0 25px;
}
ol#comments li ul li{
	margin:10px 0 0 180px;
	padding:5px 0 5px 10px;
}
ol#comments li cite {
	float:left;
	width:15%;
	font-style:normal;
	text-align:right;
}
ol#comments cite span {
	display:block;
}
ol#comments cite .author { font-size:1.2em; }
ol#comments cite .author a {
	text-decoration:none;
}
ol#comments .content {
	float:left;
	width:75%;
	margin-left:1.9%;
	border-left:1px solid #444444;
	padding: 0 0 0 2%;
}
ol#comments .content p {
	margin:0 0 1em 0;
}
ol#comments .content h3 {
	margin:0;
	font-size:1em;
}
#comment-form {
	margin:5em 0 5em 8%;
}
input.textfield {
	width: 6em; height: 18px;
	margin:5px 0;
	border:1px solid #444444;
	padding:2px;
	color:#a2a2a2;
}
input.hp_textfield {
	width: 13em; height: 18px;
	margin:5px 0;
	border:1px solid #444444;
	padding:2px;
	color:#a2a2a2;
}    
.checkbox {
    height: 18px;
}
textarea.commentbox {
	width:80%;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font: 11px 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
	border:1px solid #444444;
	background:#272727;
	color:#dddddd;
	line-height:150%;
}
label.text {
	position:relative;
	left:0.5em;
	top:-0.5em;
}
.trackback {
	border-top:1px solid #444444;
	margin:0 0 0 5%;
}
.trackback .add{
	margin:0.5em 0 0.4em 2em;
}
.trackback ol li{
	margin:0.5em 0 0 2em;
	list-style:none;
}
.trackback ol li.wraptb {
	border-top:1px solid #444444;
}
.trackback .t-title{
	margin:0 0 0 0;
}
/*-----------------------------------------------------------------------------------------------
	Hemingway Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
	padding:2em 0 0 5em;
	border-top:1px solid #3d3d3d;
}
#ancillary .block {
	float:left;
	width: 20%;
	margin:0 0 0 5%;
}

#ancillary .block2 {
	float:left;
	width: 70%;
	margin:0 0 0 5%;
}
#ancillary .first, * html #ancillary .first {
	clear:both;
	margin:0;
}
#ancillary .block-separator {
	clear:both;
	height:2.5em;
}
#ancillary .block h2, #ancillary .block h3{
	margin:0 0 1.0em 0;
	padding: 0 0 0 10px;
	background: url(./images/link-icon.gif) no-repeat 0 7px;
}

.category-list {

}
.category-list ul li, .category-list ul li ul li {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.dates, ul.counts {
	list-style-type:none;
	margin:1.5em 0;
	border-top:1px solid #3d3d3d;
}
ul.dates li, ul.counts li {
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px solid #3d3d3d;
}
ul.dates .date {
	color:#a2a2a2;
	padding:0 0.3em 0 0;
}
ul.dates .count {
	font: 10px Dotum, Verdana, AppleGothic, Sans-serif;
	color:#a2a2a2;
	padding:0 0 0 0;
}
ul.counts .count {
	color:#a2a2a2;
}
ul.dates .name {
	font-family:dotum, verdana
	font-size:8pt; letter-spacing:-1px;
}
ul.dates a, ul.counts a{
	color:inherit;
	color:#c0b292;
	text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{ 
	color:#fff;
}

.calendar {
	margin:0 1em 1em 1em;
}
/*-----------------------------------------------------------------------------------------------
	Hemingway Foooter
-----------------------------------------------------------------------------------------------*/

#footer {
	clear:both;
	color:#a2a2a2;
	margin:2em 0 3em 0;
}
#footer .inside {
	background:url(./images/footer_white.gif) 50% 0 repeat-x;
	padding:1em 0;
}
#footer p {
	margin:0;
	font-size:11px;
}
#footer p.copyright { float:left; }
#footer p.attributes { float:right; }
#footer p.attributes a {
	padding:0 0 0 1em;
	text-decoration:none;
	color:#c0b292;
}
#footer p.attributes a:hover {
	color:#fff;
}

/*-----------------------------------------------------------------------------------------------
	Hemingway Search
-----------------------------------------------------------------------------------------------*/

#live-search{
	float:right;
	width:250px;
	margin:0.5em 1% 0 0;
	-moz-opacity:0.4;
	text-align:right;
}
#live-search:hover{
	-moz-opacity:1.0;
}
#live-search img {
	position:relative;
	top:0.25em;
	left:-5px;
	margin-top:2px;
}
#live-search input { 
	width:200px; 
	font-size: 11px; 
	background:#0c0c0c;
	color:#dddddd;
	background:#202020;
	border:1px solid #444444;
	margin-top:1px;
	padding:2px;
	height:14px;
}
#live-search input:focus {
	background:#000000;
}
#search-results {
	width:30%;
	background:#000000;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1px solid #444444;
}
#search-results h3 {
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000000;
	
}
#search-results small {
	display:block;
	text-align:left;
	font-size:11px;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
}
#search-results small a {
	color:#c0b292;
}
#search-results ul li {
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover {
	background:#f3f3f3;
}
#search-result ul { margin:0; }
#search-results ul li a {
	text-decoration:none;
	border-bottom:1px dotted #444444;
}

/*-----------------------------------------------------------------------------------------------
	Hemingway PAGING
-----------------------------------------------------------------------------------------------*/
.paging{
	padding:10px 0  10px 0;
	text-align:center;
	font:10px Tahoma;
}

/*-----------------------------------------------------------------------------------------------
	Hemingway TAG
-----------------------------------------------------------------------------------------------*/
.tagcloud ul {
	padding:2px;
	text-align: justify;
}
.tagcloud ul li {
	list-style-type:none;
	padding:0;
	margin:0;
}
.tagcloud a {
	letter-spacing:-1px;
}	
.tagcloud li .cloud1 {
	font-weight:bold;
	font-size : 16px;
	color : #FF9933;
}
.tagcloud li .cloud2 {
	font-weight:bold;	
	font-size : 15px;
	color : #B3A585;
}
.tagcloud li .cloud3 {
	font-size : 14px;
	color : #96A196;
}
.tagcloud li .cloud4 {
	font-size : 13px;
	color : #697374;
}
.tagcloud li .cloud5 {
	font-size : 12px;
	color : #8B8A72;
}
.tagcloud a:hover{
	color:#ffffff;
}
.ctnt-tagcloud {
	text-align: justify;
	list-style-type:none;
	padding:2px;
	margin:0;
	letter-spacing:1px;
}
.ctnt-tagcloud .cloud1 {
	font-weight:bold;
	font-size : 16px;
	color : #FF9933;
}
.ctnt-tagcloud .cloud2 {
	font-weight:bold;	
	font-size : 15px;
	color : #B3A585;
}
.ctnt-tagcloud .cloud3 {
	font-size : 14px;
	color : #96A196;
}
.ctnt-tagcloud .cloud4 {
	font-size : 13px;
	color : #697374;
}
.ctnt-tagcloud .cloud5 {
	font-size : 12px;
	color : #8B8A72;
}

/*-----------------------------------------------------------------------------------------------
	Beatle Add Tag
-----------------------------------------------------------------------------------------------*/
/* 리스트 */
#sidebar .wrpper ul li {
	padding-left:6px;
}

#sidebar .wrapper #tagbox ul li {
	padding-left:0;
}

#sidebar .wrapper ul li,
#sidebar .wrapper ul li a { 
	color:#757575;
	font-size:11px;
	line-height:19px;
	font-family:dotum !important;
}


#sidebar ul,
#category {
	margin-bottom:18px;
}


/* category */
#category div,
#category span {
	line-height:normal;
}


/* 태그박스 */
#tagbox li,
#tagbox li a {
	color:#757575;
	font:11px/19px dotum, sans-serif;
}

#tagbox li .cloud1,
#tagbox li .cloud2,
#tagbox li .cloud3 {
	background-color:#818185;
	color:#E4E4E5 !important;
}

#blogMenu li, 
#tagbox li,
#taglog li {
	display:inline;
}

#header {
	width:100%;
}

#header .wrapper {
	width:1010px;
	margin:0px auto;
}

#blogMenu {
	width:100%;
	border-top:2px solid #000;
	border-bottom:2px solid #D0D4D9;
	background-color:#000;
	text-align:center;
}

#blogMenu .wrapper {
	width:1000px;
	margin:0px auto;
	text-align:center;
}

#sidebar {
	width:100%;
	background-color:transparent;
	text-align:center;
}

#sidebar .wrapper {
	width:1000px;
	margin:0px auto;
	padding:39px 0 0 0;
	text-align:left;
}

#sidebar .sidebar-one,
#sidebar .sidebar-two,
#sidebar .sidebar-three,
#sidebar .sidebar-four,
#sidebar .sidebar-five {
	float:left;
	width:190px;
	overflow:hidden;
}

#sidebar .sidebar-two {
	margin-left:29px;
}

#sidebar .sidebar-three {
	margin-left:29px;
}

#sidebar .sidebar-four {
	margin-left:28px;
}

#sidebar .sidebar-five {
	width:125px;
	margin:0 -1px 0 28px;
	overflow:hidden;
}

#sidebar .module_widget {
	margin-bottom:18px;
}

#container {
	position:relative;
	width:1076px;
	margin:0px auto;
	padding:0px;
}

#outer_btn_left {
	position:absolute;
	left:0; 
	top:350px;
	width:18px;
}

#outer_btn_right {
	position:absolute;
	right:0;
	top:350px;
	width:18px;
}

#container #antibg {
	width:1000px;
	margin:0px auto;
	padding:0px 10px;
}

textarea {
	width:988px;
	padding:5px;
}

#footer {
	width:1000px;
	margin:0px auto;
	padding-bottom:19px;
	clear:both;
}


#sidebar {
	width:100%;
	background-color:transparent;
	text-align:center;
}

#sidebar .wrapper {
	width:1000px;
	margin:0px auto;
	padding:39px 0 0 0;
	text-align:left;
}

#sidebar .sidebar-one,
#sidebar .sidebar-two,
#sidebar .sidebar-three,
#sidebar .sidebar-four,
#sidebar .sidebar-five {
	float:left;
	width:190px;
	overflow:hidden;
}

#sidebar .sidebar-two {
	margin-left:29px;
}

#sidebar .sidebar-three {
	margin-left:29px;
}

#sidebar .sidebar-four {
	margin-left:28px;
}

#sidebar .sidebar-five {
	width:125px;
	margin:0 -1px 0 28px;
	overflow:hidden;
}

#sidebar .module_widget {
	margin-bottom:18px;
}