/*
Theme Name: Kirby Ink
Theme URI: http://wordpress.org/
Description: Customized Kirby Ink WP Theme.
Author: Kirby Kana
Version: 1.0
Kirby Ink v1.0
*/

/* RESET -----------------------------------:o}-------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {line-height:1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline:none;}
/* Base Fonts */
body {font:12px "Lucida Grande",arial,helvetica,clean,sans-serif;color:#010000;}
table {font-size:inherit;font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.44em;}
label {cursor:pointer;}
img {display:block;}
/* GRIDS -----------------------------------:o}-------------------------------- */
#content, #sidebar, .illustration, .commentary, #about, #featured-work {float:right;display:inline;width:50%;}
#content, .illustration, #about {float:left;}
/* FONT SIZES -----------------------------------:o}-------------------------------- */
h1 {font-size:200%;}
h2 {font-size:183%;}
h3 {font-size:167%;}
h4 {font-size:142%;}
h5 {font-size:125%;}
h6 {font-size:108%;}

/* Pixel to percent to em font conversion - based on 12px base font
10px / 83% / .83em
11px / 92% / .92em
12px / 100% / 1em
13px / 108% / 1.08em
14px / 117% / 1.17em
15px / 125% / 1.25em
16px / 133% / 1.33em
17px / 142% / 1.42em
18px / 150% / 1.5em
19px / 158% / 1.58em
20px / 167% / 1.67em
21px / 175% / 1.75em
22px / 183% / 1.83em
23px / 192% / 1.92em
24px / 200% / 2em
25px / 208% / 2.08em
26px / 217% / 2.17em
27px / 225% / 2.25em
28px / 233% / 2.33em
29px / 242% / 2.42em
30px / 250% / 2.5em
31px / 258% / 2.58em
32px / 267% / 2.67em
*/

p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select,
li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select,
dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select,
dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select,
th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select,
td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select,
address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, 
blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select,
pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select,
input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select,
textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select,
select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select
{font-size:100%;}

/* Common Elements */
.clear {clear:both;}
.hide {display:block;text-indent:-32767px;height:0;line-height:0;overflow:hidden;margin:0 !important; padding:0 !important;}
.left {float:left; margin-right:15px; margin-bottom: 15px;}
.alignleft {float:left; margin-right:15px; margin-bottom: 15px;}
.right {float:right; margin-left:15px; margin-bottom: 15px;}
.alignright {float:right; margin-left:15px; margin-bottom: 15px;}
hr {
	border-color:#231f20;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	margin:0;
	height:0;
	}
	
a {text-decoration:none; color:#039;}
a:hover, #content div p a {text-decoration:underline;}
#nav li a.active:hover {cursor:default;}


/* General */
body {background:#efffd1;}
#footer, #outer {min-width:980px;}
#outer {background:#fff url(images/bg-header-interior.jpg) no-repeat center top;}
body.page-template-work-template-php #outer, body.tag #outer, body.single #outer.category-portfolio {background-image:url(images/bg-header-work.jpg);}

/* Content Wrapper */	
#wrap {
	margin:0 auto;
	width:980px;
	padding-bottom:3em;
	position:relative;
	}
	
#logo a {
	display:block;
	text-indent:-32767px;
	background:url(images/logo-ki.png) no-repeat 0 0;
	width:361px;
	height:191px;
	}
	
/* Navigation - Top */
/*#nav {
	position:relative;
	top:-191px;
	left:388px;
	width:584px;
	}*/
	
#nav {
	position:absolute;
	top:0;
	right:0;
	width:584px;
	}

	
#nav li, #nav li a {line-height:1;}
	
#nav li {float:left; position:relative;}
	
#nav li a {
	background:url(images/nav.png) no-repeat 0 0;
	text-indent:-32767px;
	display:block;
	height:63px;
	}
	
#nav li#nav-home a {width:102px; background-position:0 0;}
	#nav li#nav-home a:hover {background-position:0 -63px;}
	#nav li#nav-home a.active {background-position:0 -126px;}
#nav li#nav-work a {width:110px; background-position:-102px 0;}
	#nav li#nav-work a:hover {background-position:-102px -63px;}
	#nav li#nav-work a.active {background-position:-102px -126px;}
#nav li#nav-blog a {width:111px; background-position:-212px 0;}
	#nav li#nav-blog a:hover {background-position:-212px -63px;}
	#nav li#nav-blog a.active {background-position:-212px -126px;}
#nav li#nav-about a {width:124px; background-position:-323px 0;}
	#nav li#nav-about a:hover {background-position:-323px -63px;}
	#nav li#nav-about a.active {background-position:-323px -126px;}
#nav li#nav-contact a {width:137px; background-position:-447px 0;}
	#nav li#nav-contact a:hover {background-position:-447px -63px;}
	#nav li#nav-contact a.active {background-position:-447px -126px;}
	

/* Content */
#content {
	width:739px;
	padding-right:41px;
	/*margin-top:-110px;*/
	margin-top:-45px;
	}
	
body.single .blog-single, body.single #outer.category-blog #content, body.date #content {
	padding-left:24px;
	width:715px;
	}
	
#content hr {margin-bottom:30px;}
	
.illustration {
	width:491px;
	padding-right:27px;
	}
	
body.tag .illustration {padding-right:12px; width:506px;} 
	
.illustration img {
	border:5px solid #000;
	margin-bottom:30px;
	}
	
.commentary {width:221px;}
body.tag .commentary {width:196px;}
	
a.more {
	float:right;
	margin-top:-25px;
	}
	
#content h2 {font-family:Georgia, "Times New Roman", Times, serif;}

#content h1 {
	float:right;
	display:block;
	margin-bottom:16px;
	}
	
	
/* Page-specific styles */	
body.page-template-work-template-php #content .right, body.page-template-work-template-php #content .left {width:48%;}

body.page-template-about-template-php #content img, body.page-template-contact-template-php #content img {
	float:left;
	margin:0 24px 12px 24px;
	border:5px solid #000;
	}
	
body.page-template-about-template-php #content p, body.single #content .hentry p {margin-bottom:8px;}

body.page-template-work-template-php #content div.clear-me, body.page-template-about-template-php #content div.clear-me, body.page-template-contact-template-php #content div.clear-me, body.blog #content div.clear-me, body.single #content div.clear-me 
{clear:right; margin-bottom:2em;}

body.page-template-work-template-php #content .commentary h2, body.tag #content .commentary h2 {margin-bottom:8px;}
body.page-template-work-template-php #content .commentary p, body.tag #content .commentary p, body.single #content .commentary p {margin-bottom:1em;}

body.tag .postmetadata a, body.page-template-work-template-php .tags a, body.single .tags a  {text-transform:lowercase;}

body.error404 #content {margin-top:40px; margin-bottom:300px;}
body.error404 #content h2, body.error404 #content p {margin-left:24px;}

/* IR H1s */
body.page-template-work-template-php #content h1, body.blog #content h1, body.page-template-about-template-php #content h1, body.page-template-contact-template-php #content h1, body.date #content h1, body.tag #content h1, body.category #content h1, body.single #content h1 {
	text-indent:-32767px;
	height:48px;
	width:222px;
	background-position:0 0;
	background-repeat:no-repeat;
	}

body.page-template-work-template-php #content h1, body.tag #content h1, div.category-portfolio #content h1, body.page-id-17 .post-17 #content h1, body.page .category-portfolio #content h1  {background-image:url(images/hdr-work.png);}
body.blog #content h1, .category-blog #content h1, div.category-blog #content h1, body.date #content h1 {background-image:url(images/hdr-blog.png);}
body.page-template-about-template-php #content h1 {background-image:url(images/hdr-about.png);}
body.page-template-contact-template-php #content h1 {background-image:url(images/hdr-contact.png);}

body.tag #content .pagetitle, body.date #content .pagetitle {margin:1.5em 0 1em 0;}

body.tag #content h2.pagetitle {text-align:right; margin-bottom:24px; margin-top:6px; font-size:117%;}
body.tag #content h2.pagetitle span {text-transform:lowercase;}
body.tag #content h1 {margin-bottom:0;}


/* Sidebar */
#sidebar {
	width:200px;
	/*margin-top:-40px;*/
	margin-top:20px;
	}
	
h3#more-categories {
	text-indent:-32767px;
	width:164px;
	height:22px;
	background:url(images/hdr-more-categories.png) no-repeat 0 0;
	}
	
h3#view-by {
	text-indent:-32767px;
	width:109px;
	height:23px;
	background:url(images/hdr-view-art-by.png) no-repeat 0 0;
	margin-bottom:6px;
	}
	
.wp-tag-cloud li {
display:inline;
font-family:arial;
}

#sidebar .wp-tag-cloud a {text-transform:lowercase;}
	

/* Footer */	
#footer {
	background:url(images/bg-footer-interior.jpg) no-repeat center top;
	min-height:195px;
	}
	
#footer .pad {
	width:980px;
	margin:0 auto;
	padding-top:7em;
	}
	
a#twitter, a#facebook, p#copyright {float:left;}

a#twitter, a#facebook {
	display:block;
	text-indent:-32767px;
	width:86px;
	height:63px;
	}
	
a#twitter {
	background:url(images/icon-twitter.png) no-repeat 0 0;
	margin-right:5px;
	}
	
a#facebook {
	background:url(images/icon-facebook.png) no-repeat 0 0;
	margin-right:11px;
	}

p#copyright {	
	border-top:2px solid #d4efa1;
	float:right;
	width:792px;
	text-align:right;
	margin-top:30px;
	padding-top:6px;
	color:#5b7526;
	font-size:83%;
	}

/* BLOG CSS for Kirby Ink -----------------------------------:o}-------------------------------- */
body.blog #content .post {margin-left:24px;}
ul#archives {margin-bottom:2em;}

body.blog #archives h2, body.single #archives h2, body.tag #archives h2, body.archive #sidebar #archives h2 {
	text-indent:-32767px;
	background:url(images/hdr-archives.png) no-repeat 0 0;
	width:80px;
	height:23px;
        margin:0;
	}
	
body.blog .blog-main .post {
	border-bottom:1px solid #231f20;
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	position:relative;
	}

body.archive .blog-main .post {
	padding-bottom: 3.5em;
	border-bottom:1px solid #231f20;
	margin-bottom:1.5em;
	position:relative;
}

body.archive .blog-main #content .wp-pagenavi, body.page-template-work-template-php #content .wp-pagenavi, body.tag .wp-pagenavi {
margin: 0px;
}

.wp-caption-text {
font-style: italic;
}

body.single .post h2 {
margin-bottom: 15px;
}

.wp-pagenavi a {
float:left;
margin-top:4px;
padding-left:8px;
padding-right:8px;
}

.wp-pagenavi .extend {
float:left;
margin-top:5px;
}

body.blog .blog-main .date-posted, body.archive .blog-main .date-posted {
	background:url(images/bg-date-posted.png) no-repeat 0 0;
	width:65px;
	height:64px;
	float:left;
	margin:0 1em 5em 0;
	text-align:center;
	}
	
body.blog .blog-main .read-more-link, body.blog .blog-main .leave-comment, body.archive .blog-main .leave-comment, body.archive .blog-main .read-more-link {
	text-indent:-32767px;
	display:block;
	height:24px;
	}
	
body.blog .blog-main .read-more-link, body.archive .blog-main .read-more-link {
	width:124px;
	background:url(images/hdr-read-more.png) no-repeat 0 0;
	float:right;
	}
	
body.blog .blog-main .leave-comment, body.archive .blog-main .leave-comment {
	width:182px;
	background:url(images/hdr-leave-comment.png) no-repeat 0 0;
	float:left;
	}
	
body.blog .blog-main .num-of-comments, body.archive .blog-main .num-of-comments {
	background:url(images/bg-comment-num.png) no-repeat 0 0;
	width:57px;
	height:37px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	}
	
body.blog .blog-main .num-of-comments a, body.archive .blog-main .num-of-comments a {
	line-height:30px;
	font-size:150%;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

body.blog .blog-main .entry, body.single .blog-single .post .entry, body.archive .blog-main .post .entry {margin:1em 0 2em 0;}	
body.blog .blog-main .postmetadata {clear:both;}

body.blog .blog-main .post-month, body.blog .blog-main .post-date, body.archive .blog-main .post-date {display:block; font-family:Georgia, "Times New Roman", Times, serif;}
body.blog .blog-main .post-month, body.archive .blog-main .post-month {color:#fff; font-size:150%;}
body.blog .blog-main .post-date, body.archive .blog-main .post-date {color:#000; font-size:200%; font-weight:bold;}

body.single .blog-single #respond h3, body.single h3#comments {font-family:Georgia, "Times New Roman", Times, serif;}
/*body.single .blog-single p*/ #commentform p {margin-bottom:1em;}
body.single .blog-single .postmetadata {font-style:italic; font-size:92%;}

body.single .comment-author img, body.single .comment-author cite, body.single .comment-author span {float:left;}
body.single .comment-author cite, body.single .comment-author span {padding-top:5px;}
body.single .comment-author cite {margin-right:3px;}
body.single .comment-author img {margin-right:12px;}
body.single .comment-meta {margin-top:8px;}

body.single h3#comments {
	margin-bottom:6px;
	border-top:1px solid #020101;
	margin-top:1em;
	padding-top:1em;
	clear:both;
	}

body.single #respond {
	margin-top:2em;
	clear:both;
	border-top:1px solid #020101;
	padding-top:1em;
	}

body.single .commentlist li {margin-bottom:1em;}



/* HOME PAGE THEME CSS for Kirby Ink -----------------------------------:o}-------------------------------- */
body.home #outer {background-image:url(images/bg-header-home.jpg); z-index:3000;}
body.home #wrap {padding-bottom:0; position:relative;}


/* Content */
body.home #content {
	width:980px;
	margin-top:-403px;
	z-index:1000;
	}
	
	
/* About */
body.home div.hr {
	background:url(images/hr-home.png) no-repeat center center;
	height:8px;
	margin:1.5em 0 2em 0;
	}

body.home #about {
	width:415px;
	padding-right:38px;
	background:url(images/home-kirby-photo.png) no-repeat 0 0;
	z-index:3300;
	}
	
body.home #about p, body.home #about #about-link {margin-left:150px;}

body.home #about p {
	font-size:117%;
	line-height:22px;
	margin-bottom:8px;
	}

body.home #about img {
	background:url(images/home-img-thumb-frame.png) no-repeat 0 0;
	/*padding:16px 15px 18px 17px;*/
	padding:18px 15px 18px 20px;
	float:right;
	margin:0 0 1em 1em;
	}
	
/* From the blog */	
body.home #from-the-blog, body.home #about #more-posts-link {
	float:right;
	width:49%;
	}
	
body.home #from-the-blog {float:left;}

#about dl {
	clear:both; 
	float:left;
	width:246px;
	padding-bottom:2em;
	}
	
#about dt {margin-bottom:4px;}

#about dt a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	line-height:20px;
	}
	
#about dd.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666; 
	text-transform:uppercase;
	margin-bottom:4px;
	}
	
body.home #about dd p {
	margin-left:0;
	line-height:inherit;
	margin-bottom:15px;
	font-size:100%;
	}

	
/* Featured Work */	
body.home #featured-work {
	width:526px;
	padding-top:37px;
	z-index:1200;
	}
	
body.home #featured-work h2, body.home #featured-work #more-illustrations-link {
	float:right;
	width:49%;
	}
	
body.home #featured-work h2 {float:left;}
	
body.home #feature-frame {
	background:url(images/home-featured-work-frame.png) no-repeat 0 0;
	width:523px;
	height:395px;
	position:relative;
	top:7px;
	z-index:3200;
	clear:both;
	}
	
body.home #feature-frame img {
	position:absolute;
	top:32px;
	left:36px;
	}


/* Browse by tag */	
body.home #browse {
	background:url(images/home-tag-cloud.png) no-repeat 0 0;
	width:658px;
	height:516px;
	float:right;
	padding-top:40px;
	margin-top:-125px;
	margin-right:-50px;
	z-index:400;
	}
	
body.home #browse .wp-tag-cloud, body.home #browse h2, body.home #browse .arrow {
	width:400px;
	margin:0 auto;
	text-align:center;
	}
	
body.home #browse .wp-tag-cloud li {display:inline;}
	
body.home #browse .wp-tag-cloud a {
	font-size:142%;
	font-family:Georgia, "Times New Roman", Times, serif;
text-transform:lowercase;
	}
	
/* Image Replacement headers/links */
a.arrow, p#introduction, #from-the-blog, #browse-work, #featured-work h2, #order h2, #i-love {display:block; text-indent:-32767px; background-repeat:no-repeat; background-position:0 0;}
	
a.arrow {height:24px;}	
#about-link {background-image:url(images/hdr-about-me.png); width:116px;}
#more-posts-link {background-image:url(images/hdr-more-posts.png); width:130px; background-position:center right; margin-right:6px;}
#more-categories-link {background-image:url(images/hdr-home-more-categories.png); width:169px; background-position:center center;}
#more-illustrations-link {background-image:url(images/hdr-more-illustrations.png); width:195px; background-position:center right; margin-right:6px;}
#contact-link {background-image:url(images/hdr-contact-me.png); width:132px; margin-top:6px; margin-bottom:2em;}
p#introduction {background-image:url(images/hdr-hello.png); width:94px; height:28px; margin-bottom:8px;}
#from-the-blog {background-image:url(images/hdr-from-the-blog.png); width:173px; height:28px; margin-bottom:12px;}
#browse-work {background-image:url(images/hdr-browse-by-category.png); width:251px; height:31px; background-position:76px 7px;}
#featured-work h2 {background-image:url(images/hdr-featured-work.png); width:173px; height:20px;}
#order h2 {background-image:url(images/hdr-ready-to-order.png); width:193px; height:28px;}
#i-love {background-image:url(images/hdr-i-love.png); width:76px; height:28px;}


/* Comments */


/* Forms */
	
.wpcf7-form {width:375px;}

.wpcf7-form p {margin-bottom:10px;}
	
form p#btn-submit input#submit, #wpcf7-f1-p320-o1 form p#btn-submit input {
	margin-top:2em;
	text-indent:-32767px;
	display:block;
	background:transparent url(images/btn-submit-comment.png) no-repeat 0 0;
	border:0;
	width:95px;
	height:24px;
	position:relative;
  	overflow:hidden;
	cursor:pointer;
	}
	
#wpcf7-f1-p320-o1 form p#btn-submit {clear:both; padding-top:1em;}

.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form textarea, body.single #content #respond textarea, body.single form#commentform input {
	border:1px solid #020101;
	background:#fffaf6;
	padding:5px;
	float:none;
	}
	
body.single form#commentform label {margin-left:8px;}
	
body.single #content #respond textarea {width:695px;}
	
.wpcf7-form .wpcf7-form-control-wrap input {width:364px;}
.wpcf7-form .wpcf7-form-control-wrap textarea {width:364px;}

.wpcf7-form p span input {margin-top:0;}

.wpcf7-form span.req, body.page-template-contact-template-php p.right span {color:#c30;}

#content .wpcf7-form #btn-submit .ajax-loader {
	border:none;
	float:none;
	margin:0;
	}
	
#wpcf7-f1-p320-o1 form span.wpcf7-form-control-wrap input.file {margin-right:6px;}

div#wpcf7-f1-p23-o1, div#wpcf7-f1-p320-o1 {
	float:right;
	}
	
	
/* Footer */
body.home #footer {
	background-image:url(images/bg-footer-home.jpg);
	margin-top:-18px;
	z-index:2000;
	}
	
body.home #footer-inner {
	width:980px;
	margin:0 auto;
	}
	
body.home #footer .pad {
	padding-left:305px;
	padding-top:4.5em;
	width:675px;
	position:relative;
	}
	
body.home #footer #twitter {
	background-image:url(images/home-twitter.png);
	width:266px;
	height:63px;
	float:right;
	margin:30px 0 4px 0;
	}
	
body.home #footer #facebook {
	background-image:url(images/home-facebook.png);
	width:266px;
	height:63px;
	float:right;
	clear:right;
	margin-right:0;
	}
	
body.home #footer p#copyright {
	float:none;
	clear:both;
	margin-top:0;
	width:675px;
	}
	
body.home #footer #order {
	background:url(images/bg-flower-box.png) no-repeat 0 0;
	padding-left:175px;
	padding-top:1em;
	margin-top:2em;
	float:left;
	width:180px;
	}
	
body.home #footer #order p {
	font-size:108%;
	line-height:18px;
	color:#44600c;
	}
	
#bird {
	background:url(images/home-branch-and-bird.png) no-repeat 0 0;
	position:absolute;
	top:-32px;
	left:-50px;
	width:491px;
	height:321px;
	}
	

/* Clearfix */
.clear-me:after, a.more:after, #nav:after, #content hr.hdr:after, .wpcf7-form p input:after, body.page-template-contact-template-php p.right:after, body.blog .blog-main .post:after, #wrap:after, body.single .commentlist li:after, .comment-author:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}