/*

Theme Name: Grey Matter

Theme URI: http://masnikov.com/grey_matter

Description: <a href="http://masnikov.com/grey_matter">Grey Matter 2.0</a> is a light and clean WordPress theme. If you like it, you can make a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=1298747">donation</a>.

Version: 2.0

Author: Nikolaj Masnikov

Author URI: http://masnikov.com

Tags: silver, white, light, two-columns, fixed-width, right-sidebar, photoblogging



  Grey Matter v.2.0 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.

*/



html, body {

  height: 100%;

}



body {

  margin: 0 auto;

  padding: 0;

  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;

  font-size: 62.5%;

  color: #FFFFFF;

  background: #000000;

}



img {

  border: 0;

}





a {

  color: #CCC;

  text-decoration: none;

}



a:hover {

  color: #FFF;

  text-decoration: underline;

}



#wrapper {

  margin: 0 auto;

  width: 960px;

  background: #000;

}



#header {

  width: 900px;

  height: 50px; /* 150px; */

  clear: both;

/*  padding-left:40px;*/

  border-top: 1px solid #464646; /* don't touch it! */

  font-size: 20px;

  color: #CCC;

}



#header a, #header a:hover, #header a:visited {

  color: #FFF;

  text-decoration: none;

}



#header h2 {

  font-size: 15px; 
  font-weight: normal;

  margin: 0;

  font-family: "Century Gothic", "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;

}



#header h1 {

  font-family: "Century Gothic", "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;

  font-size: 17px; /* 20px; */

  line-height: 17px; /* 20px; */

  font-weight: normal;

  margin: 0;

}



#header_siteheader {

  clear: both;

  float: left;
  height:30px;
  width: 650px;
  margin:0px 0px 20px 0px;
  padding:0px;


}
#header_siteheader ul { 
	list-style: none;
	margin:0px 0px 0px 40px;
	padding:0px;
}

#header_siteheader ul li {
	line-height: 28px;
	float: left;
	list-style: none;

}


#header_siteheader ul li a {

  padding: 0px 10px 0px 0px;
 display:block;
}



#header_siteheader ul li a:hover, #blackband_bottom_right a:hover, #blackband_bottom_left a:hover {

  color: #CCC;

  text-decoration: underline;

}



#header_siteheader a, #header_siteheader a:active, #header_siteheader a:visited {

  color: #CCC;

  text-decoration: none;

  display: block;

}



#header_sidebar {

  float: right;

  width: 200px;

  height: 49px;

  margin: 0 25px 0 0;

  display: inline;

  vertical-align: top;

  padding-top: 32px;

}



#header img {

  float: left;

  margin: 15px 25px 0px /*14px*/ 40px;

}



#content {

  clear: both;
  font-size: 140%;
  line-height: 140%;
  float: left;
  width: 650px;
  min-width: 600px;
  padding:0px;
  margin: 25px 0px 0px 40px;
  /*display: inline;*/

}



#content a {
	  
  background-color:#660000;
  
/*  border-bottom: 1px dotted;*/

 /*text-decoration: underline;*/

}



#content blockquote, #content code {

  border-left: 3px #DDD solid;

  background: #F5F5F5;

  padding: 5px 0 2px 10px;

  margin: 0 0 10px 15px;

}



#content code {

	font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace;

	display: block;

}



#content a:hover {

  text-decoration: none;

/*  border-bottom: #000 1px solid;*/

}



#content h1 {

font-family: "Century Gothic", "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;

   font-size: 20px;

  line-height: 140%;

  color: #CCC;

  font-weight: normal;

  margin: 20px 0 15px 0;

border-bottom: #999 2px solid;

}



#content h2 {
  font-family: "Century Gothic", "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
  font-size: 18px;
  height: 20px;
  font-weight: normal;
padding:0px;
margin:45px 0px 10px 0px;
display:block;
}



#content h3 {

  font-size: 15px;

  line-height: 130%;

  font-weight: normal;

  margin: 5px 0 5px 0;

}



#content a h1, #content h1 a {

  color: #CCC;

  text-decoration: none;

  border: 0 none;
  
  background-color:#000000;

}



#content a:hover h1, #content h1 a:hover {

  color: #FFF;

  text-decoration: none;

background-color:#999;

border-bottom: #999 2px solid;

}



#content p {

  margin: 0 0 10px 0;

}



#content ul, #content ol {

  padding: 0 0 0 30px;

}



#content ul li, #content ol li {

  margin: 3px 0 3px 0;

  padding: 0;

}

.auction_title {
	font-size:18px;
	font-style:italic;
}

.auction_details {
	color:#999999;
}

.largeText {
	font-size:18px;
}


#counters {

  width: 0px;

  height: 0px;

  display: none;

  float: left;

}



#comments {

 font-size: 90%;

 line-height: 140%;

}



.commenter {

  color: #808080;

  font-size: 90%

}



#comments h1 {

  font-size: 150%;

  line-height: 120%;

  color: #606060;

  font-weight: normal;

  margin: 30px 0 10px 0;

}



#comments img {

  float: none;

  margin: 0 5px 0 0;

}



#comments ul, #comments ol {

  padding: 0 0 0 25px;

}



#comments ul {

  list-style: square;

}



#comments ul li, #comments ol li {

  margin: 0 0 30px 0;

  padding: 0;

}



#sidebar {

  font-size: 130%;

  line-height: 130%;

  float: right;

  width: 200px;

  min-width: 200px;

  margin: 22px /* 0px */ 25px 0px 0px;

  display: inline;

}



#tag_cloud {

  line-height: 200%;

}



#sidebar img {

  float: none;

}



#sidebar p {

  margin: 0 0 5px 0;

}



#sidebar h2 {

font-family:"Century Gothic", "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;

  font-size: 15px;

  font-weight: normal;

  color: #ccc;

  background-color: #333333;

  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 {

  margin: 0 0 5px 0;

}



#postmeta {

  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;

	font-size: 85%;

	border-top: 2px solid #333;

	clear: both;

  color: #ccc;

  margin: 10px 0 20px 0;

  background: #333;

}



#postmeta a {

	background-color:#333333;

  color: #999;

  border: 0 none;

}



#postmeta a:hover {

  color: #FFF;

  border: 0 none;

  text-decoration: underline;

}



#postmeta img {

  vertical-align: middle;

  margin: 0 4px 0 0;

}



.postnav {

	width: 600px;

	float: left;

	list-style: none;

	line-height: 100%;

	margin: 0 -30px 0 -30px;

	padding: 0;

}



.postnav li.left {

	display: block;

	float: left;

}



.postnav li.right {

	display: block;

	float: right;

}



.pagenav {

	width: 600px;

	float: left;

	list-style: none;

	line-height: 100%;

 	margin: 20px -30px 0 -30px;

	padding: 0;

}





.pagenav li.left {

	display: block;

	float: left;

}



.pagenav li.right {

	display: block;

	float: right;

}



#footer {

  font-size: 130%;

  clear: both;

  width: 960px;

  margin: 0 auto;

  height: 64px;

  background: #000;

  border: 0;

}



/*#footer_content {

  line-height: 150%;

  text-align: center;

  height: 58px;

  width: 650px;

  margin: 0px 0px 0px 40px;

}*/



#footer_content p {

  padding: 10px 0 0 0;

}



#blackband_top_left {

  width: 440px;

  height: 30px;

  color: #CCC;

  line-height: 30px;

}



#blackband_top_right{

  width: 200px;

  /*height: 50px;  50px; */

  color: #CCC;

  line-height: 30px;

padding-left:50px;

}



#blackband_bottom_left, #blackband_bottom_right {

  width: 440px;

  color: #CCC;

  line-height: 62px;

}



#blackband_top_left, #blackband_top_right {

  margin-top: 0px;

  line-height: 32px;

}



#blackband_bottom_left {

  margin-left: 40px;

}



#blackband_top_left {

  float: left;

  display: inline;

}



#blackband_bottom_right {

  margin-right: 20px;

  float: right;

  text-align: right;

  display: inline;

}



#blackband_top_right {

  float: right;

  text-align: left;

  display: inline;

}



#blackband_top_right ul {

  margin-top: 0px;

  float: left;

}



#blackband_top_right ul li {

  line-height: 28px;

  float: left;

	list-style: none;

}



#blackband_top_right ul li a {

  padding: 0 5px 0 5px;

}



#blackband_top_right ul li a:hover, #blackband_bottom_right a:hover, #blackband_bottom_left a:hover {

  color: #CCC;

  text-decoration: underline;

}



#blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited {

  color: #CCC;

  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;

}



.hasFloat:after {

  content: "";

  display: block;

  clear: both;

}



#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:#222 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: 190px;

}



#content .pagetitle {

	margin-bottom: 20px;

  font-size: 220%;

  font-weight: normal;

}



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;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* 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 {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}