﻿/*  --------------------------------------------------------------

    Theme Name: نقطة بداية
    Theme URI: http://www.sparab.com/
    Description:ثيم نقطة بداية ... تكويد : <a href="http://www.Takwed.com/">Takwed</a>.
    Version: 1.0
    Author: sparab
    Author URI: http://www.sparab.com/
	
	Xhtml&CSS By : Fouad Badawy | Takwed.com
    -------------------------------------------------------------   */
 
* { margin: 0; padding: 0; border: 0 none; list-style:none;text-align:right;font:13px tahoma;}
	
/*	Body
	- - - - - - - - - - */
body {
	direction: rtl;
	font: 9pt Tahoma,Arial,Helvetica,sans-serif;
	text-align: right;
	color:#000;
	background:#e2e8c4 url(images/bg.png) repeat-x top;
}

 /*	Wrapper
	- - - - - - - - - - */ 
.wrapper {
	background:url(images/contebt-bg.png) repeat-y center;
	overflow:auto;
	margin:0 auto;
}
	.wrapper-container1{background:url(images/header.png) no-repeat center top    ;}   
	.wrapper-container2{background:url(images/footer.png) no-repeat center bottom ;}   

/*	Header
	- - - - - - - - - - */
.header {
	height: 380px;
	overflow:hidden;
	margin: 0 auto;
	color:#FFF;
	width:980px; 
	position:relative;
}
    .logo {
		display:block;
		height:200px;
		text-indent:-9999px;
		overflow:hidden;
		width:400px;
		position:absolute;
		right:300px;
		top:65px;	
	}
	.buttons{position:absolute;	top:15px; right:10px;}	
	.buttons ul{list-style:none;}
		.buttons li{
			font:bold 12pt Arial;
			display:inline;
			padding:0 10px;
		}
	.twitter , .rss{
		position:absolute;
		top:230px;
		left:0;
		width:77px;
		height:70px;
		text-indent:-99999999px;
		overflow:hidden;
	}		
	.rss{left:80px;}	
	.search-index{
		background:url(images/search.png) no-repeat center;
		width:259px;
		height:35px;
		margin-bottom:10px;
		margin-right:2px;
	}
	.search-index #s,.search-index .submit{	background:transparent;	border: none; float:right; height:35px; line-height:35px; padding:0 !important;}
	.search-index #s{width:170px; color:#FFF !important; font-size:90%; padding-right:4px !important; margin-left:5px;}
	.search-index .submit{width:77px; cursor:pointer; text-indent:-9999px; }
	
	.header a{color: #f7f3c4 !important; text-shadow:1px 1px 0 #999;}
		.header a:hover{color: #FFF !important; text-shadow:1px 1px 0 #666;}

.droplinetabs{ overflow: hidden; }
	.droplinetabs ul.main{margin-top:307px;}
	.droplinetabs ul{
		font:bold 12pt Arial;
		margin: 0;
		padding: 0;
		width: 980px;
		list-style: none;
	}
		.droplinetabs li{
			display: inline;
			margin: 2px 2px 0 0;
			padding: 0 6px;
			float:right;
		}
		*html .droplinetabs li{width:100px;}
	.droplinetabs a{
		margin: 0 4px 0 0;
		padding: 0 0 4px 3px;
		text-decoration: none;
	}
		.droplinetabs a span{
			float: left;
			display: block;
			padding: 7px 9px 3px 6px;
			cursor: pointer;
		}
		.droplinetabs a span{float: none;}
	.droplinetabs a:hover{color: white;}

		.droplinetabs ul li ul{
			position: absolute;
			z-index: 100;
			right: 0;
			top: 0;
			visibility: hidden;
		}

		.droplinetabs ul li ul li a{
			padding: 4px;
			padding-right: 8px;
			margin: 1px 0 0;
			background: #65967e;
			-webkit-border-radius: 5px;  
			-moz-border-radius: 5px; 
			-khtml-border-radius: 5px;  
			border-radius: 5px;
		}
		
		.droplinetabs ul li ul li a:hover{
			background: #619374;
			-webkit-border-radius: 5px;  
			-moz-border-radius: 5px; 
			-khtml-border-radius: 5px;  
			border-radius: 5px;
		}

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:264px;
	float:right;
	overflow:hidden;
}
	.widget{border-bottom:1px solid #BED6DC; padding-bottom:5px; margin-bottom:10px;}
	h3.title{
		background:url(images/sidebar-head.png) repeat-x;
		height:34px;
		line-height:34px;
		padding-right:10px;
}
	.widget-content{padding:5px;}
	.widget ul{list-style-type: none;}
		.widget ul li {padding:5px 0;}
		.widget ul li{ border-bottom:1px solid #ddd;}
		.widget ul li:hover {border-bottom:1px solid #ccc;}

	#wp125adwrap_2c {padding:0 !important;}
	#wp125adwrap_2c .wp125ad {
		float:right !important;
		padding:0px 0 5px !important;
		margin-right:0 !important;
		border-right :0 none !important;
	}
	#wp125adwrap_2c .even{margin-right:4px !important;}

/*	Content
	- - - - - - - - - - */
.container{
	margin:0 auto;
	overflow:auto;
	clear:both;
	width:970px; 
}
.narrowcolumn{float:left;	width:693px;}
	.featured-box{
		width:690px;
		height:250px;
		text-align:center;
		color:#000;
		margin-bottom:10px;
	}
	.adv{
		width:300px;
		height:60px;
		float:right;
		margin-bottom:20px;
		display:inline;
		margin-right:30px;
	}
	.post-info{
		background:#b6d4c1;
		margin:10px 0;
		overflow:hidden;
		font-size:90%;
		color:#595959;
		height:25px;
		clear:both;
	}
	.post-info span , .post-info a{color:#FFF !important; padding-left:10px; margin-left:4px;}
	.post-info span { border-left:1px solid #a2c8aa;}
		.post-info a:hover {color:#000 !important;}

	.post-box{float:right;	margin: 0 10px;	}
	.post-viewrs, .post-comments{
		float:left;
		margin-left:10px;
		padding-right:17px;
	}
.post{
	line-height:22px;
	text-align:justify;
	margin:0 10px 30px;
}
	.entry{	padding:0 10px; margin-top:5px;}
	.more-link{ display:none;}
	.more{
		background:#a2c8aa;
		padding:1px 5px 0;
		width:80px;
		text-align:right;
		float:right;
		display:block
}
	.post p{margin-bottom:1.4em;}

.navigation {
	display: block;
	text-align: center;
	clear:both;
}
	blockquote {
		margin: 15px 30px 0 10px;
		padding-right: 20px;
		border-right: 5px solid #ddd;
		color: #777;
	}
	
	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 {	content: "\00BB \0020";}
	.entry ol {	padding: 0 35px 0 0;}

.about-author{
	background:#eff0b8;
	border:1px solid #c8c986;
	padding:4px;
	overflow:hidden;
}

/*	CommentList
	- - - - - - - - - - */	

#comments {
	background: rgb(247,246,246) url(images/bg_comments.gif) repeat-x 0 top;
	width: 100%;
	direction:rtl;
	text-align:right;
}
#comments_wrap {padding: 15px 25px 25px; position: relative;}
#comments .comment a {text-decoration: underline;}
#comments .comment a:hover {text-decoration: none;}
#comments .comment small {font-size: 10px;	margin-top: -2px;}
#comments .comment {margin-top: 30px;	width: 100%;}
#comments .comment .col-right {width: 110px;}
#comments .comment .col-right img {border: #EDEDED 5px solid;}
#comments .comment .col-right .inside {
	background: url(images/bg_comment_element.gif) no-repeat left 27px;
	width: 120px;
	float: right;
	margin-left: -16px;
	position: relative;
	overflow: hidden;
	padding-left: 7px;
	min-height:70px;
}
#comments .comment .col-right p {padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left {
	min-height: 70px;
	background: #fff;
	padding: 10px 20px;
	border: #EDEDED 5px solid;
	margin-right:121px;
	float:none; 
}
.col-left{float:left;}
.col-right{float:right;}
#comments .comment span.reply { 
	float:left; 
	padding: 3px 3px 0; 
	font-size:8pt; 
}
#comments .comment span.reply a { text-decoration:none; color:#aaa;}
#comments ul.children { margin:10px 20px 0 0; 	padding:0; }
#comments .navigation .alignright, 
#comments .navigation .alignleft { 
	margin:0;
}
#comments .navigation a {
	background: #9F9F9F;
	color: #fff;
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}
#comments .navigation a:hover {background: #888;}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}
#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#form_wrap {
	background: url(images/bg_comments.gif) repeat-x 0 top;
	border-bottom: 1px solid #E6E6E6;	
	padding: 15px 32px 30px 31px;
	position: relative;
}

.bypostauthor .col-left {
	background:#fff url(images/author.png) no-repeat top left  !important;
}

/*	Footer
	- - - - - - - - - - */
.footer{
	height:290px;
	clear:both;
	margin:10px auto 0;
	width:790px;
	position:relative;
	overflow:hidden;
	padding-right:190px;
	padding-bottom:80px;
	color:#FFF;
}
	.footer a{color:#FFF !important;}
	.footer a:hover{color:#96faed !important;}

	.footer .widget{
		background:#4cbcad;
		width:220px;
		float:right;
		margin:20px 0 0 10px;
		border-bottom:0 !important;
	}
		.footer .widget h3{	color:#f7f3c4; text-decoration:underline;}
		
	.footer-twitter , .footer-rss , .footer-facebook {
		position:absolute;
		width:60px;
		height:17px;
		display:block;
		overflow:hidden;
		text-indent:-9999999px;
		left:20px;
		top:130px;
	}
	.footer-rss{top:185px;}
	.footer-facebook{top:155px;}
 
/*	Forms
	- - - - - - - - - - */
#commentform input{	width:200px;}	
textarea {width: 97%;}
textarea ,input{
	background: #EFF3F6;
	border: 2px solid #C0D0DC;
	color: #4F1305;
	font:9pt Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 8px;
}
	input:hover,textarea:hover{	border: 2px solid #7DC5C8;}
	input:focus,textarea:focus{	border: 2px solid #7DC5C8; background:#FFF;}

/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block; margin:2px auto; border:1px solid #cbcdcc; padding: 4px;}
img.alignright{ padding: 4px; margin: 2px 3px 3px 8px; display: inline; border:1px solid #cbcdcc; clear:both;}
img.alignleft {	padding: 4px; margin: 2px 8px 3px 3px; display: inline; border:1px solid #cbcdcc; clear:both;}

.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2, h3 {
	font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
	font-weight: bold;
}
h2 {font-size: 14pt;	color: #595959;}
h2.title{font-size:18pt;}
h2.title a{font-size:18pt;	font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;	font-weight: bold;}
	h2.pagetitle {
		font-size: 18pt;
		text-align: center;
		color:#888;
		margin-bottom:10px;
	}
h3 {font-size: 12pt;}
a:link,a:active,a:visited {
	text-decoration: none;
	outline:none;
	color: #595959;
}
a:hover {color: #2397b4;}
.clear{clear:both;}

.wp-pagenavi{margin:10px 150px 10px  0 !important; overflow:hidden;}
.wp-pagenavi a, .wp-pagenavi a:link , .wp-pagenavi a:visited ,  .wp-pagenavi a:active,
.wp-pagenavi span.pages,.wp-pagenavi span.extend,
.wp-pagenavi a:hover,.wp-pagenavi span.current {
	margin: 0 !important;
	text-decoration: none !important;
	border: 0 none !important;
	color: #035c80 !important;
	background-color: #b6d4c1 !important;	
	float:right !important;
	padding: 6px 5px 0px !important;
	height:20px;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {	border: 0 none !important; color: #FFF !important; background-color: #89b292 !important;}

a.first:link , a.last:link,
a.first:visited , a.last:visited ,
a.first:active , a.last:active {
	 background:url(images/first.png) no-repeat ;
	 text-indent:-99999px;
	 overflow:hidden;
	 width:37px;
	 height:26px;
	 padding:0 !important;
}
a.last:link, a.last:visited , a.last:active {background:url(images/last.png) no-repeat ;}
span.pages{display:none;}

div#coldform {margin: 11px 0; width: 550px;}
div#coldform fieldset {	border: 0 none;	display: block;	clear: both;}
div#coldform legend.hide {	display: none;}
div#coldform label.label {
	text-align: right;
	display: block;
	padding: 3px 0;
	margin: 3px 0;
	width: 155px;
	clear: right;
	float: right;
}
input#coldform_carbon { margin: 0 0 -7px 7px; }
div#coldform textarea#coldform_message,  
div#coldform input.input {width: 350px;	float: left;}
div#coldform input.submit {
	display:block;
	float:right;
	height:30px;
	margin:3px 0 13px 137px;
	width:150px;
}


/*------------------- ---------------*/

.socialmedia-buttons p {
 	border: 0 none;
    font: 13px tahoma;
    list-style: none outside none;
    margin: 5px;
    padding: 0;
    text-align: right;	
} 
