/*
Theme Name: Sun4in
Theme URI: http://www.dozesoft.com/
Description: 티스토리의 선샤인뉴스 블로그를 워드프레스로 이전하며 테마를 직접 만든 후 적용했다.
Version: 0.1
Author: Ip Myung Jin
Author URI: http://blog.werconnected.info/
Tags: red, dard, white, two-columns, fixed-width, right-sidebar




*/


/* HTML tags */
body {
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 170%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -1px;
}
img { border: none;}

/* common.anchor tags */
a:link, a:visited { color: #369; text-decoration: none;}
a:hover { text-decoration: underline;}

/* common.clearing float */
.clear:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* title */
h2 { font-size: 140%;}

/* common.alignments */
.aligncenter { margin: 0 auto;}
img.aligncenter { display: block; text-align: center;}
img.alignleft { float: left; margin-right: 15px;}
img.alignright { float: right; margin-left: 15px;}

/* header */
#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 197px;
	background: #222;
	border-bottom: 3px solid #666;
}
.hwrap { width: 972px;}


/* header.logo */
#logo {
	clear: both;
	width: 339px;
	height: 161px;
}

/* wrapper */
#wrapper { width: 972px; margin: 0px auto 20px;}

/* featured */
.featured { 
	margin: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	width: 950px;
}
#featured-block { padding: 20px 10px 10px 10px;}
.featured .image-block img { 
	padding-bottom: 80px;
}
.image-block {
	float: left;
	margin-right: 20px;
}


/* content */
#content { width: 642px; margin-right: 18px; float: left;}
#content .post { float: left; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
#content h1.pagetitle { text-align: center; margin-bottom: 45px;}

/* content.single page */
#content.single { width: 642px;}
#content.single .post { clear: both; text-align: justify; padding: 30px;} /* border: 8px solid #EBEBEB; */
#content.single .entry div.tags {
	background: #FAFAFA url(img/grad.png) repeat-x scroll 50% 100%;
	padding: 8px;
	margin: 10px 0;
	border: 1px solid #fafafa;
}
#content.index .entry { margin-left: 170px;}

/* content.thumbnail */
.image-section { float: left;}
.size-thumbnail img { width: 142px; max-height: 120px; float: left; margin: 20px 20px 10px 10px;}

/* content.category in index page */
.text-block a[rel~="category"]:link,
.text-block a[rel~="category"]:visited,
.entry a[rel~="category"]:link,
.entry a[rel~="category"]:visited {
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	font: normal normal bold 93%/normal 'Arial black', 'Helvetica Neue', Arial, sans-serif;
	color: #a80514;
}

/* content.{author, time, comment} */
div.author { margin-left: 170px;}
div.author.single { margin: 0;}
div.author ul { list-style: none; margin: 0; padding: 0; display: inline;}
div.author ul li { display: inline; padding: 0; margin: 0 10px 0 0;}
div.author ul li.img img { width: 25px;}
div.author ul li.time { font-size: 11px; font-style: italic; color: #aaa;}
div.author ul li.name { font-weight: bold; color: #369;}
.comments { margin: 0 15px 0 0;}
.comments a:link, .comments a:visited { color: #a80514; font-weight: bold;}


/* content.facebook like button */
.fb_like { z-index: 1;}

/* wp-pagenavi plugin */
.wp-pagenavi {
	clear: both;
	font-size: 120%;
	margin: 30px;
	padding: 0;
	text-align: center;
}
.wp-pagenavi span.current, .wp-pagenavi a.page { padding: 5px; margin: 0 5px;}
.wp-pagenavi span.current { border: none;}
.wp-pagenavi a.page { border: none;}

/* sidebar */
#sidebar { width: 312px; float: left;}
#sidebar .widget h3,
#sidebar .widget h2 { font-size: 160%; font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #ddd;}
#sidebar .widget ul { list-style: none; margin: 0; padding: 0;}
#sidebar .widget ul li { border-bottom: 1px solid #eee; padding: 5px;}

/* search form */
#searchform { 
	position: relative;
	margin: 0 20px 0 0; 
	padding: 0;
	top: -38px;
}
#searchform #s { float: right; border: 1px solid #ddd; width: 200px; height: 22px; font-size: 120%;}

/* tag cloud */
#sidebar .widget.tagcloud div {
	text-align: justify;
	word-break: break-all;
	padding: 7px;
	border: 8px solid #EBEBEB;
	line-height: 200%;
}

#sidebar .widget.tagcloud div a:hover { text-decoration: none; color: #a80514;}

/* social buttons */
#sidebar .widget.text-4 {
	border: 8px solid #EBEBEB;
	padding: 0;
	text-align: center;
	width: 88%;
	color: #fff;
	margin-bottom: 10px; 
}
#sidebar .widget.text-5 { margin-bottom: 5px;}
#sidebar .widget.text-4 h3 { margin: 0; background: #4387C5; padding: 8px; font-size: 120%;}
#sidebar .widget.text-4 .textwidget { background: #d0e4f5; padding: 10px 0 5px;}
#sidebar .widget.text-4 .textwidget span.subtitle { color: #4387C5; display: block;}

/* popular posts with thumbnail */
#sidebar .widget.pop ul { width: 300px;}
#sidebar .widget.pop ul li {}
#sidebar .widget.pop img { float: left; width: 50px; height: 50px; margin-right: 5px;}
#sidebar .widget.pop ul li a:hover { text-decoration: none; }
#sidebar .widget.pop ul li span.popno {
	float: left;
	text-align: center;
	font-size: 36px;
	height: 50px;
	width: 50px;
	color: #fff;
	background: #ddd;
	font-weight: bold;
	line-height: 50px;
	margin-right: 1px;
}
#sidebar .widget.pop ul li span.poptitle { }

/* latest(recent) posts */
#latest_post {
	width: 940px;
	float: left;
	border: 8px solid #eee;
	padding: 8px 8px 0px;
	margin-top: 20px;
}
#latest_post .latest { width: 25%; float: left;}
#latest_post .latest ul { list-style: none; margin: 10px; padding: 0;}
#latest_post .latest ul li { border-bottom: 1px solid #ddd;}
#latest_post .latest h3 { padding-left: 34px;}
#latest_post .latest.query-posts-2 h3 { background: url(img/bricks.png) no-repeat 10px center;}
#latest_post .latest.query-posts-3 h3 { background: url(img/culture.png) no-repeat 10px center;}
#latest_post .latest.query-posts-4 h3 { background: url(img/life.png) no-repeat 10px center;}
#latest_post .latest.query-posts-5 h3 { background: url(img/know.png) no-repeat 10px center;}

/* footer */
#footer {
	float: left;
	display: block;
	width: 932px;
	background: #222;
	color: #fff;
	padding: 20px;
	margin-top: 20px;
}
#footer p { margin-left: 20px;}

/* footer.pages */
#footer .pages { list-style: none; margin: 0; padding: 0 0 4px 0; border-bottom: 1px solid #fff;}
#footer .pages li { float: left; margin: 20px;}
#footer .company_info { width: 573px; float: left;}

/* footer.anchor */    
#footer a:hover { color: #fff;}
#footer .page_item a:link,
#footer .page_item a:visited { color: #fff;}

/* footer.logo */
#footer .logo {
	width: 339px;
	height: 161px;
	background: #a80514 url(img/logo2.png) no-repeat;
	float: left;
	color: #fff;
	text-indent: -999999px;
	margin: 10px 20px 0 0;
}

/* discus */
li.dsq-widget-item { margin: 0 0 10px 0 !important; padding: 0 !important;}
img.dsq-widget-avatar { 
	border: 1px solid #ddd !important;
	padding: 2px !important;
	margin: 3px 3px 0 0 !important;
}

/* tweet buttons */
#social_bt {
	position: absolute;
	left: 110px;
	top: 280px;
	border: 1px solid #ddd;
	padding: 3px;
}

/* menu
.menu-header ul.menu li:after {
	content: "|";
	width: 100px;
    display: block;
    visibility: hidden;
} */

/* single.bottom.author */
.author-info {
	padding: 10px;
	margin: 10px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	background: #eee;
}
.author-info img {
	float: left;
	margin: 0 15px 15px 0;
}
.author-info h4 { margin: 0 0 5px; padding: 0;}

/* banner */
.ad_single img {

}

/* author page */
.author_tmp {
	padding: 15px;
}
.author_tmp a { }
.author_tmp a:hover { border: none;}
.author_tmp .info {  }
.author_tmp dl { margin: 0; padding: 0;}
.author_tmp dt { 
	font-weight: bold; 
	margin-right: 10px;
}
.author_tmp dd { }
.author_tmp .avatar { float: right; margin: 0 0 8px 10px;}
.author_tmp .avatar img { padding: 3px; border: 1px solid #eee; background: #fff;}
.author_tmp ul {
	margin: 0 0 0 15px;
	list-style: square;
	padding: 0;
}
.author_tmp small {
	margin-right: 10px;
}
.author_tmp span {
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 5px;
}
.author_tmp span a { color: #a80514; border: none;}

/* retweet */
#content.index .share, .featured .share {
	float: right;
}
#content.index .retweet, #content.index .facebook_share, .featured .retweet, .featured .facebook_share { float: left; margin-left: 5px;}

#content.single .share {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	border: 1px solid #ddd;
	padding: 5px;
	margin-left: -120px;
}
#content.single .retweet, #content.single .facebook_share { display: block;}

/* facebook width */
.FBConnectButton_Small .FBConnectButton_Text { padding: 2px 1px 3px !important;}
.fb_share_count_nub_top { background: none !important;}

/* like chicagonow */
#fimgs {
	float: left;
	width: 980px;
}
.fthumb {
	float: left;
	width: 180px;
	margin: 8px;
}

.fimg {
	display: block;
}

.fdesc {
	position: relative;
	color: #fff;
	background: #000;
	padding: 1px 5px;
	display: block;
	word-break: break-all;
}
.twitter-hash-tag-widget { float: left;}
.hashtag { 
	background: #eee;
	border-bottom: 1px solid #ccc !important;
	min-height: 50px;
	height:auto !important;
	height:50px;
}

.hashtag img { float: left; width: 40px; padding-right: 5px;}