/*

Theme Name: Grey Matter

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

Description: <a href="http://masnikov.com/grey_matter">Grey Matter 2.1</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=2451070">donation</a>.

Version: 2.1

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



  2.1 (2009.03.22)

      � Drop-down menus for subpages (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: 100%;
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	background: #FFFFFF;
}
img {
	border: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
#wrapper {
	width: 100%;
	overflow: hidden;
}
#wrapper #fixedsize {
	margin: 0 auto;
	width: 950px;
	background: #FFFFFF;
}
#header {
	background-image: url(img/header.png);
	width: 950px;
	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 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:#464646;
}
#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 {
	clear: both;
	float: left;
	width: 760px;
	min-width: 760px;
	min-height: 600px;
	display: inline;
	padding-top: 3px;
	margin-bottom: 10px;
}
#content #border {
	clear: both;
	width: 740px;
	min-width: 740px;
	border-top: 1px solid #000;
	margin-bottom: 5px;
}
#content #date {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	width: 130px;
	float: left;
	padding-top: 3px;
}
#content #post {
	width: 594px;
	float: left;
	margin-left: 15px;
}
#content #post #divisor {
	border-bottom: #808080 solid 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
}
#content #post #divisor img {
	padding-bottom: 5px;
}
#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 h1.pagetitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	display: block;
}
#content h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	color: #0075de;
	font-weight: normal;
	margin: 0px 0 15px 0;
}
#content h2 {
	font-size: 160%;
	line-height: 100%;
	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 {
	font-weight: bold;
	color: #0075de;
	text-decoration: none;
	border: 0 none;
}
#content a:hover h1, #content h1 a:hover {
	color: #0075de;
	text-decoration: none;
}
#content p {
	margin: 0 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #000;
}
#content p a {
	color: #0075de;
	text-decoration: none;
}
#content p a:hover {
	color: #0075de;
	text-decoration: underline;
}
#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%;
	margin-bottom: 60px;
}
#comments #comment-area {
	padding-bottom: 0px;
	margin-left: -25px;
}
#comments #comment-area img {
	border: 1px solid #b6b6b6;
}
#comments #comment-area ol li p {
	font-size: 12px;
	font-weight: normal;
	width: 520px;
}
#comments #comment-area ol li {
	padding-top: 10px;
	border-bottom: solid 1px #797979;
	border-top: solid 1px #797979;
	background-color: #f2f2f2;
	padding-left: 20px;
	margin-bottom: -1px;
}
#comments #comment-area ol {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 0px;
}
#comments #comment-area ol li p.commenter {
	padding: 5px 0px 5px 0px;
	font-style: oblique;
	color: #666;
	margin-bottom: 0px;
}
#comments #comment-area p {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	background-color: #f2f2f2;
}
.commenter {
	color: #808080;
	font-size: 12px;
}
#comments h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	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-wrapper {
	float: right;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 2px;
	display: inline;
}
#sidebar {
	font-size: 120%;
	line-height: 130%;
}
#tag_cloud {
	line-height: 200%;
}
#sidebar img {
	float: none;
}
#sidebar p {
	margin: 0 0 5px 0;
}
#sidebar h2 {
	width: 180px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background-color: #000000;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
#sidebar ul li {
	margin: 0 0 25px 0;
}
#sidebar ul ul {
	padding: 0 0 0 0px;
}
#sidebar ul ul li {
	margin: 0 0 -5px 0;
}
#sidebar a {
	color: #0075de;
}
#postmeta {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	border-top: 1px solid #000;
	clear: both;
	color: #000000;
	margin: 15px 0 40px 0;
	background: #F2F2F2;
	padding: 6px 5px 5px 5px;
	height: 17px;
}
#postmeta a {
	color: #0075de;
	border: 0 none;
}
#postmeta a:hover {
	color: #0075de;
	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 {
	clear: both;
	width: 100%;
	color: #FFF;
	background-color: #000;
	height: auto;
	min-height: 280px;
}
#footer #fixedsize {
	background-color: #000;
}
#footer #column {
	width: 180px;
	margin: 18px 10px 0px 0px;
	float: left;
	background-color: #000;
}
#footer #column.first {
	margin-left: 10px;
}
#footer #column.feed {
	line-height: 22px;
	margin-right: 0px;
}
#footer #column h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #7f7f7f;
	padding-bottom: 6px;
}
#footer #column p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 165px;
	line-height: 19px;
}
#footer #column ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#footer #column ul li {
	padding: 0;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	line-height: 15px;
}
#footer #column a {
	color: #0075de;
}
/*#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;
}
#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: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 {
	margin-top: 2px;
}
#searchform input {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:#FFF;
	margin: 0;
	padding: 2px 4px 2px 6px;
	border:#747474 1px solid;
	color:#DDD;
	width: 123px;
	height: 18px;
}
#searchform input:hover {
	cursor:pointer;
	background-color:#606060;
	border:#222 1px solid;
	color:#fff;
}
#searchform #s {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px 0px 0 0;
	background-color:#FFF;
	border:#747474 1px solid;
	color:#b2b2b2;
	width: 155px;
	height: 13px;
	_height: 14px;
 #height: 14px;
	padding-top: 2px;
}
#searchform #searchsubmit {
	width: 13px;
	height: 12px;
	background-color: #000;
}
#searchform #searchsubmit:hover {
	width: 13px;
	height: 12px;
	background-color: #000;
}
#searchform input {
	border: none !important;
}
#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;
}

#navigation {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 600px;
	height: 50px;
	margin-left: 140px;
	margin-bottom: 15px;

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