/*
Theme Name: Librio2
Description: Simple theme based on Librio
Version: 2.0
Author: EMCGFX
Author URI: http://gravityfx.org/
Tags: fixed width, two columns, widgets, apple, mac, white, grey

Original Version: 1.0
Original Author: Deniart
Original Author URI: http://deniart.ru/
Original Description: Inspired by Mac OS X Leopard.
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 {
	color: #333; font: 13px/18px "Lucida Grande", Verdana, Helvetica, Arial, Geneva, sans-serif;
	background: #ccc url('images/bg.png');
	background-color: #d9d9d9;
}

h1, h2, h3, h4, h5,h6 {font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif;font-weight: normal;color: #333;}
h1 {font-size: 22px;line-height: 26px;margin-bottom: 10px;}
h2 {font-size: 20px;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: #264390;text-decoration: none;}
a:hover {color: #5371c5;text-decoration: underline;}
a:visited {color: #264390;}

p {margin-bottom: 10px;}

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

blockquote {
  margin-bottom: 20px;
  padding: 5px 10px;
  background: #eef3f7;
	font: italic 14px/22px Georgia, Serif;
}


/* Container
-------------------------------------------------------------------*/
#container {
  overflow: hidden;
	width: 900px;
	margin: 20px auto 20px auto;
	/*padding-bottom: 10px;*/
	border: 5px solid #d0d0d0;
}
#container #wrapper {
  float: left;
	width: 900px;
	overflow: hidden;
	background: #d6ded4 url(images/sidebar-bg.gif) repeat-y top right;
}


/* Header
-------------------------------------------------------------------*/
#header {
  float: left;
  position: relative;
	width: 900px;
	height: 53px;
	background: #fafafa url(images/hbg.png) no-repeat center;
}
#header h1 {
  margin: 5px 0 -2px 12px;
	color: #333; font: 22px Verdana;
}
#header h1 a {
  text-decoration: none;
	color: #333; text-shadow: 1px 1px 1px #fff;
}
#header span {
  margin-left: 15px;
	color: #444; font-size: 12px;
	text-shadow: 1px 1px 1px #fff;
}


/* Search
-------------------------------------------------------------------*/
#search {
	position: absolute;
	top: 20px;
	right: 10px;
}
#search #s {
	width: 170px;
	height: 14px;
	padding: 5px 0 5px 23px;
	vertical-align: bottom;
	line-height: 1px;
	color: #777; font: normal 12px Verdana, Sans-Serif;
	border: 0; background: #fafafa url(images/search-bg.gif) no-repeat;
}


/* Navigation
-------------------------------------------------------------------*/
#nav {
  position: relative;
  float: left;
	width: 900px;
	height: 32px;
	background: #fafafa url(images/nav-bg.gif) repeat-x;
}
#nav ul { margin-left: 15px; }
#nav ul li {
	display: inline;
	margin-right: 20px;
}
#nav ul li a {
  text-decoration: none;
  line-height: 33px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	color: #444;
}
#nav ul li a:hover { color: #333; }
#nav #feed { 
	position: absolute;
	right: 15px;
	top: 7px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block;
	text-shadow: 1px 1px 1px #fff;
	background: url(images/feed.gif) no-repeat 0 3px;
}
#nav .feed {
	position: absolute;
	right: 10px;
	top: 9px;
}
#nav .feed2 {
	position: absolute;
	right: 97px;
	top: 9px;
}


/* Content
-------------------------------------------------------------------*/
#content {
	width: 680px;
	float: left;
	padding: 10px;
	background: #fff;
}
#content .post {
	margin-bottom: 20px;
}
#content .post h2.post-title {
  margin-bottom: 2px;
  padding-left: 23px;
	background: url('images/post.gif') no-repeat 0 6px;
	color: #333; font-size: 18px;
}
#content .post h2.post-title a {
	text-decoration: none;
	color: #555;
}
#content .post .post-info {
	clear: both;
	padding: 3px 5px 3px 5px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5 url('images/pbg.png') top center;
	color: #333; font-size: 11px;
	text-shadow: 1px 1px 1px #fff;
}
#content .post .post-info2 {
	clear: both;
	margin-bottom: 15px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5 url('images/pbg.png') top center;
	color: #333; font-size: 11px;
	text-shadow: 1px 1px 1px #fff;
}
#content .post .post-info, 
#content .post .post-info2 a {color: #333;text-decoration:none;}
#content .post .post-info,
#content .post .post-info2 a:hover {color: #111;text-decoration:none;}

#content .post_content {
  padding: 5px;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
  font-size: 12px;
}

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

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

#content .pics img {
  margin-top: 10px;
  maring-left: 5px;
  padding-left: 20px;
}
#content hr {
  width: 100%;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  background-color: #bbb;
}
#content ul.service {
  border: 1px solid #eee;
  padding: 1px;
  list-style-type: square;
}
#content ul.service li {
  margin-top: -1px;
  padding-left: 7px;
  border: 1px solid #fff;
}
#content li.odd {
  padding: 3px;
  background-color: #efefef;
}
#content li.even {
  padding: 3px;
  background-color: #e9e9e9;
}
#content ul.downloads {
  padding: 1px;
  border: 1px solid #eee;
  list-style-type: none;
}
#content ul.downloads li {
  margin-top: -1px;
  padding-left: 7px;
  border: 1px solid #fff;
}
#content img.icon {
  margin-right: 7px;
  vertical-align: middle;
}
#content img.micro {
  text-align: center;
  vertical-align: middle;
}
#content table.micro {
  width: 100%;
  border: 1px solid #eee;
}
#content td.ico {
  width: 84px;
  padding-left: 3px;
  padding-bottom: 3px;
  background-color: #eee;
}
#content td.odd {
  width: 243px;
  padding: 2px;
  padding-left: 3px;
  background-color: #efefef;
}
#content td.even {
  width: 243px;
  padding: 2px;
  padding-left: 3px;
  background-color: #e9e9e9;
}
#content span.title {
  font-weight: bold;
  color: #555;
}
#content .info {
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px;
  border: 1px solid #ddd;
  background-color: #e9edee;
}
#content .info input, textarea {
  padding: 2px;
  border: 1px solid #ccc;
}
#content p.info {
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px;
  border: 1px solid #ddd;
  background-color: #e9edee;
  text-shadow: 1px 1px 1px #fff;
}
#content p.info2 {
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px;
  border: 1px solid #ddd;
  background-color: #eee;
  text-shadow: 1px 1px 1px #fff;
}
#content p.info3 {
  width: 98%;
  margin: 7px 0px 7px 2px;
  padding: 4px;
  border: 1px solid #dfdfdf;
  background-color: #efefef;
}
#content p.info4 {
  width: 99%;
  margin: 7px 0px 7px 2px;
  padding: 10px 0px 10px 0px;
  border: 1px solid #dfdfdf;
  background-color: #efefef;
  text-align: center;
}
#breadcrumbs {
  padding: 3px;
  border: 1px solid #ccc;
  background-color: #eee;
}
#content img.pf {
  border: 5px solid #e9e9e9;
}
#quotes {
	clear: both;
	margin-bottom: 20px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5 url('images/pbg.png') top center;
	color: #333; font-size: 12px;
	text-shadow: 1px 1px 1px #fff;
}

#soft, #dlnfo { width: 100%; }

#soft td, #dlnfo td {
  padding: 4px;
  border: 1px solid #dfdfdf;
  background-color: #efefef;
}

#soft td.title { width: 90px; text-align: right; vertical-align: top; }

#dlnfo td.title { width: 155px; text-align: center; vertical-align: top; }

div.wp_syntax {
  max-height: 500px !important;
  overflow: auto;
}


/* Comment Form
-------------------------------------------------------------------*/
#commentform {
	background: #fafafa;
	border: 5px solid #def7f8;
	padding: 10px;
	color: #555;
}
#commentform p {margin-bottom: 7px;}
#commentform textarea {
	width: 640px;
	border: 2px solid #ddd;
	height: 150px;
}
#commentform input.text {
	width: 250px;
	border: 2px solid #ddd;
	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: 200px;
	float: left;
	font: 13px Tahoma, Geneva, sans-serif;
	color: #555;
	margin-bottom: 15px;
}
#sidebar h3 {
	font: bold 12px Verdana;
	color: #333;
}

#sidebar a {color: #555;text-decoration: none;}
#sidebar a:hover {color: #777;text-decoration: underline;}

#sidebar .block {
	overflow: hidden;
	margin-bottom: -15px;
	padding: 15px;
	border-left: 1px solid #ccc;
}
#sidebar .block ul li {
	padding-left: 18px;
	background: url(images/arrow.gif) no-repeat 0px 3px;
}
#sidebar ul.children { margin-left: -5px; }

/* 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: 900px;
	height: 29px;
	float: left;
	clear: both; 
	position: relative;
	background: #fafafa url(images/fbg.png) 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;
	text-shadow: 1px 1px 1px #fff;
}
#footer a {
  text-decoration: none;
	color: #555;
}
#footer a:hover {
  color: #fff;
  text-shadow: 1px 1px 1px #111;
}
#footer span.sponsor {
  float: right;
  margin-top: 3px;
  margin-right: 7px;
}
#footer span.whos {
  float: right;
  margin-top: 3px;
  margin-right: 7px;
}
#footer span.pay {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
#footer span.pay {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
#footer span.gfxsoft {
  float: right;
  margin-top: 3px;
  margin-right: 7px;
}