 
/*
 
Theme Name:	m
 
Theme URI:	http://m.bolhasani.com/blog/
 
Description:	A squeaky clean
 
Version:	0.1
 
Author:		Mehran
 
Author URI:	http://m.bolhasani.com/
 
*/
* {
	margin: 0;
	padding: 0; }
 
html {
	height: 100%;
	margin-bottom: 0.01em;
	overflow: -moz-scrollbars-vertical; }
 
body {
	background: #555;
	color: #555;
	font-family: tahoma;
	font-size: 11px;
	line-height: 18px; }
 
a {
	color: #EC2C27;
	text-decoration: none; }
 
	a:hover { color: #BF2723; }
 
	a:focus { outline: none; }
 
img {
	background: #fff;
	height: auto;
	max-width: 490px;
	padding: 1px; }
 
blockquote {
	color: #888;
	padding: 3px 20px 3px 20px; }
 
::-moz-selection {
	background: #EC2C27;
	color: #fff; /* Firefox */ }
 
::selection {
	background: #EC2C27;
	color: #fff; /* Safari */ }
 
/* BACK TO */
#back-to {
	float: left;
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100px; }
 
	#back-to a {
		background: url(img/back.png) no-repeat;
		float: left;
		height: 20px;
		text-indent: -9999px;
		width: 100px; }
 
/* WRAPPER */
#wrapper {
	border-top: 4px solid #EC2C27;
	height: 535px;
	margin: 5% auto;
	position: relative;
	width: 700px; }
 
	#wrapper .left {
		border-right: 1px dashed #CFCFCF;
		float: left;
		width: 390px; }
 
		#wrapper .left .main {
			background: #EDEDED;
			font-size: 11px;
			height: 410px;
			overflow: auto;
			padding: 10px; }
 
			#wrapper .left .main h2 { 
				background: #dfdfdf;
				display: inline-block;
				font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; 
				font-size: 12px; 
				letter-spacing: -3px;
				padding: 0 3px 0 10px; }
 
			#wrapper .left .main .entry {
				clear: both;
				line-height: 17px;
				padding-top: 5px; 
				padding-left: 8px; }
 
			#wrapper .left .main .post {
				border-bottom: 1px dashed #E0E0E0;
				clear: both;
				margin: 0 0 3em; 
				padding-bottom: 30px; }
 
			#wrapper .left .main .entry ul li {
				list-style: square;
				margin-right: 20px;
				padding: 3px 0 3px 0; }
 
			#wrapper .left .main .entry ol {
				margin-right: 30px;
				padding: 7px 0 7px 0; }
 
				#wrapper .left .main .entry ol li {
					list-style-type: lower-roman;
					padding: 1px 0 1px 0; }
 
			#wrapper .left .main .post p { padding: 0; }
 
			#wrapper .left .main .post img { margin: 5px 0 5px 0; }

			#wrapper .left .main .post a img { border: 0; }
 
			#wrapper .left .main .postmetadata-index { 
				color: #888; 
				margin-left: 8px;
				margin-top: 15px; 
				text-align: left; }

			#wrapper .left .main .postmetadata-index .cat a { color: #999 }

			#wrapper .left .main .postmetadata-index .cat a:hover { color: #888 }
 
			#wrapper .left .main .navigation { width: 100%; }

			#wrapper .left .main .navigation a {
				background: #EC2C27; 
				color: #fff; 
				padding: 2px 5px;}
 
				#wrapper .left .main .navigation .alignleft {
					float: left;
					margin: 15px 0 15px -10px; }
 
				#wrapper .left .main .navigation .alignright {
					float: right;
					margin: 15px -10px 15px 0; }
 
/* COMMENTS */
#comm { padding-top: 1em; }
 
#comments {
	padding: 5px;
	white-space: normal;
	width: 350px; }
 
h3#comments {
	background: #dfdfdf;
	border-bottom: 1px solid #cfcfcf;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	margin: 25px 0 -17px; 
	width: 340px;}
 
.commentlist {
	color: #555;
	margin-right: -10px;
	margin-top: 10px;
	padding: 10px;
	width: 350px; }
 
	.commentlist p {
		line-height: 16px;
		padding: 3px 0 3px 0; }
 
	.commentlist cite {
		font-style: normal;
		font-weight: normal; }
 
	.commentlist li {
		background: #e1e1e1;
		border-bottom: 1px solid #cfcfcf;
		list-style: none;
		margin-bottom: 3px;
		padding: 0px 10px 15px;
		text-align: right; }
 
	.commentlist .avatar {
		background: transparent;
		border: 1px solid #fff;
		float: left;
		margin: 10px 5px 5px 5px;
		padding: 1px; }
 
.commentmetadata {
	color: #777;
	margin: 5px 0 -5px 0;
	padding: 15px 0 3px 0; }
 
#respond {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	margin-right: -10px;
	padding: 20px 10px 10px 10px; }
 
#commentform {
	margin-right: -7px;
	padding: 5px;
	width: 360px; }
 
	#commentform .inputs { float: right; }
 
	#commentform .name {
		background: #F8F7F6 url(img/input-name.png) no-repeat 97px 0px;
		border: 1px solid #CFCFCF;
		font-family: tahoma;
		font-size: 11px;
		margin: 4px 0;
		padding: 6px 17px 6px 5px;
		width: 90px; }
 
	#commentform .email {
		background: #F8F7F6 url(img/input-mail.png) no-repeat 0px 0px;
		border: 1px solid #CFCFCF;
		direction: ltr;
		font-family: tahoma;
		font-size: 11px;
		margin: 4px 0;
		padding: 6px 5px 6px 17px;
		text-align: left;
		width: 90px; }
 
	#commentform .url {
		background: #F8F7F6 url(img/input-web.png) no-repeat 0px 0px;
		border: 1px solid #CFCFCF;
		direction: ltr;
		font-family: tahoma;
		font-size: 11px;
		margin: 4px 0;
		padding: 6px 5px 6px 17px;
		text-align: left;
		width: 90px; }
 
	#commentform textarea {
		background: #F8F7F6;
		border: 1px solid #CFCFCF;
		font-family: tahoma;
		font-size: 11px;
		height: 100px
		margin-top: 5px;
		margin: 3px 0;
		max-width: 348px;
		overflow: auto;
		padding: 5px;
		width: 337px; }
 
li.odd-row { background: #E6E6E6 ; /* change the background color or other attributes here */ }
 
li.author-comment {
	background: #AFAFAF ; /* change the background color or other attributes here */
	color: #fff; }
 
/* RIGHT */
#wrapper .right {
	background: #F3F3F3;
	float: right;
	height: 531px;
	max-height: 531px;
	margin-top: 0px;
	width: 309px; }
 
	#wrapper .right a { color: #666; }
 
		#wrapper .right a:hover { color: #333; }
 
/* LOGO */
.logo {
	background: url(img/logo-b.png) no-repeat;
	border-bottom: 1px dashed #CFCFCF;
	float: left;
	height: 100px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 390px; }
 
	.logo a {
		float: left;
		height: 100px;
		position: relative;
		text-indent: -9999px;
		width: 390px; }
 
/* GOODER */
.gooder {
	background: #F0F0F0;
	border-bottom: 1px dashed #CFCFCF;
	padding: 10px; }
 
	.gooder ul { margin: 5px 0; }
 
		.gooder ul li {
			list-style-image: url(img/bullet.png);
			margin-right: 8px; }
 
	.gooder .gooder-badge {
		margin-right: 15px;
		margin-right: 3px;
		margin-top: -10px;
		overflow: hidden;
		position: relative;
		text-align: right;
		z-index: 1; }
 
		.gooder .gooder-badge a {
			background: url(img/gooder-badge.png) no-repeat;
			float: right;
			height: 15px;
			position: relative;
			text-indent: -9999px;
			width: 50px; }
 
/* FLICKR */
.flickr {
	background: #e9e9e9;
	border-bottom: 1px dashed #CFCFCF;
	padding: 15px 10px; }
 
	.flickr a img {
		border: 0;
		margin: 1px;
		max-width: 52px; }
 
/* ARCHIVE */
.archive {
	background: #F0F0F0;
	border-bottom: 1px dashed #CFCFCF;
	padding: 15px; }
 
	.archive li { display: inline; }
 
/* LINKS */
.links {
	background: #F0F0F0;
	border-bottom: 1px dashed #CFCFCF;
	padding: 15px; }
 
	.links li { display: inline; }
 
/* SUPPORT */
.support {
	background: #F0F0F0;
	border-bottom: 1px dashed #CFCFCF;
	padding: 14px;
	text-align: left; }
 
	.support ul { margin-left: 0px; }
 
		.support ul li {
			display: inline;
			margin: 0 1px; }
 
			.support ul li.green { margin-left: 2px; }
 
			.support ul li a img { border: 0; }
 
/* OTHER */
.other {
	background: #F3F3F3;
	direction: ltr;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 10px;
	padding: 8px 10px;
	text-align: left; }
 
 