/*
Theme Name: Mano Nazi
Theme URI: ManoNazi.ir
Description: This is my <a href="http://manonazi.ir">blog's</a> theme.
Version: 1
Author: Rambod Sharifi
Author URI: ManoNazi
Tags: Personal
*/


@charset "utf-8";
/* CSS Document */

html
{
	overflow: auto;
}
body
{
	margin: 0px;
	font: 9pt tahoma;
	width: 100%;
	height: 100%;
	color: #4e0307;
}
a:link, a:visited
{
	color: #926366;
	text-decoration: none;
}
a:hover, a:visited:hover
{
	color: #c6a0a2;
}
input, textarea
{
	border: solid 1px #e9c5c7;
	background-color: white;
	padding: 3px;
	font: 9pt tahoma
}
#all
{
	min-height: 590px;
	min-width: 970px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}
#all /*FUCKING IE6 */
{
	height: expression(document.body.clientHeight >= 590 ? document.body.clientHeight : "590px");
	width: expression(document.body.clientWidth >= 970 ? document.body.clientWidth : "970px"); 
}
#footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 20px;
	background-color: #630006;
	width: 100%;
	font: 7pt/20px tahoma;
	color: #CCC;
}
#contact
{
    float: right;
    margin-right: 10px;
}
#contact img
{
    display: none;
}
#anaregonde
{
	position: absolute;
	left: 20px;
	bottom: 20px;
        overflow: hidden;
        width: 250px;
        height: 337px;
}
.mainbutton
{
	position: absolute;
	cursor: pointer;
}
#button1
{
	right: 20px;
	bottom: 30px;
}
#button2
{
	right: 98px;
	bottom: 30px;
}
#button3
{
	right: 175px;
	bottom: 30px;
}
.pages
{
	position: absolute;
	right: 270px;
	bottom: 100px;
	top: 15px;
	left: 285px;
	display: none;
	z-index: 999;
}
.pages /* FUCKING IE*/
{
	height: expression(document.body.clientHeight >= 430 ? document.body.clientHeight - 120: "240px");
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.navigation
{
	font: bold 7pt tahoma;
	clear: both;
	float: right;
	width: 100%;
	margin: 10px 0px;
}
.pagetitle
{
	font: bold 12pt tahoma;
	margin-bottom: 10px
}
#respond
{
	clear: both;
	float: right;
	width: 380px;
}
#comments
{
	clear: both;
	margin: 20px 0px 10px
}
.pagetopright
{
	width: 35px;
	height: 32px;
	background: url('images/righttop.jpg') no-repeat;
	float: right;
	text-align: center;
}
.pagetopleft
{
	margin-right: 35px;
	height: 32px;
	background: #fbe3e4;
	text-align: center
}
.pagemid
{
	background-color: #fbe3e4;
	float: right;
	width: 100%;
	height: 100%;
}
.pagebottom, .pagetop
{
	width: 100%;
	height: 32px;
	float: right;
}
.pagebottomleft
{
	width: 35px;
	height: 32px;
	float: left;
	background: url('images/leftdown.jpg') no-repeat;
}
.pagebottomright
{
	height: 32px;
	background: #fbe3e4;
	margin-left: 35px;
	text-align: center;
} 
.scrollinge
{
	direction: rtl;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	float: right;
}
.scrolling-parent
{
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-right: 50px;
	margin-left: 20px;
}
#scrollbar, #scrollbar2
{
	width:45px;
	position:absolute;
	right: 2px;
	top: 20px;
	font-size:1px;
	height: 100%;
}
#scrollbar, #scrollbar2 /* Fucking IE  */
{
	height: expression(document.body.clientHeight >= 430 ? document.body.clientHeight - 190: "240px");
}
#track, #track2 { 
	position:absolute;
	left:0;
	top:12px;
	width:45px;
	height:100%;
	background: url('images/scrollbarback.jpg') repeat-y center;
}
#dragBar, #dragBar2 {
	  position:absolute; 
	  left:1px;
	  top:5px;
	  width:45px;
	  height:48px;
	 /* background-color:#b28486;*/
	 background: url(images/scrollhandle.gif)
}  
#dragBar2 {
	background: url(images/scrollhandle2.gif)
}
/*
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }
*/
/* for safari, to prevent selection problem  */
#scrollbar, #track, #dragBar, #scrollbar2, #track2, #dragBar2/*, #up, #down*/ {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
display:block; 
} 
.scrollbarup:link, .scrollbarup:visited
{
	width: 24px;
	height: 9px;
	background: url('images/scrollup.jpg');
	display: block;
	position: relative;
	top: 10px;
	left: 20px;
	margin: auto
}
.scrollbarup:hover, .scrollbarup:visited:hover
{
	background: url('images/scrollupon.jpg');
}
.scrollbarbottom:link, .scrollbarbottom:visited
{
	width: 24px;
	height: 9px;
	background: url('images/scrollbottom.jpg');
	display: block;
	position: relative;
	top: 18px;
	right: 15px;
	margin: auto
}
.scrollbarbottom:hover, .scrollbarbottom:visited:hover
{
	background: url('images/scrollbottomon.jpg');
}
.closebutton:link, .closebutton:visited
{
	font: bold 7pt tahoma;
	color: #eb9d9d;
	text-decoration: none;
	float: left;
	margin: 10px
}
.closebutton:hover, .closebutton:visited:hover
{
	color: #990000;
}
.smallbox
{
	position: absolute;
	width: 230px;
	height: 220px;
	z-index: 1000;
	/*filter: alpha(opacity=80);
	MozOpacity: 0.8;
	opacity: 0.8;
	KhtmlOpacity: 0.8*/
	display: none;
}
.smallboxmarginner
{
	height: 0px;
	width: 100%;
	float: left
}
.smallboxtop, .smallboxbot
{
	float: left;
	width: 230px;
	height: 15px;
}
.smallboxtopcorner
{
	width: 15px;
	height: 15px;
	float: left;
}
.smallboxtopnoncorner
{
	height: 15px;
	text-align:center;
	width: 215px;
	float: left
}
.smallboxcontent
{
	width: 100%;
	height: 90%;
	float: left;
	overflow: hidden;
}
.smallboxcontent a:link, .smallboxcontent a:visited
{
	color: #7a4e50;
}
.smallboxcontent a:hover, .smallboxcontent a:visited:hover
{
	color: #c08c8f;
}

.smallboxbotnoncorner
{
	height: 15px;
	text-align:center;
	width: 215px;
	float: left
}
.smallboxbotcorner
{
	width: 15px;
	height: 15px;
	float: left
}
.smallscrolling
{
	float: right;
	direction: rtl;
	font: 9pt/16pt tahoma;
	text-align: justify;
	margin: 0px 20px;
}
.smallbox1
{
	top: 20px;
	right: 20px
}
.smallbox1color
{
	background-color: #f2d4d6;
}
.smallbox1topcorner
{
	background: url('images/lefttops1.jpg');
}
.smallbox1botcorner
{
	background: url('images/rightdowns1.jpg');
}
.smallbox2
{
	top: 265px;
	right: 20px
}
.smallbox2color
{
	background-color: #ecbec0;
}
.smallbox2topcorner
{
	background: url('images/lefttops2.jpg');
}
.smallbox2botcorner
{
	background: url('images/rightdowns2.jpg');
}
.smallscrollbarbottom:link, .smallscrollbarbottom:visited
{
	width: 24px;
	height: 9px;
	background: url('images/scrollbottom.png') top left;
	display: block;
	position: relative;
	top: 2px;
	margin: auto
}
.smallscrollbarbottom:hover, .smallscrollbarbottom:visited:hover
{
	background-position: 0px -9px;
}
.smallbox1 .smallscrollbarbottom
{
	left: 5px;
}
.smallbox2 .smallscrollbarbottom
{
	right: 10px;
}
.smallscrollbarup:link, .smallscrollbarup:visited
{
	width: 24px;
	height: 9px;
	background: url('images/scrollup.png') top left;
	display: block;
	position: relative;
	top: 5px;
	margin: auto
}
.smallscrollbarup:hover, .smallscrollbarup:visited:hover
{
	background-position: 0px -9px;
}
.smallbox2 .smallscrollbarup
{
	left: 5px;
}
.smallbox1 .smallscrollbarup
{
	right: 10px;
}
.smallboxclosebutton:link, .smallboxclosebutton:visited
{
	font: bold 7pt tahoma;
	color: #eb9d9d;
	text-decoration: none;
	margin: 3px 5px 5px
}
.smallboxclosebutton:hover, .smallboxclosebutton:visited:hover
{
	color: #990000;
}
.post
{
	padding-bottom: 10px;
}
.posttitle
{
	font: bold 10pt Tahoma;
}
.posttitle a:link, .posttitle a:visited, .commentlink a:link, .commentlink a:visited
{
	color: #900;
}
.posttitle a:hover, .posttitle a:visited:hover, .commentlink a:hover, .commentlink a:visited:hover
{
	color: #C69;
}
.postbody
{
	font: 9pt/16pt tahoma;
	text-align: justify;
}
.posttimestamp
{
	font: 7pt tahoma;
	margin-bottom: 20px;
	color: #900
}
.postmetadata
{
	font: 7pt tahoma;
	color: #c08b8d;
	margin-bottom: 30px
}
.postafter
{
	border-bottom: dashed 1px #c5a7a9;
	margin: 0px 100px 20px;
	clear: both;
}
#twitter
{
	top: 20px;
	left: 30px;
	background: url('images/twitt.jpg') no-repeat center center
}
p.twitter-message
{
	margin: 0px 0px 3px;
	font: 9pt tahoma;
}
.twitter-link
{
	font: bold 7pt tahoma !important;
}
.twitter-timestamp
{
	font: 7pt tahoma !important;
	display: block;
	direction: ltr;
}
.twitter-timestamp abbr 
{
	direction: ltr;
	border: none
}
li#jalali-calendar
{
	margin: -10px 0px 0px;
	list-style-type: none;
	text-align: center;
	font: 8pt Tahoma;
}
table#wp-calendar
{
	margin: 0px 45px 0px 0px ;
	text-align: center;
}
table#wp-calendar caption
{
	font: bold 7pt tahoma;
	margin-bottom: 4px
}
ul.categories
{
	margin: 0px;
	padding: 0px;
	font: 8pt Tahoma;
}
ul.categories h4
{
	margin: 8px 0px 4px;
}
ul.categories li ul
{
	margin: 0px;
	padding: 0px
}
ul.categories li
{
	list-style-type: none;
	margin: 0px !important;
	text-indent: 0px
}
ul.categories li ul li
{
	list-style:none;
	margin: 0px;
	text-indent: opx
}
div.links
{
	float: right
}
div.links a
{
	
}
div.links h4
{
	font: bold 9pt tahoma;
	margin: 8px 0px 4px
}
#blogrolldiv
{
	font: 7pt tahoma;
	line-height: 14pt;
	float: right;
	width: 188px;
}
.tooltipcontainer
{
	position: absolute;
	z-index: 1000;
	display: none;
}
.tooltipdand
{
	background: url('tooltip/dandun.png') no-repeat;
	height: 9px;
	width: 11px;
	float: right;
	z-index: 5;
	margin-right: 10px;
	margin-top: -1px
}
.tooltiplt
{
	background: url('tooltip/tl.png') no-repeat left top;
	z-index: 1;
}
.tooltiprt
{
	background: url('tooltip/tr.png') no-repeat right top;
}
.tooltipmt
{
	height: 5px;
	margin: 0px 6px;
	border-top: solid 1px #d8d8d8;
	background-color: #ececec;
}
.tooltiplb
{
	background: url('tooltip/bl.png') no-repeat left bottom;
}
.tooltiprb
{
	background: url('tooltip/br.png') no-repeat right bottom;	
}
.tooltipmb
{
	height: 5px;
	margin: 0px 6px;
	border-bottom: solid 1px #d8d8d8;
	background-color: #ececec;
}
.tooltipmain
{
	background-color: #ececec;
}
.tooltipmain div
{
	border: solid 1px #d8d8d8;
	border-width: 0px 1px;
	direction: rtl;
	padding: 3px 5px;
}