<span style="color: #000000">






| هدفنا التميز

|







-----------------------------------------------
Blogger Template Style
Name: Latte Blogger
Date: March 2010
Created by: Chica Blogger
URI: http://chicablogger.com
----------------------------------------------- */


/* -----------------------------------------------
Blogger Template Downloaded from
Website: Blogger Templates Fan
URL: http://templatesfan.com/
----------------------------------------------- */


/* Variable definitions
====================












*/

/* This code hides the Blogger navbar */

#navbar, #navbar-iframe {
display: none;
height: 0;
}

/* General */

body {
background: url(http://lh4.googleusercontent.com/-IG...rumU/B10.jpg);
margin:0;
color:$textcolor;
font:arial;
font-size/* */:/**/small;
font-size: /**/small;
}

a:link {
color:#669900;
text-decoration:none;
}

a:visited {
color:#669900;
text-decoration:none;
}

a:hover {
color:#171717;
text-decoration:none;
}

a img {
border-width:0;
}


/* Header */

#header-wrapper{
width:100%;
background: url(http://lh5.googleusercontent.com/--p...Tr528zo/H1.jpg) repeat-x top;
height: 242px;
margin: 0;
}

#header {
width: 980px;
margin: 0 auto;
}

#header-right {
height: 160px;
width: 440px;
float: right;
margin-top: 6px;
margin-right: 15px;
}

#menu-top{
height: 29px;
width: 900px;
padding-top: 5px;
margin-right: 15px;
float:right;
}

#logo {
width: 420px;
height: 110px;
margin-top: 30px;
outline: none;
}

#menu-bottom {
height: 40px;
width: 735px;
float: right;
margin-right: -30px;
margin-top: -4px;
*padding-top: 12px;
}

#menu-bottom ul li{
display: inline;
list-style-type: none;
}

#menu-bottom li {
border-left: 1px solid #272727;
text-align: right;
padding: 12px 15px 6px;
}

#menu-bottom li a{
color: #ffffff;
font-size: 18px;
padding: 12px 15px 6px;
}

#menu-bottom li:hover {
padding: 12px 15px 6px;
}

#menu-bottom li a:hover{
background: url("http://lh5.googleusercontent.com/-_5WgtizEbZ4/Tgon5tjMgVI/AAAAAAAACr4/1r07LUGMbyk/menu%252520h.png") no-repeat scroll center center transparent;
color: #ccff00;
padding: 11px 15px 10px;
}

#search {
height: 36px;
width: 250px;
float: left;
background: url(http://lh5.googleusercontent.com/-sj...sAQQ/sersh.png) no-repeat top left;
margin: -199px 0 0 20px;
}

#q{
color: #969696;
background: transparent;
font-size: 0.9em;
margin: 3px 70px 0 0;
width: 165px;
border: none;
float: right;
height: 24px;
}

.submit {
width: 57px;
height: 33px;
margin: -28px 0px 0 8px;
outline: none;
float: right;
}

#header-left {
height: 160px;
width: 500px;
float: left;
background: url(http://lh6.googleusercontent.com/-kG...23tR2QY/H2.png) no-repeat top left;
margin-top: 8px;
}

#header a {
outline: none;
text-decoration:none;
}


#adsensetop {
width: 468px;
height: 60px;
margin-top: 45px;
margin-right: 10px;
}


/* Main containers */

#outer-wrapper {
width: 960px;
margin:20px auto 0;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 640px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 300px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
margin-top: 0px;
}


/* Post */

.post{
width: 600px;
padding: 14px 14px 14px 14px;
border: 1px solid #e7edb5;
background: #FFF;
font-family: arial, sans-serif;
margin-bottom: 20px;
margin-right: 10px;
margin-top: 10px;
font-size: 18px;
}

.post h3{
margin:0.1em 0 0;
padding:0 0 5px;
font-size:25px;
font-weight:bold;
line-height:1.9em;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#669900;
border-bottom: 3px dotted #E7EDB5;
padding-bottom: 5px;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-labels {
color:$sidebartextcolor;
background: url(http://lh5.googleusercontent.com/-hd...wnxg/label.png) no-repeat center right;
padding-right: 25px;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #EEEEEE;
color: #000000;
line-height: 1.6em;
padding: 13px;
}

.post-body ul li{
list-style: url(http://4.bp.blogspot.com/_V-IXTBBt1B...0/bullet.png);
}

.post-footer-line-1 {
margin: 0.75em 0 40px;
color:$sidebartextcolor;
line-height: 1.4em;
border: 1px solid #efefef;
background: #fcfcfc;
padding: 10px;

}

.post-author {
background: url(http://lh6.googleusercontent.com/-oM...NY/Profile.png) no-repeat center right;
padding-right: 30px;
padding-top: 3px;
margin-right: 5px;
margin-top: -3px;
height: 25px;
width: 400px;
float: right;
}

.comment-link {
background: url(http://lh5.googleusercontent.com/-Te...ent_square.png) no-repeat center right;
padding-bottom: 5px;
padding-right: 33px;
height: 20px;
width: 90px;
float:left;
}

.post-body img {
padding:4px;
border:1px solid #E7EDB5;
max-width: 540px;
width: expression(this.width > 540 ? 540: true);
margin-bottom: 10px;
margin-top: 10px;
}






.post blockquote {
margin:1em 20px;
}

.post blockquote p {
margin:.75em 0;
}


/* Comments */


#comments {
width: 600px;
padding: 15px 14px 0px 14px;
border: 1px solid #E7EDB5;
background: #FFF;
font-family: Helvetica, sans-serif;
margin-bottom: 20px;
margin-right: 10px;
}

#comments h4 {
margin:1em 0;
margin-bottom: 10px;
margin-top: -20px;
padding-top: 30px;
line-height: 1.4em;
color: $sidebarcolor;
font-size: 25px;
height: 64px;
background: url(http://lh3.googleusercontent.com/-xv...w/comments.png) no-repeat center right;
padding-right: 70px;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
background: #E5EAB7;
border: 1px solid #EFEFEF;
margin:.5em 0 0 0;
font-weight: normal;
padding:7px;
font-size: 18px;
margin: 5px 0 -4px 10px;
}




#comments-block .comment-body {
background: #F7F7F7;
margin: 5px 5px 10px 10px;
padding:5px;
}



#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
font-style: normal;
font-size: 13px;
border-bottom:0px dotted $bordercolor;
padding-bottom: 25px;
font-family: tahoma;
}



#comments-block .comment-body p {
margin:0 0 .75em;
font-family: tahoma;
font-size: 13px;
}



.deleted-comment {
font-style:italic;
color:gray;
}


.comment-form {
margin:25px 0px 50px 0px;
max-width:620px !important;
width:620px !important;
}



.avatar-image-container img {
background:url(http://lh5.googleusercontent.com/-lt...n-person.png);
width:60px;
height:60px;
}



#blog-pager-newer-link {
float: $startSide;
margin-$startSide: 25px;
}

#blog-pager-older-link {
float: $endSide;
margin-$endSide: 3px;
}

#blog-pager {
text-align: center;
width: 628px;
clear: both;
border: 0px solid #E7EDB5;
height: 55px;
padding: 5px 0;
font-size: 18px;
font-weight: normal;
font-family: arial;
margin-top: -70px;
}

.feed-links {
clear: both;
line-height: 2.5em;
background: url(http://3.bp.blogspot.com/_V-IXTBBt1B...rss-bottom.png) no-repeat center right;
padding-right: 20px;
font-family: tahoma, sans-serif;
font-size: 13px;
}

/* Sidebar Content */


#subscription {
list-style: none;
margin-top: 0px;
*margin-top: -10px;
}

#subscription li {
padding: 5px 10px 5px 10px;
height: 60px;
}

#subscription li a {
color: #333333;
}

#subscription li a:hover {
color: #669900;
}

#subscription li h4 {
margin: 0 0 0 45px;
font-size: 18px;
color: #333333;
font-weight: bold;
border: none;
}

#subscription li p {
margin: 0 0 0 45px;
font-size: 13px;
font-family: tahoma;
}

#subscription li img {
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}


#subscription li:hover {
background-color: #FCFFE0;
}

.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
font-family: Helvetica;
}

.sidebar h2{
background: url("http://lh4.googleusercontent.com/-5RCjZQYpczM/Tgon8HdBmpI/AAAAAAAACsQ/3iQtUjlFWNA/S1.png") repeat scroll 0 0 transparent;
font-weight: normal;
margin: -20px -11px 16px;
color: #000000;
text-transform: uppercase;
font-size: 18px;
padding: 20px 25px 22px 10px;
height: 14px;
}

.sidebar a {
color: $sidebartextcolor;
font-family: tahoma;
}

.sidebar a:hover {
color: #669900;
text-decoration: none;
}


.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
line-height:1.5em;
border-bottom: 1px dotted #EAE8DB;
}

.sidebar li:hover {
background: #FCFFE0;
}

.sidebar .widget {
background: #FFFFFF;
width: 270px;
padding: 9px 14px;
border: 1px solid #e7edb5;
margin-bottom: 30px;
margin-top: 10px;
}


.main .Blog {
border-bottom-width: 0;
}


/* Profile */

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

/* Footer */

#footer-wrapper {
background: #111111;
width: 100%;
border-top: 1px solid #F1F0E9;
font-family: Helvetica;

}

#footer {
width:960px;
background: #111111;
clear:both;
margin:0 auto;
padding: 15px 0 25px 0;
line-height: 1.6em;
}

.footer-col {
background: #191919;
width: 270px;
border: 1px solid #272C0D;
color: #FFFFFF;
font-family: tahoma;
font-size: 13px;
padding: 10px 14px;
width: 270px;
margin-top: 10px;
}

.footer-col a {
color: #CCFF00;
}

.footer-col a:hover {
color: #fff;
text-decoration: none;
}

.footer-col h2 {
background: url("http://lh6.googleusercontent.com/-Df7rQ2S8Dy8/TgKECGCbj5I/AAAAAAAABdw/Ktwh-sCzQNA/S1.png") repeat scroll 0 0 transparent;
font-weight: normal;
height: 14px;
margin: -22px -11px 16px;
padding: 20px 25px 22px 10px;
color: #000;
text-transform: uppercase;
font-size: 18px;
font-family: arial;
}

.footer-col ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.footer-col li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
line-height:1.5em;
border-bottom: 1px dotted #333333;
}

.footer-col li:hover {
background: #212121;
}

#footer-col1 {
margin-left:30px;
float: right;
}

#footer-col2 {
margin-left:30px;
float: right;
}

#footer-col3 {
float: right;
}

#credit-wrapper{
background: #191919;
border-top: 1px solid #212121;
height: 45px;
padding: 10px;
}

#credit {
width: 960px;
margin: 0 auto;
color: #ffffff;
text-align: right;
font-size: 18px;
}

#credit a {
color: #CCFF00;
}

/* Styles for the lavalamp menu */

.lavaLamp {
position: relative;
height: 30px; width: 421px;
padding: 5px;
margin: -7px -14px -7px -7px;
overflow: hidden;

}

.lavaLamp li {
float: right;
list-style: none;
}







.lavaLamp li a {
position: relative; overflow: hidden;
text-decoration: none;
font: 18px arial;
color: #FFF;
outline: none;
text-align: center;
height: 30px;
top: 0px;
z-index: 10;
letter-spacing: 0;
float: right;
display: block;
margin: auto 10px;
padding: 5px 7px 5px 7px;
}



.lavaLamp li a:hover {
color: #FFF;
background: #212121;
padding: 5px 7px 5px 7px;
}




/* Styles for the slideshow */

ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}

ul.slideshow li {
position:absolute;
right:0;
left:0;
}

ul.slideshow li.show {
z-index:500;
}

ul img {
border:none;
}

#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
right:0;
color:#fff;
background:#000;
z-index:500;
}

#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}

#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}

#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
font-size: 13px;
font-family: tahoma;
}




.PageList LI.selected A {
font-weight: normal;
text-decoration: none;
}






#comments-block.avatar-comment-indent {
margin-right: 70px;
position: relative;
}




#comments-block .avatar-image-container img {
border: 1px solid #E7EDB5;
float: left;
margin-top: -8px;
}





/*------Commment Bubble Start------*/

.comment-bubble {
float : left;
width : 108px;
height : 70px;
background : url(http://lh5.googleusercontent.com/-KY...Ars/t3lek1.png) no-repeat;
font-size : 18px;
margin-top : -27px;
margin-right : 2px;
text-align : center;
padding:4px 0px 10px 0px;
color: #000;
}

/*------Commment Bubble End ------*/







/* Author Bio */
.postauthor {
background: #f9f9f9;
border: 1px solid #e1e1e0;
overflow: hidden;
padding: 0.7em;
margin-bottom: 10px;
}
.postauthor img {
border: 4px solid #e2dede;
float: right;
margin-left: 15px;
}
.postauthor h4 {
color: #666;
font-size: 20px;
margin-bottom: 0px;
margin-top: 10px;
}
.postauthor p {
color: #515151;
font-size: 13px;
margin-bottom: 0px;
margin-top: 0;
font-family: tahoma;
}
/* Author Bio End */






]]>

















.comment-body-author {
background: none repeat scroll 0 0 #FAFAF0;
color: #000000;
border: 1px solid #EFF4D6;
font-family: tahoma;
margin: 5px 5px 10px 10px;
padding: 1px 10px 1px 10px;
}






































</ul>