/*
Theme Name: Inout-builder
Theme URI: http://a7lakalam.org/
Description: هذا الستايل تصميم شركة أحلى كلام لخدمات الويب هذا الستايل تصميم خاص و حصري لموقع شركةإن اوت بيلدر لتجارة والمقاولات  لا يحق استخدامه إلا بموافقة من الشركة
Version: 1.0
Author: Night-Star
Author URI: http://a7lakalam.org/
Tags: fixed width, two columns, right sidebar, widgets, gravatars, blue, white, simple, minimalist, clean, valid XHTML, valid CSS

*/

/* CSS Document */

body{

	background:url(http://www.inout-builder.com/images/body_bg.gif) repeat-x 0 0 #FFFFFF; color:#363636;

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Sans-Serif;

	color:#555;

	margin:0; padding:0;}

	

small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.8em;

	}

	

a{

color: #2F2F20;

	text-decoration: none;

	margin:0; padding:0;}

	

a:hover {

	text-decoration:underline;

}



a img {

	border: none;

	}	

	

p{

	margin:0; padding:0;}

li{

	margin:0; padding:0;}

ul{

	margin:0; padding:0;}

span{

	margin:0; padding:0;}

input{

	margin:0; padding:0;}

label{

	margin:0; padding:0;}

form{

	margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;

	font-weight: bold;

	text-transform:uppercase;

}	

h6{

	margin:0; padding:0;}

h5{

	margin:0; padding:0;}

h4{

font-size: 1em;

	margin:0; padding:0;}

h3{

font-size: 1.2em;

	margin:0; padding:0;}

h2{

    font-size: 2em;

	margin:0; padding:0;}

h1{

    font-size: 2.4em;

	margin:0; padding:0;}

	

pre {

	overflow:auto;

}



acronym, abbr

{

	font-size: 0.9em;

	letter-spacing: .07em;

	cursor: help;

	border-bottom: 1px dashed #999;

}



strong {	

	color:#666;

}



hr {

	display: none;

	}

	

div{

	margin:0; padding:0;}

ul{

	list-style:none;}

.spacer{

	font-size:0; line-height:0; clear:both;}



#page {
    
    background:url(http://www.inout-builder.com/ar/images/innerbg.gif);
	margin: 0 auto;

	padding: 0 0 0;

	width: 100%;

}

	#wrapper {
    
    background:url(http://www.inout-builder.com/ar/images/body_bg.gif);
	padding:20px;

}



#content {

	margin:0;

	padding:0 0 0 0; 

	width:650px;

	float:left;
	direction:rtl;
	text-align:right;

}

	

/* Post */



.post {

	margin: 0;

	padding:20px 10px; 

	text-align: justify;

	overflow:hidden;

	clear:both;
	direction:rtl;
	text-align:right;

	}



.post h2 {

	margin:0;

	padding:0;

	text-align:right;

}



.post h3.post-title {

	font-weight:bold;

	font-size:1.8em;

	margin:0;

	padding:0;

	text-align:right;

}	





div.archive-title {

	font-size:1.6em;

	font-weight:bold;

}



.post hr {

	display: block;

	}



.postmetadata {

	clear: both;

	font-size:1.1em;

	color:#888;
	direction:rtl;
	text-align:right;

}



.clear {

	clear: both;

}



.entry {

	font-size:1.4em;

	line-height:1.4em;

	 margin:5px 0;

}



.entry blockquote {

	border:1px dashed #ccc;

	font-size:0.9em;

	padding:5px 20px;

	margin:10px 0;

	background:#f8f8f8;

}



.entry blockquote blockquote {

	font-size:1em;

}



.entry fieldset {

	border:1px dashed #ccc;

}



.entry fieldset legend {

	font-weight:bold;

	text-transform:uppercase;

}



.entry table {

	border-width:0 1px 1px 0;

	border-style:solid;

	border-color:#ccc;

	font-size:0.9em;

}





.entry table tr td {

	padding:5px 10px;

	border-width:1px 0 0 1px;

	border-style:solid;

	border-color:#ccc;



}



.entry table tr th {

	border-width:1px 0 0 1px;

	border-style:solid;

	border-color:#ccc;

	padding:5px 10px;

	background:#f4f4f4;

	color:#666;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

}



.entry ol { list-style-type:decimal; }

.entry ol ol {	list-style-type:lower-alpha; }

.entry ol ol ol {	list-style-type:lower-roman; }





p img {

	padding: 0;

	max-width: 100%;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



.alignright {

	padding:0;

	margin: 2px 0 5px 10px;

	display: inline;

	float:right;

	}



.alignleft {

	padding:0;

	margin: 2px 10px 5px 0;

	display: inline;

	float:left;

	}



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.navigation .alignleft {

	text-align:left;

}

.navigation .alignright {

	text-align:right;

}



.navigation {

	font-size:1.2em;

	clear:both;

	margin:20px 0;

}	





.wp-caption {

	border: 1px solid #ccc;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

}





.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;

}



.searchbox {

	padding:20px;

	text-align:center;

	clear:both;

}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



/* Comments*/



#comments {

	font-size:1.4em;

	line-height:1.4em;
	direction:rtl;

}



.commentlist {

	margin:20px 0;

	padding:0 0 1px 0;

	background:url('images/border_h.png') repeat-x bottom;

}



.commentlist li {

	list-style:none;

	margin:0;

	padding:0;

	background:url('images/border_h.png') repeat-x top;

}



li.comment div, li.pingback div {

	padding:20px;

	overflow:auto;

}



li.comment div div, li.pingback div div {

	padding:0;

	overflow:visible;

}



.commentlist li.even {

	background-color:#fafafa;

}



.commentlist li.odd {

	background-color:#f6f6f6;

}



ul.children li {

	list-style:none;

}



img.avatar {

	float:left;

	border:1px solid #eee;

	padding:2px;

	margin:0;

	background:#fff;

}



.comment-meta, .reply {

	margin:0;

	padding:0;

	font-size:0.8em;

}



.comment-author cite {

	font-style:normal;

	font-weight:bold;

}





textarea#comment {

	width:80%;



}



#comments div.navigation {

	font-size:0.8em;

}



/* Sidebar */



#sidebar {

    width:224px;

	float:right;	

    margin: 0;

	padding:10px 2px 0 0; 

	font: 1.2em Tahoma, 'Lucida Grande', Arial, Sans-Serif;

	}



#sidebar h2 {

	font-family: Tahoma,'Lucida Grande', Sans-Serif;

	font-size: 1.2em;

	color:#005164;
	display:block;
	width:223px;
	height:22px;
	background:url(http://www.inout-builder.com/ar/images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 14px 0 0;
	margin:0 0 1px 0;


	}



#sidebar h2 span{

	background:url(http://www.inout-builder.com/ar/images/arrow.gif) right no-repeat;
	padding:0 16px 0 16px; 
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;

	}





#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	margin:0;

	padding:0;

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 20px;

	}





#sidebar ul p, #sidebar ul select {

	margin: 5px 5px 8px 0;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 0;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 20px 0 0 0;

	}



#sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

    
	margin: 3px 0 0;

	padding: 0 14px;

	}	

	

/* Calendar */

#wp-calendar {

	empty-cells: show;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	font-weight:bold;

	}



#wp-calendar caption {

	font-weight:bold;

	text-transform:uppercase;

	text-align:left;

	margin:0 0 5px 8px;

	color:#666;

	}



#wp-calendar td {

	padding: 3px 5px;

	text-align: center;

	}

	

#wp-calendar td#today {

	background:#eee;

}	



#wp-calendar td#prev a {

	padding: 0;

	text-align:left;

	font-weight:normal;

}



#wp-calendar td#next a {

	padding: 0;

	text-align:right;

	font-weight:normal;

}





/* End Calendar */


/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	background:url(/images/top_bg.gif) 0 0 repeat-x;
	height:143px;
	padding:10px 0 0 0;
}
#topmain1{
	width:340px;
	background:url(/ar/images/bgh.png) 0 0 repeat-x;
	height:123px;
	padding:0 0 0 0;
	position: absolute; 
	left: 0px; 
	top: 0px;
}
#top{
	width:958px;
	margin:0 auto;
	height:143px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:right;
	margin:0 0 11px 82px;
}
#top p.topTxt{
	display:block;
	width:200px;
	font-size:12px;
	line-height:19px;
	color:#D4F5FF;
	background-color:inherit;
	float:right;
	padding:21px 0 0 0;
}
#top p.topTxt span.yellow{
	font-weight:bold;
	color:#F4F23C;
	background-color:inherit;
}
#top p.topTxt span.red{
	font-weight:normal;
	color:#fff;
	background-color:#B70D0D;
	padding:2px;
}
#top form{
	background:url(/images/serch_bg.gif) 0 0 no-repeat;
	width:249px;
	height:47px;
	float:right;
	padding:17px 8px 0 53px;
}
#top form input.txtBox{
	width:184px;
	height:15px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:right;
	padding:4px 0 0 14px;
	font-size:10px;
	margin:0 0 5px 0;
	line-height:15px;
}
#top form input.go{
	background:url(/images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:21px;
	float:right;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	color:#333333;
	background-color:#0D6C8A;
	border:none;
	cursor:pointer;
	margin:0 0 5px 0;
}
#top form a{
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#D6DF43;
	background-color:#0D6C8A;
	float:right;
	display:block;
	width:89px;
	text-decoration:none;
}
#top form a:hover{
	text-decoration:underline;
}
#top ul.nav{
	width:847px;
	height:26px;
	padding:0 36px 0 0;
	float:right;
}
#top ul.nav li{
	float:right;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noMargin{
	margin:0;
}
#top ul.nav li a{
	display:block;
	background:url(/images/nav_bg.gif) right no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  Tahoma, "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#EBEBEB;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(/images/nav_bg_hover.gif) right no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(/images/nav_bg_hover.gif) right no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:892px;
	height:29px;
	padding:0 41px 0 0;
	float:right;
}
#top ul.sub li{
	background:url(/ar/images/arrow_green.gif) right no-repeat;
	padding:0 5px 0 0; 
}
#top ul.sub li.noImg{
	background-image:none;
}
#top ul.sub li a{
	padding:0 3px;
	font:normal 11px/29px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1F2123;
	background-color:inherit;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#B70D0D;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:65px;
	background:url(/images/footer_bg.gif) bottom repeat-x;
}
#footer{
	width:958px;
	margin:0 auto;
	position:relative;
	height:65px;
}
#footer ul{
	width:707px;
	position:absolute;
	right:248px;
	top:18px;
}
#footer ul li{
	float:right;
	font:normal 11px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 10px;
	font:normal 11px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	right:241px;
	top:37px;
	width:500px;
	color:#FEDC3B;
	background-color:inherit;
}
#footer p.copyright a{
	font:normal 11px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEDC3B;
	text-decoration:none;
}
#footer p.copyright a:hover{
    text-decoration:underline;
    
    
}
#footer p.design{
	display:block;
	width:245px;
	height:18px;
	padding:0;
	position:absolute;
	right:261px;
	top:58px;
	font:bold 17px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 17px/18px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	background:url(/images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:0;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(/images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:72px;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/

#footertop{
	width:100%;
	height:28px;
	background:#e8e8d0;
}
