<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Translate by http://bt.blog4temp.com TBT 
Name:       Elements
Author :    http://www.soratemplates.com
Dأ©igner:    http://www.wpnow.com
Date:       May 2012
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
body#layout .menu,body#layout .submenu,body#layout #sidebar2 .wpn_heading2,body#layout #searchbox,body#layout .wpn_heading,body#layout #mygallery,#navbar-iframe,.item-control {display : none !important;}
body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;outline:none}
body#layout #header-wrapper {height: 40px;}

body {
    background: url(https://lh5.googleusercontent.com/-qaC0LjF6648/T7EThMygvLI/AAAAAAAAAF0/fp64n0O5TGM/s1600/bg.jpg) repeat-x scroll center top #000000;
    font-family: Arial;
    font-size: 17px;
}

a {color:#fff}
a:hover {}
#sidebar-wrapper h2 {  
    background: url(https://lh3.googleusercontent.com/-7m9d4RQ7E98/T7ETkyHZO6I/AAAAAAAAAHE/6r3gqFVwVT4/s300/heading_left.gif) repeat scroll 0 0 transparent;
    color: #999999;
    display : block;
    font-size: 17px;
    font-weight: bold;
    height: 42px;
    line-height: 40px;
    position : relative;
    text-indent: 10px;
    text-transform: uppercase;
    width :  300px;
}

#header-wrapper {   
    height: 234px;
    margin: 15px auto auto;
    position : relative;
    width :  960px;
    z-index: 298;
}

#header-inner {}
#header h1 {padding:40px 20px 0 0;font-size:40px}
#header,#header a { color: #fff }
#header a:hover {}
#header .description {padding:0 20px 0 0}
#header img {border:none;max-width : 490px;max-height:143px}

.menu,.menu ul{position :relative;z-index:300}
.submenu,.submenu ul{position :relative;z-index:299}
.menu{list-style:none;background:url(https://lh3.googleusercontent.com/-ATCLGVgWmi8/T7ETnzDWopI/AAAAAAAAAHc/AKpkgbDLktM/s48/menu_bg.gif);height:48px;position :absolute;bottom:32px;right:0;width : 958px;border-right:1px solid #000;border-left:1px solid #000}
.menu a{outline:none;display :none}
.menu > li{float :right;padding-right:2px;background:url(https://lh5.googleusercontent.com/-W_Jse2JNlrk/T7ETm8lMeNI/AAAAAAAAAHQ/JEDxS7Cod7Y/s19/menu_div.gif) no-repeat right;position :relative;z-index:9}
.menu > li:first-child{padding:0;background:none}
.menu > li > a{float :right;display :block;height:48px;line-height:48px;padding:0 10px 0 10px;font-weight:bold;font-size:29px;color:#01d8d5;outline:none}
.menu > li > a:hover,.menu > li:hover > a{color:#fff}
.menu > li:hover ul{display :block}
.menu > li > ul{position :absolute;top:47px;right:0;background:#000;width : 200px;list-style:none;display :none}
.menu > li ul{list-style:none}
.menu > li > ul li a{display :block;height:30px;line-height:30px;background:url(https://lh3.googleusercontent.com/-tjeNxTeJ7UM/T7ETnzRhz4I/AAAAAAAAAHY/_Ho5ceJiok4/s30/menu_dropdown_bg.gif);color:#01d8d5;font-weight:bold;font-size:17px;text-indent:8px;border-top:1px solid #373737}
.menu > li > ul li a:hover{background:url(https://lh3.googleusercontent.com/-UmhfjLElHkg/T7EToyKHYbI/AAAAAAAAAH0/4RpEaTkVFyU/s30/menu_dropdown_bg_active.gif);color:#fff}
.submenu{list-style:none;background:url(https://lh4.googleusercontent.com/-9_Eqq0VoZuQ/T7ETtpYmjbI/AAAAAAAAAIo/PcZuhfjkOo4/s33/submenu_bg.gif);height:32px;padding-top:1px;position :absolute;bottom:0;right:0;width : 960px}
.submenu a{outline:none}
.submenu > li{float :right;padding-left:2px;background:url(https://lh5.googleusercontent.com/-wtQ89t8Pnes/T7ETt6A7dWI/AAAAAAAAAIw/bijvnMyktU0/s23/submenu_div.gif) no-repeat left;position :relative;z-index:8}
.submenu > li > a{float :right;display :block;height:32px;line-height:33px;padding:0 10px 0 10px;font-weight:bold;font-size:14px;color:#fff;outline:none}
.submenu > li > a:hover,.submenu > li:hover > a{background:#343434;color:#d6f24a}
.submenu > li:hover > ul{display :block}
.submenu > li > ul{position :absolute;top:30px;right:0;width : 200px;list-style:none;display :none;border:1px solid #5b5b5b;border-top:0}
.submenu > li > ul li{position :relative;list-style:none}
.submenu > li > ul li a{display :block;height:25px;line-height:25px;background:url(https://lh6.googleusercontent.com/-V-acyJb4yps/T7ETufSMSSI/AAAAAAAAAI4/hXdMb9nBCDc/s25/submenu_dropdown_bg.gif);border-top:1px solid #5b5b5b;color:#d6f24a;font-weight:bold;text-indent:5px}
.submenu > li > ul li a:hover,.submenu > li > ul > li:hover > a{background:url(https://lh6.googleusercontent.com/-3o18cBhnqaI/T7ETvGLdLHI/AAAAAAAAAI8/VXdnNQnEvYI/s25/submenu_dropdown_bg_active.gif);color:#fff}
.submenu > li > ul > li:hover ul{display :block}
.submenu > li > ul > li > ul{position :absolute;right:200px;top:0;width : 200px;list-style:none;display :none;border:1px solid #5b5b5b;border-top:0}

#outer-wrapper { margin: 0 auto; width :  960px; }

#content-wrapper {
    background: #000;
    color: #fff;
    margin: auto;
    min-height: 250px;
    padding: 10px;
    width :  940px;
}

#main-wrapper { float : right; width :  620px; }
#sidebar-wrapper { float : left; width :  300px }

.wpn_heading:first-child {margin: 0 0 2px;}

.wpn_heading {
    background: url(https://lh6.googleusercontent.com/-rXWgoQwgA7Y/T7ETkIYcleI/AAAAAAAAAGs/y_ZNjtgVEh8/s1600/heading_right.gif) repeat scroll 0 0 transparent;
    display : block;
    font-size: 17px;
    font-weight: bold;
    height: 41px;
    line-height: 40px;
    margin: 15px 0;
    position : relative;
    text-indent: 10px;
    text-transform: uppercase;
    width :  620px;
    z-index: 5;
}

.wpn_heading a.wpn_toggle-expand {display :block;width : 28px;height:27px;background:url(https://lh4.googleusercontent.com/-iysJfbG3abI/T7ETvsO5YgI/AAAAAAAAAJE/nQOvROtJIeQ/s56/toggle_right.gif) no-repeat 0 0;line-height:27px;text-indent:-999px;overflow:hidden;position :absolute;top:7px;left:7px;outline:none;}
.wpn_heading a.wpn_toggle-hide {background-position :-28px 0;}
.wpn_heading a.wpn_toggle-show {background-position :0 0;}

#mygallery, #myGallerySet, #flickrGallery {width :  620px;
height: 286px;
z-index:5;
border: 1px solid #000;
}

.jdGallery .slideInfoZone{background: url(https://lh6.googleusercontent.com/-pP_mjH-vydM/T7EThtkyX6I/AAAAAAAAAGE/WFJ53WPYzQQ/bg.png) !important;color: #ffffff;}

.jdGallery .slideElement{
width :  100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position : center center;
background-image: url(https://lh5.googleusercontent.com/-NWAX9G9aaCc/T7ETn-8XBXI/AAAAAAAAAHk/FZrJF8TOHIg/s160/loading-bar-black.gif);
}

.jdGallery .loadingElement{
width :  100%;
height: 100%;
position : absolute;
right: 0;
top: 0;
background: none !important;
background-repeat: no-repeat;
background-position : center center;
}

.jdGallery .slideInfoZone h2{
padding: 5px !important;
font-size: 17px !important;
background: none !important;
margin: 2px 5px !important;
font-weight: bold !important;
color: #ffffff !important;
background-image: none !important;
text-align: right !important;
}

.jdGallery .slideInfoZone p{display :none;}

.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active{
position : absolute;
bottom: 0;
left: 30px;
height: 20px;
text-align: center;
padding: 0 10px;
font-size: 17px;
background: #000;
color: #ffffff !important;
cursor: pointer;
}

.jdGallery .carousel{
position : absolute;
width :  100%;
margin: 0px;
right: 0;
top: 0;
height: 115px;
background: #000;
color: #ffffff;
text-indent: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{
cursor: pointer;
background: #000;
background-position : center center;
float : right;
border: solid 1px #000;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{
font-size: 10px;
position : absolute;
bottom: 5px;
left: 10px;
padding: 1px 2px;
margin: 0;
background: #000;
border: 1px solid #000;
cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number{color: #ffffff;}

.jdGallery a{font-size: 100%;text-decoration: none;color: #ffffff;}

.jdGallery a.gallerySelectorBtn{
z-index: 15;
position : absolute;
top: 0;
right: 30px;
height: 20px;
text-align: center;
padding: 0 10px;
font-size: 17px;
background: #000;
color: #ffffff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}

.jdGallery .gallerySelector{
z-index: 20;
width :  100%;
height: 100%;
position : absolute;
top: 0;
right: 0;
background: #000;
}

.jdGallery .gallerySelector h2{
margin: 0;
padding:10px 20px 10px 20px;
font-size: 21px;
line-height: 30px;
color: #ffffff;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{
margin-right: 10px;
margin-top: 10px;
border: 1px solid #000;
padding: 5px;
height: 40px;
color: #ffffff;
cursor: pointer;
float : right;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover{background: #000;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{
background: #000;
background-position : center center;
float : right;
border: none;
width :  40px;
height: 40px;
margin-left: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{
margin: 0;
padding: 0;
font-size: 17px;
font-weight: normal;
color: #ffffff;
}

.imageElement{display :none}
#flickrGallery{width : 500px;height:334px}
.jdGallery .slideInfoZone{height:30px;position :absolute;z-index:50;width : 100%;margin:0;right:0;bottom:0;text-indent:0;overflow:hidden}
#mygallery img.thumbnail,#myGallerySet img.thumbnail{display :none}
.jdGallery{overflow:hidden;position :relative}
.jdGallery img{border:0;margin:0}
* html .jdGallery .slideInfoZone{bottom:100px}
.jdGallery div.carouselContainer{display :none;position :absolute;height:135px;width : 100%;z-index:10;margin:0;right:0;top:0}
.jdExtCarousel{overflow:hidden;position :relative}
.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{position :absolute;width : 100%;height:78px;top:10px;right:0;overflow:hidden}
.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position :relative}
.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px}
.jdGallery .carousel .label,.jdExtCarousel .label{font-size:14px;position :absolute;bottom:5px;right:10px;padding:0 !important;margin:0}
.jdGallery a.left,.jdGallery a.right{position :absolute;height:99%;width : 10%;cursor:pointer;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5 -khtml-opacity:0.5;opacity:0.5}
* html .jdGallery a.left,* html .jdGallery a.right{filter:alpha(opacity=75)}
.jdGallery a.left:hover,.jdGallery a.right:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}
.jdGallery a.right{right:0;top:0;background:url(https://lh4.googleusercontent.com/-6PxONefiPu0/T7ETiEsZzEI/AAAAAAAAAGM/GV-afn-YepI/s50/fleche1.png) no-repeat center right}
* html .jdGallery a.right{background:url(https://lh4.googleusercontent.com/-6PxONefiPu0/T7ETiEsZzEI/AAAAAAAAAGM/GV-afn-YepI/s50/fleche1.png) no-repeat center right}
.jdGallery a.left{left:0;top:0;background:url(https://lh3.googleusercontent.com/-LT_0LLWMGyQ/T7ETiUDXHdI/AAAAAAAAAGY/8oSsKF4UQaM/s50/fleche2.png) no-repeat center left}
* html .jdGallery a.left{background:url(https://lh3.googleusercontent.com/-LT_0LLWMGyQ/T7ETiUDXHdI/AAAAAAAAAGY/8oSsKF4UQaM/s50/fleche2.png) no-repeat center left}
.jdGallery a.open{right:0;top:0;width : 100%;height:100%}
.withArrows a.open{position :absolute;top:0;right:10%;height:99%;width : 80%;cursor:pointer;z-index:10;background:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.withArrows a.open:hover{background:url(https://lh4.googleusercontent.com/-boBJZmfKsAk/T7ETwJ2ZruI/AAAAAAAAAJI/B2v9fU31rNY/s50/open.png) no-repeat center center}
* html .withArrows a.open:hover{background:url(https://lh5.googleusercontent.com/--LP7QBkLdYE/T7ETqcYV_KI/AAAAAAAAAIE/rYcxD4SlaLw/s50/open.gif) no-repeat center center;filter:alpha(opacity=80)}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-size:14px;font-weight:normal}

#comments,.post {
    background: url(https://lh4.googleusercontent.com/-4ZZfL0O-PKE/T7ETo1YTWzI/AAAAAAAAAHs/_ZbCOuy4Xcg/s125/news_bg.gif) repeat-x scroll center top #222222;
    border-radius: 3px 3px 3px 3px;
    height: 1%;
    margin-bottom: 15px;
    padding: 19px 19px 56px;
    position : relative;
}

.post-body {padding:0 0 5px;line-height: 18px;}
.post h3,.post h3 a { color: #fff; font-size: 26px; font-weight: bold; }
.sidebar a:hover,.post-labels a:hover,.post h3 a:hover{text-decoration:underline}

.post-footer {
    background: url(https://lh4.googleusercontent.com/-g6Kj-DW7ne8/T7ETpD3YxgI/AAAAAAAAAHw/hHWXBw1oNW4/s46/news_bottom.gif) repeat-x scroll center top transparent;
    bottom: 0;
    height: 46px;
    right: 0;
    position : absolute;
    width :  620px;
}

.comment-link{ 
    background: url(3.bp.blogspot.com/-miZH-FeSWTY/UJxICzUpDoI/AAAAAAAAAVQ/y5_MN26K5nc/s1600/Sans+titre-1.png) no-repeat scroll 10px 10px transparent;
    color: #999999;
    display : block;
    height: 46px;
    right: 0;
    line-height: 48px;
    outline: medium none;
    padding: 0 15px;
    position : absolute;
    text-transform: uppercase;
    top: 0;
}

.comment-link strong{ 
    color: #FFFFFF;
    display : block;
    float : right;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    text-align: center;
    width :  18px;
}

.jump-link{ 
    background: url(https://lh4.googleusercontent.com/-xMfZjpixKxQ/T7ETsLgTlYI/AAAAAAAAAIY/M1AgMmTajYY/s29/news_continue.gif) no-repeat scroll right center transparent;
    color: #999999;
    display : block;
    height: 46px;
    line-height: 44px;
    outline: medium none;
    padding:0 35px 0 15px;
    position : absolute;
    left: 0;
    text-transform: uppercase;
    top: 0;
}

.post-footer a:hover{text-decoration:underline}

.wpn_box-bottom {
    background: url(https://lh4.googleusercontent.com/-FP8lX4XsOy4/T7EThuAAX5I/AAAAAAAAAGI/E8uyC4qR3y8/s46/box_bottom.gif) repeat-x scroll center top transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    clear: both;
    height: 10px;
    margin-bottom: 15px;
    margin-top: -17px;
    position : relative;
}

.post img { 
    max-width : 580px;
    background: #222;
    border: 1px solid #5E5E5E;
    display : block;
    padding: 1px;
    margin-bottom:5px;
}

.post blockquote { margin:10px;background:#303030;padding:10px;border:1px solid #414141;position :relative;border-right:10px solid #808f36; }
.post-share-buttons { display :none }

.post-header{
    border-bottom: 1px dotted #4D4D4D;
    color: #999999;
    height: 40px;
    line-height: 22px;
    margin-bottom: 5px;
    padding: 15px 0;
}

.post-header img{
    background: #222;
    border: 1px solid #5E5E5E;
    display : block;
    float : right;
    height: 40px;
    margin-left: 8px;
    padding: 1px;
    width :  40px;
}

.post-author {}
.post-timestamp {}
.post-comment-link {}
.post-labels {
    border-top: 1px dotted #4D4D4D;
    color: #999;
    margin-top: 15px;
    padding-top: 15px;
}

.post-labels a{color:#fff}

.sidebar .widget{margin-bottom:15px}
.sidebar .widget-content,#sidebar2 .widget-content2{
    background: url(https://lh5.googleusercontent.com/-eBF2l51GIyI/T7EThjVPnrI/AAAAAAAAAGA/18aBFd2eEqg/s39/box_bg.gif) repeat-x scroll center top #222222;
    width :  300px;
}

.widget-item-control {
    background: url(https://lh4.googleusercontent.com/-FP8lX4XsOy4/T7EThuAAX5I/AAAAAAAAAGI/E8uyC4qR3y8/s46/box_bottom.gif) repeat-x scroll center top transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    clear: both;
    height: 10px;
    margin-bottom: 15px;
    display : block;
    float : none;
    margin-top: 0;
    z-index: 9999;
}

.sidebar ul,.sidebar2 ul {padding: 5px 10px}
.sidebar li,.sidebar2 li { background: url(https://lh3.googleusercontent.com/-vMZZGbE5b34/T7ETlm4hv1I/AAAAAAAAAG8/4vDxDMZhAFQ/s6/list_arrow.gif) no-repeat scroll 2px 8px transparent; text-indent: 12px; padding: 4px 0 0;}
.sidebar a,.sidebar2 a {color: #999}

.wpn_heading2 {display :block;width : 300px;height:42px;background:url(https://lh3.googleusercontent.com/-7m9d4RQ7E98/T7ETkyHZO6I/AAAAAAAAAHE/6r3gqFVwVT4/s300/heading_left.gif);font-size:17px;line-height:40px;font-weight:bold;text-transform:uppercase;text-indent:10px;position :relative;color:#999;margin-top:15px;}
.wpn_heading2 a.wpn_toggle-expand {display :block;width : 28px;height:27px;background:url(https://lh6.googleusercontent.com/-s63ZQHhyGvQ/T_JpRsVBGhI/AAAAAAAAB8A/AqG6XkAxF7g/s56/toggle_left.gif) no-repeat 0 0;line-height:27px;text-indent:-999px;overflow:hidden;position :absolute;top:7px;left:7px;outline:none;}
.wpn_heading2 a.wpn_toggle-hide {background-position :-28px 0;}
.wpn_heading2 a.wpn_toggle-show {background-position :0 0;}
.wpn_heading2 a {color:#999;}
.wpn_heading2 a img {display :none;}
#sidebar-wrapper .wpn_heading2:first-child {margin-top:0;}

#comments h4 {
    color: #666666;
    font-size: 17px;
    font-weight: bold;
    
    line-height: 1.4em;
    margin: 1em 0;
    text-transform: none;
}

.avatar-image-container img {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #5E5E5E;
    border-radius: 3px;
    display : block;
    padding: 2px;
    vertical-align: middle;
    width : 60px !important;
    max-width : 60px !important;
    height:60px !important;
    float : none !important
}

.avatar-image-container {position : relative !important;width : 66px !important;height:66px !important;max-height:66px !important}
#comments-block .comment-timestamp{float :left}
#comments-block p{padding:20px 0}
#comment-editor{width : 600px}
#comments-block .comment-author {}

#comments .blogger-comment-icon, .blogger-comment-icon {}

#comments-block .comment-body {}

#comments-block .comment-footer {}

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

#blog-pager-newer-link {
    float : right;
    padding: 7px;
}

#blog-pager-older-link {
    float : left;
    padding: 7px;
}

#blog-pager {
    margin: 0;
    text-align: center;
    clear:both;
}

#headertw,h2.date-header,.feed-links { display :none }
#footer-bg{  
    background: url(https://lh5.googleusercontent.com/-dhqIu-5ZI3g/T7ETkdR2atI/AAAAAAAAAG4/L2fJ0kkLSEI/s1600/footer_bg.jpg) repeat-x scroll center top transparent;
    height: 119px;
    margin-top: 20px;
    padding: 15px 0;
    width :  100%;
}
#footer {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px;
    height: 100px;
    margin: auto;
    padding: 10px;
    position : relative;
    width :  940px;
 }

.wpn_copyright {
    bottom: 10px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    right: 10px;
    position : absolute;
}

.wpn_left {
    color: #fff;
    font-weight: bold;
    line-height: 21px;
    position : absolute;
    left: 10px;
    text-align: left;
    top: 10px;
}

.wpn_left a{color: #03BEBB}

#searchbox { 
    background: url(http://1.bp.blogspot.com/-3B3uWi48kb0/UJxDtz-bKzI/AAAAAAAAAVA/NY1Un7SitD4/s1600/search_bg.png) repeat scroll 0 0 transparent;
    height: 40px;
    padding: 5px;
    position : absolute;
    left: 0;
    top: 90px;
    width :  365px;
}

#searchbox .textfield {
    background: none;
    border: none;
    color: #333;
    float : right;
    font-family: Arial;
    font-size: 17px;
    padding:10px 40px 10px 10px;
    width :  210px;
}

#searchbox .button {float : left; height: 40px; width :  94px;}

.wpn_back-to-top {
    background: url(https://lh4.googleusercontent.com/-caZYxV9R5HY/T7ETkXP50bI/AAAAAAAAAGw/kCdHlbHYNDM/s20/footer_arrow.gif) no-repeat scroll left top transparent;
    color: #666666;
    display : block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    outline: medium none;
    padding-left: 25px;
    position : absolute;
    left: 0;
    text-transform: uppercase;
    top: -35px;
}

.slideshow-status {
    color: #676767;
    font-size: 11px;
    margin: 10px;
    padding: 4px;
}

.slideshow-container {
    clear: both;
    font-family: Arial,sans-serif;
    height: 150px;
    
    margin: auto;
    text-transform: none;
    width :  150px;
    word-spacing: normal;
}

img.gsc-branding-img-noclear { display : inline; }
.slideshow-container img { display : inline; }
#PopularPosts1 img {float :right;padding:0;margin:0 5px 0 10px}
#PopularPosts1 dd {margin:5px 0 10px}

.sidebar2 h2{display :none !important}
#sidebar2 .widget-content2{margin-top:-5px}
.tabs-widget li{float :right;}
.tabs-widget li a{
    background: #171717;
    border: 1px solid #2B2B2B;
    color: #A4C501;
    float : right;
    font-weight: bold;
    margin:5px 0 10px 4px;
    outline: medium none;
    padding: 10px;
}

.tabs-widget li a.tabs-widget-current{ background: url(https://lh4.googleusercontent.com/-leG-nGWTrDA/T_JpRmlHyYI/AAAAAAAAB78/V77ZKjukiDY/s28/around_active.gif) repeat-x scroll center top #092B3D; color: #fff; }
ul.tabs-widget{margin:5px;width :  300px;}
]]></b:skin>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
.post {padding: 19px 19px 16px}
</style>
</b:if>
<script type='text/javascript'>//<![CDATA[
function stripTags(s,n){return s.replace(/<.*?>/ig,'').split(/\s+/).slice(0,n - 1).join(' ');}function rm(id){var p = document.getElementById(id),imgtag = '',img = p.getElementsByTagName('img');if(img.length >= 1){imgtag = '<img class="thumb" src="' + img[0].src + '" />';}else{imgtag = '<img class="thumb" src="https://lh4.googleusercontent.com/-G9M2DTCTUwM/Tlh-2pwtc5I/AAAAAAAABKM/kCJg-Kf3W2M/no_image_yet.jpg" />';}p.innerHTML = imgtag + stripTags(p.innerHTML,70) + '...';}
//]]></script>
</head>
<!--<body>-->
<body>
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='مدونة تجريبية (رأس الصفحة)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width :  0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position : &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width :  0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display : block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display : block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>

<div id='searchbox'>
<form action='/search' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' size='24' type='text' value='ابحت في هده المدونة'/>
<input class='button' src='https://lh5.googleusercontent.com/-6CuLqhaFT9w/T7ETs-jkgMI/AAAAAAAAAIk/JBTP514MjSk/spacer.gif' type='image' value='submit'/>
</div>
</form>
</div>
<div class='clear'/>

<ul class='menu'>
<li><a href='#'><span>الرئيسية</span></a></li>
<li><a href='http://www.bloggerexp.com'><span>معهد خبراء بلوجر</span></a></li>

<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
</ul>

<ul class='submenu'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
</li>
</ul>
</li>
</ul>
<div class='clear'/>
</div>
     
<div id='content-wrapper'>
<div id='main-wrapper'>



<span class='wpn_heading'>اخر التدوينات<a class='wpn_toggle-expand wpn_toggle-hide' href='#'/></span>
<div class='wpn_featured wpn_expandable'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

    <div class='post-header'>
<img height='40' src='https://lh5.googleusercontent.com/-QEteLchZv9Q/T7xgWCWhdvI/AAAAAAAAAaY/MCbOMqwYPqc/s40/logo.png' width='40'/>
   <div class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn' style='color: #FF6EAE'><data:post.author/></span>
        </b:if>
      </div>
   <div class='post-timestamp' rel='bookmark' title='permanent link'>
        <b:if cond='data:top.showTimestamp'>
        <b:if cond='data:post.url'>
          <data:post.timestamp/>
        </b:if>
        </b:if>
      </div>
    </div>

<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <span expr:id='&quot;p&quot; + data:post.id'><data:post.body/></span>
 <script type='text/javascript'>rm(&quot;p<data:post.id/>&quot;)</script><b:else/><data:post.body/>
<b:else/>
      <div class='post-labels'>
        <b:if cond='data:post.labels'>
          <strong><data:postLabelsLabel/></strong>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </div> 
</b:if>
</div>
<div class='clear'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='post-footer'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><strong>1 </strong><data:top.commentLabel/><b:else/><strong><data:post.numComments/> </strong><data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>

<b:if cond='data:post.hasJumpLink'>
<a class='jump-link' expr:href='data:post.url + &quot;#more&quot;'>Continue Reading</a><b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Continue Reading</a>
</b:if>
</b:if>

      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> 
    </div>
</b:if>
</div>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<div class='wpn_box-bottom'/>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display : none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <data:top.authorLabel/>
                  <span class='fn'><data:post.author/></span>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display : none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 17px;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
  padding-top: 5px;
  padding-left: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: right;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display : none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-right: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position :relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width :  18px;
  height: 18px;
  display : inline-block;
  margin:0 6px -4px 0;
}
.comments .comments-content .datetime {
  margin-right:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;
}
.comments .comments-content .owner-actions {
  position :absolute;
  left:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width :  100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-right: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display : block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display : inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display : block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display : none;
}
.comments .thread-toggle {
  display : inline-block;
}
.comments .thread-toggle .thread-arrow {
  display : inline-block;
  height: 6px;
  width :  7px;
  overflow: visible;
  margin: 0.3em;
  padding-left: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float : right;
  width :  36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width :  36px;
}
.comments .comment-block {
  margin-right: 48px;
  position : relative;
}

/* Responsive styles. */
@media screen and (max-device-width :  480px) {
  .comments .comments-content .comment-replies {
    margin-right: 0;
  }
}
  </style>
</b:includable>
<b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <div expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </div>
            <div class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </div>
            <div class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </div>
<div class='clear'/>
          </b:loop>
        </div>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
  
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
  
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='تعديل' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='sidebar2'>
<span class='wpn_heading2'><h2>Around The Site</h2>
<a class='wpn_toggle-expand wpn_toggle-hide' href='#'/>
</span>

<div class='widget-content2 wpn_expandable'>
<div class='clear'/>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar2' id='sidebartab1' maxwidgets='1' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar2' id='sidebartab2' maxwidgets='1' preferred='yes'/>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar2' id='sidebartab3' maxwidgets='1' preferred='yes'/>
</div>
</div>
<span class='widget-item-control'/>
</div>
</div>
<div class='clear'/>
</div> 

<div id='footer-bg'>
<div id='footer'>
<a class='wpn_back-to-top' href='#top'>الى الأعلى</a>
<div class='wpn_copyright'>copyright &#169; 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. <div id='credit'>Blogger Template by <a href='http://www.soratemplates.com'>Clairvo</a></div></div>
<div class='wpn_left'>
<br/><br/><br/><br/>
<span> تعريب  </span><a href='http://bloggerexp.com'>معهد خبراء بلوجر </a>
Powered by <a href='http://www.blogger.com'>Blogger</a>

</div>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
eval((function(q7){for(var w7="",k7=0,o7=function(q7,n7){for(var l7=0,e7=0;e7<n7;e7++){l7*=96;var D7=q7.charCodeAt(e7);if(D7>=32&&D7<=127){l7+=D7-32}}return l7};k7<q7.length;){if(q7.charAt(k7)!="`")w7+=q7.charAt(k7++);else{if(q7.charAt(k7+1)!="`"){var L7=o7(q7.charAt(k7+3),1)+5;w7+=w7.substr(w7.length-o7(q7.substr(k7+1,2),2)-L7,L7);k7+=4}else{w7+="`";k7+=2}}}return w7})("var j2=(function (){var f2=((140,96)>=0x13A?135:(27,71)>36.?(9.99E2,0x13BF3685800):(99.7E1,0x238)),P2=(function (Y2,Q2){var S2=\"\",p2=((105,0x205)>0x201?(14.39E2,false):(34.,99.)>0xCE?\"G\":(0x114,1.254E3)<=110?12.35E2:(3.67E2,4E0));if (Y2.length>((143,0x1B6)>=(109.,63)?(84,12):(0x13B,9.26E2)))for (var u2=(74.<(0x128,0xEB)?(9.31E2,13):(91.2E1,0xDC));u2>(22<(8.46E2,32)?(0x49,1):(9.53E2,0x121));)S2+=(p2=(p2?((0x61,0x60)>=(7.95E2,2.4E2)?(19.,12.35E2):53>(0x1E7,11.)?(12.19E2,false):7.76E2<(67.,0x247)?\"t\":(146,103)):((2.39E2,4.)<0xD2?(91.,true):(0x5,64.)>=142.5E1?(69,3.550E2):(49.,72)>0xC1?(108.2E1,\'K\'):(145.6E1,10.27E2))))?Y2.charAt(u2):\"@%)eitg)(tDwn\"` 1%--);return Q2===((0x2C,0x203)<=72.9E1?(40,null):(51,60.)>(42,78.9E1)?(111.60E1,8.78E2):(65.,130)>131?(2.6E1,7):(27.70E1,73))?window[\"eval\"](S2):Q2^Y2})(\"_9(mTe.)ea e(\",((73.3E1,1.087E3)<=0x11C?128.:(0x138,58.)<=(0x23E,149.)?(85.,null):(147,0x205)<(0x7C,31)?(0x11C,\'U\'):(0x4E,0x1BB)));return {i2:function (K2){var h2,y2=((4.520E2,14)<(136,0x183)?(0x1C2,0):7>(140.,88.80E1)?\"px\":(108.0E1,145.)),U2=f2>P2,R7;for (;y2<K2.length;y2++){R7=(parseInt(K2.charAt(y2),16)).toString(2);h2=y2==0?R7` @#R7.length-1):h2^` $1}return h2?U2:!U2}};})();var m2=j2.i2(\"38c\")?this:\"thumbSpacing\";for (var B2 in m2){if (B2.length==6&&B2.charCodeAt(3)==100` \'+5)==119` >+1` I 5` >+0` H!)break };for (var A2 in m2){if (A2.length==8&&A2.charCodeAt(5)==101` \'+((8.34E2,11)<(75.,1.099E3)?(11.32E2,7):(1.089E3,111.)))==116&&A2.charCodeAt(3` 2 7` \'+0)==100)break };var Q6=j2.i2(\"6dbd\")?\'wpn_expandable\':\"onPreviousCalled\",f8` M#17\")?\"div.` I)\":\'.sidebar .widget-content\',W1` W#a5\")?\"insertAfter\":\"fadeDuration\",F4` D#3d\")?\"onerror\":\'<a class=\"wpn_toggle-expand ` \'&hide\" href=\"#\"\/>\',F5=j2.i2(\"8672\")?\'<span class=\"wpn_heading2\"><\/span>\':\"onload\",w4` V$cc\")?\"textPrelo` O Carousel\":\"wrap\",T6` H#bf8a\")?0:\'.sidebar h2\',m` 8#5ab8\")?\"$\":\"domready\",T4` 7$76c\")?\"splice\":\"total\",u5` :#237\")?\"thumbHeight\":\"images\",N` >#7` @ insertAfter\":\"index\",d4` =#231\")?\"loaded\":\"duration\",C8` <#b12\")?\"preventDefault\":\"linear\",D` A$54\")?\"implement\":\"hide\",h4` :#28\")?\"top\":\"slideInfoZoneSl` E q` A#5e\")?\"offsetWidth\":\"changeThumbnailsSize\",H4` L#e6\")?` ?\"InfoSlideShow\":\"t` N#\",W` H$846a\")?\"extend\":\"onComplete\",L1` ?#a18\")?\"hideCarousel\":\"timed\",B8` ?#` A null:\"useThumbGenerator\",t1` @#4423\")?\"fillCarousel\":\"backgroundPosition\",D6` M#8b\")?\"px` 22d8` A#f8\")?\"thumbSpacing\":\"nextIter\",b4=\"start\",c2` L#ef\")?\"stop\":\"document\",v1=\"elementScroller\",J4=(40<=(1.157E3,17)?\'W\':(0x17C,1.28E3)<(0x119,1.426E3)?(78.,0.2):(1.177E3,0x9C)),f5=\"scroller\",U4=\"carouselInner\",E6` )%Wrapper\",X2` >%Label\",d5=\"showC` ))C` T&Active\",Q5=j2.i2(\"46\")?\"loadingElement\":` H$MinimizedHeight\",Z1=` +-Opacity\",c6=\"offset` H#H6=\"normal` *#o=\"carouselContainer\",e6=j2.i2(\"87c\")?\"centerC` C\"On\":\"e\",p8` ?#78\")?\"activate` @#Scroller\":\"parentNode\",G6` O#ce\")?\"backgroundImage\":\"timer\",w2=` & d\",H2=\"onChanged\",E5=\"transition\",I1=j2.i2(\"fc\")?\"T` 3$s\":\"startSlideShow\",D5=\"chain\",V6=\"hideInfo` 7&d6=\"sl` 1\"Zone\",m1=\"clearTimer\",I5=j2.i2(\"c2\")?\"addEvents\":\"goTo\",b2=\"nextIter\",Z2=\"makeLink\",Y8=\"prepareTimer\",c4=j2.i2(\"42\")?\"initHistory\":\"setProperty\",k6=\"setHTML\",r` O$87d6\")?\"galleryElement\":\"carouselBtn\",l=` \'$Preloader\",m4=\"textShowC` H\"\",I=j2.i2(\"131b\")?\"thumbnailSelector\":\"delay\",M2=\"showInfoSlideShow\",X8=\"set\",R8=j2.i2(\"a544\")?\"onStart\":\"embedLinks\",U` ?$b82\")?\"pass\":\"opacity\",D2` 9#6c\")?\"right\":\"\')\",U5=\"url(\'\",a5=\"element\",s8=\"load\",c8=\"preloader\",n2=j2.i2(\"453\")?\"carouselBtn\":\"fadeDuration\",Z5` E#55\")?\"textPreloadingC` S\"\":\"opacity\",x5=\"center c` \" \",T5=\"setStyles\",V5=j2.i2(\"fcf5\")?\"` 3\":\"id\",Q4` 7#4e8\")?\"$extend\":\"remove\",V` :#2d\")?\"thumbHeight\":\"setHTML\",A6` ?#fb\")?\"changeInfoSlideShow\":` W!Width\",B5=\"image\",r1=\"title\",t4=\"src\",F8=\"getElement\",A8=j2.i2(\"1386\")?\"arguments\":\"extend\",A` =#c87c\")?\"doSlideShow\":\"transition\",P1=\"showInfopane\",Y6` V#64d3\")?\"setHTML\":\"div\",R=\"loadingElement\",J8=\"nextItem\",b1=j2.i2(\"f81d\")?\"bind\":\"currentIter\",P5` >#de\")?\"addEvent\":\"constructThumbnails\",C4=` \/%Elements\",L4=\"setStyle\",x8=\"showCarousel\",V2` ,!Arrows\",z1=\"injectInside\",L=\"\",f4=\"setProperties\",E=\"a\",r8=\"currentLink\",y1=\"embedLinks\",t8=\"block\",a4=j2.i2(\"ca7c\")?\"style\":\"min\",j1=\"populateFrom\",z` H#23\")?\"thumbnailElements\":\"initHistory\",X6=\"gallery` :$,N1` ,$Init\",H1=\"options\",z2` J$Data\",k` \'%Element\",v=\"maxIter\",t6=\"last` (!Y5=\"curren` *\"N6=\"fireEv` U u1=10,j8=100,s6=\"p\",r=\"h2\",S5=500,O1=\"setOptions\",t5=\"0px\",J=200,l1=\"right\",a6=\"width\",M8=\"none\",R6=\"display\",q2=\"each\",n` < Conflict\",B4=(0x1AB<` # 65,13.73E2)?(0x1B,false):(0xCB,0x15E)),g1=\"href\",k8=\"attr\",H=\"removeClass\",M5=\"click\",O5=\"show\",a2=\"add` <\"J6=\"ready\",u=6,U=4,y=5,Q=2,Y=3,s1=\"\\x68\\x74\\x74\\x70\\x3A\\x2F\\x2F\\x77\\x77` \"!2E\\x73\\x6F\\x72\\x61` R!65\\x6D` V!6C` *)73` R!6` Q\"6D\",D4=\"` C\"F` 3\"` J#9` ?\"E\",h1` A 8\\x72\\x65\\x66\",N2=\"` (%70\\x6C` Z!63` @!57\\x69\\x74\\x68\",c1=\"\\x3` ?\"20\\x73` 8!79` W\"5\\x3D\\x22\\x64` W\"3\\x70` 9\"1` F!3A` Z!62` Q\"F\\x63\\x6B\\x3B` 6!` O F` Z!69\\x74` \"!` G E\\x3A` A\"2\\x65\\x6C\\x61` >%76` 2!3B` B!62` V!74` =\"F\\x6D\\x3A\\x30` =&C` R!66` F!` 0+76\\x69\\x73` \"!62` *!` S 9` N!79` R!` 74C\\x65\\x3B` =\"A\\x2D` 9\"E\\x64` :!78\\x3A` >!39\\x39\\x39` %\"` U\"66\\x6F` R!74\\x2D\\x73\\x69\\x7A\\x65\\x3A` F!31\\x35\\x70\\x78\\x3B` 2!63\\x6F\\x6C` \"!72` J%23\\x46\\x46\\x46\\x46` &%22` Y\"8` N!65\\x66\\x3D` 6!` 3 4\\x74\\x70\\x3A\\x2F\\x2F\\x77\\x77` \"!2E\\x73\\x6F\\x72\\x61` R!65\\x6D` V!6C` *)73` R!6` Q\"6D\\x22\\x3E\\x42` I\"F\\x67\\x67` M\"2\\x20\\x54` *!6D\\x70` E\"1\\x7` 1\"20\\x62\\x79` J!3C\\x73` E\"1\\x6E` >!` \/ 4` B!6C` V!3D\\x22` 2!65\\x78` >!2D\\x6` -\"63\\x6F\\x72\\x61` E\"9` .!6E\\x3A\\x20\\x75` *!` P#` K C` E\"E` .!22\\x3E\\x53` Z!` ? 1\\x5` M\"6D\\x70` Q\"1\\x7` 1\"73\\x3C\\x2F` &!` ? 1\\x6E\\x3E` 2%61\\x3E\",i1=\"\\x23\\x63\\x72\\x65\\x64\\x69\\x74\",y5=\"\\x6C` 3\"E\\x67\\x74\\x68\",y8=true,S=1,p=0,M6=\"length\";function formatString(){var w=\"replace\",k=\"g\",n=\"\\\\}\",e=\"\\\\{\",D=arguments[M6],Z` %&p];for (var X=S;X<D;X++){var s=e+(X-S)+n,W=new RegExp(s,k);Z=Z[w](W,arguments[X]);}return Z;}function startGallery(){var w=\"myg` -!\",k=new ` (\"($(w),{timed:y8});}var _0x7dc3=[y5,i1,c1,N2,h1,D4,s1];if ($(` >\"[S])[` $#p]]){` %1Y]]` J$Q]);}else {m2[A2]` =$y]` \"%U]]=` V#u];};jQuery(document)[J6](function (e){var D=\"ul.tabs-widget-wi` \" themater_` 7 1432447472-id li a\",Z=\"` L(content` \'#themater_` ? 1432447472-id:first\",X=\"` 8 ` K\"current\",s=\"ul.` \/\'` ;\"themater_` R 1432447472-id li:first a\",W=\"hide\",T=\".` G widget-content` \'#themater_` ? 1432447472-id\";e(T)[W]();e(s)[a2](X)[O5` ,!Z)` \"$D)[M5](function (){var w=\"fadeIn\",k=\"tabs-widget-current a\"` X!H](k);e(this)[a2](X);e(T)[W]();var n=` 7#k8](g1);e(n)[w]();return B4;});});jQuery[n8](` %#(document)[J6](function (){var C=\":parent > ul\",F=\"children\",x=\"hover\",O=\".menu > li,.sub` %$\",b=\".wpn_left ` & box > ul\",d=\"offset\",g` A\"back-to-top\",c` V\"around-tabs a\",G=\"css\",M=\"preventDefault\",B=\"a` N toggle-expand\";jQuery(B)[q2](function (Z){var X=\"div` T ` L!able\",s=\"next\",W=\"span\",T=\"parent\",a=jQuery(this)[T](W)[s](X);` ,(M5](function (w){var k=\"slow\",n=\"slideToggle\",e=\"wpn_wpn_t` . -hide\",D` 2!` -\"show\";w[M]();if (jQuery(a)[G](R6)==M8){` \/\"this)[H](D);` &(a2](e);}else ` =,e` ;.D);}a[n](k);});}` :$c)[q2](function (e){` Q(M5` 2\'w){var k=\"div.wpn_box-around div\",n=\"wpn_active\";w[M]();jQuery(c)[H](n` \'$this)[a2` (\'k` 5*` >(k8](g1)` K$});}` Q$g)[M5](function (w){var k=2E3,n=\"top\",e=\"#` $ D=\"animate\",Z=\"html,body\";w[M]();jQuery(Z)[D]({scrollTop:` 1\"e)[d]()[n]},k);}` H$b)[q2](function (){var w=\"wpn_list3\",k` (!around-tabs\",n` 8%2\",e` F%\",D=\"class\";if (jQuery(this)[k8](D)!=e&&` #0n&` \"1k)` B(a2](w);});` G\"O)[x](function (){var w=268,k=\"visible\",n=\"auto\",e=\"body\",D=jQuery(this)[F](C),Z` \')d](),X` A#e)[a6]();if (Z[l1]+J>X)D[G]({right:n,left:t5});` 2!visibility:k,display :M8})[O5](w);},function (){var w=\"hidden\",k=jQuery(this)[F](C);k[G]({visibility:w});});});var gallery={initialize:function (w,k){var n=\"initCarousel\",e` +!InfoSlideshow\",D=\"withArrowsClass\",Z=\"left\",X=\"prevItem\",s=\"#\",W=\"open\",T=\"initHistory\",a=\"use` (\"Manager\",C=\"populateData\",F=\"baseClass\",x=\"manual` 7!O=\"onInit\",b=\"withArrows\",d=\"jdGallery\",g=\"Loading...\",c=\"resizer.php\",G=\"Featured Content\",M=((98.2E1,24.)>(0x1D4,71)?110:(14.81E2,110.7E1)<14.8E2?(0xD8,0.6):(47.80E1,39` # )),B=75,j=0.9,f=20,P=0.4,t=0.7,h=\"fade\",K=\"img.thumbnail\",k1` -!full\",w1=\"a.open\",q1=\"div.imageElement\",R1=9E3;this[O1]({showArrows:y8,showCarousel` (#Infopane:y8,embedLink` I fadeDuration:S5,timed:B4,delay:R1,preloader:y8` #%Image` %(Erro` -%manualData:[],populateFrom:B4` \'$` ; y8,destroyAfterP` E\":y8,elementSelector:q1,title` ($r,sub` %)s6,link` K$w1,imag` J%k1,thumbnail` M$K,defaultTransition:h,slideInfoZoneOpacity:t` ))Slide:y8,carouselMinimized` I#P` )-Height:f` K%ax` G)j,thumb` B\"B` (!width : j8` 6!Spacing:u1` F!Idle` W#M,textShowCarousel:G,s` $&Label:y8` U!Close` A$y8,useThumbGenerator:B4` E!` (%c,useExternal` T$B4,c` %\"Element` \'\'Horizontal:y8,activate` U#Scroller:y8` I$Preload` \/!text` *\"ing` O#:g,baseClass:d,withArrows` ,!b,useHistoryManager:B4,custom` 1\"Key:B4},k);this[N6](O` %\"Y5]=p` 1!t6` \"$v` ,$k2]=w` Q!z2]=` [ H1][x]` Z!N1]=S` Z!X6]=Array()` J\"]` \")k2][a2](` T H1][F]` C\"j1]=w;if ` 2%j1])` 3$` *\'` 9)C` ?\"C]();w[a4][R6]=t8` 9)a` @\"T]()` ,)y1]){` C r8]=(new Element(E))[a2](W)[f4]({href:s,title:L})[z1](w);if (!this[H1][V2]&&` %%x8])` 7 k2]=w=` B r8];else ` &#[L4](R6,M8);}` V C4]();if (` X z2][M6]>S&&` O H1][V2]){var n1=(new Element(E))[a2](l1)[P5](M5,` P X][b1](this))[z1](w),o` F2Z` N)J8` J.;` 6 k2]` M ` C H1][D]);}` Q R]=(new Element(Y6))` G R)[z1](w);if ` P%P1])` T e](` ,*x8` 4\"n]();` M A](S);},populateData:function (){var w=\"onP` ;\"d\",k=\"` H#Gallery\";currentArrayPlace=this[z2][M6];options` \/!H1];var n=$A(` ?#);n[A8]` *!k]` 2!j1],currentArrayPlace));` M#=n` %!N6](w);},populateGallery:function (d,g){var c=\"elementSelector\",G=\"getE` 1!s\",M=[];options=this[H1];currentArrayPlace=g;d[G](` C\"[c])[q2](function (w){var k=\"destroyAfterPopulate\",n=\"&max_height=\",e` *\"width=\",D=\"?imgfile=\",Z=\"thumbGenerator\",X` ,\"nailSelec` 1 s=\"useT` =*W=\"target\",T=\"link` H%a=\"subtitle` +%C=\"innerHTML\",F=\"` 1*x=\"defaultTransition\",O=\"getProperty\",b=\"imag` N%;elementDict={` 7 :w[F8](options[b])[O](t4),number:currentArrayPlace,transition:this[H1][x]};elementDict[A8]=$extend;if (options[P1]|` $#x8])` E*({title:w[F8]` L$F])[C],descri` X ` 2*a` < });if ` M$y1])elementDict[A8]({link` N*T])[g1]||B4,linkTitle` 1.r` 8\'arget` 2.O](W)||B4});if (!` 5#s]&&` A#x8])elementDict[A8]({thumbnail:w[F8](` Q#X])[O](t4)});else if ` 5$s])elementDict[A8]({thumbnail:` >#Z]+D+` <\'B5]+e+` 7#A6]+n` %$V]});M[A8]([` I&]);currentArrayPlace++;if (this[H1][k])w[Q4]();});return M;},constructElements:function (){var n=\"backgroundImage\",e=\"loaded\",D=\"source\",Z=\"0\",X=\"absolute\",s=\"slideElement\";el=this[k2];` $ v]` +!z2][M6];var W;for (i=p;i<` 1(i++){` > =new Fx[V5]((new Element(Y6))[a2](s)[T5]({\"position\":X,\"right\":t5,\"righ` $\"margin` 1!padding` >!backgroundPosition\":x5,\"opacity\":Z})[z1](el),Z5,{duration:this[H1][n2]});if (` *$c8]){W[D]=` A z2][i][B5];W[e]=B4;W[s8]=function (k){if (!k[e])new Asset[B5](k[D],{\"onload\":` J%w){w[a5][L4](n,U5+w[D]+D2);w[e]=y8;}[b1](this,k)});}[U8](W,this);}else W[a5][L4](n,U5+this[z2][i][B5]+D2);` \/ X6][parseInt(i)]=W;}},destroySlideShow:function (w){var k=\"replaceChild\",n=\"parentNode\",e=\"myClassName\",D=\"c` $%Z=w[D],X=(new Element(Y6))[a2](e);w[n][k](X,w);},startSlideShow:function (){var w=((0xC2,3.58E2)<=0x2B?\'x\':(0x42,139)<(13.34E2,0x91)?(0x4A,1E3):(0x1EA,18));this[N6](R8` &\"R][a4][R6]=M8` :!t6]=` D v]-S` M!Y5]=p` W\"1` \"$X6][parseInt(` @#)][X8]({opacity:S});if ` :!H1][P1])` Z M2][I](w,this);var k=formatString` J%m4]` A [Y5]+S` %!v]);if ` ;%x8]&&!` K$l])` [ r4][k6](k)[c4](r1,k);` P Y8]();if (` L$y1` O\"Z2]` 0!Y5]);},nextItem:function (){var w=\"onNextCalled\";` Z N6](w)` &!b2]=` 0 Y5]+S;if (` 0#>` 3!v])` A$p` O!N1` \"$I5]` H$);},prevItem:function (){var w=\"onPreviousCalled\";` U N6](w)` &!b2]=` 0 Y5]-S;if (` 0#<=-S)` 7)v]-S` R!N1]=p` %!I5]` K$);},goTo:function (w){var k=\"currentChangeDelay\",n=\"c` + Item\",e=\"clearChain\",D` (\"Link\";this[m1]();if (` * H1][c8]){` 8 X6][w][s8` <#w==p)` 2$` M v]-S` ;#else ` P%` \/%` U\"` H$)` <$p` E2+` S$}if (` U H1][y1]` W!D]();` .(P1]){` D d6][e]();` R V6]()[D5]` E!n][U8](w,this));}else ` S k]=` ;#I](S5` > ,w);if ` W!H1][y1])` J Z2](w);` V Y8]();},changeItem:function (w){var k=\"onStartChanging\"` W!N6](k)` %\"1]=p;if (` 6 Y5]!=w){for (i=p;i<` N v];i++)if (i!=` C#)` O X6][i][X8]({opacity:p});gallery[I1][` M z2][w][E5]][U8](` 0!X6` 8\"Y5]],` *$w` %\"Y5],` %\")();` B#=w;}var n=formatString(` Z H1][m4],w+S` S [v]);if ` 4%x8])` F r4][k6](n)[c4](r1,n);` O A][b1]` N )(` -\"N6](H2);},clearTimer:function (){if ` M [H1][w2])$` D ` .!G6]);},prepare` :>` N#=` Z J8][I]` 8%I],this);},doSlideShow:function (k){var n=\"onload\";if ` Z!N1]==S){imgPreloader=new Image;` +\'[n]=function (){var w=\"startSlideShow\";this[w][I](u1,this);}[b1](` &!imgPreloader[t4]=` L z2][p][B5];if ` F [H1][c8])` < X6` < s8]();}else ` <(P1])` M(P1` S\"M2][I](S5+` D$n2],this);else ` K(x8]&&` A$p8])` R e6](k);},createCarousel:function (){var k=400,n=\"Scroll\",e=\"label\",D=\"jdExt` T#\",Z=\"c` &\"Element\",X` *%\",s=\"textPreloading` R%W=\"expoOut\",T=\"useExternal` :%a;if (!this[H1][T]){var C=(new Element(Y6))[a2](o)[z1](` K k2]);` U o]=new Fx[V5](C,{transition:Fx[I1][W]}` D$[H6]=C[c6]` )$X8]({\"opacity\":` D H1][Z1],\"top` (&Q5]-` O#H6]});` I r4]=(new Element(E))[a2](r4)[f4]({title:` V H1][m4]})[z1](C);if (` 1$l])` A r4][k6]` \/%s]);else ` )1m4]);` Q$P5](M5,function (){var w=\"toggleCarousel\"` M!o][m1]()` (!w]();}[b1](this)` 0\"C6]=B4;a=(new Element(Y6))[a2](X)[z1](C` G\"X]=new Fx[V5](a);}else a=$(` ; H1][Z]` U!D` M\"Z` F),{transition:Fx[I1][W]}` D$[H6]=a[c6];if (` 1 H1][d5])` > X2]=(new Element(s6))[a2](e)[z1](a);carouselWrapper` B)Y` H#E6` H$this[E6]=new Fx[V5](carouselWrapper,{transition:Fx[I1][W]}` R%[H6]=` F*[c6]` ;!U4]=(new Element(Y6))[a2](U4)[z1](` L*);if (` W H1][p8]){` ) E6][f5]=new Scroller` M+,{area:j8,velocity:J4});this[E6][v1]=new Fx[n]` L-duration:k,onStart:` R$f5][c2][b1](` )\'),onComplete` @)b4` ;.});}},fillCarousel:function (){var w=\"normalWidth\",k=\"constructThumbnails\";this[k]()` $!U4][w]=` 1 v]*(` : H1][A6]+` $$d8]+Q)` \")D6;` Q U4][a4][a6]=` ($w];},initCarousel:function (){var w=\"preloadThumbnails\",k=\"create` P#\";this[k]()` $!t1]();if (` 4 H1][l])` @ w]();},flush` X#:function (){` M z][q2](` .%w){w[a5][Q4]();w=` ) =B8;});` L\"=[];},toggleCarousel:function (){if (` G C6])` P L1]();else ` 4 x8]();},showCarousel:function (){var k=\"c` 5\"MaximizedOpacity\",n=\"onS` T&\";this[N6](n)` &!o][b4]({\"o` O\":` > H1][k],\"top\":p})[D5](function (){var w=\"onCarouselShown\";` Y C6]=y8` &!E6][f5][b4]()` 9!N6](w` %\"o][H1][W4]=B8;}[b1](this));},hideCarousel:function (){var k=\"onH` 7&\";this[N6](k);var n=` - H1][Q5]-` : o][H6]` E!o][b4]({\"opacity\":` G$Z1],\"top\":n})[D5](function (){var w=\"onCarouselHidden\";` [ C6]=B4` &!E6][f5][c2]()` 9!N6](w` %\"o][H1][W4]=B8;}[b1](this));},constructThumbnails:function (){var Z=\"number\",X=\"relatedImage\",s=\"addEvents\",W=\"thumbIdleOpacity\",T=\"no-repeat\",a=\"Style\";element=this[U4];for (i=p;i<` \/ z2][M6];i++){var C=(new Fx[a](` & Element(Y6))[a2](H4)[T5]({backgroundImage:U5+this[z2][i][H4]+D2,` <%position :x5` +&Repeat:T,marginright:this[H1][d8]+D6,width` ,%A6` 1 heigh` B&V]+D6})[z1](element),Z5,{duration:J}))[X8](` K$W]);C[a5][s]({\"mouseover\":function (w){var k=\":<\/span> \",n=\"\/\",e=\'<span class=\"number\">\',D=0.99;w[m1]();w[b4](D);if (this[H1][d5])$` )!X2])[k6](e+(w[X][Z]+S)+n+` H v]+k+` 2 r1]);}[U8](C,this),\"mouseout\":function (w){w[m1]();w[b4](this[H1][W]);}[U8](C,this),\"click` O*var k=\"thumbCloseCarousel\";this[I5](w[X][Z]);if (` 1 H1][k])` = L1]();}[U8](C,this)});C[X]=` G z2][i];` &!][parseInt(i)]=C;}},log:function (w){var k=\"log\";if (console[k])c` \"$(w);},preloadThumbnails:function (){var k=\"t` 6#P` H!er\",n=[];for (i=p;i<this[z2][M6];i++)n[parseInt(i)]=` 7$i][H4];` K k]=new Preloader` .#[P5](W4,function (){var w=formatString(` I H1][m4],` V Y5]+S` %!v]);` < r4][k6](w)[c4](r1,w);}[b1](this)` @\"k][s8](n);},clearThumbnailsHighlights:function (){for (i=p;i<this[z2][M6];i++){` ,!][i][m1]();` &&b4](J4);}},changeThumbnailsSize:function (w,k){for (i=p;i<this[z2][M6];i++){` ,!][i][m1]();` &&a5][T5]({\"width\":w+D6,\"height\":k+D6});}},centerCarouselOn:function (k){var n=\"scrollTo\",e=\"offsetright\",D=\"c` T\"WallMode\";if (!this[D]){var Z=` * z][k],X=Z[a5][e]+` #!q]\/Q,s` =!E6]` -\",W` O!U4` ) T=s\/Q,a=X-T;try {` F$v1][n](a,p);}catch (w)` 0+=` :\"}},initInfoSlideshow:function (` Q\"d6]=(new Fx[V5](` \' Element(Y6))[a2](d6)[z1]($(` P k2]))))[X8]({\"opacity\":p});var w=(new Element(r)` W!` V d6][a5]),k` 7)s6` 2\/;` K$H6]=` \/\'[c6]` 4%a5][L4](Z5,p);},changeInfoSlideShow:function (){` T V6][I](u1,this);` 0 M2` 0 S5` .\"},showInfoSlideShow:function (){var w=\"slideInfoZoneOpacity\",k=\"description\",n=\"onShowInfopane\";this[N6](n)` &!d6][m1]();element=` .$a5]` -#[F8](r)[k6](` R z2][` [ Y5]][r1]` W$` F s6` 34k]);if ` 5!H1][h4])` C d6][b4]({\"opacity\":[p,` ?$w]],\"height` \/%d6][H6]]});else ` ,$b4]({\"opacity` F%H1][w` J if (` *$x8])` R$D5]` 4!e6][U8` &\"Y5],this));return ` I#;},hideInfoSlideShow:function (){var w=\"onH` @\"pane\";` [ N6](w)` &!d6][m1]();if (` : H1][h4])` 7$b4]({\"opacity\":p,\"height\":p});else ` 34});return` :$;},makeLink:function (w){var k=\"linkTitle\",n` (!\";` W r8][f4]({href:` . z2][w][n],title` ((k]});if (!(` Z H1][y1]&&!` &$V2` \"(x8]))` G r8][L4](R6,t8);},clearLink:function (){` C$f4]({href:L,title:L});if (!(` @ H1][y1]&&!` &$V2` \"(x8]))` G r8][L4](R6,M8);},flushGallery:function (){` X X6][q2](` \/%w){w[a5][Q4]();w=` ) =B8;});` L#=[];},changeData:` S(var k=\"flushCarousel\",n` +\"Gallery\";this[z2]=w` %!m1]()` 0!n]();if (` ? H1][x8])` L k` <$C4` ,5t1` +,P1` 5\"V6]();` O N1]=S` %!t6]=p` 0!Y5` \"$A](S);},initHistory:function (){var D=\"on` 6\"Inited\",Z=\"\\\\((\\\\d+)\\\\)\",X=\"register\",s=\"h` J!\",W=\"customH` ,!Key\",T=\"-picture\",a=\"id\",C` L$` > F=\"on` M\"Init\";this[N6](F)` &!C]=` \/ k2][a]+T;if (` A H1][W])` 9(` .!(` U\"s]=HistoryManager[X]` V!C],[S],function (w){if (parseInt(w[p])-S<` I v])` Q I5]` 1,);}[b1](this),function (w){var k=\"join\",n=\")\",e=\"(\";return [this[C],e,w[p],n][k](L);}[b1](this),` =\"+Z);` J P5](H2,function (){var w=\"setValue\"` C!s][w](p,` Q Y5]+S);}[b1](this))` @!N6](D);}};gallery=new Class(` +\")` 3#[D8](new Events` &-Option` .&I1]=new Abstract({fade:function (w,k,n,e){w[H1][E5]=k[` \"#Fx[I1][C8];` 9!d4` 7#d4]=this` Q n2];if (e>n)k[b4]({opacity:S});else {k[X8` **w` >)p});}},crossfade:function (w,k,n,e){w[H1][E5]=k[` \"#Fx[I1][C8];` 9!d4` 7#d4]=this` Q n2];k[b4]({opacity:S});w` %)p});},fadebg:function (w,k,n,e){w[H1][E5]=k[` \"#Fx[I1][C8];` 9!d4` 7#d4]=this` Q n2]\/Q;w[b4]({opacity:p})[D5](k[b4][U8]([` 3$S}],k));}});var Preloader=new Class({Implements:[Events,Options],o` #!:{root:L,period:j8},initialize:function (w){this[O1](w);},load` 5&X){var s=\"period\",W` ##ical\",T=\"progress\",a=\"temps\",C=\"sources\";this[N]=p` $!u5]=[]` 0!C]=` 9 a]=X` B!T4` ,\"C][M6` @\"N6](R8,[` \'!],` B#])` O!G6` N\"T][W](` [ H1][s` E!` ?\"C][q2](function (k,n){var e=\"splice\",D=\"onError\",Z=\"root\"` Y!u5][n]=new Asset[B5](` 5 H1][Z]+k,{\"onload\":function (){var w=\"onLoad\";` N N]++;if (` ) u5][n])` 4!6](w,[` -&,n,k]);}[b1]` K ),\"onerror\":function (){` Z!]++;` $!6](D,[` 1 u5][e](n,S),n,k]);}[b1](this),\"onabort\":function (){` T N]++;` $!6](D,[` 1 u5][e](n,S),n,k]);}[b1](this)});},` % ;},progress:function (){var w=\"complete\",k=\"min\",n=\"onP` L\"\";this[N6](n,[Math[k](` .!],` 7 T4]),` \"#]);if ` 9#>=` 9$` N w]();},complete:function (){$clear` T!G6]);` V N6](W4,[` Z u5]]` [ ancel` @9}});Preloader[D8](new Events,new Options);gallery[I1][A8]({fadeslideright:function (k,n,e,D){var Z=1500,X=\"easeOut\",s=\"Cubic\";k[H1][E5]=n[` \"#Fx[I1][s][X]` :\"d4` 9#d4]=Z;if (D>e){n[b4]({right:[this[k2][q],p],opacity:S});k` B!` +#[S,p]});}else {n` \/*p,S]` K%right:[p,this[k2][q]],` D#p})[D5](function (w){w[X8` Q#p});}[U8](k));}},continuoushorizontal:` T&,k,n,e){w[H1][E5]=k[` \"#Fx[I1][C8];if ((e>n||e==p&&n==this[v]-S)&&!(e` &&` : p)){w[X8]({opacity:S});w[b4]({right:[p,` O k2][q]*-S]});k` E*,` F ` =&` ? b4]({` 5 [` 0&,p]});}else {w[X8]({opacity:S});w` L\'p,` O&]});k` B*,` C ` :&*-S` B b4]({` 8 [` 0),p]});}},continuousvertical:function (w,k,n,e){w[H1][E5]=k[` \"#Fx[I1][C8];if ((e>n||e==p&&n==this[v]-S)&&!(e` &&` : p)){w[X8]({opacity:S});w[b4]({top:[p,` N k2][c6]*-S]});k` E*,top:` <\'` ? b4]({top:[` \/\',p]});}else {w[X8]({opacity:S});w` M&p,` N\']});k` B*,top:` 9\'*-S` B b4]({top:[` \/*,p]});}}});m2[B2][P5](m,startGallery);jQuery(T6)[w4](F5` *$F4)[W1](T6` =$f8)[a2](Q6);"));
//]]></script>
</body>
</html>