@media all {
/* Reset */
blockquote,body,caption,div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin: 0;
	padding: 0;
}
address,dl,fieldset,p,pre,ul,ol,table {margin: 0 0 12px;}
ul,ol,dd {margin-left: 20px;}
td ul,td ol {margin-left: 15px;}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {margin-bottom: 0;}
blockquote {
	margin: 1em 40px;
	font-style: italic;
}
dt {font-weight: bold;}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table,th,td {border: 1px solid #999;}
th,td {
	vertical-align: top;
	padding: 2px 3px;
}
caption,th {
	font-weight: bold;
	text-align: left;
}
thead th {
	background: #dac59e;
	color: #fff;
}
img {
	border: none;
}
html,body {
	/* background: #555 url(../gfx/rust.png) repeat; */
	background: #555 url(../gfx/mm_backgr_wrapper3.jpg) repeat-x;
	color: #222;
}
html {
	font: 76%/1 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
body {
	font-size: 1.1em;
	line-height: 1.4em;
}
code,
pre {font-family: Monaco, Courier, "Courier New", Tahoma;}
h1,h2,h3,h4,h5,h6 {	
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 1em 0 0.2em;
	color: #947657;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {margin-top:0;}
h1 {
	font-size: 2.3em;
	line-height: 1.1em;
}
h2 {
	font-size: 1.7em;
	line-height: 1.25em;
}
h3 {
	font-size: 1.4em;
	line-height: 1.3em;
}
h4 {font-size: 1.2em;}
h5,
h6 {
	font-weight: bold;
	font-size: 1em;
}
legend {
	color: #333;
	white-space: normal;
}
a:link {color: #5e231e;}
a:visited {color: #5e231e;}
a:link:hover,
a:focus,
a:active {color: #c39b44;}
ul {list-style: square;} 

/* Global */
 
/* Easy clearing of floats (http://positioniseverything.net/easyclearing.html) */
.cf:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}
.structural,
.structural * {
	position: absolute;
	left: -9999px;
}
.hidden {
    display: none;
    visibility: hidden;
}
/* Images */
.left {
    float: left;
    width: auto;
    margin: 3px 16px 10px 0;
}
.right {
    float: right;
    margin: 3px 0 10px 16px;
}
.dimborder {
	padding: 5px;
    border: 1px solid #ccc;
}	
.leftrotate {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}	
.lefttilt, .righttilt {
	transition: transform .5s ease-in;
	-moz-transition: -moz-transform .5s ease-in;
	-o-transition: -o-transform .5s ease-in;
	-webkit-transition: -webkit-transform .5s ease-in;
}
.lefttilt:hover {
	-webkit-transform: rotate(-3deg) scale(1.10);
	-moz-transform: rotate(-3deg) scale(1.10);
	-o-transform: rotate(-3deg) scale(1.10);
	transform: rotate(-3deg) scale(1.10);
}
.righttilt:hover {
	-webkit-transform: rotate(3deg) scale(1.10); 
	-moz-transform: rotate(3deg) scale(1.10);
	-o-transform: rotate(3deg) scale(1.10);
	transform: rotate(3deg) scale(1.10);
}
.caption,
.caption em {
	display: block
}
.caption em {
    font-style: normal;
    font-size: 0.9px;
}
.caption p,
.caption em {
	margin-bottom: 0;
}

} /* END @media all */
/* -------------------------------- */
@media screen, projection {

/* Default layout */
#body {
	width: 70em;
	max-width: 99%;
	margin: 0 auto;
}
#header {
	position: relative;
	background: #000;
}
#navigation {
	float: right;
	width: 37em;
}
#main {
	background: #fff url(../gfx/mm_backgr.png) repeat-y;
}
#splash {
	clear: both;
	background-image: url(../gfx/mainimage3.jpg);
	height: 124px;
    position: relative;
}	
#footer {
	clear: both;
	/* padding: 1em 0; */
	/* border-top: 1px dotted #c00; */
	background: #333;
	color: #fff;
	padding: 0px 0px 10px 0px;
}
	#footer li {
		list-style: none;
		margin-left: -20px;
		padding: 0;
	}
	#footer p {
		padding: 15px 0 0 30px;
	}
#footer-links {
	/* width: 70em; */
	margin: 0 auto;
	background: #b5b499;
	padding: 15px 0 15px 30px;
}
	#footer-links #footer-col1 {
		float: left;
		width: 38%;
	}
	#footer-links #footer-col2 {
		float: left;
		width: 34%;
	}
	#footer-links #footer-col3 {
		/* float: right; */
		/* width: 24%; */
	}
#footer h2,
#content-secondary h2 {
	color: #420;
}
#content-secondary li {
	list-style: none;
	margin-left: -20px;
	padding: 0;
}

/* Layout-1 (Regular page) */
.layout-1 #content {
	float: right;
	width: 76%;
}
.layout-1 #content-primary,
.layout-2 #content-primary {
	float: left;
	width: 63%;
	padding: 30px;
}
.layout-1 #content-secondary,
.layout-2 #content-secondary  {
	float: right;
	width: 23%;
	padding: 30px;
}

/* Globals */
.read-more {text-align:right;}
.read-more a span {
	position: absolute;
	left: -9999px;
}
/* Paging */
.paging {
	margin: 0 0 2em;
}
	.paging h2 {
		margin: 0 0 0.5em;
	}
	.paging strong {
		float: left;
		padding: 4px 0;
	}
	.paging a:link,
	.paging a:visited,
	.paging em {
		float: left;
		width: 2em;
		color: #000;	
		margin: 0 4px 5px 0;
		padding: 0.4em 0;
		text-align: center;
	}
	.paging a:hover,
	.paging a:focus,
	.paging a:active {background: #fdd;}
	.paging em {
		border-color: #fff;
		font-weight :bold;
		font-style: normal;
	}
	.paging span {
		position:absolute;
		left:-9999px;
	}

/* Forms */
.form-general {
	background: #fff;
	border-width: 2px 0;
	margin: 1em 0;
	padding: 6px;
}
.form-general label {
	display: block;
	margin: 0 4px 0 0;
}
label strong {
	color: #900;
	display: block;
}
.disabled label {color:#999;}
label span,
label em {
	color: #fff;
	font-size: 0.92em;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}
.form-general input,
.form-general select,
.form-general textarea {
	margin: 0;
}
.form-row,
.select {
	margin: 0 0 6px;
}
.form-row textarea {
	height: 80px;
}
input,
.form-row input,
.form-row textarea {
	width: 300px;	
	padding: 2px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddee7), to(#fff));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#dddee7), to(#fff));
	background-image: -moz-linear-gradient(0% 0% 270deg, #dddee7, #fff);
	background-image: linear-gradient(0% 0% 270deg, #dddee7, #fff); 
}
input[type=submit] {width:auto !important;}
.alt label {
	display: inline;
	font-weight: normal;
}
input.btn {
    width: auto;
    overflow: visible;
    padding: 1px 12px;
    border: 1px solid; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
    font-size: 1.00em;
    text-align: center;
    cursor: pointer;
}
#post-comment {
	background: #ddd;
	padding: 10px;
}
	#post-comment  input.btn,
	#contact-form  input.btn  {
		margin-left: 140px;
	}
	#post-comment label,
	#contact-form label {
		float: left;
		clear: left;
		display: block;
		width:140px;
	}

/* Skip link */
#skip {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 100;
	width: 100%;
	margin: 0;
}
	#skip a:focus,
	#skip a:active {
		display: block;
		position: absolute;
		top: 0;
		left: 9999px;
		width: 100%;
		color: #000;
		background: #cc0;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.0;
		text-align: center;
		padding: 8px 0;
		border: 2px solid #000;
		border-width: 2px 0;	
	}

/* Logo */
#logo a,
#logo img {float: left;}
#logo img {font-size: 2em;}
#logo a:focus,
#logo a:active {
	outline: 1px solid #444;
	background: transparent;
}
#logo h1 {
	margin: 0;
	padding: 0;
}

/* Main navigation (nss) */
#nav-main {
	/* float: right; */
}
	#nav-main ul {
		float: left;
		width: 100%;
		margin: 2px 0 2px 0;
		list-style: none;
		background: #000;
		white-space: nowrap;
		font-weight: bold;
	}
	#nav-main li {
		float: left;
		margin: 0;
	}
	#nav-main li a {
		float: left;
		padding: 4px 6px;
		border-left: 1px solid #fff;
		color: #fff;
		text-decoration: none;
		text-align: center;
	}
	#nav-main li.sel a {
		color: #fc3;
		background: #000;
	}
	#nav-main li a:hover,
	#nav-main li a:focus,
	#nav-main li a:active {
		color: #E9CF7F;
		background: #000;
	}
	#nav-main li a:hover span {
		-webkit-transition:all .6s ease-in-out;
		-moz-transition:all .6s ease-in-out;
		-o-transition:all .6s ease-in-out;
	}
	#nav-main li:first-child > * {border-left:none;}

/* Search */
#navigation form {
	margin: 8px 8px 8px 0px;
	float: right;
}
#search {
	clear: both;
	text-align: left;
	margin-bottom: 8px;
}
	#search input {
		width: 200px;
	}
	#search .submit {width:auto;}
#main-search .control-group {
	float: left;
	margin: 0;
}
	#main-search label {display:inline;}
	#main-search .text input {width:10em;}
	#main-search .checkbox {
		display: inline;
		padding-right: 1em;
	}
	#main-search .submit-area {
		float: left;
		margin: 0;
	}
	#main-search .submit-area input {margin:0 0 0 6px;}
#search-results {
	margin-left: 0;
	list-style: none;
}
	#search-results li {margin-bottom: 1em;}
	#search-results p {margin: 0;}

/* Blog */
.blogs,
.blog-entries {
	margin: 0;
	list-style: none;
}
	.blogs li {
		float: left;
		width: 100%;
		margin: 0 0 18px;
	}
	.blog-entries li {margin: 0 0 18px;}
.entry-meta {
	font-size: 0.8em;
	color: #555;
}
.article .entry-meta {	
	padding-bottom: 20px;
}
.datestamp {
	background: url(../gfx/entrydate2.gif) no-repeat top left;
	padding-left: 15px;
}
.pullquote {
	color: #999;
	float: right;
    font-style: italic;
    margin-left: 20px;
	width: 160px;
	font-size: 1.2em;
	text-align: left;
}
#comments {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
	#comments ul {
		list-style: none;
		margin-left: 0;
	}
	#comments .comment {
		padding: 10px 10px 10px 74px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		
		//background: #eee;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#F1F1F1));
		background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#CCCCCC), to(#F1F1F1));
		background-image: -moz-linear-gradient(0% 0% 270deg, #CCCCCC, #F1F1F1);
		background-image: linear-gradient(0% 0% 270deg, #CCCCCC, #F1F1F1); 
	}
	#comments .head {
	   overflow: hidden;
	   /* background: #f00; */
	   margin-bottom: 5px;
	}
	#comments .avatar {
		position: absolute;
		top: 6px;
		left: 8px;		
	}
	#comments .avatar img {
		display: block;
		margin: -1px 0 0 -1px;
		border: 4px solid #ddd;
	}
	#comments .even .avatar {
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
	#comments .odd .avatar {
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	
	#comments .commenter {
		float: left;
		color: #600;
	}
	#comments .head {	
		//background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#F1F1F1));
		//background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#CCCCCC), to(#F1F1F1));
		//background-image: -moz-linear-gradient(0% 0% 270deg, #CCCCCC, #F1F1F1);
		//background-image: linear-gradient(0% 0% 270deg, #CCCCCC, #F1F1F1); 	
	}
	#comments .headauthor {	
		//background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAC59E), to(#F1F1F1));
		//background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#DAC59E), to(#F1F1F1));
		//background-image: -moz-linear-gradient(0% 0% 270deg, #DAC59E, #F1F1F1);
		//background-image: linear-gradient(0% 0% 270deg, #DAC59E, #F1F1F1); 
	}
	#comments .head .date {
		padding-left: 5px;
		color: #777;	
		font-size: 0.8em;
	}
	#comments .headauthor .date {
		padding-left: 5px;
		color: #777;	
		font-size: 0.8em;
	}
	#comments .body {
	}
.recent-comment li {
	display: block;
	/* border-bottom: 1px dotted #ccc; */
	margin-bottom: 4px;
	clear: both;
}
	.recent-comment .avatar-30 {
		float: left;
		margin-top: 4px;
		margin-right: 10px;
		margin-bottom: 4px;
	}
/* Photographic */
img.photoframe {
    border: 18px solid #000; 
}
img.thumb {
    display: inline;
    border: 0;
}
img.thumbsel {
    display: inline;
    border: 2px solid #000;
}
h1.phototitle {
	margin-top: 4px;
}
.photocatheader {
    margin-left: 20px;
}
.photocat {        
    list-style: none;                              
    margin-left: 40px;
    padding: 0px;    
    vertical-align: top;
}
	.photocat img,.photocatblog img {
		display: inline;
	}
	.photocat a {
		vertical-align: top;
		margin-left: 10px;
	}
	.photocat li, .photocatblog li {
		margin-bottom: 5px;
	}
	.photocatblog {        
		list-style: none;                              
		margin-left: 0px;
		padding: 0px;    
		vertical-align: top;
	}
	.photocatblog a {
		vertical-align: top;
		margin-top: 10px;
		margin-left: 10px;	
	}
#photonav {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #444;
	margin-bottom: 20px;
}
	#photonav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#photonav li {
		float: left;
		font-size: 0.9em;
		margin-left: 5px;
		margin-right: 5px;
		border-top: 1px solid #444;
		border-left: 1px solid #444;
		border-right: 1px solid #444;
	}
	#photonav li a {
		float: left;
		padding: 6px 6px;
		color: #000;
		text-decoration: none;
		border-bottom: 0;
	}
	#photonav li a:hover, #photonav li.sel {
		color: #000;
		background: #ccc;
	}
.caption, .caption em, .caption img  {
	display:block;
}
	.caption em {
		font-style: italic;
		font-size: 0.8em;
		max-width: 410px;
		margin-bottom: 8px;
	}

/* About */
.cdthumbs img {
    display: inline;
	border: 1px solid #ccc;
	padding: 5px;
}
.book {
	height: 120px;
}

/* Projects */
.code {
    font-family: "Courier New",Tahoma;
    font-size: 0.9em;
    white-space: pre;
    text-align: left;
    padding: 8px;
    margin: 4px;
    color: #000000; 
    border: #ccc 1px solid;
	background-color: #f0f0e8;
}
ul.projects li {
	margin-bottom: 20px;
}

/* Map */
.map-transsib, .map-iran {
	width: 540px;
	height: 300px;
}
.map-world {
	width: 540px;
	height: 340px;
}
.map-caption img {
	display: inline;
	margin: 0;
	padding-bottom: 2px;
	vertical-align: text-bottom;
}
.map-caption span {
	margin: 0;
	padding-right: 20px;
}

/* Links */
.twocolumn {
	margin: 0 0 20px 0;
}
	.twocolumn li {
		float: left;
		width: 48%;
		padding: 0;
	}        
	.twocolumn:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: ".";
	}
	
} /* END @media screen, projection */
/* -------------------------------- */
@media screen and (max-width: 980px) {
	#splash {
		clear: both;
		background-image: url(../gfx/mainimage3s.jpg);
		height: 103px;
		position: relative;
	}
	#main {
		background: #fff;
	}
	#body {
		width: 700px;
	}
	
	#logo  {
		float: left;
		width: 100%;
		background: #000;
	}
	#content-secondary {
		display: none;
	}	
	#navigation {
		float: left;
		background: #000;
		width: 100%;
	}
	#navigation form {
		float: left;
		margin: 8px 8px 8px 8px;
	}
	#nav-main ul {
		float: left;
	}
	.layout-1 #content-primary,
	.layout-2 #content-primary {
		float: left;
		width: 90%;
		padding: 10px;
	}
}
@media screen and (max-width: 740px) {
	#splash {
		display: none;
	}
	#footer {
		display: none;
	}
}