@charset "utf-8";

/* ============================================================
userStoryLab BLOG ++SCREEN++ styleSheet
---------------------------------------------------------------
Version :     1.0
Author :      hi8ar.net
Email :       admin@hi8ar.net
Author Blog : http://hi8ar.net/
---------------------------------------------------------------
Last Date Modified : 2009. 6. .
============================================================== */

@import url("http://userstorylab.com/old/css/reset.css");
@import url("http://userstorylab.com/old/css/mainNav.css");
@import url("http://userstorylab.com/story/skin/usl/css/article.css");


/* ============================================================
=Basic
--------------------------------------------------------------- */
body {
	font: 400 75%/1.9 Arial, AppleGothic, Sans-serif;
	color: #333;
	background-color: #fff;
}
a         { text-decoration: none; }
a:link    { color: #667961; }
a:visited { color: #667961; }
a:hover   { color: #ff9601; }
hr,legend { display: none; }
img { border: 0; }
a img { border: 0; }
input, textarea { font-family: Arial, AppleGothic, Sans-serif; }
strong { font-weight: normal; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
address { font-style: normal; }


/* ------------------------------------------------------------
=Layout
--------------------------------------------------------------- */
body {
	background: url(http://userstorylab.com/old/images/bg_body.gif) repeat-x fixed center 0;
}

#header {
	margin: 30px auto;
	width: 920px;
	/* background: #fff url(images/bg_header.gif) repeat-y 0 0; */
	position: relative;
}

#container {
	margin: 0 auto;
	width: 880px;
	padding: 20px 0 0;
	/* background: #fff url(images/bg_container.gif) repeat-y 0 0; */
}

#content {
	float: left;
	width: 640px;
	padding: 0 0 20px;
}

#sidebar {
	float: right;
	padding: 20px 30px 20px 20px;
	width: 150px;
	background-color: #B8DFB5;
	-moz-border-radius: 15px; /* only for Gecko */
	-webkit-border-radius: 15px; /* only for Webkit */
}

#sub {
	clear: both;
}

#tt-body-entry #content {
	width: 880px;
}
#tt-body-entry #sidebar {
	width: 840px;
	padding: 20px;
}
#footer {
	clear: both;
	padding: 20px;
	position:relative;
}




/* ------------------------------------------------------------
=header 
--------------------------------------------------------------- */
/* blog Logo */
h1 a {
	height: 45px;
	background: url(http://userstorylab.com/images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#header span {
	display: none;
}
/* rss button */
#rssBtn {
	position:absolute;
	right:0;
	top:-2px;
	width: 30px;
	height: 30px;
	margin: 10px;
	background: url(images/btn_rss.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* search Form */
#searchForm {
	position: absolute;
	top: 160px;
	right: 85px;
	width: 187px
	height: 35px;
}
#searchForm label { display: none; }
#searchForm input { border: 0 none; vertical-align:middle;}
#searchForm input.searchText {
	background: transparent url(images/bg_search.gif) no-repeat scroll 0 0;
	height: 19px;
	margin-right: -5px;
	padding: 8px;
	width: 122px;
}
#searchForm input.searchText:hover,
#searchForm input.searchText:focus { background-position: 0 -35px; }
#searchForm input.submit {
	background: url(images/bg_search.gif) no-repeat right 0;
	width: 50px;
	height: 35px;
	text-indent: -9999px;
}
#searchForm input.submit:hover,
#searchForm input.submit:focus { background-position: right -35px; }

#header h2 {
	position: absolute;
	bottom: 30px;
	left: 0;
	height: 100px;
	width: 500px;
	background: url(http://userstorylab.com/old/images/bg_h2.gif) no-repeat 0 -400px;
	text-indent: -9999px;
/*
	color: #697c65;
	font-size: 2.8em;
	font-family: "Trebuchet Ms",sans-serif;
	font-style: italic;
	text-shadow: 1px 1px 4px #ddd;
	letter-spacing: -2px;
*/
}


/* ------------------------------------------------------------
=Content 
--------------------------------------------------------------- */

/* Container COMMON */
.date { font:12px Georgia, Serif; color:#666; }
.name { color: #222; }
.cnt { font:12px Georgia, Serif; color:#666; }


/* small heading */
h3 {
	font-size: 1.6em;
	text-shadow: 1px 1px 4px #ddd;
	font-family: Verdana, sans-serif;
	letter-spacing: -1px;
	color: #A07E55;
	text-transform: capitalize;
}

/* comment Form */
.commentWrite { padding: 10px; }
.commentWrite p { margin: 10px 0; }
.commentWrite label { display: block; font-family: "Trebuchet Ms", sans-serif; text-transform: uppercase; }
.commentWrite input.text { padding: 0.5em; width: 15em; border: 1px solid #d2d2d2;  background: url(images/bg_inputs.gif) no-repeat 0 0; }
.commentWrite textarea { padding: 10px; width: 600px; border: 1px solid #d2d2d2; background: #fff url(images/bg_textarea.gif) repeat-x 0 0; }
.commentWrite input.text:hover,
.commentWrite textarea:hover { background: #eee; }
.commentWrite input.text:focus,
.commentWrite textarea:focus { border: 1px solid #ffe5c0; }
.secretWrap label { display: inline; }
.commentWrite .button { border: 2px solid #eee; background-color: #B7CFB5; color: #fff; padding: 10px 70px; cursor: pointer; font-size: 1.7em; }
.commentWrite .button:hover { border: 2px solid #B7CFB5; background-color: #fff; color: #333; }

/* post */
.entry {
	margin-bottom: 70px;
}
/* post Title */
.titleBox {
	position: relative;
	margin-left: 50px;
}
.titleBox h2 {
	font-size: 2.0em;
	letter-spacing: -2px;
	line-height: 1.2;
	font-family: 나눔고딕, sans-serif;
	text-shadow:1px 1px 4px #bbb;
	margin-bottom: 5px;
}
#tt-body-entry .titleBox h2 {
	font-size: 2.7em;
}
#tt-body-entry .articleInfo { margin-left: 10px; }
.titleBox h2 a,
.titleBox h2 a:visited { color: #000; }
.titleBox h2 a:hover { color: #f00; }

.articleDate {
	position: absolute;
	left: -55px;
	top: 0;
	color: #ff9601;
	border: 1px solid #ddd;
	padding: 0 5px;
	width: 30px;
	overflow: hidden;
	-moz-box-shadow:0 0 10px #D5D5D5;
	-webkit-box-shadow: 0 0 10px #D5D5D5;
}
.content_title_calender_month {

}
.content_title_calender_day {
	margin-top: -15px;
	font-family: Georgia, serif;
	font-size: 2.0em;
}
.adminPanel { padding: 10px; background-color: #eee; margin-left:-60px; margin-top: 20px; }
.article {
	margin: 30px 0;
	font-size: 1.1em;
}
#tt-body-entry .article {
	font-size: 1.2em;
}
.tagRel { padding: 0 0 10px; }
.tagText { background-color: #8da487; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 0.8em; padding: 3px; }

.inResponseTo {
	border-bottom: 3px solid #EFECE0;
	text-transform: uppercase;
	text-align: right;
	color:#aaa;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Sans-serif;
}
.inResponseTo a,
.inResponseTo a:visited { color: #59493f; }
.inResponseTo a:hover { color: #ff9601; }
#tt-body-entry .inResponseTo {
	font-size: 1.6em;
}

/* trackback List */
.trackback { margin: 30px 0 20px; }
.trackback h4 { font-weight: 700; font: 1.3em/1.4 Georgia, Batang, 바탕, serif; color:#050505; letter-spacing: -1px; margin-bottom: 5px; }
#tt-body-entry .trackback h4 { font-weight: 700; font: 26px/1.2 Batang, 바탕 ,Gerogia, serif; color:#050505; letter-spacing: -3px; margin-bottom: 10px; text-indent: -90px; padding-left: 90px; }
.trackback li { padding: 10px 15px; margin-bottom: 5px; line-height: 1.7; background-color: #EFEEEA;
	-moz-border-radius: 10px; /* only for Gecko */
	-webkit-border-radius: 10px; /* only for Webkit */
}
.tbAddress { padding: 10px; font-size: 1.2em; }
.trackback .name {font-size: 1.2em; }

/* comment List */
.comment { position: relative; padding-top: 40px; }
#content .comment .plzWrite { text-transform: none; margin-top: 50px;}
.comment .ctRssBox { position: absolute; right: 5px; top: 5px; }
.comment .ctRssBox a { background: url(images/rsp_rss.png) no-repeat right center; padding-right: 20px; }
.comment li .name { font-size: 1.5em; margin-right: 5px; margin-bottom: 10px; }
.comment li .control { text-align: right; color: #ddd; }

#tt-body-entry .trackback h3,
#tt-body-entry .comment h3 {
	font-size: 2.0em;
	letter-spacing: -2px;
}
.commentList { padding: 10px 5px; color: #777; }
.commentList li { border-bottom: 1px solid #c7b299; padding: 15px 0 10px; }
.commentList li p { margin: 5px 0; padding: 40px 20px 20px; font-size: 1.1em; background: #EFEEEA url(images/bg_comment_p.gif) no-repeat 0 0;
	-moz-border-radius: 10px; /* only for Gecko */
	-webkit-border-radius: 10px; /* only for Webkit */
}
#tt-body-entry .commentList li p { margin-top: 10px; font-size: 1.2em; }
.commentList li img { margin-right:5px; border:1px solid #ccc; padding:3px; background-color: #fff; vertical-align: middle; }
.commentList li li { border: 0 none;border-top: 1px dashed #ddd; padding: 10px 0; margin:5px 0 0; /* background-color: #E7F5E6; */}
.commentList .nickname { font: 1.0em Georgia, Batang, 바탕, serif; color:#050505; letter-spacing: -1px; }
#tt-body-entry .commentList .nickname { font: 26px Batang, 바탕 ,Georgia, serif; color:#050505; letter-spacing: -3px; }

/* PAGING */
.paging .selected { font: 800 20px Georgia, serif; color:#FF9601; }
.no-more-prev a.prev,
.no-more-next a.next { color: #333; }
.paging{
	clear: both;
	padding: 30px;
	margin-bottom: 50px;
	color: #444;
	font-size: 1.5em;
	text-align: center;
	letter-spacing: -1px;
}
.prevPage { float: left; font-size: 1.5em; letter-spacing: -2px; }
.nextPage { float: right; font-size: 1.5em; letter-spacing: -2px; }
.numbox { font-size: 0.8em; padding-top: 20px; }
.num { padding: 0 5px; }


/* Search List */
.searchList { margin-bottom: 60px; }
.searchList h3 {
	margin-bottom: 5px;
	font-size: 2.0em;
	font-family:나눔고딕,sans-serif;
	letter-spacing:-2px;
	color: #000;
}
.searchList ol { font-size: 1.1em; }
.searchList a,
.searchList a:visited { color: #333; }
.searchList a:hover { color: #ff9601; }
.searchList li { list-style: decimal; margin: 5px 5px 5px 25px; }

/* TAG LOG */
#content .tagLog { font-family: Georgia, "Times New Roman", serif; }
#content .tagLog ul { padding: 10px; text-align: justify;}
#content .tagLog li { padding: 5px; display:inline; }
#content .tagLog a { letter-spacing: -1px; }
#content .tagLog li .cloud1 { font-weight: bold; font-size: 35px; color: #444C18; }
#content .tagLog li .cloud2 { font-weight: bold; font-size: 28px; color: #97846B; }
#content .tagLog li .cloud3 { font-weight: bold; font-size: 22px; color: #6B5E26; }
#content .tagLog li .cloud4 { font-size: 18px; color: #404040;}
#content .tagLog li .cloud5 {font-size: 13px; color: #999;}
#content .tagLog a:hover{ background-color:#443c39; color:#FF9601;}

/* KEYWORD LOG */
#content .keywords { font-family: Georgia, serif; text-align: justify; }
#content .keywords ul { padding: 10px;}
#content .keywords li { padding: 5px; display: inline; }
#content .keywords li a { font-size: 20px; letter-spacing: -1px; border-bottom: 1px solid #fff; }
#content .keywords li a:hover { background-color: #443c39; color: #FF9601; border-bottom: 1px dashed #FF9601; }

/* 404 Page not found */
#pageError { padding: 100px 0; font-size: 20px; text-align: center; }


/* teamBlog */
div.author { margin: 20px 0 10px; height: 52px; overflow: hidden; }
.teamImage { float: right; }
.teamDesc { display: none; }







/* ------------------------------------------------------------
=Sub 
--------------------------------------------------------------- */
.sub { overflow: hidden; }
.sub a { color: #3a4936; }
.sub a:hover { color:#ff9601; }
#sidebar h3 { color: #493824; }
.listbox {
}
#sidebar .listbox {
	margin-bottom: 20px;
}
#sub .listbox ul {
	padding: 10px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", sans-serif
}

#sidebar .listbox li { border-bottom:1px solid #93BF8F; border-top:1px solid #D3EFD1; line-height: 1.5; }
#sidebar .listbox li a { display: block; padding: 8px 5px;}
#sidebar .listbox li a:hover { background-color:#93BF8F; color:#fff; }

#sidebar .categoryNav li { border: 0 none; line-height: 1.9; }
#sidebar .categoryNav li a { display: block; padding: 2px 5px; }
#sidebar .categoryNav li ul { margin-top: 10px; }
#sidebar .categoryNav li li { border-bottom:1px solid #93BF8F; border-top:1px solid #D3EFD1; }


#tt-body-entry #sidebar { margin-bottom: 30px; }
#tt-body-entry #sidebar .listbox { float:left; width: 380px; padding-right: 10px; }
#tt-body-entry #sidebar .categoryNav { margin-right: 50px; }


#tagcloud,
.archive { clear: both; }
#tagcloud ul { line-height: 1.6; letter-spacing: -1px; }
#tagcloud ul,
.archive ul { text-align: justify; }
#tagcloud li,
.archive li { display: inline; }

#tagcloud a { padding: 0 2px 0 2px; }
#tagcloud li .cloud1 { font-weight: bold; font-size: 1.5em; color: #444C18; }
#tagcloud li .cloud2 { font-weight: bold; font-size: 1.4em; color: #97846B; }
#tagcloud li .cloud3 { font-weight: bold; font-size: 1.3em; color: #6B5E26; }
#tagcloud li .cloud4 { font-size: 1.2em; color: #777; }
#tagcloud li .cloud5 { font-size: 1.1em; color: #444; }
#tagcloud a:hover { color: #ff9601; }

.visitCounter {
	clear: both;
	margin: 40px 0 0;
	padding: 60px 20px 5px; 
	background: #C5DFC3 url(http://userstorylab.com/old/images/bg_sub.gif) no-repeat -660px 0;
}
.visitCounter li { display: inline; margin-right: 8px; }


/* ------------------------------------------------------------
=Footerf
--------------------------------------------------------------- */

.credit { text-align: center; }
#backToTop { display: block; text-align:right; }


/* etc */
.bn_author { display: none; height: 100px; width: 640px; text-indent: -9999px; margin-bottom: 30px; }
#tt-body-yuno .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_yunho.gif) no-repeat 0 0; }
#tt-body-bklove .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_bklove.gif) no-repeat 0 0; }
#tt-body-spike .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_spike.gif) no-repeat 0 0; }
#tt-body-moriah .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_moriah.gif) no-repeat 0 0; }
#tt-body-todd .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_todd.gif) no-repeat 0 0; }
#tt-body-dannae .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_dannae.gif) no-repeat 0 0; }
#tt-body-hi8ar .bn_author { display: block; background: url(http://userstorylab.com/old/images/banner_hi8ar.gif) no-repeat 0 0; }