/*
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: Georgia, "Times New Roman", Times, serif;*/
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  color: #555555;
  background: #464646;
 background-image: url(http://c2ctoh2o.com/images/pgbg.gif); 
background-attachment: fixed;
 
}

img {
  border: 0;
}


a {
  color: #3F7099;
  text-decoration: none;
}

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

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

}
#header {
  background-image: url(img/headerimg0.png);
  width: 870px;
  height: 200px;
  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 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: 180%;
  font-weight: normal;
  margin: 0;
}

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

#header_sidebar {
  float: right;
  width: 200px;
  height: 49px;
  margin: 0 5px 0 0;
  display: inline;
  vertical-align: top;
  padding-top: 12px;
}

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

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

#content a {
 border-bottom: 0px 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-size: 140%;
  line-height: 120%;
  color: #747474;
  font-weight: normal;
  margin: 20px 0 15px 0;
}

#content h2 {
  font-size: 130%;
  line-height: 140%;
  font-weight: normal;
}

#content h3 {
  font-size: 110%;
  line-height: 110%;
  font-weight: bold;
  margin: 2px 0 2px 0;
}

#content a h3, #content h3 a {
  color: #444;
  text-decoration: none;
  border: 0 none;
}

#content a:hover h3, #content h3 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted;
}

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

#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: 130%;
  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: 3px 3px 3px 3px;
 margin: 3px 3px 3px 3px; 
}

#comments ul {
  list-style: square;
}

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

#sidebar {
  font-size: 110%;
  line-height: 120%;
  float: left;
  width: 175px;
  min-width: 175px;
  margin: 0px 10px 0px 12px;
  display: inline;
}

#tag_cloud {
  line-height: 200%;
}
caption  {
  font-size: 100%;
  font-weight: bold;
  color: #444;}


#sidebar img {
  float: none;
}

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

#sidebar h2 {
  font-size: 100%;
  font-weight: bold;
  color: #EEE;
  background-color: #747474;
 border: 1px solid #444; 
  padding: 0px 5px;
  line-height: 180%;
  margin: 0 0 2px 0;
}

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

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

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

#sidebar ul ul li {
  margin: 0 0 5px 0;
}
.head {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	border-bottom: 1px dashed #CCC;
	clear: both;
  margin: 5px 0 10px 0;
  background: #FFFFFF;

}
.date a {
  color: #444;
  border: 0 none;
}

.date a:hover {
  color: #000;
  border: 0 none;
  text-decoration: underline;
}

#postmeta {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	font-size: 85%;
	border-top: 1px dashed #CCC;
	clear: both;
  color: #747474;
  margin: 5px 0 10px 0;
  background: #FFFFFF;

}

#postmeta a {
  color: #3F7099;
  border: 0 none;
}

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

#postmeta img {
  vertical-align: middle;
  margin: 0 1px 2px 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: 110%;
  clear: both;
  width: 870px;
  margin: 0 auto;
  height: 25px;
  background: url(img/footer1.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: 0px 0 0 0;
}

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

#blackband_bottom_left, #blackband_bottom_right {
  width: 400px;
  color: #CCC;
  line-height: 18px;
}

#blackband_top_left, #blackband_top_right {
  margin-top: 175px;
  line-height: 18px; color: #000000;
}

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

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

#blackband_top_right {
  margin-right: 14px;
}

#blackband_top_right ul {
  margin-top: 0px;
  float: right;
}

#blackband_top_right ul li {
  line-height: 17px;
  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: #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;
}

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

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

#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:11px;
  margin: 0 1px 0 0;
  background-color:#EFEFEF;
  padding: 2px 2px 2px 2px;
  border:#747474 1px solid;
  color:#606060;
  width: 132px;
}

#content .pagetitle {
	margin-bottom: 10px;
  font-size: 125%;
  font-weight: bold;
}

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;
}
#gallery { width: 830px;}
.gecko {margin: 0 0 0 10px; }
#wp-calendar { margin: auto;}
.wpg2sidebargrid-image { margin: auto;}
.avatar avatar-48 photo {float: left;}


ol.commentlist { list-style:none; margin: 3px 3px 3px -23px; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:2px solid #d5d5d5; float:left; padding: 3px 3px 3px 3px;
 margin: 3px 3px 3px 3px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif;  padding: 3px 3px 3px 3px;
 margin: 3px 3px 3px 3px;  }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:3px; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; margin: 3px 3px 3px 3px;  padding:5px 5px; text-align:center; width:42px; }
ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-transform:uppercase; text-decoration: none; }
ol.commentlist li div.reply a:hover { text-decoration: none; }
ol.commentlist li ul.children { list-style:none;  padding: 3px 3px 3px 3px; margin: 20px 3px 3px -12px;  text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 {  padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px;  }
ol.commentlist li ul.children li.depth-3 {  padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; }
ol.commentlist li ul.children li.depth-4 {  padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px;  }
ol.commentlist li ul.children li.depth-5 {  padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}