/*
-------------------------------------------
Theme Name: Painted
Description: Painted theme for zuruzuru
Version: 1.0
Author: Arlan Koizumi
-------------------------------------------
*/

/* ----------------------------------------
Page Layout Styles
---------------------------------------- */
html {
	margin: 0;
	padding: 0;}
body {
	margin: 0;
	padding: 0;
	font: .90em 'Helvetica Neue','HelveticaNeue',Helvetica,Verdana,sans-serif;
	background: #3e454f url("images/bg.png") top left no-repeat;
	color: #353535;}

/* General Block Elements
---------------------------------------- */
blockquote {
	padding-left: 10px;
	border-left: 3px solid #CCC;
	font-style: italic;}
div, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: georgia, serif;
	font-weight: bold;}
p {margin-bottom: 1em;}
ol, ul {margin-top: 0;}
ol ol {list-style-type: lower-roman;}
ul ul {list-style-type: square;}
li {margin-bottom: 0.5em;}

/* General Inline Elements
---------------------------------------- */
a {color: #280749;}
a:visited {}
a:focus {}
a:hover {color: #000;}
a:active {}
acronym, .help {
	border-bottom: 1px dotted;
	cursor: help;}
img {border: 1px solid #000;}
img.wp-smiley {
	border: none;
	display: inline !important;
	margin: 0 !important;}

.acke {text-decoration: underline;}
.hilite {
	padding: 0 3px 0 3px;
	background: #f93;
	color: #fff;}
.skippers {display: none;}
.strike {text-decoration: line-through;}

/* Container
---------------------------------------- */
#container {
	position: relative;
	margin: 15px 50px 0 50px;}

/* Header, Logo and Desc
---------------------------------------- */
#header {}
#header img {border: 0;}
#photo {
	position: absolute;
	z-index:500;
	top: -75px;
	right: -25px;} /* left: 444px; */

/* Navigation
---------------------------------------- */
#navi {margin: 32px 0 65px 22px;}
#navi ul {
	list-style-type:none;
	margin: 0;
	padding: 0;}
#navi ul li {
	display: inline-block;
	margin-right: 10px;}
#navi a {
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0;
	line-height: 0;}

#navi a#home {
	width: 54px;
	height: 32px;
	background: transparent url("images/nav-home2.png") no-repeat;}
#navi a#home:hover {background-position: 0 -32px;}
	
#navi a#archives {
	width: 84px;
	height: 35px;
	background: transparent url("images/nav-archives2.png") no-repeat;}
#navi a#archives:hover {background-position: 0 -35px;}
	
#navi a#about {
	width: 65px;
	height: 34px;
	background: transparent url("images/nav-about2.png") no-repeat;}
#navi a#about:hover {background-position: 0 -34px;}

#navi a#contact {
	width: 73px;
	height: 34px;
	background: transparent url("images/nav-contact2.png") no-repeat;}
#navi a#contact:hover {background-position: 0 -34px;}
/* #navi a span {display: none;} */

/* Content
---------------------------------------- */
#canvas {
	position: relative;
	z-index: 10;
	width: 75%;
	min-width: 600px;
	float: left;}
#content {
	padding: 10px 35px 30px 20px;
	background: #F0F1F2;}

#content-top {
	height: 14px;
	background: transparent url("images/content-top-redge.png") top right no-repeat;}
#content-bottom {
	margin-bottom: 55px;
	height: 34px;
	background: transparent url("images/content-bottom-redge.png") top right no-repeat;}
#content-top img, #content-bottom img {border: 0;}

#content h3 {
	margin-top: 22px;
	margin-bottom: 5px;
	color: #4f4d0a;}
#content h3 a {
	color: #4f4d0a;
	text-decoration: none;}
#content h3 a:hover {text-decoration: underline;}

#content img {
	display: block;
	margin: 0 auto 0 auto;
	border: none;}

#content .post-footer {
	height: 80px;
	margin-bottom: 25px;
	background: transparent url("images/post-separator.png") bottom center no-repeat;}

#content .more-link {
	display: block;
	margin-top: 10px;}

#content .d290 img {display: inline;}

/* Sidebar
---------------------------------------- */
#sidebar {
	position: relative;
	z-index: 1;
	margin: 150px 0 60px 76%;
	width: 200px;
	padding: 0 15px 0 20px;
	color: #898d9f;
	font-size: 90%;}
#sidebar h3 {
	height: 24px;
	margin-bottom: 5px;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0;
	line-height: 0;
	color: #5C546E; /* purple 8157E1 */
	font-size: 120%;}
#sidebar p {
	margin-right: 10px;
	color: #000; /* 797486 */
	text-align: justify;}
#sidebar ul, #sidebar ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;}
#sidebar>ul>li {margin-bottom: 1.75em;}
#sidebar ul ul li {margin-bottom: 10px;}
/* #sidebar ul ul li:before {
	content: "» ";} */
#sidebar img.heading {border: 0;}
#sidebar a {color: #898d9f;}
#sidebar a:hover {color: #280749;}

/* Twittery */
#sidebar h3#h-twitter {background: transparent url("images/heading-twittery.png") top left no-repeat;} /* width 113 */
#twitter_list {
	margin-top: 0;
	padding-top: 0;
	margin-right: 15px !important;}

/* LibraryThing */
#sidebar h3#h-currentread {background: transparent url("images/heading-current-read.png") top left no-repeat;}
div.LTheader {
	display: none;}
div.LTwrapper img {
	display: block;
	margin-bottom: 3px;}
div.LTprovided {
	margin-top: 15px;}

/* Links/Blogroll */
#sidebar h3#h-links {background: transparent url("images/heading-links.png") top left no-repeat;}

/* Footer
---------------------------------------- */
#footer {
	position: fixed;
	z-index: 999;
	height: 45px;
	bottom: 0;
	width: 100%;
	padding-top: 16px;
	text-align: right;
	background: transparent url("images/footer-bg2.png") top left repeat-x;}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
#footer ul li {
	display: inline-block;
	margin: 0;
	padding: 0;}
#footer a {display: block;}

#footer ul#copyright {
	list-style-type: none;
	margin: 15px 0 0 5px;
	padding: 0;
	float: left;
	color: #1f212e;}

#footer a#tab-hm {
	width: 52px;
	height: 50px;
	background: transparent url("images/tab-hm.png") no-repeat;}
#footer a#tab-hm:hover {background-position: 0 -58px;}

#footer a#tab-wp {
	width: 52px;
	height: 50px;
	background: transparent url("images/tab-wp.png") no-repeat;}
#footer a#tab-wp:hover {background-position: 0 -58px;}

#footer a#tab-xhtml {
	width: 96px;
	height: 50px;
	background: transparent url("images/tab-xhtml2.png") no-repeat;}
#footer a#tab-xhtml:hover {background-position: 0 -58px;}

#footer a#tab-css {
	width: 67px;
	height: 50px;
	background: transparent url("images/tab-css2.png") no-repeat;}
#footer a#tab-css:hover {background-position: 0 -58px;}

#footer a#tab-rss {
	width: 52px;
	height: 50px;
	background: transparent url("images/tab-rss2.png") no-repeat;}
#footer a#tab-rss:hover {background-position: 0 -58px;}

/* Misc
---------------------------------------- */
br.clear {clear: both;}
.hid {display: none;}


/* ----------------------------------------
Forms Styling and Color Treatments
---------------------------------------- */
form {
	margin: 0;
	padding: 0;}
input, select, textarea {border: 1px solid #000;}

/* Comment Form
---------------------------------------- */
#commentform div {margin-bottom: 10px;}
#commentform input, #commentform textarea {background: #F2F1F1;}
#commentform input[type=text] {width: 150px;}
#commentform textrea {width: 300px;}
#respond {margin-bottom: 5px;}

/* Search Form
---------------------------------------- */
#search {
	position: relative;
	z-index: 0;
	margin: 0 0 25px 0;}
#search input#s {
	position: absolute;
	width: 123px;
	padding: 6px 0 7px 10px;
	border: transparent;
	background: transparent url("images/searchbar-bg2.png") top left no-repeat;
	color: #8c8d94;
	font-size: 10px;}
#search input#s:focus {
	outline-width: 0;
	background-position: 0 -28px;
	color: #1f212f;}
#search input#searchsubmit {
	position: absolute;
	left: 143px;
	width: 38px;
	height: 23px;
	border: none;}
#search input[type=submit] {width: 30px;}
#search-bubble {height: 23px;}

#ffactivity {width: 140px;}
#friendfeed-activity, #friendfeed-activity p {text-align: left !important;}
#friendfeed-activity p {margin-bottom: 5px;}
#friendfeed-activity li:before {content: "" !important;}