/*
Theme Name: Joon & Jung Design Web Portfolio
Theme URI: http://wwww.joons.co.kr
Description: A WordPress theme designed to help build your online portfolio. In media setting, you should change the thumbnail size to 235x150, and when you post you should put the thumbnail link information on the everypost.
Version: 1.1
Author: Joon & Jung Design (with Matt Lenz by Sharpfolio 2)
Author URI: http://www.joons.co.kr
Tags: portfolio
*/
.wp-caption {
   border: 0px solid #ddd;
   text-align: left;
   background-color: #ffffff;
   padding-top: 0px;
   margin: 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
}
body {
	text-align: left;
	background: #FFFFFF;
	color: #222;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 24px;
}
div#wrapper {
	text-align: left;
	margin: auto;
	width: 800px;
}
a {
	color: #333;
}
a:hover {
	color: #AAA;
}
p {
	margin: 0 0 24px 0;
}
h1, h2, h3, h4 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
div#header {
	float: none;
}
h1 {
	font-size: 20px;
    letter-spacing: 20px;
	color: #AAA;
	line-height: 120px;
	margin: 80px 0 0 0;
}
h1 a {
	text-decoration: none;
	color: #AAA;
}
div#header h2, ul#navigation {
	text-align: left;
}
ul#navigation {
	margin: 6px 0 0 0;
	float: left;
}
ul#navigation li {
	display: inline;
	float: left;
	margin-right: 15px;	
}
ul#navigation li a {
	display: inline;
	font-family: Arial, sans-serif;
    text-decoration: none;
	color: #555;
	font-size: 11px;
	text-align: left;

}
ul#navigation li a:hover {
	color: #555;
}
div#header h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	display: block;
	width: 300px;
	float: right;
	text-align: right;
	font-size: 11px;
}
span.f {
	font-style: italic;
}
div#content {
	width: 800px;
	margin: 60px 0 0 -15px;
}

/*
div.thumbnail : 왼쪽 사진 나오는부분 폭
div.entry : 오른쪽 제목과 코멘트 나오는부분 폭

둘 합쳐 합이 : 750 맞게 되야함.

*/
div.thumbnail {
	width: 600px;
	margin: 0 0 15px 15px;
	}
div.entry {
    display: inline;
	width: 750px;
	float: left;
	margin: 0 0 10px 15px;
    font-family: Arial, sans-serif;
	font-weight: normal;
	color: #AAA;
	text-decoration: none;
	font-size: 9px;
	vertical-align:middle;
}
div.entry a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #AAA;
	text-decoration: none;
	font-size: 9px;
	vertical-align:middle;
}
div.entry a:hover {
	color: #888;
}
div.content_page {
	width: 800px;
	margin: 0 0 0 15px;
}
div#footer_blog p {
    font-size: 10px;
	line-height: 100px;
	color: #666;
	text-align: left;
	margin: 48px 0 16px 0;
}
div#footer p {
    font-size: 10px;
	line-height: 100px;
	color: #666;
	text-align: center;
	margin: 48px 0 16px -40px;
}
div#footer p a {
    font-size: 10px;
	color: #444;
	text-decoration: none;
}
div#footer p a:hover {
	color: #666;
	text-decoration: none;
}
div.post {
	margin: 0 0 0 0;
}
/*
코멘트

*/
div#comments_block {
	width: 600px;
	line-height: 20px;
	margin: 40px 0 0 15px;
	color: #777;
	text-decoration: none;
	font-size: 11px;
	}
div#comments_block p {
	margin: 0 0 12px 0;
}
div#comments_block a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #777;
	text-decoration: none;
	font-size: 11px;
}
h3#comments, h3#respond {
	color: #777;
	line-height: 12px;
}
div.author {
	width: 80px;
	float: left;    
	position: relative;
}
div.author img {
	position: relative;
	top: 10px;
}
div.comment {
	width: 520px;
	float: right;
	padding: 0 0 0 0;
	position: relative;
}
ol.commentlist {
	margin: 0 0 40px;
}
ol.commentlist li {
	padding: 0px 0 0;
}
form input, form textarea {
	color: #777;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
div#navigation_buttons {
	text-align: left;
	margin: 15px 35px 0 0;
	width: 765px;
}
div.aligncenter {
	display: block;
	width: 100%;
	text-align: center;
}
div.alignleft {
	display: block;
	width: 40%;
	float: left;
}
div.alignright {
	float: right;
	text-align: right;
}

/* ---------------------------- Bottom 프리비우스 넥스트 페이지 버튼 스타일 */
div.alignleft a, div.alignright a {
	font-family: Arial, sans-serif;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	margin: 0 0 0 0;
}
div.alignleft a:hover, div.alignright a:hover {
	color: #AAA;
    text-decoration: none;
}

/* ----------------------------------- wrapper */
div.thumbnailArchive {
	width: 800px;
	float: center;
}

.home{ background: #EBEBEB;margin:0;padding:0;}

.main { width: 800px;margin:0;padding:0;float:left; }

.thumb { background: #fff url(images/thumb.png); display: block; width: 235px; border: 0px solid #fff;overflow: hidden; height: 255px; margin: 0 15px 40px 15px; position: relative; }

.thumbblog { background: #fff url(images/thumb.png); display: block; width: 370px; border: 0px solid #fff;overflow: hidden; height: 140px; margin: 0 15px 20px 15px; position: relative; }

.thumb_title { display: block; margin: 0 0 0 0; top: 241px; right: 0; position: absolute; width: 100%; z-index: 101; padding: 0px 0; }

.thumbblog_title { display: block; margin: 0 0 0 0; top: 0px; right: 0px; position: absolute; width: 240px; height: 20px; z-index: 101; padding: 0px 0; line-height: 16px; }

.thumbblog_title2 { display: block; margin: 0 0 0 0; top: 20px; right: 0px; position: absolute; width: 240px; height: 15px; z-index: 101; padding: 0px 0; line-height: 16px; }

.thumbblog_content { display: block; margin: 0 0 0 0; top: 40px; right: 0px; position: absolute; width: 240px; height: 60px; z-index: 101; padding: 0px 0; line-height: 16px; }

/* --------------- page Number */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	width: 100%;
	background: #fff;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding-right: 12px;
	display: block;
	color: #999;
	font-family: Arial;
	font-size: 12px;
}

#wp_page_numbers li a:hover {
	font-weight: bold;
	color: #777;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	font-weight: bold;
	color: #777;
}
#wp_page_numbers li.active_page a:hover  {
	font-weight: bold;
	color: #777;
}

#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}