/*

Theme Name: Grey Matter

Theme URI: 

Description: Grey Matter  is a light and clean WordPress theme. If you like it, you can make 

Version: 2.0

Author: Nikolaj Masnikov

Author URI: 

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.

*/



* {

    margin:0;

    padding:0;

}



html, body {

    height: 100%;

    color:#7F7F7F;

    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;

    font-size:10px;

    background-image: none;

   /* background-image: url(/wp-content/themes/grey_matter_2/img/photos_bkg.jpg); background-color:#ccc; */

   background-color:#ccc;

}



.noback {

    background-image: url(/wp-content/themes/grey_matter_2/img/photos_bkg.jpg)  !important;

}



body {

  margin: 0 auto;

  padding: 0;

 /*  background: #464646;*/ 

}



img {

  border: 0;

}



ul, ol {

    list-style-image:none;

    list-style-type:none;

}



a {

  color: #000;

  text-decoration: none;

}



a:hover {

  color: #000;

  text-decoration: underline;

}



#wrapper {   

  text-align:left;

  height:100%;

  margin:0 auto;

  padding-bottom:1.5em;

  padding-top:0.75em;

  text-align:left;

  width:98.3em;

}



#header { 

  width: 98.3em;

  height: 83px;

  clear: both;  

  padding: 0;

  margin-top: 0;

  background: #666;

  background-image: url(/wp-content/themes/grey_matter_2/img/header/bloglink1.gif);

  background-repeat:no-repeat;



}



#inner_header_recent_blogs .img_table img{

    margin:0px;

    text-align:center;

}

#inner_header_recent_blogs {

 BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; BACKGROUND: #ffffff;

 FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid;

 POSITION: relative; 

}



#inner_header_recent_blogs_scroll

{ BORDER-RIGHT: #00ff00 0px solid; BORDER-TOP: #00ff00 0px solid; margin-top:7px; float: left; BORDER-LEFT: #00ff00 0px solid; WIDTH: 905px; BORDER-BOTTOM: #00ff00 0px solid;  OVERFLOW: hidden !important; position:absolute;

}



#inner_header_recent_blogs .img_table {

font-size:12px;

margin:0px;

text-align:center;

}





#header_recent_blogs {

height:130px; float:left; width:98.3em;overflow:hidden; border:0px solid #FF0000;

/* background:#FFFFFF;*/

}



.header_recent_blogs_content {

width:62.4em !important;

background:#999696;

clear:both;

float:left;

margin:1em;

overflow:hidden;

padding:0.75em 1em;

}



#inner_header_recent_blogs_left {

background-image: url(/wp-content/themes/grey_matter_2/img/arrow-left.png); background-color:#FFFFFF; background-repeat:no-repeat; position:absolute;height:115px;width:30px; background-position:center;float:left;vertical-align:middle;z-index:2;

}



#inner_header_recent_blogs_left:hover {

background-color:#666666 !important;

}



#inner_header_recent_blogs_right {

background-repeat:no-repeat; background-position:center; background-color:#FFFFFF; background-image: url(/wp-content/themes/grey_matter_2/img/arrow-right.png); position:relative; height:115px;float:right; width:30px; vertical-align:middle;margin-left:10px;z-index:2;

}



#inner_header_recent_blogs_right:hover {

background-color:#666666 !important;



}



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

  color: #fff;

  text-decoration: none;

}



#header h2 {

  font-size: 100%;

  font-weight: normal;

  margin: 0; 

}



#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: 0.4em 0.2em;

}



#content {

    background:#FFFFFF none repeat scroll 0 0;

    float:left;

    margin-right:1.5em;

    margin-top:1.5em;

    padding:0 1.4em;

    width:64em;

}



#content blockquote, #content code {

  border-left: 3px #DDD solid;

  background: #F5F5F5;

  padding: 5px 0 2px 10px;

  margin: 0 0 10px 15px;

}





#content a:hover {

  text-decoration: none; 

}



#content p {

  margin: 0 0 10px 0;

  font-size: 1.2em;

}



.carousel_summary {

    font-size:1.4em !important;

    margin-top:0.6em !important;

}





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

  padding: 0;

}



#sidebar {





  float:right;

  margin-top:1.5em;

  overflow:hidden;

  width:30em;

}



#sidebar li {background: #fff; padding: 1em;}



#tag_cloud {

  line-height: 200%;

}



#sidebar img {

  float: none;

}



#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 {

  margin: 0 0 5px 0;

}



#postmeta {

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

	font-size: 85%;

	border-top: 1px solid #CCC;

	clear: both;

  color: #747474;

  margin: 10px 0 20px 0;

  background: #F5F5F5;

}



#postmeta a {

  color: #444;

  border: 0 none;

}



#postmeta a:hover {

  color: #000;

  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: 2em 0 2em 1em;

	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: #b1b1b1 url(img/footer.png) center no-repeat;

  border: 0;

}



#footer_content p {

  padding: 10px 0 0 0;

}







#mainSearch {

    margin-right: 0;

    margin-top:3px;

    clear:right;

    display:block;

    float:right;

}



#mainSearch .search {

    float:left;

}



#header #headerTopics {

    background:#8DB638 none repeat scroll 0 0;

    border-top:1px solid #B7DF63;

    clear:both;

    float:left;

    height:33px;

    margin-top:6px;

    overflow:hidden;

    width:983px;

}



#header #channels {

    background-color:#8DB638;

    clear:both;

    float:left;

    width:976px;

}



#header #channelsList {

   max-width:672px;

    padding:0.9em 1.2em 0.9em 0.5em;

    margin:0;

}



#channelsList {

   clear:both;

    float:left;

    padding:6px 1.2em 6px 0;

}



#header #channelsList li {

    border-right:1px dotted #BBD388;

    clear:none;

    float:left;

    font-size:1.2em;

    height:16px;

    margin-bottom:1em;

    margin-right:0.4em;

    padding:0 0.9em 0 0.75em;

}



#header #channelsList li a {

    color:#FFFFFF;

    font-weight:bold;

    text-transform:lowercase;

}



#channelsList li a {

    text-decoration: none;

}



#header #logo {

    height:48px;

    margin-bottom:0;

    overflow:hidden;

    width:200px;

    padding: 0.6em 1em 0;

}



#logo {float:left;  }



#header #headerTop {

    float:left;

    height:19px;

    overflow:hidden;

    width:750px;

}



#header #headerBottom {

    float:left;

    height:26px;

    overflow:hidden;

    width:750px;

}



#header #headerNav{

    float:left;

    width:580px;

}



#header #mainNav {

    clear:both;

    color:#5B6F31;

    float:left;

    height:22px;

    margin-bottom:0;

    padding:0 0 0 1em;

}



#header #mainNav li {

    clear:both;

    color:#5B6F31;

    float:left;

    height:22px;

    margin-bottom:0;

    padding:0 0 0 1em;

}





#MainNav li {

    clear:none;

    float:left;

    font-weight:normal;

    margin-right:0.3em;

    padding:2px 0;

}



#content .title {

    float:left;

    margin:1.5em 1em 0 0;

    width: 64.4em;

}



#content .heading {

    overflow:hidden;

}



.heading h1 {

    color: #666;

    float:left;

    font-size:2.2em;

}



#content .heading_line {

    background-color:#BCBCBC;

    height:6px;

    margin:0.3em 0 0.75em;

    overflow:hidden;

    width:64.4em;

}



#content #featured_articles {

    float:left;

    height:195px;

    margin:0 1em 1em 0;

    width:64.4em;

}



.carousel {

    float:left;

    overflow:hidden;

    padding:0;

    width:64.4em;

    height:195px;

}



.carousel_index .carousel_image {

    float:left;

    height:195px;

    width:260px;

}



.carousel_index .carousel_text {

    float:left;

    padding:0 0 1em 1em;

    width:37.4em;

    height:165px;

}



.carousel_index .carousel_title {

    font-size: 2.2em;

}



.carousel #pager {

    float:right;

    margin:0 1em;

}



#pager .mini_circle {

    background-image: url(/wp-content/themes/grey_matter_2/img/mini_circle.png);

    background-repeat:no-repeat;

    margin:2px;

    padding:2px 5px;

}



#content #latestblogs {

    height:13em;

    float:left;

    width:62em;

    background-color:#BCBCBC;

    margin:1em 0;

    overflow:hidden;

    padding:0.75em 1em;

 	-moz-border-radius:0.5em;

	-webkit-border-radius: 0.5em;

	-moz-box-shadow:0 0.1em 0.6em;

    /* background-image: url(/wp-content/themes/grey_matter_2/img/green_gradient.png); */

    /*  background-repeat:no-repeat;*/

}

#movingbar_latestblogs {margin-top:0.6em;float:left;}



#content #latestblogs .heading{

    color:white;

    font-size:2.2em;

    font-weight:bold;

    margin-right:0.25em;

    text-transform:lowercase;

}



#content #latestblogs ul li {color:#fff;}



.button_left, .button_right {float:left;margin-top:3.5em;}



#latestblogs_holder{}



#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 10px 10px;

  background-color:#DDD;

  padding: 3px 4px 3px 4px;

  border:#747474 1px solid;

  color:#606060;

  width: 175px;

}



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

}



.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;

}



.post-date {

color:#66CCCC;



font-weight:bold;

padding:1px;





}



#post_title img{

  margin-bottom:8px;

  margin-right:15px;

  margin-top:8px;

}



.post-cate a, .post-cafe a:hover {

color:#66CC00;

font-weight:bold;

border: none;

text-decoration: none;



}





.post-cate ul {

list-style-type:none;

}



.post-content {

   display:block;

   padding: 8px 0px;

}





.post-detail {

   width:430px;

   float:left;

}





.post-image {

   float:left; 

   margin:0px 14px 8px 0;

   height:70px;

   width:80px;

   padding:2px;

   border: solid 1px #B9B9B9;

}



.post-title {

 

}





.post-title a {   

   width:400px;

   font-size:11pt;

   font-family:Arial;

   color:#3399CC !important;

   font-weight:bold;

}



.post-tweet {float:right;}



.post-profile, .post-profile a {color:#666699;}



.post-category, .post-category a {color:#666600;}



.clearfloat {clear:both;}

.clear	{ clear: both; margin: 0; line-height: 0em;} /* need line-height for IE */



.footer-flickr {margin: 1em 0; width: 96em;}



#movingbar_latestblogs {width:555px;float:left;}

#movingbar_latestblogs ul {}

#movingbar_latestblogs ul li {float:left; margin: 0 0.3em;}







.nodisplay {display:none;}



.floatleft {float:left;}



.button {

	padding: 4px 10px;

	background:#265E15 ;

	color:#FFF !important;

	border:none;

	font-size:1.0em;

	-moz-border-radius-bottomleft:10px;

	-moz-border-radius-bottomright:10px;

	-moz-border-radius-topleft:10px;

	-moz-border-radius-topright:10px;

}



.button-off {

	background:#888888 ;

}



.button:hover {

	background:#262E15 ;

	color:#FFF;

	text-decoration:none

}

.button:active {

	background:#000;

}



.layout {margin: 10px 2px; cursor: pointer;}



a#convotrack_tab {

  top: 35%;

  left: 0;

  width: 38px;

  height: 115px;

  color: #FFF;

  cursor:pointer;

  text-indent:-100000px;

  overflow:hidden;

  position: fixed;

  z-index: 100000;

  margin-left: -7px;

  background-image: url(/wp-content/themes/grey_matter_2/img/tab.jpg);

  _position: absolute;

}



a#convotrack_tab:hover {

    margin-left: -4px;

}



.categories {

    float:left;

    margin:0.5em 0 1em;

    width:64.4em;

}



#categories_layout li h2 {

    background:#EEEEEE none repeat scroll 0 0;

    font-size:2.2em;

    margin:0 0 0.6em;

    padding:0.2em 0.4em;

}





#categories_layout li {

     width:31em;

     overflow:hidden;

     

}



#categories_layout li.category_left {

    border-right:1px solid #EEEEEE;

    float:left;

    margin:0;

    padding-right:1.1em;

    clear:left;

}



#categories_layout li.category_right {

    float:right;

    margin:0;

    padding-left:1.2em;

}



#categories_layout li .categoryItemsList li {

    clear:both;

}



#categories_layout li ul li.moreLink a {

    font-weight:bold;

    text-decoration:none;

    text-transform:lowercase;

}



#categories_layout li ul.categoryItemsList li {

    border-bottom:1px dashed #CCCCCC;

    float:left;

    margin:0 0 1em;

    padding:0 0 1em;

    width:31em;

}



#categories_layout li ul.categoryItemsList li.last {

    border-bottom-width:0;

}



.category_square_meta {margin:0.4em 0;}



#categories_layout li.categoryWide {

    clear:both;

    display:block;

    float:left;

    margin:1em 0 2em;

    padding:0;

    width:64.4em

}



#toggle_bg {

    background: url(/wp-content/themes/grey_matter_2/img/power_on.png)  no-repeat;

    float:right;

    margin-top:0.8em;

    height:16px; width:16px;

}



.top_tags {margin-bottom: 1em;}

#pager {margin:-2.2em 1em 0 0; float:right; height:2.2em;}



#social_follow {float:left;}



.pd_rating{overflow:hidden; vertical-align:bottom;}



#blackband_top_right ul li {display:inline;}
.post_text {font-size:2em !important;}