/*
Theme Name: Moshtaghi
Theme URI: http://moshtaghi.ir/
Description: The original WordPress theme for Mehdi Moshtaghi's personal weblog.
Version: 0.1
Author: Mehdi Moshtaghi
Tags: Fix width, two columns, widgets
*/
* {
    margin:0;
    padding:0;
}
html {
    direction:rtl;
}
body {
    background:#333333;
    text-align: center;
    font-size:78%;
    font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;

}
p{
    margin-top: 1.2em 0pt 1.2em 0pt;
    font-size: 1em;
    line-height: 1.5em;
}
ul{
    margin:20px 40px 5px 0pt;
}
li{
}
#wrapper{
    margin:0 auto 20px auto;
    width:900px;
}
#header{
    background:url(images/header.png) no-repeat bottom center;
    width:900px;
    height:92px;
    position:relative;
}
#header a.homelink {
    position:absolute;
    left:18px;
    top:30px;
    width: 393px;
    height: 43px;
    display: block;
    text-indent: -9999px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
#header a.homelink:hover {
    background: transparent none repeat scroll 0% 0%;
}
#header a.contactlink {
    position:absolute;
    right:13px;
    top:12px;
    width: 27px;
    height: 25px;
    display: block;
    text-indent: -9999px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
#header a.contactlink:hover { background: transparent none repeat scroll 0% 0%; }
#contents {
    background: #fff url('images/bg_contents.png') repeat-y scroll 0% 0%;
    width: 900px;
}
#mainContent {
    margin: 0px 0pt 0pt 5px;
    width: 602px;
    float: left;
    display: inline;
}
#secContent {
    margin: 0px 5px 0pt 0pt;
    width: 288px;
    float: right;
}
*html #secContent{
    margin: 0px 0pt 0pt 0pt;
}
/* Sidebar */
#secContent ul{
    list-style-type: none;
    margin:0pt 10px 0pt 0pt;
    text-align:right;
}
#secContent li{
    list-style-type: none;
    margin:0pt 0pt 20px 0pt;
}
/* About */
#atten dl{
	text-align: left;
	margin: 0pt 0pt 1em 0pt;
}
#atten dl dt{
	width:17%;
	margin:0pt 0.5em 0.5em 0.5em;
	border-right: 1px solid #333;
	float:left;
}
#atten dl dd{
	margin: 0pt 0pt 0.5em 0pt;
}
#footClear {
    clear: both;
    width:900px;
    height:10px;
    background:url(images/bg_one_footer.png) no-repeat bottom;
}
#secFooter p {
    padding: 0pt;
    text-align: center;
    font-size: 10px;
    background: transparent url(images/bg_simple.png) repeat-y;
}
#secFooter p img {
    border:none;
}
ul#right li.widget{
	width:230px;
	margin: 1em 1.3em 0pt 0pt;
	text-align:center;
}
ul#right li.widget h2{
	display: none;
}
#footer {
    background: url('images/bg_footer.png') no-repeat scroll 0% 0%;
    width: 900px;
    height: 10px;
}
p.down{
	font-size: 0.8em;
	text-align:center;
	color: #fff;
	margin: 0.2em 2em;
}
.clear {
    clear: both;
}
.hidden{
	display: none;
}
ul#nav {
    margin: 50px 10px 0pt;
    list-style-type: none;
    text-indent: -9999px;
    float: right;
    width: 277px;
    height: 26px;
}
ul#nav li {
    float: left;
}
ul#nav li a {
    background: transparent url('images/bg_nav.png') no-repeat scroll 0% 0%;
    display: block;
    height: 26px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
ul#nav li.nAbout a {
    width: 60px;
}
ul#nav li.nActivity a {
    width: 70px;
    background-position: -60px 0pt;
}
ul#nav li.nBooks a {
    width: 60px;
    background-position: -130px 0pt;
}
ul#nav li.nColophon a {
    width: 87px;
    background-position: -190px 0pt;
}
ul#nav li.nAbout a:hover {
    background-position: 0px -26px;
}
ul#nav li.nActivity a:hover {
    background-position: -60px -26px;
}
ul#nav li.nBooks a:hover {
    background-position: -130px -26px;
}
ul#nav li.nColophon a:hover {
    background-position: -190px -26px;
}
ul#nav li a:hover {
    
}
#mAbout ul#nav .nAbout a {
    background-position: 0px -26px;
}
#mActivity ul#nav .nActivity a {
    background-position: -60px -26px;
}
#mBooks ul#nav .nBooks a {
    background-position: -130px -26px;
}
#mColophon ul#nav .nColophon a {
    background-position: -190px -26px;
}
ul#botside {
	background: transparent url(images/bg_simple.png) repeat-y;
    list-style:none;
    margin: 0pt;
}
ul#botside li.section {
	border:1px solid #ccc;
	display: inline;
	background:#f0f0f0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
ul#botside li#right-sec{
	float:right;
	width:550px;
	margin: 1em 1.5em 1em 0pt;
}
li#right-sec ul{
	margin: 0.5em;
	list-style: none;
}
li#right-sec ul li.widget{
	text-align: right;
}
li#right-sec ul li.widget li{
	margin:0pt 0pt 0.5em 0pt;
}
li#right-sec ul li.widget h2{
	background: url("images/daily-links.png") no-repeat right center;
	text-indent: -9999px;
	height: 20px;
}
li#right-sec ul li.widget li:hover{
	background: #69bfde;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
li#right-sec ul li.widget li:hover a{
	color: #cc6600;
}
li#right-sec ul li.widget li:hover a:hover{
	color: #fff;
}
li#right-sec ul li.widget a{
	display: block;
	text-align: left;
	margin:0em 0pt 0.3em 0.3em;
}
li#right-sec ul li.widget span{
	margin:0pt 1em 0.3em 0pt;
}
li#right-sec ul li.widget span a{
	display: inline;
}
ul#botside li#left-sec{
	float:left;
	width:300px;
	margin: 1em 0pt 1em 1.5em;
	background: #f0f0f0;
}
a { text-decoration: none; color: #69bfde; }
a:hover { text-decoration: none; color: #cc6600; }
a img { border:none; }
.center{
	width:225px;
	margin: 0.5em 1.25em 0pt 0pt;
	text-align:center;
}
#atten{
	width:225px;
	margin: 0.5em 1.25em 0pt 0pt;
	border:1px solid #ccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#atten p{
	margin: 0.5em;
	color: #333;
	text-align: justify;
}
#atten p img{
	float:left;
	margin: 0pt 0.3em 0pt 0.3em;
}
ul#profile{
    width:225px;
	margin: 0.5em 2em 0pt 0pt;
}
ul#profile li{
    display:inline;
}
ul#profile h3{
	background: url("images/iin.png") no-repeat right top;
	text-indent: -9999px;
	height: 18px;
}
ul#profile li a{
    width:80px;
    height:80px;
    display:block;
    float:right;
    margin: 1em;
    text-indent: -9999px;
}
ul#profile li a#twitter{
	background: url("images/twitter.png") no-repeat center center;
}
ul#profile li a#delicious{
	background: url("images/delicious.png") no-repeat center center;
}
ul#profile li a#deviantart{
	background: url("images/deviantart.png") no-repeat center center;
}
ul#profile li a#idevcenter{
	background: url("images/idc.png") no-repeat center center;
}
.post {
    margin:0pt 5px 0pt 0pt;
    text-align:justify;
    width: 590px;
    margin:0pt 5px 0pt 0pt;
    background: #fff;
}
.post li{
    margin:5px 0pt 5px 0pt;
}
.post h2.post_title {
    padding: 0pt 10px 0pt 0pt;
    margin:0pt 0pt 5px 0pt;
    background: transparent url('images/bg_post_heading.png') no-repeat scroll 0% 0%;
    width: 580px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight:normal;
    text-align:right;
}
.post h2.post_title a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.post h2.post_title a:hover {
    background: transparent none repeat scroll 0% 0%;
    text-decoration: underline;
}
.post h1, .post h2,.post h3, .post h4, .post h5{
    font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
    margin: 1em 0pt 0.2em 0pt;
    color:#303030;
}
.post h2{
    font-size: 1.2em;
}
.post h3 {
    font-size: 1.1em;
}
.post h4 {
    font-size: 1em;
}
.post h5 {
    font-size: 0.9em;
}
.post h6 {
    font-size: 0.8em;
}
.post_info {
    color: #4f4f4f;
    border-bottom:1px solid #ccc;
}
.post_info .date{
    float:left;
    margin:0 0 5px 0;
}
.post_info .category{
    padding: 0pt 20px 0pt 0pt;
    height:16px;
    background: transparent url('images/bg_cat.png') no-repeat scroll right center;
    float: right;
}
.post_info .tags{
    padding: 0pt 20px 0pt 0pt;
    margin:0pt 10px 0pt 0pt;
    height:16px;
    background: transparent url('images/tag_blue.png') no-repeat scroll right center;
}
.society{
    disply:block;
    height:20px;
    clear:both;
    text-align:right;
    margin:1em 5em 0.5em 5em;
    border: 1px solid #000;
}
.society a img, .society a:hover img{
	color: transparent;
	background: transparent;
	margin:0pt 5px 0pt 4px;
}
span.comments {
	float:left;
    padding: 0pt 20px 0pt 0pt;
    margin:0pt 0pt 10px 5px;
    height:16px;
    background: transparent url('images/cmt.png') no-repeat scroll right center;
}
a.more-link{
    float:left;
    display:block;
    margin:0 0 10px 0;
}
/* Comment */
img.avatar{
	float:left;
}
.myComment{
    border: 2px solid #69bfde;
    margin: 0pt 15px 15px;
    padding: 10px;
    background: #f0f0f0 none repeat scroll 0% 0%;
}
.myComment:hover{
    border:2px solid #4eabcc;
}
.comment {
    border: 1px solid #ccc;
    margin: 0pt 15px 15px;
    padding: 10px;
    background: #f0f0f0 none repeat scroll 0% 0%;
}
.comment:hover{
    border:1px solid #acacac;
}
.comment p, .myComment p {
    margin: 0pt;
    padding: 10px 0pt 0pt;
    text-align:justify;
}
#addComment {
    margin: 0pt 15px 15px;
    font-size: 10px;
    text-align:right;
}
form fieldset { padding: 1em; }
form fieldset p {  }
form fieldset legend { font-size: 14px; }
form fieldset label { font-size: 12px; display: block; }
form fieldset input { width: 250px;height:17px;margin:0pt 0pt 10px 0pt; background: #eee; border: 1px solid #ccc; }
form fieldset input:hover { border: 1px solid #acacac; }
form fieldset input:focus { border: 1px solid #333333; }
form fieldset textarea { margin:0pt 0pt 10px 0pt; width:350px; background: #eee; border: 1px solid #ccc; }
form fieldset textarea:hover{ border: 1px solid #acacac;}
form fieldset textarea:focus{ border: 1px solid #333333;}
form fieldset input[type="submit"] { width:80px;height:20px; font-size:1.2em; padding:0pt 0pt 10px 0pt; }
form fieldset input[type="checkbox"] { width: auto; }
form fieldset input[type="file"] { width: auto; }


.intro, blockquote {
    margin: 20px 50px 10px 50px;
    padding:10px;
    background:#f0f0f0;
    border:1px solid #ccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
blockquote{
    font-style:italic;
}
code{
text-align:left;
    color:#000;
    font-style:italic;
    direction:ltr;
    font-family: "Lucida Sans Unicode", Georgia, Tahoma, Arial, Serif;
}
.intro li { margin:5px 30px 5px 30px; list-style-type: inherit; }


ul#graphicalList{
    margin:10px 50px 10px;
}
ul#graphicalList blockquote{
    width:300px;
    margin: 10px;
    padding:10px;
    background:#f0f0f0;
    border:1px solid #ccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
ul#graphicalList blockquote p{
    width:290px;
    margin:0px;
    padding:5px;
}
ul#graphicalList li {
    border-bottom: 1px solid #ccc;
    margin: 10px 0pt 0pt 0pt;
    padding: 7px 5px 5px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    clear: both;
}
ul#graphicalList li:hover{
    border-bottom: 1px solid #aaa;
}
ul#graphicalList li p{
    margin:0pt 0pt 5px 80px;
}
ul#graphicalList li img{
    margin:1em 1em 1em 0pt;
    float:left;
}
/* <Colophon> */
ul#graphicalList li#firefox{
    background:url(images/firefox.png) no-repeat left top;
}
ul#graphicalList li#pidgin{
    background:url(images/pidgin.png) no-repeat left top;
}
ul#graphicalList li#eclips{
    background:url(images/eclips.png) no-repeat left top;
}
ul#graphicalList li#amarok{
    background:url(images/amarok.png) no-repeat left top;
}
ul#graphicalList li#xfardic{
    background:url(images/xfardic.png) no-repeat left top;
}
ul#graphicalList li#winehq{
    background:url(images/winehq.png) no-repeat left top;
}
ul#graphicalList li#photoshop{
    background:url(images/photoshop.png) no-repeat left top;
}
ul#graphicalList li#ies4linux{
    background:url(images/ies4linux.png) no-repeat left top;
}
/* <Activity> */
ul#graphicalList li#php{
    background:url(images/act/php.png) no-repeat left top;
}
ul#graphicalList li#cakePHP{
    background:url(images/act/cakephp.png) no-repeat left top;
}
ul#graphicalList li#jquery{
    background:url(images/act/jquery.png) no-repeat left top;
}
ul#graphicalList li#css{
    background:url(images/act/css.png) no-repeat left top;
}
ul#graphicalList li#x-html{
    background:url(images/act/xhtml.png) no-repeat left top;
}
ul#graphicalList li#photoshopAct{
    background:url(images/act/photoshop.png) no-repeat left top;
}
ul#graphicalList li#linux{
    background:url(images/act/linux.png) no-repeat left top;
}
ul#graphicalList li#design{
    background:url(images/act/design.png) no-repeat left top;
}
ul#graphicalList li#press{
    background:url(images/act/press.png) no-repeat left top;
}
ul#graphicalList li#learn{
    background:url(images/act/learn.png) no-repeat left top;
}
/* Begin Images */
p img {
    padding: 0;
}
/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
img.centered {
    display: inline;
    margin: 0 auto 0 auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
img.idcVoteImage{
	margin:10px 0pt 0pt 0pt;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
/* End Images */
/* Captions */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -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;
}
table {
    margin:1em auto 1em auto;
}
th { font-weight: bold; background-color: rgb(231, 238, 246); }
td,th { border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221); border-width: 0pt 0pt 1px; padding: 4px 6px; text-align: right; vertical-align: top; }

/* End captions */

/**
 * Twitter Widget
 */
.widget_twitter li {
	clear:both;
}
.widget_twitter li img {
	float:left;
	margin-right:.5em;
}
.widget_twitter li .clear {
	clear:both;
}
p#feed{
    height: 40px;
    width: 265px;
    background: transparent url("images/rss.png") no-repeat right center;
}
p#feed img{
    float:left;
    margin: 0.5em 0pt 0pt 2em;
}
form#subscribe{
    width: 265px;
    margin: 0.1em 0pt 1em 0pt;
}
form#subscribe p{
	margin:0pt 1.5em 0pt 2em;
}
form#subscribe input{
    border: 1px solid #ccc;
    width:99%;
    margin: 0.3em 0pt 0pt 0pt;
}
form#subscribe input:hover,form#subscribe input:focus{
    border: 1px solid #333;
}
.spacer{
	margin: 0pt 1.5em 1em 2.7em;
	clear:both;
}
ul.archive{
    width:240px;
}
ul.archive li{
    display:inline;
    text-indent: 1em;
}
ul.archive li a{
    width:110px;
    height:20px;
    float:right;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0.5em 0.5em 0pt 0pt;
    color:#333;
    background: #ccc;
}
ul.archive li a:hover{
    text-decoration: none;
    border: 1px solid #333;
}

ul.friends{
    width:97%;
    margin: 0.5em 1.5em 1em 0pt;
}
ul.friends li{
    display:inline;
}
ul.friends li a{
    width:130px;
    height:20px;
    float:right;
    margin: 0.2em 0pt 0pt 0.3em;
    color:#333;
    background: url("images/bullet_black.png") no-repeat right center;
    text-align: right;
    text-indent: 1.2em;
}
ul.friends li a:hover{
    text-decoration: none;
    color: #cc6600;
}
ul#random{
	margin: 1em 2em 0pt 0pt;
}
ul#random h3{
	background: url("images/random-post.png") no-repeat right top;
	text-indent: -9999px;
	height: 18px;
}
ul#random li{
	margin: 0pt;
	list-style: circle;
}
ul#postlist{
	margin: 1em 2em 0pt 0pt;
}
ul#postlist h3{
	background: url("images/pop-post.png") no-repeat right top;
	text-indent: -9999px;
	height: 18px;
}
ul#postlist li{
	margin: 0pt;
	list-style: circle;
}
#twitterbox{
    width: 250px;
    margin: 1em auto 0pt auto;
    border: 1px solid #333;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:#333;
    background: #ccc;
}
#twitterbox p{
	margin: 0.2em 0.5em 0.2em 0.2em;
	text-align: justify;
}
#twitterbox img{
    float:left;
}

div#deliciousplus-box{
	margin: 0pt;
}
div#deliciousplus-box ul{
	list-style: none;
	margin: 0pt;
}
div#deliciousplus-box ul li{
	
}
div#deliciousplus-box ul li img{
	
}
div#deliciousplus-box ul li a.deliciousplus-post{
	
}
div#deliciousplus-box ul li span.deliciousplus-description{
	
}
div#deliciousplus-box ul li span.deliciousplus-tags{

}
ul#relatedpost{
    margin: 1em 3em 0.5em 3em;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f0f0f0;
}
ul#relatedpost h3{
	background: url("images/relatedpost.png") no-repeat right top;
	text-indent: -9999px;
	height: 18px;
	margin: 0.5em 0.5em 0pt 0pt;
}
ul#relatedpost li{
    margin: 0.5em 2em 0.5em 0pt;
}