/*  
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,
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: url(images/fond_blog.gif) fixed #FFFFFF; }

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] */
/* OLD #header { height: 53px; background: url(images/header-bg.png) no-repeat; position: relative; } */
#header { height: 60px; 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; bottom: 15px; right: 25px; background-color: #000000; }

/*
#header #search { position: absolute; bottom: 15px; right: 25px; }
#header #search input { background: #fafafa url(images/search-bg.gif) repeat-x; border: none; width: 130px; height: 19px; padding: 5px 0 0 23px; vertical-align: middle; font-size: 11px; color: #777;  background-repeat: no-repeat;}

background: #fafafa url(images/search-bg.gif) no-repeat; 
background-attachement: fixed;
*/

#header #search input { background: #fafafa; border: none; width: 130px; height: 19px; padding: 5px 0 0 23px; vertical-align: middle; font-size: 11px; color: #777;  background-repeat: no-repeat;}

@media all and (width) { #header #search input { padding: 0 0 0 23px; height: 24px; } } /* only for Opera */


/* [4. Navigation] */
#nav { height: 32px; width : 900px; background: #fafafa url(images/nav-bg-fixed.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: 5px; font-size: 11px; width: 80px; height: 15px; display: block; }



/* [5. Content] */
#content { float: left; width: 650px; padding: 10px; background: url(images/sidebar-bg.gif) repeat-y 0px 10px; 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 {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; padding: 0 5px; background: url(images/post-info-bg-right.gif) no-repeat right; }
#content .post .post-info div #count { position: absolute; 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: 600px; 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: 630px; 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: 230px; 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: 10px; background: url(images/sidebar-block-bg.gif) no-repeat bottom center; }
#sidebar .author { text-align: left; }


/* [9. Footer] */
#footerline { height: 1px; width: 900px; clear: both; background: #B2B2B2; position: relative; }

#footer { height: 35px; width: 900px; margin: auto auto; color: #FFF; background: url(images/footer-bg.png) no-repeat;}

#footer a#theme-author { top: 10px; right: 0px; height: 28px; width: 180px; color: #CCC; font-size: 11px; text-decoration: none;}

#footer p { line-height: 28px; padding-top: 5px; padding-left: 15px; font-size: 11px; margin: 0; }



/* ADDED BY MOI */
/* http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-deroulant-pages-et-categories-237 */