/*  
Theme Name: Librio
Theme URI: 
Description: Inspired by Mac OSX Leopard :)
Version: 0.7.2
Author: Deniart
Author URI: 
Tags: apple, mac, leopard, grey, white, widgets, two columns, fixed width
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
img { border: none; }

/*
-------------------------------------------------------------------
[Table of contents]

1. Body
2. Container / #container
3. Header / #header
4. Navigation / #nav
5. Content / #content
6. Comment Form / #comment-form
7. Comments / #comments
8. Sidebar / #sidebar
9. Footer / #footer
-------------------------------------------------------------------
*/

/* [1. Body] */
body { font: 11px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; color: #333; padding-bottom: 20px; background: #aaa url(images/bg.png); }

h1, h2, h3 { font-family: Arial, Geneva; color: #333; }
h1 { font-size: 20px; line-height: 22px; margin-bottom: 10px; }
h2 { font-size: 18px; line-height: 20px; margin-bottom: 7px; }
h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }

h1 span, h2 span { color: #bbb; }

a { color: #08c; }
a:hover { color: #f00; }
a:visited { color: #08c; }

p { margin-bottom: 10px; }

input, textarea { font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, Geneva, sans-serif;  }

blockquote { border-left: 5px solid #999031; background: #fafafa; padding: 10px 10px 1px 10px; margin-bottom: 10px; }



/* [2. Container] */
#container { width: 900px; margin: 20px auto auto; background: #e6edee url(images/sidebar-bg.gif) repeat-y 0px 10px; }



/* [3. Header] */
#header { height: 53px; background: url(images/header-bg.png) no-repeat; position: relative; }
#header h1 { font: 24px/53px Verdana; color: #777; margin: 0 0 0 15px; }
#header h1 a { color: #333; text-shadow: 1px 1px 1px #eee; text-decoration: none; }
#header h1 span { padding-left: 10px; font-size: 11px; color: #777; }
#header #search { position: absolute; top: 20px; right: 10px; }
#header #search input { background: #fafafa url(images/search-bg.gif) no-repeat; border: none; width: 170px; height: 19px;padding: 5px 0 0 23px;vertical-align: middle;font-size: 11px; color: #777; }
@media all and (width) { #header #search input { padding: 0 0 0 23px; height: 24px; } } /* only for Opera */


/* [4. Navigation] */
#nav { height: 32px; background: #fafafa url(images/nav-bg.gif) repeat-x; position: relative; }
#nav ul { margin-left: 15px; }
#nav ul li { display: inline; margin-right: 20px; }
#nav ul li a { font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px #fff; text-decoration: none; color: #555; line-height: 33px; }
#nav ul li a:hover { color: #333; }
#nav #feed { position: absolute; right: 15px; top: 10px; font-size: 11px; width: 79px; height: 14px; display: block; }



/* [5. Content] */
#content { float: left; width: 670px; padding: 15px; background: #fff; color: #333; }
#content .post { margin-bottom: 40px; }
#content .post h1.post-caption { background: url(images/post.gif) no-repeat 0px 3px; padding-left: 23px; }
#content .post h1.post-caption a { text-decoration: none; color: #333; }
#content .post h1.post-caption a:hover { color: #555; }
#content .post ul { list-style: square inside; margin-bottom: 10px; }
#content .post ol { list-style: decimal inside; margin-bottom: 10px; }

#content .post .post-info { height: 18px;color: #777; margin-bottom: 20px; clear: both; background: #e9eff5 url(images/post-info-bg-left.gif) no-repeat; }
#content .post .post-info div { line-height: 17px; position: relative; height: 18px; padding: 0 5px; background: url(images/post-info-bg-right.gif) no-repeat right; }
#content .post .post-info div #count { position: absolute; top: 0px; right: 5px; }
#content .post .post-info span { color: #333; font-weight: bold; }
#content .post .post-info a { color: #333; text-decoration: none; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }



/* [6. Comment Form] */
#comment-form { background: #d7f8ec; padding: 10px; font-size: 11px; color: #555; }
#comment-form p { margin-bottom: 7px; }
#comment-form textarea { width: 640px; height: 100px; margin-bottom: 7px; }
#comment-form label { font-weight: bold; }
#comment-form input.text { width: 150px; margin-right: 10px; }


/* [7. Comments] */
#comments { padding-top: 5px; }
#comments .comment { background: #def7f8; padding: 10px; margin-bottom: 10px; width: 650px; border-top: 1px solid #ddd; overflow: hidden; }
#comments .comment .comment-info { position: relative; color: #777; margin-bottom: 5px; }
#comments .comment .comment-info span { font-size: 11px; position: absolute; top: 0px; right: 0px; color: #777; font-size: 11px; margin-bottom: 5px; }
#comments .comment .comment-info a { color: #444; }
#comments .comment p.notice { color: #f00; font-weight: bold; }
#comments .comment img.avatar { float: left; padding: 3px; border: 1px solid #ddd; margin: 0 10px 5px 0; background: #fff; }
* html #comments .comment .comment-info span { right: 10px; }


/* [8. Sidebar] */
#sidebar { float: left; width: 200px; font-size: 11px; color: #777; padding-bottom: 10px; }
#sidebar h3 { font: bold 12px Tahoma, Verdana, serif; color: #444; text-shadow: 1px 1px 1px #fff; }
#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #375a7b; }
#sidebar ul li { background: url(images/arrow.gif) no-repeat 0px 3px; padding-left: 18px; }
#sidebar .block { padding: 15px; background: url(images/sidebar-block-bg.gif) no-repeat bottom center; }
#sidebar .author { text-align: justify; }


/* [9. Footer] */
#footer { height: 29px; clear: both; color: #777; background: #fafafa url(images/footer-bg.png) no-repeat; position: relative; }
#footer a#theme-author { position: absolute; top: 0px; right: 0px; display: block; height: 28px; width: 130px; }
#footer p { line-height: 28px; color: #444; padding-left: 15px; font-size: 11px; margin: 0; }