/*----------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

a {
  color: #474747;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

body {
  background: #474747;
  color: #474747;
  font-family: georgia, serif;
  font-size: 10pt;
}

.clear {
  clear: both;
}

/*----------------------------------------------------------------------------*/
#outer {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.0em;
  background: #f3f3f3;
  padding: 1.0em;
  margin-bottom: 1.0em;
}

#outer2 {
  border: dashed 1px #dfdfdf;
  padding: 1.0em;
}

/*----------------------------------------------------------------------------*/
#menu {
  background: #474747;
  color: #f3f3f3;
  height: 1.4em;
  line-height: 1.4em;
  padding: 0.8em;
}

#menu a {
  color: #f3f3f3;
  text-decoration: none;
}

#menu ul {
  list-style: none;
  padding: 0em;
}

#menu ul.left {
  float: left;
  width: 650px;
}

#menu ul.right {
  float: right;
  width: 200px;
  text-align: right;
}

#menu li {
  display: inline;
  font-size: 0.9em;
  font-weight: bold;
}

#menu li a {
  padding: 0.8em;
}

#menu li a.active {
  background: #7e7e7e;
}

#menu li a:hover {
  background: #7e7e7e;
}

/*----------------------------------------------------------------------------*/
#header {
  padding: 0.8em 1.2em 1.2em 1.2em;
}

#header h2 {
  font-size: 3.0em;
  text-transform: lowercase;
  font-weight: normal;
  letter-spacing: -0.05em;
}

#header h3 {
  position: relative;
  top: -0.1em;
  text-transform: lowercase;
  font-size: 0.8em;
  color: #6b6b6b;
}

/*----------------------------------------------------------------------------*/
#container {
  margin-top: 1.0em;
  padding: 1.2em;
  line-height: 2.2em;
  font-size: 0.9em;
  position: relative;
}

/*----------------------------------------------------------------------------*/
#content {
  width: 620px;
  float: left;
  position: relative;
}

#content p {
  text-align: justify;
  margin-bottom: 2.0em;
  color: #6b6b6b;
}

#content p.space {
  margin: 2.0em 0;
}

#content h1, #content h2 {
  font-size: 1.6em;
  border-bottom: dashed 1px #dfdfdf;
  font-weight: normal;
}

#content h1 a, #content h2 a {
  text-decoration: none;
}

#content h1 a:hover, #content h2 a:hover {
  text-decoration: underline;
}

#content div.post_info {
  font-size: 8pt;
  margin: 0 0 10px 0;
  text-align: right;
  color: #7e7e7e;
}

#content div.other {
  margin: 40px 0 0 0;
}

#content div.other p.left {
  float: left;
  width: 300px;
}

#content div.other p.right {
  float: right;
  text-align: right;
  width: 300px;
}

#content ul.site_list {
  list-style: none;
  margin: 20px 0 0 30px;
}

#content ul.sitemap {
  list-style: none;
  margin: 20px 0 20px 30px;
}

#content ul.blog_list {
  list-style: none;
  margin: 10px 0 10px 30px;
}

#content ul.dictionary {
  list-style: none;
  margin: 20px 0 20px 30px;
}

#content ul.dictionary li {
  margin-bottom: 10px;
}

#content div.last_blog_entry {
  margin: -7px 0 5px 20px;
  font-style: italic;
  text-align: right;
}

#content div.referer {
  border: 1px solid #ffdb4f;
  background: #ffea91;
  padding: 10px 20px;
}

#content blockquote {
  margin: 0 0 20px 40px;
  font-style: italic;
}

#content div.images {
  text-align: center;
}

#content div.images img {
  padding: 5px;
  border: 1px solid #dfdfdf;
}

#content div.images p {
  font-style: italic;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
#social_bookmarks {
  border: dashed 1px #dfdfdf;
  margin: 0 0 20px 0;
}

#social_bookmarks ul {
  list-style: none;
  padding: 10px 0 0 0;
  float: right;
  width: 440px;
}

#social_bookmarks ul li {
  display: inline;
  margin: 0 10px 0 0;
}

#social_bookmarks span {
  display: none;
}

/* wykop */
a.wykop {
  background: url(images/bookmarks/wykop.gif) no-repeat;
  padding: 6px 16px 7px 16px;
}

a.wykop:hover {
  background: url(images/bookmarks/wykop_hover.gif) no-repeat;
}

/* flaker */
a.flaker {
  background: url(images/bookmarks/flaker.png) no-repeat;
  padding: 6px 16px 7px 16px;
}

a.flaker:hover {
  background: url(images/bookmarks/flaker_hover.png) no-repeat;
}

/* blip */
a.blip {
  background: url(images/bookmarks/blip.png) no-repeat;
  padding: 6px 23px 7px 16px;
}

a.blip:hover {
  background: url(images/bookmarks/blip_hover.png) no-repeat;
}

/* twitter */
a.twitter {
  background: url(images/bookmarks/twitter.png) no-repeat;
  padding: 6px 12px 7px 16px;
}

a.twitter:hover {
  background: url(images/bookmarks/twitter_hover.png) no-repeat;
}

/* facebook */
a.facebook {
  background: url(images/bookmarks/facebook.jpg) no-repeat;
  padding: 6px 12px 7px 16px;
}

a.facebook:hover {
  background: url(images/bookmarks/facebook_hover.jpg) no-repeat;
}

/* technorati */
a.technorati {
  background: url(images/bookmarks/technorati.png) no-repeat;
  padding: 6px 12px 7px 16px;
}

a.technorati:hover {
  background: url(images/bookmarks/technorati_hover.png) no-repeat;
}

/* sledzik */
a.sledzik {
  background: url(images/bookmarks/sledzik.png) no-repeat;
  padding: 6px 16px 7px 16px;
}

a.sledzik:hover {
  background: url(images/bookmarks/sledzik_hover.png) no-repeat;
}

#social_bookmarks p {
  float: left;
  width: 150px;
  padding: 10px 0 10px 15px;
  margin: 0;
  font-style: italic;
}

/*----------------------------------------------------------------------------*/
#comments_box {
  margin: 0 0 20px 0;
  font-size: 10pt;
}

#comments_box ul#comments {
  margin: 0 0 20px 0;
  list-style: none;
  padding: 0.5em 1.0em;
  border-top: dashed 1px #dfdfdf;
}

#comments_box ul#comments li {
  border-bottom: dashed 1px #dfdfdf;
  padding: 10px 0;
}

#comments_box ul#comments li.last {
  border: none;
}

#comments_box ul#comments li p {
  margin: 0;
  padding: 0;
}

#comments_box ul#comments li p span.italic {
  font-style: italic;
  color: #7e7e7e;
  font-size: 8pt;
}

#comments_box ul#comments li p.author {
  float: left;
}

#comments_box ul#comments li p.date {
  float: right;
  text-align: right;
  color: #7e7e7e;
}

#comments_box ul#comments li p.comment {
  clear: both;
}

#comments_box ul#comments li p.comment img.gravatar {
  float: left;
  border: 1px solid #dfdfdf;
  padding: 2px;
  margin: 10px 10px 0 5px;
}

#comments_box #comment_form {
  border: dashed 1px #dfdfdf;
  padding: 1.0em;
}

#comments_box h3 a {
  text-decoration: underline;
}

#comments_box #comment_form div.error_message, #comments_box #comment_form div.ok_message {
  margin-top: 10px;
  padding: 10px 20px;
}

#comments_box #comment_form div.error_message {
  border: 1px solid #ed7c7c;
  background: #edbaba;
}

#comments_box #comment_form div.ok_message {
  border: 1px solid #acc66c;
  background: #c4e17c;
}

#comments_box #comment_form form {
  margin: 20px;
}

#comments_box #comment_form form p {
  margin: 10px 0 -10px 0;
}

#comments_box #comment_form form span.red {
  color: #dc4343;
}

#comments_box #comment_form form input.text {
  font-size: 12pt;
  font-family: georgia, serif;
  width: 250px;
  border: 1px solid #dfdfdf;
  margin: 0 10px 0 0;
}

#comments_box #comment_form form input.submit {
  font-family: georgia, serif;
}

#comments_box #comment_form form textarea {
  font-size: 12pt;
  font-family: georgia, serif;
  width: 550px;
  height: 200px;
  border: 1px solid #dfdfdf;
}

#comments_box #comment_form form input.text:hover, #comments_box #comment_form form textarea:hover {
  border: 1px solid #7e7e7e;
}

/*----------------------------------------------------------------------------*/
#sidebar {
  width: 180px;
  float: right;
  position: relative;
  margin-left: auto;
}

#sidebar p {
  text-align: justify;
  margin-bottom: 2.0em;
  color: #6b6b6b;
  font-size: 1.0em;
}

#sidebar h3 {
  font-size: 1.1em;
  border-bottom: dashed 1px #dfdfdf;
  margin-bottom: 1.0em;
}

#sidebar ul {
  list-style: none;
  line-height: 2.0em;
  margin-bottom: 2.0em;
}

#sidebar img.avatar {
  padding: 5px;
  border: 1px solid #dfdfdf;
  margin: 0 0 15px 30px;
}

/*----------------------------------------------------------------------------*/
#footer {
  border-top: dashed 1px #dfdfdf;
  padding-top: 1.0em;
  font-size: 1.0em;
  color: #474747;
  padding-left: 1.2em;
  clear: both;
}

#footer p.info {
  float: left;
  width: 300px;
}

#footer p.copy {
  float: right;
  text-align: right;
  width: 150px;
}