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

/* Reset */

html, body, div, span, applet, object, iframe,
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;
}

h1, h2, h3 {
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }

img {
 border: none;
 margin: 10px;
}

/*
-------------------------------------------------------------------
[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: 18px; line-height: 20px;
}

h2 { 
 font-size: 16px; 
 line-height: 18px; 
 margin-bottom: 10px; 
 margin-top: 20px;
 border-top-style: dotted;
 border-top-color: #AAC;
 padding-top: 15px;
}

h3 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }

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

a {
 color: #08c;
 text-decoration: none;
}

a:hover {
 color: #93f;
 text-decoration: underline;
}

a:visited { color: #03c; }

p { margin-bottom: 10px; }

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

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



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



/* [3. Header] */
#header { height: 118px; background: url(images/micom-kobo13.jpg) no-repeat; position: relative;}

#header h1 { font: 12px/26px Verdana; color: #999; margin: 0 0 0 620px;}
#header h1 a { color: #666; 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: 90px; 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; 
 margin-left: 15px;
 margin-right: 15px;
}

#content .post h1.post-caption {
 /* background: url(images/arrow.gif) no-repeat 6px 3px; */
 background-color: #eee;
 padding-left: 20px;
 border-left-style: double;
 border-left-color: #699;
 border-right-style: double;
 border-right-color: #eee;
 /* border-bottom-style: double; */
 border-bottom-color: #88A;
 margin-bottom: 20px;
 letter-spacing: 15px;
}

#content .post h1.post-caption a { 
 text-decoration: none; color: #333; 
}

#content .post h1.post-caption a:hover { color: #5A5; }

#content .post ul { 
/*
 list-style: square inside; 
 margin-bottom: 10px; 
*/
 margin-left: 20px;
 list-style-image: url(images/ul2.gif);
}

#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; 
 line-height: 25px;
}

#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; }