/*

Theme Name: Librio

Description: Inspired by Mac OS X Leopard.

Version: 1.0

Author: Deniart

Author URI: http://deniart.ru/

Tags: fixed width, two columns, widgets, apple, mac, white, grey



	Librio v1.0

	http://deniart.ru/



	This theme was designed and built by Denis Shakhov,

	whose homepage you will find at http://deniart.ru/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* Reset

-------------------------------------------------------------------*/

* { padding: 0; margin: 0; }

ul, ol { list-style: none; list-style-position: inside; }

ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }

img { border: none; }





/* Body

-------------------------------------------------------------------*/

body { 

	font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 

	color: #333; 

	background: #660000;

/*#fafafa url(images/bg.gif); */

}



h1, h2, h3, h4, h5,h6 { font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-weight: normal; color: #333; }

h1 { font-size: 22px; line-height: 26px; font-weight: bold; margin-bottom: 10px; }

h2 { font-size: 18px; line-height: 24px; margin-bottom: 7px; }

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

h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }

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

h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }



h1 span { color: #999; }



a { color: #5371c5; text-decoration: none; }

a:hover { color: #5371c5; text-decoration: underline; }

a:visited { color: #5371c5; }



p { margin-bottom: 10px;}





input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }



blockquote { 

	font: italic 14px/22px Georgia, Serif; 

	padding: 5px 10px;

	margin-bottom: 20px;

	background: #eef3f7; 

}







/* Container

-------------------------------------------------------------------*/

#container { 

	width: 960px; 

	padding-bottom: 10px; 

	margin: 10px auto 20px auto;

	overflow: hidden; 

}



#container #wrapper { 

	width: 960px; 

	float: left; 

	overflow: hidden; 

	background: #eeeecc url(images/sidebar-bg.gif) repeat-y top right;

}







/* Header

-------------------------------------------------------------------*/

#header { 

	width: 960px; 

	height: 60px; 

	float: left; 

	background: #ffffff no-repeat center; 

/*url(images/header-bg.gif)*/ 

	position: relative; 

}

#header h1 { 

	font: 28px Arial, Helvetica, Geneva, sans-serif;

	padding: 0px 0px 0 15px; 

	margin-bottom: 0; 

	color: #333; 

}

#header h1 a { 

	color: #660000; 

	text-shadow: 1px 1px 1px #777; 

	text-decoration: none; 

}

#header h1 span { 

	padding-left: 10px; 

	font-size: 11px; 

	color: #777; 

}







/* Search

-------------------------------------------------------------------*/

#search {

	position: absolute;

	top: 15px; 

	right: 10px;

}



#search #s { 

	width: 200px;

	height: 25px;

        position: absolute;

        top: 0px;

        right: 30px;

	padding: 2px 20px 5px 15px;

	vertical-align: bottom;

	font: normal 12px Verdana, Sans-Serif;

	color: #777;

	border: 0;

	background: #ffffff url(images/search-bg.gif) no-repeat left top;

}



#search #b {

        width: 24px;

        height: 25px;

        position: absolute;

        top: 0px;

        right: 6px;

        padding: 3px 8px 5px 0px;

        vertical-align: middle;

	font: normal 12px Verdana, Sans-Serif;

	color: #777;

	border: 0;

        background: #ffffff url(images/search-bg.gif) no-repeat right top;

}







/* Navigation

-------------------------------------------------------------------*/

#nav { 

	width: 960px;

	float: left; 

	height: 32px; 

	background: #cccc99;

/*#fafafa url(images/nav-bg.gif) repeat-x;*/ 

	position: relative; 

}

#nav ul { 

	margin-left: 15px; 

        position: absolute;

        top: 0px;

}



#nav ul li { 

        font: 12px;

	display: inline; 

	margin-right: 20px; 

}

#nav ul li a { 

	font-weight: bold; 

	text-shadow: 1px 1px 1px #cccc99; 

	text-decoration: none; 

	color: #660000; 

	line-height: 33px; 

}

#nav ul li a:hover { 

	color: #990000; 

}

#nav #feed {  

	position: absolute; 

	right: 15px; 

	top: 7px;

	font-weight: bold;

	color: #660000;

	text-decoration: none;

	padding: 0 0 0 20px;

	display: block; 

	text-shadow: 1px 1px 1px #cccc99; 

	background: url(images/feed.png) no-repeat 0 3px; 

}







/* Content

-------------------------------------------------------------------*/

#content { 

	width: 670px; 

	float: left; 

	padding: 15px; 

	background: #fff; 

}



#content .post { 

        color: #333;

        font: 14px Verdana, Helvetica, Arial, Geneva, sans-serif;

	margin-bottom: 40px; 

}



#content .post h1.post-title { 

	color: #333;

	/*background: url(images/post.gif) no-repeat 0 12px; 

	padding-left: 3px;*/

}

#content .post h1.post-title a { 

	text-decoration: none;

	color: #333;

        text-align: middle;

}



#content #mainbody {

        text-decoration: none;

        color: #333;

        font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif;

}



#content .post h4.post-date {

        text-decoration: none;

        color: #333;

        margin-bottom: 20px;

        margin-top: 20px;

}



#content .post .post-info { 

	clear: both; 

	font-size: 11px; 

	color: #777; 

	padding: 3px 5px 3px 5px; 

	margin-bottom: 20px; 

	border-top: 1px solid #cccc99; /*#bdccdc;*/ 

	border-bottom: 1px solid #cccc99; /*#bdccdc;*/ 

	background: #eeeecc; /*#e9eff5; */

}

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

#content .post .post-info a:hover { color: #555; text-decoration:none; }



#content #pages { text-align: center; }

#content #pages a { font: bold 12px Verdana; color: #660000; text-decoration: none; }

#content #pages a:hover { color: #990000; }



#content ul, ol, dl { margin-bottom: 20px; }

#content ul { 

	list-style: disc;

	list-style-position: inside; 

}

#content ol { 

	list-style: decimal; 

	list-style-position: inside; 

}

#content dl dt { 

	font-weight: bold;

}

#content dl dd { 

	font-style: italic;

	margin: 0 0 5px 20px;

	color: #555;

}

#content .post h2.section-heading {
	font-size: 18px; 
	line-height: 22px; 
	margin-top: 25px;
	margin-bottom: 15px; 
}



.aligncenter { margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin: 5px 15px 10px 0; }

.alignright { float: right; margin: 5px 0 10px 15px; }







/* Comment Form

-------------------------------------------------------------------*/

#commentform { 

	background: #fafafa; 

	border: 5px solid #def7f8; 

	padding: 10px; 

	color: #555; 

}

#commentform p { margin-bottom: 7px; }

#commentform textarea { 

	width: 630px; 

	border: 1px solid #aaa; 

	height: 120px;

}

#commentform input.text { 

	width: 150px; 

	border: 1px solid #aaa; 

	margin-right: 10px; 

	padding: 3px 3px; 

}

#commentform input#submit { padding: 3px 10px; }







/* Comments

-------------------------------------------------------------------*/

#comments .comment { 

	width: 670px;

	background: #def7f8; 

	margin-bottom: 10px; 

	overflow: hidden; 

	padding-bottom: 5px; 

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}

#comments .comment .comment-avatar { 

	width: 50px; 

	float: left; 

	padding: 5px 7px; 

}



#comments .comment .comment-content { 

	width: 570px;

	float: left; 

	padding: 10px 15px; 

	margin: 5px 5px 0 0; 

	background: #fafafa ; 

}

#comments .comment .comment-content a { color: #444; }



#comments .comment .comment-info { 

	font-size: 11px;

	color: #777;

	margin-bottom: 5px; 

}

#comments .comment .comment-info span {

	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	

	padding-right: 10px; 

	margin-bottom: 5px;

}

#comments .comment .comment-info a { 

	color: #444; 

	text-decoration: none;

}







/* Sidebar

-------------------------------------------------------------------*/

#sidebar { 

	width: 260px; 

	float: left; 

	font-size: 11px; 

	color: #555; 

	margin-bottom: 0px;

}

#sidebar h3 { 

	font: bold 12px Verdana; 

	color: #333; 

}



#sidebar a { color: #660000; text-decoration: none; }

#sidebar a:hover { color: #990000; }



#sidebar .block { 

        font: 10px;

	padding: 15px; 

	overflow: hidden;

	background: #eeeecc url(images/sidebar-block-bg.gif) repeat-x bottom center;

/*#d6ded4  */

}

#sidebar .block ul li { 

	padding-left: 18px; 

	background: url(images/arrow.gif) no-repeat 0px 3px; 

}



/* TextWidget */

#sidebar .block #textwidget p {

       text-align: justify;

}





/* Calendar */

#sidebar .block #calendar_wrap .pad { background: none; }

#sidebar .block #calendar_wrap #prev { background: none; }

#sidebar .block #calendar_wrap #next { background: none; }

#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}

#sidebar .block #calendar_wrap table th { width: 14.2%; }

#sidebar .block #calendar_wrap table td { width: 14.2%; background: #fafafa; text-align: center; color: #888; }

#sidebar .block #calendar_wrap table td a { font-weight: bold; }







/* Footer

-------------------------------------------------------------------*/

#footer {

	width: 960px;

	height: 29px;

	float: left;

	clear: both;  

	position: relative;

	background: #cccc99;

/*#fafafa url(images/footer-bg.gif) no-repeat;*/

}

#footer a#theme-author { 

	position: absolute; 

	top: 0px; 

	right: 0px; 

	display: block; 

	height: 28px; 

	width: 130px; 

}

#footer p { 

	line-height: 28px; 

	color: #333; 

	padding-left: 15px; 

	font-size: 11px; 

	margin: 0; 

}

#footer a { 

	color: #555;

	text-decoration: underline;

}


.wpcf7
{
    width: 550px;
}