/*  --------------------------------------------------------------
    Theme Name: Mo3aser
    Theme URI: http://www.mo3aser.com/
    Version: 1.1
    Author: Mo3aser
    Author URI: http://www.mo3aser.com/
    Last Edit: 14 Jan 2009   By: Moa3ser
     -------------------------------------------------------------   */
    
* {
    margin:  0;
    padding: 0;
    border:  0;
}

/*  1-Body
	----------------- */
body {
    background:#F1EFE2 url(images/header.gif)  no-repeat center top;
    font: 9pt tahoma,Arial,Helvetica,sans-serif;
    direction: rtl;
    text-align: right;
}

        
/*  2-Header
	----------------- */
#header {
	height: 240px;
	width: 759px;
	margin: 0 auto;
}
    .logo {
		margin: 55px 10px 0 0;
		display: block;
		width: 250px;
		height: 140px;
    }
    .rss {
		margin: 65px 0 0 27px;
		display: block;
		width: 60px;
		height: 60px;
		float:left;
    }
    #header .searchbox{
		margin-right:70px;
    	margin-top:125px;
	}
		.searchbox .search-input{
			background:#FFF url(images/search-bg.gif) no-repeat right 4px;
			width:190px;
			padding-right:30px;
		}

    #header h1{display:none;}
	.button {
		color:#FFFFFF;
		float:left;
		margin:20px 0 0 0;
		overflow:hidden;
		text-align:right;
		width:488px;
	}       
        .button ul {
        	width:100%;
        	list-style:none;
        }
            .button li{
				height:50px;
				margin-right:10px;
				width:85px;
            }
            .button li:hover {color:#808080;}
                .button li a{
                	background: transparent  url(images/1.png) no-repeat right top;
                    display:block;
                    text-align:right;
                    font:bold 1.3em Arial,Helvetica,sans-serif;
                    padding:5px 2px 6px 0;
                    border-bottom: 1px #e9e9e9  solid;
                }
                .button li a:hover{ border-bottom: 1px #ccc  solid;  }
                .button li span{
                	font-size:90%;
                	padding-top:4px;
                }

         
/*  3-Wrapper
	----------------- */
.wrapper {
	background:url(images/cbg.gif) repeat-y center;
    overflow:auto;
}   
	.content{
		width: 746px;
		margin:0 auto;
	}


/*  4-Blog Content
	----------------- */ 
.blog-content {
	width:500px; 
	margin-bottom:15px;
}   
	.post{
		text-align: justify;
		line-height:20px;
		margin-bottom:35px;
	}
		h2{
			font:bold 14pt Arial,Helvetica ;
			border-bottom:1px #ccc solid;
			padding: 2px 0;
			margin-bottom:4px;
			color: #339900;
		}
		.date {
			background:transparent url(images/date.png) no-repeat right center;
			color:#7F7165;
			font-size: 90%;
			padding-right:20px;
		}
		.post-comments {
			background:transparent url(images/comments.gif) no-repeat right center;
			float:left;
			font-size: 90%;
			padding-right:20px;
		}
		.post-categories{
			background:transparent url(images/categories.png) no-repeat scroll right center;
			float:left;
			font-size: 90%;
			padding-right:20px;
		}
		.post-content{
			padding:30px 3px 0 0;
		}
			.post-content p ,.commentlist p { margin-bottom: 1.4em; }
			.post-content hr {
				background-color:#EFEFEF;
				border:0px none;
				clear:both;
				color:#EFEFEF;
				height:5px;
				margin-bottom:25px;
				margin-top:25px;
				display:block;
			}
			.post-content ul {
				margin-left: 0px;
				padding-right: 35px;
				text-indent: -10px;
			}
			.post-content ol { padding-right: 35px;}
				.post-content li { margin: 7px 0 8px 10px;	}
				.post-content  ul li:before{content: "\00BB \0020";}
				
			blockquote {
			margin: 15px 30px 0 10px;
			padding-right: 20px;
			border-right: 5px solid #ddd;
			color: #777;
			}
				blockquote cite {
					margin: 5px 0 0;
					display: block;
				}

		
/*  5-Comments Zone
	----------------- */
#comments,#respond h3,.pagetitle{
	margin:25px 0 10px 0;
	font: bold 14pt Arial;
	color: #B6B6B6;
 	text-align:center;
}
	.pagetitle{	margin:0 0 10px 0; border:none;}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-left:5px;
	}

.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
.commentlist p {
	line-height:20px;
	margin: 0px 40px 5px 0;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {text-align: justify;}
.commentlist li {
	border: 1px solid #ddd;
	margin: 15px 4px 10px 0;
	padding:  10px;
	list-style: none;
}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 20px;
}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {
	margin: 0;
	display: block;
	text-align:left;
	font-size:90%;
	margin-bottom:28px;
}

.says{display:none}
.thread-alt , .thread-even .alt{background-color: #f8f8f8;}
.thread-alt .odd, .thread-even{background-color: white;}
.even, .alt {border-right: 1px solid #ddd;}
.bypostauthor , .thread-alt .bypostauthor , .thread-even .bypostauthor  {background-color: #F7F7EF;}


/*  6-Sidebar
	----------------- */ 
.sidebar{
	width:235px;
	margin-right:8px;
}
	.sbcontent-box{
		clear:both;
		margin-bottom:18px;
		overflow:auto;
	}
		.sbcontent-box h3{
			font: bold 1.3em Arial;
			color: #5F8600;
			padding-bottom:2px;
			border-bottom: 1px solid #CDCDCD;
		}
		.sbcontent-box ul{
			list-style:none;
			padding-top:5px;
		}
			.two-columns li{
				width:47.8%;
				margin:3px 5px 3px 0;
				border-bottom: 1px  #CDCDCD dotted;	 	
			}
				.two-columns li a{
					background:transparent url(images/folder.gif) no-repeat scroll right center;
					display:block;
					padding:5px 12px 5px 0;
					color: #ff6600;
				}
				.two-columns li a:hover { color: #339900; }
				
			.twitter li{
				padding:3px 3px 5px 0;
				margin-bottom:3px;
				border-bottom: 1px  #CDCDCD dotted;	 
			}

	.img-border{
		background:#FFFFFF;
		border:1px solid #E3E3E3;
		margin-top:10px;
		padding:1px;
	}
	a:hover .img-border {border-color:#5F8600;}


/*  7-Footer
	----------------- */ 
.footer{color:#FFF;}
.path {
	background:url(images/path-bg.gif) repeat-y center;
	padding:8px;
} 
	.path strong , .path span{color:#86B022;} 		
	.path a:link, .path a:active,.path a:visited{color:#E1DDC1;}
	.path a:hover{color:#FFF;}

.footer-container{
	background:url(images/footer-bg.gif) repeat-y center top;
	overflow:auto;
}
	.footer-box{
		width:210px;
		padding-top:10px;
		color:#000;
	}
		.footer-box h3 ,.about h3{
			font: bold 1.3em arial;
			border-bottom:1px #ccc solid;
			padding-bottom:3px;
			color:#A6D830;
			margin-bottom:5px;
		}
		.footer-box li {
			display:block;
			border-bottom: 1px solid #77AA00;
			padding:7px 3px;
		}
		.footer-box li:hover {
			background:#77AA00;
		}
		.footer-box li a:link , .footer-box li a:active ,.footer-box li a:visited  {color: #F1EFE2;}
		.footer-box  li a:hover {color: #000;}

	.footer .separator {
		margin-left:10px;
	}
	.about{	width:305px; padding-top:10px;}
		.about p{
			text-align: justify;
			line-height:20px;
		}
		.about ul{margin-top:10px;}
			.about li{
				width:140px;
				margin:0 5px 10px 5px;
				padding:0;
				border:none;
			}
				.about .feed,.about .attention,	.about .email, .about .sitemap,.about .mobile{
					background:#77AA00 url(images/feed.png) no-repeat 98% center;
					padding:3px 25px 5px 5px;
					display:block;
					color:#000;
				}
				.about .feed:hover ,.about .attention:hover ,.about .email:hover , .about .sitemap:hover,.about .mobile:hover{color:#FFF;}

				.about .feed{background:#77AA00 url(images/feed.gif) no-repeat 120px center;}
				.about .feed:hover{background:#527300 url(images/feed.gif) no-repeat 120px center;}
				
				.about .attention{background:#77AA00 url(images/attention.gif) no-repeat 120px center;}
				.about .attention:hover{background:#527300 url(images/attention.gif) no-repeat 120px center;}
				
				.about .email{background:#77AA00 url(images/email.gif) no-repeat 120px center;}
				.about .email:hover{background:#527300 url(images/email.gif) no-repeat 120px center;}
				
				.about .sitemap{background:#77AA00 url(images/sitemap.gif) no-repeat 120px center;}
				.about .sitemap:hover{background:#527300 url(images/sitemap.gif) no-repeat 120px center;}
				
				.about .mobile{background:#77AA00 url(images/mobile.gif) no-repeat 120px center;}
				.about .mobile:hover{background:#527300 url(images/mobile.gif) no-repeat 120px center;}

.footer-end{
	background:url(images/footer-end.gif) no-repeat center top;
	height:10px;
}
.footer-info{
	background:url(images/footer-info-bg.gif) repeat-x center bottom;
	overflow:auto;
	height:25px;
	padding:5px 8px;
	color:#70931C;
}

	
/*  8-Align
	----------------- */         
img.aligncenter {
	display: block;
	margin: 2px auto;
	border:1px solid #cbcdcc;
}
img.alignright,img.imgalign  {margin: 5px 0 2px 7px;}
img.alignleft {	margin: 5px 7px 2px 0;}
img.alignleft,img.alignright,img.imgalign {
	border:1px solid #cbcdcc;
	padding: 4px;
}
.alignright,img.imgalign,.logo,.searchbox,
#header li,.blog-content,.date,.commentlist cite,
.two-columns li,.footer-box,.about,.about li {
	float:right;
}
.alignleft,.comment-id,.sidebar,#commentform #submit,.more-link
{
	float:left;
}
.aligncenter{
	display: block;
	margin: 2px auto;
	text-align:center;
}


/*  9-Forms
	----------------- */
input,textarea{
    background: #FAFAFA;
	border: 1px solid #B4B4B4;
	color: #000000;
    font:9pt Tahoma;
}
input {padding: 4px;}
#commentform #submit{margin-bottom:20px;}
#commentform input{	
	width:200px;
	margin:10px 0 0 5px;
}	
textarea {
	padding: 2px 6px;
	margin-top:10px;
	width: 96%; 
}
	input:hover,textarea:hover{ border: 1px solid #000;	}
	input:focus ,textarea:focus{
        border: 1px solid #339900;
		background:#F4F8ED;
	}


/*  11-Text & Links
	----------------- */
a:link,a:active,a:visited {
	text-decoration: none;
	color: #339900;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
h3{	font:bold 14pt Arial,Helvetica ;}
.commentlist,.footer-box ul,.about ul ,.post-content ul{
    list-style-type:none;
}
small{
	font-family:tahoma;
	font-size:90%;
}	
.line-bottom {
	margin-top: 3px;
	border-top: 1px solid #CDCDCD;
	height: 1px;
	display:block;
	clear:both;
}
.download{background:url(images/download.gif) no-repeat top ;}
.preview{background:url(images/preview.gif) no-repeat top ;}
.download,.preview{
	width:200px;
	height:80px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	float:right;
	margin-left:20px;
}
.download:hover,.preview:hover{
	background-position:bottom right;
}
.tag_cloud a:link, .tag_cloud a:active,.tag_cloud a:visited{color:#E1DDC1;}
.tag_cloud a:hover{color:#FFF;}