/*  --------------------------------------------------------------

    Theme Name: AbdullahSaeed
    Theme URI:  http://www.asaeed.ws/blog/
    Description:ثيم موقع Abdullah_Saeed ... تكويد :  <a href="http://www.takwed.com/">Takwed.com</a>.
    Version: 1.0
    Author: Mo3aser
    Author URI: http://www.mo3aser.com/
     -------------------------------------------------------------   */
 
* { margin:  0; padding: 0; border: 0 none; }

/*	Body
	- - - - - - - - - - */
body {
	background:#FFF url(images/bg.jpg) repeat center;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#519700;
}

 /*	Wrapper
	- - - - - - - - - - */ 
.wrapper {
	background:#FFF url(images/wrapper-bg.jpg) repeat center;
	overflow:hidden;
	margin:0 auto;
	width:971px; 
}   


/*	Header
	- - - - - - - - - - */
.header {
	background:#FFF url(images/header.jpg) no-repeat center top;
	height: 343px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	color:#208FD9;
}
    .logo {
    	position:absolute;
		display:block;
		height:220px;
		text-indent:-9999px;
		overflow:hidden;
		width:330px;
		right:270px;
		top:110px;
	}
	.buttons{ 
		text-align:center;
		height:30px;
		position:absolute;
		top:0;
		left:20px;
		width:540px;
	}	
	.buttons ul{list-style:none;}
		.buttons li{
			float:right;
			padding:0 5px;
			float:left;
			overflow:hidden;
		}
			.buttons li a{
				display:block;
				color:#FFF;
				height:20px;
				text-indent:-9999px;
				overflow:hidden;
			}
			.green{background:url('images/1.png') bottom center no-repeat; width:70px; }
				*html .green{background:url('images/1.gif') bottom center no-repeat; }
			.yellow{background:url('images/3.png') bottom center  no-repeat; width:50px;}
				*html .yellow{background:url('images/3.gif') bottom center  no-repeat;}
			.red{background:url('images/2.png') bottom center no-repeat; width:70px;}
				*html .red{background:url('images/2.gif') bottom center no-repeat ;}
			.purple{background:url('images/5.png') bottom center no-repeat; width:128px;}
				*html .purple{background:url('images/5.gif') bottom center no-repeat;}
			.blue{background:url('images/4.png') bottom center no-repeat; width:60px;}
				*html .blue{background:url('images/4.gif') bottom center no-repeat;}

	.search-index{
		position:absolute;
		right:30px;
		width:230px;
		height:19px;
		top:18px;
		padding-top:5px;
	}
	.search-index #s,.search-index .submit{	background:transparent;	border: none; float:right;}
	.search-index #s{width:125px;}
	.search-index .submit{width:60px; margin-right:10px; cursor:pointer; text-indent:-9999px}

	.twitter-statu{
		font-size:90%;
		height:75px;
		line-height:16px;
		overflow:hidden;
		position:absolute;
		left:125px;
		text-align:justify;
		top:95px;
		width:225px;
	}
	.twitter{
		width:90px;
		height:100px;
		display:block;
		position:absolute;
		left:40px;
		bottom:80px;
		overflow:hidden;
		text-indent:-99999px;;
	}
	.rss-icon{
		width:100px;
		height:100px;
		display:block;
		position:absolute;
		right:170px;
		bottom:10px;
		overflow:hidden;
		text-indent:-99999px;;
	}
	
	.social{position:absolute; top:70px; right:50px;}
	.social li{ list-style:none; float:left; margin-left:10px;}
	.social a{
		background:url(images/social.gif) no-repeat;
		display:block;
		width:32px;
		height:32px;
		overflow:hidden;
		text-indent:-99999px;
	}
		.social .twitter-icon{background-position:0 -34px;}
		.social .flickr-icon{background-position:0 -68px;}
		.social .youtube-icon{background-position:0 -104px;}
	

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:260px;
	float:right;
	margin:10px 0 0 10px;
	position:relative;
	display:inline;
}
	.sidebar .widget{ margin-top:10px; clear:both;}
	.sidebar h2.title , .sidebar h2.ftitle ,.entry-title{
		background:url(images/sidebar-head.jpg) no-repeat;
		height:29px;
		font-size: 12pt;
		color:#a70000;
		padding:8px 0 0;
		clear:both;
		text-align:center;
		margin:5px 0 ;
		clear:both;
	}
	.sidebar h2.ftitle{
		background:url(images/sidebar-fhead.jpg) no-repeat;
		height:30px;
		padding:46px 0 0;
		clear:both;
	}
	.list-container{padding: 0 15px 0 0; clear:both;}
	.list-content{background:url(images/list-bg.jpg) repeat-y; padding:0 15px;}
	.list-top{background:url(images/li-bg.jpg) no-repeat;	height:12px;}
	.list-bottom{background:url(images/li-bg.jpg) no-repeat left bottom;	height:12px;}
	.list-container ul{
		background:url(images/ul-bg.gif) repeat-y;
		margin:-15px -15px 0;
		float:left;
		width:250px
	}
	*html .list-content{padding:0 11px 0 0;}
	*html .list-container ul{margin:-17px -30px 0 -0px;}
	.list-container li{background:url(images/li-bg.jpg) no-repeat;	margin:3px 0;}
		.list-container select{margin-top:15px; }
		.sidebar ul{list-style-type: none;}
			.sidebar ul li {display:block;	padding:7px 22px 7px 3px;}
			.spec { padding-top:4px !important; }
			.spec img{ margin-top:-2px !important; }
			
.flickr img , .ngg-widget img {
	background-color:#FEF0C7;
	border:1px solid #FFDB6C;
	margin:0px 0px 4px 7px;
	padding:5px;
	display:inline;
}
	.flickr img:hover , .ngg-widget img:hover{border:1px solid #55870B; background:#FDE18C;}
.flickr_badge_image{display:inline; margin-right:12px;}
.flickr_badge_beacon{display:none;}

/*	Content
	- - - - - - - - - - */
.container{margin:0 auto; overflow:hidden; }
.content{padding:10px; width:919px; margin:0 auto; }
.widecolumn{float:left;	width:629px; overflow:hidden;}
.post , .page{ line-height:22px; text-align:justify;overflow:hidden; clear:both;}
.post-title{
	background:url(images/post-head.jpg) no-repeat;
	height:33px;
	padding:50px 50px 0 0;
	margin:0 0 5px 0;
}
.post-title a:link,.post-title a:active,.post-title a:visited{color:#A70000;}
.post-title a:hover{color:#519700;}
.post-info{
	 background:url(images/post-top.jpg) no-repeat left;
	 height:25px;
	 padding:0 20px;
}
	.post-author , .post-cat{
		float:right;
		margin-right:10px;
		padding-right:20px;
		background:url(images/post-icons.jpg) no-repeat right bottom;
	}
	.post-cat{background-position:right top; margin-right:20px;	}
	.post-viewrs, .post-comments{
		background:url(images/post-icons.jpg) no-repeat right -34px;
		float:left;
		margin-left:10px;
		padding-right:17px;
	}
	.post-viewrs{background-position:right -67px; margin-right:10px;}

.post-content{ background:url(images/post-footer.jpg) no-repeat bottom;}
.post-container{ background:url(images/post-bg.jpg) repeat-y bottom;}

	.entry{	padding:15px 20px 0 15px;	overflow:hidden;}

	.postmetadata{padding:3px 30px 20px 15px; margin-top:5px; text-align:center; font-size:90%; height:20px;}
	.more-link{
		display:block;
		background:#FDEEBF ;
		border:1px solid #EBBE25;
		display:block;
		float:left;
		margin:10px 0 ;
		text-align:center;
		width:30%;
		-moz-border-radius:15px; -webkit-border-radius:15px;
	}
		.more-link:hover{border:1px solid #538506; background:#78C10B; color:#FFF;}
	.post p{margin-bottom:1.4em;}
	blockquote {
		margin: 15px 30px 0 10px;
		padding-right: 20px;
		border-right: 5px solid #ddd;
		color: #777;
	}

.navigation,.post-related{
	background:#FDE7A2;
	display : block;
	margin:5px 10px 20px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	overflow:hidden;
	padding:5px 10px;
	clear:both;
	height:100%;
}
.post-related li{margin:5px 20px;}
.post-related  h3{
	color:#A70000;
	border-bottom:1px solid #FDD160;
	padding-bottom:5px;
}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 30px 0 0;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
	html>body .entry li {margin: 7px 0 8px 10px;}
	
.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}
.entry ol {	padding: 0 0 0 35px;}


/*	CommentList
	- - - - - - - - - - */	
.commentlist li , .addcomment {
	background:url(images/comment-bg.jpg) repeat-y;
	margin: 0 15px  10px 0;
	list-style: none;
	overflow:hidden;
	clear:both;
	width:605px;
}
.commentlist li .addcomment , .commentlist li .addcomment .comment-head , .commentlist li .addcomment .comment-footer{
	background:none ; width:98%;}
.comment-head{background: url(images/comments_top.jpg) no-repeat; padding:10px;}
.comment-footer{ background: url(images/comment-footer.jpg) no-repeat; height:12px;}
	.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; color:#CF7101}
	.commentlist p {
		line-height:20px;
		margin: 0px 10px 5px 0;
		text-align: justify;
	}
	.commentlist li ul li {margin-right: 20px;}
	.nocomments {text-align: center;}
	.commentmetadata {
		display: block;
		text-align:right;
		font-size:90%;
		margin-bottom:10px;
	}
		.commentmetadata a,.commentmetadata a:link , .commentmetadata a:visited{color:#CF7101;}

	.says{display:none}
	.reply a{
		padding:4px 10px;
		margin-bottom:10px;
		font-weight:bold;
	}
	
.bypostauthor .comment-head{background: url(images/author-comments_top.jpg) no-repeat !important;}
.bypostauthor{background: url(images/author-comment-bg.jpg) repeat-y !important;}
.bypostauthor .comment-footer{background: url(images/author-comment-footer.jpg) no-repeat !important;}

.comments-title{
	background:url(images/comments-head.jpg) no-repeat;
	height:30px;
	padding:10px 30px 0 0;
	margin:10px 0 5px 0;
	font-size:12pt;
}


/*	Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer.jpg) no-repeat center bottom;
	height:270px;
	overflow:hidden;
	padding:20px 50px 40px 0;
	clear:both;
}
	
	.footer-box{
		width:260px;
		height:260px;
		float:right;
		margin:0 0 10px 46px;
		overflow:hidden;
	}
	.footer-box h3{
		background:url(images/footer-head.png);
		display:block;
		margin:10px 0 ;
		text-align:center;	
		padding:3px 7px;
		color:#cf7101;
		font-size:12pt;
	}
	*html .footer-box h3{background:url(images/footer-head.gif);}
	
	.footer-list{overflow:hidden; padding:0 10px;}
		.footer-list li {
			display:block;
			border-bottom: 1px solid #FDEAB2 ;
			padding:7px 3px;
			color:#000;
			list-style:none;
		}
			.footer-list li:hover {border-bottom: 1px solid #FDD160;}


/*	Forms
	- - - - - - - - - - */
input {padding: 3px}
#commentform{margin:5px 8px 0;}
#commentform input{	width:200px;}	
textarea {
	padding: 5px 6px ;
	width: 97%;
}
textarea ,input{
	background: #FEF4D6;
	border: 1px solid #538602;
	color: #000;
	font:12px Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}
	input:hover,textarea:hover{	border: 1px solid #F5C42E;}
	input:focus ,textarea:focus{border: 1px solid #F5C42E;	background:#FFF;}


/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2, h3 {
	font-family: Tahoma , Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
	font-weight: bold;
}
h2 {
	font-size: 14pt;
	color: #A70000;
	padding:0 5px 10px 0;
	margin-bottom:20px;
	}
	h2.pagetitle {
		font-size: 18pt;
		text-align: center;
		color:#F3BA0C;
		margin-bottom:10px;
	}
h3 {font-size: 14pt;}
a:link,a:active,a:visited {
	text-decoration: none;
	outline:none;
	color: #437c01;

}
a:hover {color: #c30000;}


			.boxgrid{ 
				overflow: hidden; 
				position: relative; 
				cursor:pointer;
				height:150px;
				width:270px;
			}
			.boxgrid img , .ngg-widget img ,.flickr img{ 
				opacity: .6; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			}
			.boxgrid img:hover ,.ngg-widget img:hover ,.flickr img:hover{ 
				opacity: 1.0; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}

				.boxgrid h3{ 
					padding: 0 10px; 
					color:#afafaf; 
					font:bold 12pt Arial;
					color:#FFF;
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 290px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 80px;
 					left: 0;
 				}
 				
 				
/* 

Coldskin #2 for Contact Coldform WordPress Plugin

@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 

@ http://perishablepress.com/press/2008/01/08/contact-coldskins/ 

*/

div#coldform {
    margin: 11px 0;
    width: 500px;
}
div#coldform fieldset {
    border: 0 none;
    display: block;
    clear: both;
}
div#coldform legend.hide {display: none;}
div#coldform label.label {
	font-size: 1.1em;
	display: block;
	margin: 5px 0;
    padding-top: 5px;
    width: 177px;
    clear: left;
    float: left;
}
div#coldform label.label2 {
	display:block;
	padding-bottom:10px;
	width:463px;
	float:left;
	clear:left;
} 
div#coldform input.input {
    padding: 3px 3px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 300px;
    clear: right;
    float: right;
}
div#coldform textarea#coldform_message {
    padding: 1px 3px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 470px;
    clear: right;
    float: right;
}
div#coldform input.submit {
    margin: 7px 10px 10px 0;
    cursor: pointer;
    display: block;
    padding: 3px;
    width: 308px;
    clear: right;
    float: right;
}

div#coldform input.check {
	display:block;
	margin: 0;
	padding-bottom: 5px;
	width:37px;
	float:right;
	clear:right;
}