/*
Theme Name: Grey Matter
Theme URI: http://masnikov.com/grey_matter
Description: <a href="http://masnikov.com/grey_matter">Grey Matter 3.2</a> is a light and clean WordPress theme with an advanced comment system (threaded comments).
Version: 3.3
Requires: WordPress 2.7+
Author: Nikolaj Masnikov
Author URI: http://masnikov.com
Tags: silver, white, light, two-columns, fixed-width, right-sidebar, photoblogging

  Grey Matter is a light and clean, widget ready, free and easy to use WordPress theme with two columns.
  It was designed and built by Nikolaj Masnikov: http://masnikov.com

  The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
  http://www.opensource.org/licenses/gpl-3.0.html

  In this theme are used some icons from Glass Style RSS Icon Set by Bittbox (www.bitbox.com)
  and from Diagona Icon Set by Yusuke Kamiyamane (www.pinvoke.com). Both sets are licensed under GPL.

  WHAT'S NEW

  3.3 (2010.04.10)
   • New translations: alternative Portuguese/Brazil (by Eduardo Araújo, http://www.firulex.org), Swedish (by Björn Johansson, http://notflipmo.se/blog).
   • Some minor changes in design.

  3.2 (2009.08.29)
   • Image alignment bug was fixed.

  3.1 (2009.06.29)
   • Calendar styles were adjusted.
   • Some changes in the comment form design.
   • Some minor design changes and bug fixes.
   • Date format is no more adjustable because of a strange WP problem.

  3.0 (2009.06.09)
   • New advanced comment system.
   • Post meta information design was improved.
   • Three interface languages: English, German and Russian.
   • Date format is now adjustable (Dashboard » Settings » General).
   • Some minor design changes and bug fixes.

  2.2 (2009.05.23)
   • Translation to Brazilian Portuguese by Thiago Santos (www.tmpsantos.com.br/en/).
   • Code/pre tags bug was fixed (thanks to Gerard JP www.gerardjp.com).
   • jQuery menu bar bug (IE only) was fixed.
   • Comment form floating bug was fixed.
   • Margins for content images were added.
   • Some minor bug fixes.

  2.1 (2009.03.22)
   • Drop-down menus for sub-pages (thanks to Stanley www.seoadsensethemes.com).
   • Some minor design changes.
*/

html, body {
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  color: #555;
  background: #464646;
}

img {
  border: 0;
}

a {
  color: #000;
  text-decoration: none;
}

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

code, pre {
  font: 'Courier New', Courier, Fixed;
  font-size: 100%;
  border: 1px solid #DDD;
  overflow: auto;
  padding: 5px;
	display: block;
  width: 100%; /* Important for IE6 */
}

hr {
  color: #FFF;
  height: 0px;
  border-top: 1px solid #AAA;
  border-left: 0px none #FFF;
  margin: 5px 0;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
  background: #b1b1b1 url(img/back.png) top center repeat-y;
}

#header {
  background-image: url(img/header.png);
  width: 960px;
  height: 135px;
  clear: both;
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #464646; /* don't touch it! */
  font-size: 130%;
  color: #747474;
}

#header a, #header a:hover, #header a:visited {
  color: #606060;
  text-decoration: none;
}

#header a:focus {
  outline:none;    /* kill focus rectangle, fix dot artefact in Mozilla Firefox */
}

#header h2 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/
}

#header h1 {
  font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
  font-size: 320%;
  font-weight: normal;
  margin: 0;
}

#header_siteheader {
  clear: both;
  float: left;
  width: 600px;
  height: 83px;
  margin: 0 0 0 40px;
  line-height: 83px;
  display: inline;
}

#header_sidebar {
  float: right;
  width: 250px;
  height: 49px;
  margin: 0 25px 0 0;
  display: inline;
  vertical-align: top;
  padding-top: 32px;
}

#header img {
  float: left;
  margin: 15px 25px 14px 0;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:300;
  width:100%;
}

#dropmenu a {
  display:block;
  /*padding:0.25em 1em;*/
  text-decoration:none;
}

#dropmenu a:hover {
  color:#fff;
}

#dropmenu li {
  float:right;
  position:relative;
}

#dropmenu ul {
  position:absolute;
  display:none;
  width:10em; /*auto*/
  top:1.9em;
  border:1px solid #747474;
}

#dropmenu ul a {
}

#dropmenu li ul {
  width:10em;
  top:auto;
  background:#666;
}

#dropmenu li ul a {
  width:  8.9em;
  /*height: auto;*/
  float:  left;
  text-align: left;
}

/* Sub-menu */
#dropmenu ul ul {
  top:auto;
}

#dropmenu li ul ul {
  left: 10em;
  margin: 0;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* Drop-down menus */


/* ------ CONTENT ------ */

#content {
  clear: both;
  font-size: 130%;
  line-height: 140%;
  float: left;
  width: 600px;
  min-width: 600px;
  margin: 0px 0px 0px 40px;
  display: inline;
}

#content a {
 /*border-bottom: 1px dotted;*/
 text-decoration: underline;
}

#content a:visited {
  color: #888;
}

#content a:hover {
  /*color: #000;*/
  color: #800000;
  text-decoration: underline;
  /*border-bottom: #000 1px solid;*/
}

#content img {
  /*margin: 0 10px 10px 0;*/
}

#content blockquote {
  border-left: 5px #EEE solid;
  /*background: #F7F7F7;*/
  color: #777;
  margin: 0 0 10px 10px;
  padding: 5px 7px 0 7px;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
  color: #777;
}

#content h1 {
  font-size: 190%;
  line-height: 120%;
  font-weight: normal;
  margin: 20px 0 15px 0;
}

#content h2 {
  font-size: 160%;
  line-height: 150%;
  font-weight: normal;
}

#content h3 {
  font-size: 130%;
  line-height: 130%;
  font-weight: normal;
  margin: 5px 0 5px 0;
}

#content a h1, #content h1 a, #content a:visited h1, #content h1 a:visited {
  color: #555;
  text-decoration: none;
  border: 0 none;
}

#content a:hover h1, #content h1 a:hover {
  color: #000;
  /*color: #800000;*/ /* Maroon */
  text-decoration: none;
  border-bottom: 1px dotted;
}

#content p {
  margin: 0 0 10px 0;
}

#content ul, #content ol {
  padding: 0 0 0 20px;
}

#content ul li, #content ol li {
  margin: 3px 0 3px 0;
  padding: 0;
}

#content .pagetitle {
  /*margin-bottom: 20px;
  font-size: 220%;
  font-weight: normal;*/
}


/* ------ POST META INFO ------ */

#postmeta {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	font-size: 90%;
	border-top: 1px solid #CCC;
	clear: both;
  color: #747474;
  background: #F5F5F5;
  line-height: 150%;
  padding: 3px 5px; 
  margin: 10px 0 40px 0;
}

#postmeta a, #postmeta a:visited {
  color: #333;
  text-decoration: none;
  /*border: 0 none;*/
}

#postmeta a:hover {
  color: #800000;
  border: 0 none;
  text-decoration: underline;
}

#postmeta img {  /* откуда эта фигня? убрать? */
  vertical-align: middle;
  margin: 0 4px 0 0;
}


/* ------ COMMENTS ------ */

#comments {
  clear: both;
  float: none;
  margin-top: 50px;
  font-size: 90%;
  line-height: 150%;
}

#comments h2 {
  font-size: 190%;
  font-weight: normal;
}

#comments h3 {
  font-size: 130%;
  font-weight: normal;
  margin: 15px 0 5px 0;
  float: none;
  clear: both;
}

#comments h3 a, #comments h3 a:visited {
  border-bottom: 1px dotted;
  text-decoration: none;
}

#comments h3 a:hover {
  color: #800000;
  text-decoration: none;
}

#comments img {
  margin: 0 5px 0 0;
}

#comments ol {
/*  list-style: none; */
  padding: 0;
  margin: 0;
}

#comments ul {
  list-style: square;
}

#comments ul li, #comments ol li {
  margin: 0;
  padding: 0 0 5px 0;
}

.commentlist {
  list-style: none;
}

.comment_border {
  border-bottom: 1px dotted #CCC;
  margin-bottom: 30px;
}

#comment_meta {
  float: none;
  clear: both;
  margin: 0 0 10px 0;
  line-height: 160%;
  color: #808080;
  height: 64px;
  font-size: 110%;
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  /*padding-left: 5px;*/
  /*background-color: #F5F5F5;*/
  /*border-bottom: 1px solid #CCC;*/
}

.comment_meta_admin {
  background-color: #F5F5F5;
}

.comment_meta_visitor {
  background-color: #FBFBFB;
}

.comment_admin {
  /*color: #400000;*/
  color: #000;
}

.comment_visitor {
  color: #555;
}

#comment_meta a, #comment_meta a:visited {
  color: #333;
  text-decoration: none;
}

#comment_meta a:hover {
  color: #800000;
  text-decoration: underline;
}

#comment_meta img {
  margin: 0 10px 0 0;
  float: left;
}

#comment_self {
  clear: both;
  float: none;
}

#respond {
/* need it for floating comment form */
}

#comment_form #comment {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 100%;
  margin: 0 15px 10px 0;
  height: 158px;
  background-color:#FFF;
  padding: 5px;
  border:#AAA 1px solid;
  color:#333;
}

.full_width {
  width: 98%;
  /*width: 588px;*/
  /*float: none;*/
}

.half_width {
  width: 57%;
  float: right;
}

#comment_form input {
  /*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 110%;
  margin: 1px 0 15px 0;
  background-color:#FFF;
  padding: 5px;
  width: 36%;*/
}

.inpt {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 110%;
  margin: 1px 0 15px 0;
  background-color:#FFF;
  padding: 5px;
  width: 36%;
}

.req {
  border:#AAA 1px solid;
  color:#555;
}

.notreq {
  border:#AAA 1px dotted;
}

.color_light_grey {
  color:#888;
}

.color_red{
  color: red;
}

#comment_form_bottom {
  float: none;
  clear: both;
}

.float_left {
  float: left;
}

#comment_form #submit {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 100%;
  background-color:#747474;
  border:#747474 1px solid;
  color:#DDD;
  width: 200px;
  height: 30px;
  padding: 0;
  font-weight: bold;
  clear: both;
  float: left;
  margin: 0 0 10px 0;
}

#comment_form #submit:hover {
  cursor: pointer;
  background-color:#606060;
  border: #555 1px solid;
  color: #fff;
}


/* ------ SIDEBAR ------ */

#sidebar {
  font-size: 120%;
  line-height: 130%;
  float: right;
  width: 250px;
  min-width: 250px;
  margin: 0px 25px 0px 0px;
  display: inline;
}

#sidebar img {
  float: none;
}

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

#sidebar p {
  margin: 0 0 5px 0;
}

#sidebar h2 {
  font-size: 100%;
  font-weight: normal;
  color: #DDD;
  background-color: #747474;
  padding: 0px 8px;
  line-height: 180%;
  margin: 0 0 10px 0;
}

#sidebar ul {
  list-style: none;
  /*margin: 0 0 25px 0;*/
  padding: 0;
  margin: 0;
}

#sidebar ul li {
  margin: 0 0 25px 0;
}

#sidebar ul ul {
  padding: 0 0 0 8px;
}

#sidebar ul ul li, #sidebar ul ul ul li {
 margin: 5px 0 5px 0;
}

#sidebar ul ul ul {
  margin: 2px 0 0 0;
  padding: 0;
  line-height: 100%;
  list-style:  url(img/bullet_dot.png) inside;
}

#sidebar ul ul ul li {
 margin-left: 7px;
}


/* ------ POST / PAGE / COMMENT NAVIGATION ------ */

#navigation {
	width: 600px;
	list-style: none;
	line-height: 100%;
	margin: 0;
  padding: 0;
}

.left {
	float: left;
  display: inline;
}

.right {
	float: right;
  display: inline;
}


/* ------ FOOTER ------ */

#footer {
  font-size: 130%;
  clear: both;
  width: 960px;
  margin: 0 auto;
  height: 64px;
  background: #b1b1b1 url(img/footer.png) center no-repeat;
  border: 0;
}

/*#footer_content {
  line-height: 150%;
  text-align: center;
  height: 58px;
  width: 600px;
  margin: 0px 0px 0px 40px;
}*/

#footer_content p {
  padding: 10px 0 0 0;
}


/* ------ BLACK LINES AT TOP AND BOTTOM------ */

#blackband_top_left, #blackband_top_right {
  width: 440px;
  height: 30px;
  color: #CCC;
  line-height: 30px;
}

#blackband_bottom_left, #blackband_bottom_right {
  width: 440px;
  color: #CCC;
  line-height: 62px;
}

#blackband_top_left, #blackband_top_right {
  margin-top: 19px;
  line-height: 32px;
}

#blackband_bottom_left, #blackband_top_left {
  margin-left: 40px;
  float: left;
  display: inline;
}

#blackband_bottom_right, #blackband_top_right {
  margin-right: 40px;
  float: right;
  text-align: right;
  display: inline;
}

#blackband_top_right {
  margin-right: 34px;
}

#blackband_top_right ul {
  margin: 1px 0 0 0;
  float: right;
  width: auto;
}

#blackband_top_right ul ul {
  padding: 0;
  margin: 0;
}

#blackband_top_right ul li, #blackband_top_right ul ul li {
  line-height: 30px;
  float: left;
	list-style: none;
}

#blackband_top_right h2 {
  text-align: right;
  float: right;
}

#blackband_top_right ul li a {
  padding: 0 7px 0 7px;
}

#blackband_bottom_right a:hover, #blackband_bottom_left a:hover {
  color: #FFF;
  text-decoration: underline;
}

#blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited {
  color: #FFF;
  text-decoration: none;
  display: block;
}

#blackband_bottom_right a, #blackband_bottom_right a:active, #blackband_bottom_left a, #blackband_bottom_left a:active {
  color: #FFF;
  text-decoration: none;
}

#blackband_top_right ul li a {
/*image preload trick for hover element*/
  background-image: url(img/back_menu.png);
  background-repeat: no-repeat;
  background-position: -1000px -1000px;
/*image preload trick for hover element*/
}

#blackband_top_right ul li a:hover {
  background: url(img/back_menu.png) repeat-x;
  color: #747474;
}

#blackband_top_right ul ul li a:hover {
  background: #e1ddd2;
  color: #747474;
}

.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}


/* ------ SEARCHFORM ------ */

#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#747474;
  margin: 0;
  padding: 2px 4px 2px 4px;
  border:#747474 1px solid;
  color:#DDD;
  width: 55px;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#606060;
  border:#333 1px solid;
  color:#fff;
}

#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0 5px 0 0;
  background-color:#DDD;
  padding: 3px 4px 3px 4px;
  border:#747474 1px solid;
  color:#606060;
  width: 175px;
  cursor: text;
}


/* ------ MISC STUFF ------ */

#counters {
  width: 0px;
  height: 0px;
  display: none;
  float: left;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.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;
}

.alignnone {
   float: none;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 7px;
   margin: 5px 10px 5px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 90%;
   line-height: 120%;
   padding: 0 10px 0 0;
   margin: 0;
}

#wp-calendar {
  margin: 0 auto;
  line-height: 150%;
}

table#wp-calendar{
  width: 80%;
}

#wp-calendar a {
	text-decoration: underline;
  font-weight: bold;
}

table#wp-calendar tfoot td a{
  border: 0;
  font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td{
  text-align: center;
}

.widget_tag_cloud {
  line-height: 175%;
}

#tag_cloud, #tag_cloud-2 /*WP 2.8*/ {
  line-height: 200%;
}

#content img.wp-smiley {
  border: none;
  padding: 0px;
  margin: 0px;
  vertical-align: text-top;
}