<?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'/>
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Translated by http://tqarob.com 
Name:        Jarid       
Author :     http://www.soratemplates.com
Designer:    http://www.tielabs.com
Date:        March 2013
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 .widget-counter,body#layout .flexslider,#navbar,.date-header,.feed-links,.post-location,.post-author,.post-icons,#credit{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;border:none;outline:none;font-weight:normal}
 
body {
    background-image: url(https://lh5.googleusercontent.com/-5RUw5KRtDVQ/UVRWxIukfPI/AAAAAAAAFUs/3m2S3GHbrTQ/s400/body-bg13.png);
    background-color:#fff;
    color: #333333;
    font-family: DroidNaskh-bold,Arial,Verdana,sans-serif;
    font-size: 11px;
}
 
a { color: #444444; transition: all 0.2s ease-in-out 0s; }
a:hover { color: #000000; }
 
#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto 20px;
    position: relative;
    width: 1220px;
    z-index: 1;
}
 
.container { margin: 0 auto; width: 1160px; }
 
#top-nav { 
    background: none repeat scroll 0 0 #2C2C2C;
    border-bottom: 4px solid #CD2122;
    height: 30px;
}
 
.search-block {
 height:30px;
 overflow: hidden;
 float:left;
 margin-right:5px;
}
 
.search-block #s {
 background:#3c3c3c;
 float: left;
 font: normal 11px tahoma;
 padding:9px 12px 8px 12px;
 width: 90px;
 color:#999;
 border:0 none;
 border-right:1px solid #222;
 -webkit-transition: all ease-in-out 0.4s;
 -moz-transition: all ease-in-out 0.4s;
 -o-transition: all ease-in-out 0.4s;
 transition: all ease-in-out 0.4s;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0 ;
 opacity:0.7;
}
 
.search-block #s:focus {color:#fff;}
 .search-block .search-button {
 background:#3c3c3c url(https://lh4.googleusercontent.com/-sFLTJ6mMcHI/UVRWxGjnlKI/AAAAAAAAFUc/2GMcHqcwUh4/s1300/separate.png) no-repeat center -215px;
 cursor: pointer;
 float: left;
 height:30px;
 width:30px;
 text-indent:-999999px;
 display: block;
 border:0 none;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0 ;
 opacity:0.7;
 -webkit-transition: all ease-in-out 0.4s;
 -moz-transition: all ease-in-out 0.4s;
 -o-transition: all ease-in-out 0.4s;
 transition: all ease-in-out 0.4s;
 border-left: 1px solid #222;
}
.search-block:hover .search-button,.search-block:hover #s {opacity:1; color:#ddd;}
 
.social-icons{text-align:center;}
.social-icons a{position:relative;margin:0; opacity:.7;}
.social-icons a:hover{ opacity:1;}
.social-icons.icon_24 img{width:24px; height:24px;}
.social-icons.icon_16 img{width:16px; height:16px;}
.social-icons.icon_flat{float:left; margin:4px 0 0 5px;}
.social-icons.icon_flat a{background:url(https://lh5.googleusercontent.com/-VPUNVfF_698/UVRWxiHmK0I/AAAAAAAAFU0/pXlCMxCAWNQ/s227/social-icons.png) no-repeat top right; width: 20px;height: 20px; opacity:.3;}
.social-icons.icon_flat a:hover{ opacity:.6;}
.icon_flat a.google-tieicon{background-position:-38px 1px;}
.icon_flat a.facebook-tieicon{background-position:right 0;}
.icon_flat a.twitter-tieicon{background-position:-76px 1px;}
.icon_flat a.youtube-tieicon{background-position:-38px -82px;}
.icon_flat a.dribbble-tieicon{background-position:-121px -82px;}
.icon_flat a.rss-tieicon{background-position:right -123px;}
.icon_flat a.pinterest-tieicon{background-position:-76px -123px;}
.icon_flat a.instagram-tieicon{background-position:right -209px;}
a.ttip, a.tooldown{display:inline-block;}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding:5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-right-color: #000; }
.tipsy-arrow-w { border-left-color: #000; }
.tipsy-n .tipsy-arrow { top: 0; right: 50%; margin-right: -5px; border-bottom-style: solid; border-top: none; border-right-color: transparent; border-left-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-right-color: transparent; border-left-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none;  border-right-color: transparent; border-left-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; right: 50%; margin-right: -5px; border-top-style: solid; border-bottom: none;  border-right-color: transparent; border-left-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none;  border-right-color: transparent; border-left-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-right-color: transparent; border-left-color: transparent; }
.tipsy-e .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
 
#header-wrapper { margin: 0 0 35px; position: relative; }
.header-content { background: url(https://lh6.googleusercontent.com/-oTjnGLLM7Ig/UVRWx7Wq0XI/AAAAAAAAFU8/jfkNgNQ9970/s1105/top-shadow.png) no-repeat scroll center top transparent; padding: 25px 0; }
#header {float:right; width:400px}
#header,#header a { color: #000 }
#header a:hover {}
#header h1 {font-family: 'Playball', cursive;font-weight:normal;font-size:60px;color:#cd2122}
#header img { margin-top: 15px;border:none;max-height:73px}
#header .description {}
 
.ads-top {float: left;line-height:0; margin-top:8px;}
.ads-bottom {line-height:0;margin:15px auto 20px;text-align:center;}
.ads-post {line-height:0;margin:20px auto ;text-align:center;}
 
#main-nav {
 background:#2c2c2c;
 margin:0 auto;
 height:50px;
 border-bottom:5px solid #cd2122;
}
 #main-nav .menu-alert{
 float:right;
 padding:18px 10px 0 0;
 font-style:italic;
 color:#FFF;
 }
 #top-menu-mob , #main-menu-mob{ display:none; }
 #main-nav ul li {
 text-transform: uppercase;
 font-family: DroidKufi-regular,arial,Georgia, serif;
 font-size:17px;
 position: relative;
 display: inline-block;
 float: right;
 border:1px solid #222222;
 border-width:0 0 0 1px;
 height:50px;
 }
 #main-nav ul li:first-child,
 #main-nav ul li:first-child a{border:0 none;}
 #main-nav ul li:last-child a{border-left:0 none;}
 #main-nav ul li a {
 display: inline-block;
 height: 50px;
 line-height: 50px;
 color: #ddd;
 padding:0 14px;
 text-shadow:0 1px 1px #000;
 border-right:1px solid #383838;
 }
 #main-nav ul li a .sub-indicator{}
 #main-nav ul li a:hover {}
 #main-nav ul ul{
 display: none;
 padding:0;
 position: absolute;
 top: 50px;
 width: 180px;
 z-index: 99999;
 float: right;
 background: #2d2d2d !important;
 -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
 box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
 -webkit-border-bottom-left-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-bottomright: 3px;
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
 }
 #main-nav ul ul li, #main-nav ul ul li:first-child {
 background: none !important;
 z-index: 99999;
 min-width: 180px;
 border:0 none;
 border-bottom: 1px solid #222;
 border-top: 1px solid #383838;
 font-size:14px;
 height:auto;
 margin:0;
 }
 #main-nav ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
 #main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
 #main-nav ul ul ul ,#main-nav ul li.current-menu-item ul ul, #main-nav ul li.current-menu-parent ul ul, #main-nav ul li.current-page-ancestor ul ul{left: auto;right: 100%; top: 0 !important; z-index: 99999; }
 #main-nav ul.sub-menu a ,
 #main-nav ul ul li.current-menu-item a,
 #main-nav ul ul li.current-menu-parent a,
 #main-nav ul ul li.current-page-ancestor a{
 border:0 none;
 background: none !important;
 height: auto !important;
 line-height: 1em;
 padding: 10px 10px;
 width: 160px;
 display: block !important;
 margin-left: 0 !important;
 z-index: 99999;
 color: #ccc !important;
 text-shadow:0 1px 1px #000 !important;
 }
 #main-nav ul li.current-menu-item ul a,
 #main-nav ul li.current-menu-parent ul a,
 #main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}
 
 #main-nav ul li:hover > a, #main-nav ul :hover > a { color: #FFF ;}
 #main-nav ul ul li:hover > a,
 #main-nav ul ul :hover > a {color: #FFF !important; padding-right:15px !important;padding-left:5px !important;}
 #main-nav ul li:hover > ul {display: block;}
 #main-nav ul li.current-menu-item,
 #main-nav ul li.current-menu-parent,
 #main-nav ul li.current-page-ancestor{
 margin-top:0;
 height:50px;
 border-right:0 none !important;
 }
 
 #main-nav ul li.current-menu-item ul.sub-menu a, #main-nav ul li.current-menu-item ul.sub-menu a:hover,
 #main-nav ul li.current-menu-parent ul.sub-menu a, #main-nav ul li.current-menu-parent ul.sub-menu a:hover
 #main-nav ul li.current-page-ancestor ul.sub-menu a, #main-nav ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}
 
 #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
 #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
 #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
 background:#cd2122;
 text-shadow:0 1px 1px #b43300;
 color:#FFF;
 height:50px;
 line-height:50px;
 border-right:0 none !important;
 }
 #main-nav ul.sub-menu li.current-menu-item,#main-nav ul.sub-menu li.current-menu-item a,
 #main-nav li.current-menu-item ul.sub-menu a,#main-nav ul.sub-menu li.current-menu-parent,
 #main-nav ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
 #main-nav ul.sub-menu li.current-page-ancestor,#main-nav ul.sub-menu li.current-page-ancestor a,
 #main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
 #main-nav ul li.menu-item-home ul li a,
 #main-nav ul ul li.menu-item-home a,
 #main-nav ul li.menu-item-home ul li a:hover{
 background-color:transparent !important;
 text-indent:0;
 background-image:none !important;
 height:auto !important;
 width:auto;
 }
 #main-menu-mob,#top-menu-mob{
 background: #222;
 width: 710px;
 padding: 5px;
 border: 1px solid #000;
 color:#DDD;
 height: 27px;
 margin:13px 10px 0 0;
 }
 #top-menu-mob{
 width: 350px;
 margin:2px 0 0 0;
 }
 #main-nav.fixed-nav{
 position:fixed;
 top:0;
 right:0;
 width:100% !important;
 z-index:999;
 opacity:0.9;
 -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
 box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
 }
 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:498px;}
.flexslider .slides img {width: 100%; height:100%; display: block;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 0 35px;position:relative;zoom: 1;width: 997px;height:498px;background: #000 url(https://lh5.googleusercontent.com/-A2AthZYl-BA/UVRWwC1825I/AAAAAAAAFUM/RvL2vi0g5HY/s16/black-loader.gif) no-repeat 50% 48%; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-left: 5px}
 
.flex-direction-nav {position:absolute; top:5px; left:5px;}
.flex-direction-nav a {width: 30px; height: 30px; margin: 0 0 2px; display: block; background-color: #cd2122; background-image: url(https://lh4.googleusercontent.com/-sFLTJ6mMcHI/UVRWxGjnlKI/AAAAAAAAFUc/2GMcHqcwUh4/s1300/separate.png);background-repeat: no-repeat; background-position: 3px -384px;  cursor: pointer; text-indent: -9999px; opacity: 0;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -24px -384px;}
.flexslider:hover .flex-next {opacity: 0.8; }
.flexslider:hover .flex-prev {opacity: 0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; cursor: default;}
 
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {float: right; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
 
.flex-control-nav {position: absolute; top: 10px; right:10px; text-align: center; height:13px;}
.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block; cursor: pointer; text-indent: -9999px; border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%; margin-left:2px; width:8px; background:#999; height:8px;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.flex-control-paging li a:hover { background: #DDD; }
.flex-control-paging li a.flex-active { background: #FFF; cursor: default; }
.slider-caption {position: absolute;right: 15px;bottom: 15px; max-width:90%;opacity: .85;}
.slider-caption p{padding: 10px;background: #000;color:#FFF;}
.slider-caption h2 {background: #cd2122; padding:5px 10px;color:#FFF; display: inline-block;font-family: DroidKufi-regular,arial,Georgia, serif;}
 
#content-wrapper .flexslider { width:620px; height:330px;}
#content-wrapper .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:330px;}
#content-wrapper .flexslider .slides img {width: 100%; display: block;}
#content-wrapper .slider-caption h2 a{font-size: 23px;color:#FFF; }
#content-wrapper .ei-slider{ height:330px;}
#content-wrapper .ei-slider-loading{line-height:375px;}
#content-wrapper .ei-title h3{font-size: 14px;line-height: 14px;width:435px;}
#content-wrapper .ei-title h2{font-size: 23px;}
 
.post-header {float:left;width:305px}
.post-timestamp,.post-comment-link a{ color: #AAAAAA; font-size: 10px;margin-left:15px;}
#main-content { margin: 20px auto 25px; position: relative; }
#main-wrapper { float: right; width: 620px; }
#sidebar-wrapper { float: left; width: 300px; }
#sidebar-mid { 
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    float: right;
    margin: 0 25px;
    padding: 0 14px;
    width: 160px;
}
#sidebar-wrapper h2, #sidebar-mid h2 {   
    font-family: DroidKufi-regular,arial,Georgia,serif;
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
border-bottom: 4px solid #333333;
    padding-bottom: 5px;
}
 
.post {border-bottom: 1px solid #F2F2F2;clear:both;padding:15px 0}
.post h3 {font-size:21px}
.post h1 {
    font-family: DroidKufi-regular,arial,Georgia,serif;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: -15px;
}
.post-body img { max-width:600px; }
.post-body p{ padding-top: 0.5em;}
.thumb{display:block;float:right;width:300px;height:160px;margin:0 0 0 15px;}
 
.pthumb {float:right;margin:3px 0 0 10px;width:200px;height:111px;overflow:hidden;position:related}
.pthumb img {width:200px}
.post blockquote {  
    background: url(https://lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll right 18px transparent;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin:20px 40px 30px 0;
    min-height: 60px;
    padding:0 60px 0 0;
}
 
.post-labels {margin:20px 0}
.post-share-buttons {margin:20px 0 0}
.post-labels a{
border-color: #dedede #d8d8d8 #d3d3d3;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
display: inline-block;
text-decoration: none;
font-size: 10px;
padding: 3px 8px;
line-height: 20px;
color: #555;
text-transform: uppercase;
border: 1px solid #DEDEDE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px ;
cursor: pointer;
}
.post-labels a:hover{ background:#FFF;}
 
.jump-link {
webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background: #cd2122;
color: #FFF;
padding: 3px 7px ;
}
.jump-link:hover{background:#444 !important;color:#fff}
.post-header{padding-bottom: 0.5em}
.post-header span {
   display: inline-block;
    margin-left: 5px;
    background: url(https://lh4.googleusercontent.com/-sFLTJ6mMcHI/UVRWxGjnlKI/AAAAAAAAFUc/2GMcHqcwUh4/s1300/separate.png) no-repeat scroll left -506px transparent;
    padding-left: 16px;
}
span.post-comment-link {
    line-height: 14px;
    display: inline-block;
    margin-right: 25px;
    background-position: left -574px;
}
 
.sidebar .widget-content {padding: 10px 0; margin-bottom: 25px;}
.sidebar li {
    background: url(https://lh3.googleusercontent.com/-YMqu4_onL3c/UVRWxB0C4xI/AAAAAAAAFUo/eQf6FznqRxQ/s3/sidebar-bullet.png) no-repeat scroll right 8px transparent;
    line-height: 18px;
    overflow: hidden;
    padding:0 12px 5px 0;
}
.sidebar li a:hover{text-decoration:underline}
.flickr_badge_image { float: right; margin: 5px; }
.flickr_badge_image img { height: 70px; width: 70px;}
 
.widget-counter{
margin-bottom:20px;
overflow:hidden;
clear: both;
}
 
.widget-counter li{
line-height:15px;
float:right;
width:75px;
height:87px;
padding:7px 0 10px;
-moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear;
}
.widget-counter li a{display:block;text-align:center;}
.widget-counter li a strong{ background:url(https://lh4.googleusercontent.com/-sFLTJ6mMcHI/UVRWxGjnlKI/AAAAAAAAFUc/2GMcHqcwUh4/s1300/separate.png) no-repeat;display:block; opacity:0.7; height:51px; margin-bottom:5px; -webkit-transition: opacity ease-in-out 0.4s;  -moz-transition: opacity ease-in-out 0.4s;  -o-transition: opacity ease-in-out 0.4s;  transition: opacity ease-in-out 0.4s;}
.widget-counter li a:hover strong{opacity:1;}
.widget-counter li:hover a{text-decoration: none;}
.widget-counter li.rss-subscribers a strong{ background-position:center -1084px ;}
.widget-counter li.rss-subscribers a:hover strong{ background-position:center -1139px ;}
.widget-counter li.rss-subscribers span{font-family: Oswald,arial,Georgia, serif;font-size: 12pt;display: block;text-transform: uppercase;}
.widget-counter li.facebook-fans a strong { background-position:center -1192px ;}
.widget-counter li.facebook-fans a:hover strong { background-position:center -1246px ;}
.widget-counter li.twitter-followers a strong{ background-position:center -868px;}
.widget-counter li.twitter-followers a:hover strong{ background-position:center -922px;}
.widget-counter li.youtube-subs a strong{ background-position:center -976px;}
.widget-counter li.youtube-subs a:hover strong{ background-position:center -1030px;}
.widget-counter li span{display:block;font-size:22px;}
.widget-counter li a small{color:#777;}
 
.feedburner-email{
        border:1px solid #ccc;
background: #F9F9F9;
color: #515151;
font: 13px Tahoma;
padding: 4px 7px;
margin-bottom: 10px;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
display: block;
width: 250px;
height: 24px;
}
 
.feedburner-email:hover{ color:#000;}
.feedburner-email:focus{ background:#FFF; color:#000;}
.feedburner-subscribe{
border: 1px solid #D9D9D9;
background: #FBFBFB;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE ));
background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: linear-gradient(top,#FBFBFB 0,#EEE 100%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
color: black;
text-shadow: 0 1px 0 white;
height: 30px;
line-height: 30px;
width:auto;
font-size: 14px;
padding: 0 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background .40s;
-moz-transition: background .40s;
-o-transition: background .40s;
transition: background .40s;
position:relative;
                cursor:pointer;
}
 
.feedburner-subscribe:hover {
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8));
background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: linear-gradient(top,#FFF ,#f8f8f8 100%);
}
.feedburner-subscribe:active {top:2px;}
#FollowByEmail1 .widget-content {padding:11px}
#FollowByEmail1 .widget-content p {padding-bottom: 1em}
 
#footer {
    background: #333333;
    box-shadow: 0 -8px 0 rgba(0, 0, 0, 0.1);
    color: #DDD;
    margin-top: 20px;
    padding: 20px 0;
    text-shadow: 0 0 1px #000000;
}
 
.footer-widgets-box { width: 22%; float: right; margin-left: 4%; }
.footer-widgets-box h2 {
    font-family: DroidKufi-regular,arial,Georgia,serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 3px solid #666666;
    padding: 10px 0;
}
.footer-widgets-box .widget-content { padding: 10px; }
.footer-widgets-box a { color: #ccc; }
.footer-widgets-box a:hover { color: #fff; }
.footer-widgets-box li {
    border-bottom: 1px solid #232323;
    border-top: 1px solid #444444;
    line-height: 18px;
    overflow: hidden;
    padding:6px 0 6px 12px;
}
.footer-widgets-box li:first-child { border-top:none !important }
.footer-widgets-box li:last-child { border-bottom:none !important }
.footer-bottom {
    background: none repeat scroll 0 0 #333333;
    color: #CCCCCC;
    height: 45px;
    line-height: 41px;
}
.footer-bottom .container { border-top: 4px solid #CD2122; }
.footer-bottom a {color:#ccc}
.footer-bottom a:hover {color:#fff}
#footer-fourth { margin-left: 0; }
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#cd2122}
#comments h4,.comments .user a,.comments .continue a{font-size:17px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;right:10px;border-top:10px solid #cd2122;border-left:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#cd2122}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-right:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;left:-12px;margin:0;background-image: url(https://lh5.googleusercontent.com/-cz1ogKtwNBc/T-xs3x0de-I/AAAAAAAABwI/KlCgXlV7uo0/s36/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 20px 0 0}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-right:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;right:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-right:48px}
.comments .comment-thread.inline-thread .user a{font-size:14px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments .comments-content .loadmore,.comments .comments-content {margin:0}
 
#blog-pager-newer-link {float: right;}
#blog-pager-older-link {float: left;}
#blog-pager { margin:0; padding:0 0 10px; text-align: center; clear:both; }
.pagenavi a {
                float:right;
text-shadow: 0 1px 0 #FFF;
margin-left : 3px;
color: #777;
padding: 6px 10px 3px;
}
.pagenavi a:hover {color:#000;}
.pagenavi .current {
                float: right;
                margin-left: 3px;
        color: #FFF;
background-color: #cd2122;
text-shadow: 0 1px 0 #000;
padding:4px 10px 6px;
}
.pagenavi .pages {float:left; display: block; font-size: 85%; padding: 7px 0 2px;}
 
#related-posts h3{
    border-bottom: 4px solid #333333;
    font-family: DroidKufi-regular,arial,Georgia,serif;
    font-size: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#related-posts ul {   margin-bottom: 20px; padding: 10px 0; }
#related-posts ul li {
    float: right;
    height: 180px;
    margin:0 0 10px 10px;
    width: 200px;
    font-size: 16px;
}
#related-posts img:hover{opacity:0.7;}
#related-posts ul li:nth-child(3n+3){margin-left:0;}
#PopularPosts1 img {float:right;margin:0 0 0 10px;padding:0}
#PopularPosts1 dd {border-bottom: 1px solid #F2F2F2; padding: 8px 0 4px;}
.status-msg-body {position:relative !important}
.CSS_LIGHTBOX { z-index: 9999 !important; }
 
@font-face {
  font-family: 'DroidKufi-regular';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
 
    @font-face {
      font-family: 'DroidNaskh-bold';
      font-style: normal;
      font-weight: 700;
      src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);
      src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
           url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('x-woff2'),
           url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),
           url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');
    } 
     html {overflow-x: hidden;}
 
]]></b:skin>
<script type='text/javascript'>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('5 6(s,n){b s.c(/<.*?>/d,"").e(/\s+/).f(0,n-1).g(" ")}5 h(a){i p=j.k(a),3="",2=p.l("2");m(2.o>=1)3='<2 7="8" 4="'+2[0].4+'" />';q 3='<2 7="8 r-2" 4="t://u.v.w/-y/z-A/B/C-D/E.F" />';p.9='<a G="'+x+'">'+3+"</a>"+"<p>"+6(p.9,H)+"...</p>"};',44,44,'||img|imgtag|src|function|stripTags|class|thumb|innerHTML||return|replace|ig|split|slice|join|readmore|var|document|getElementById|getElementsByTagName|if||length||else|no||https|lh4|googleusercontent|com||G9M2DTCTUwM|Tlh|2pwtc5I|AAAAAAAABKM|kCJg|Kf3W2M|no_image_yet|jpg|href|12'.split('|'),0,{}))
//]]></script>
</head>
<body>
<div id='wrapper'>
<div id='top-nav'> 
<div class='container'>
<div class='search-block'>
 <form action='/search' id='searchform' method='get'>
 <input class='search-button' type='submit' value='Search'/> 
 <input id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search...&apos;;}' onfocus='if (this.value == &apos;Search...&apos;) {this.value = &apos;&apos;;}' type='text' value='Search...'/>
 </form>
</div> 
 
<div class='social-icons icon_flat'>
 <a class='tooldown rss-tieicon' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Rss'/>
 <a class='tooldown google-tieicon' href='#' target='_blank' title='Google+'/>
 <a class='tooldown facebook-tieicon' href='#' target='_blank' title='Facebook'/>
 <a class='tooldown twitter-tieicon' href='#' target='_blank' title='Twitter'/>
 <a class='tooldown pinterest-tieicon' href='#' target='_blank' title='Pinterest'/>
 <a class='tooldown dribbble-tieicon' href='#' target='_blank' title='Dribbble'/>
 <a class='tooldown youtube-tieicon' href='#' target='_blank' title='Youtube'/>
 <a class='tooldown instagram-tieicon' href='#' target='_blank' title='instagram'/> </div>
</div>
<div class='clear'/>
</div>
 
<div class='container'>
<div id='header-wrapper'>
<div class='header-content'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='مدونة تجارب اخرى (رأس الصفحة)' type='Header'>
    <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:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <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:widget>
</b:section>
<div class='ads-top'>
<a href='http://chat-11.com/' target='_blank' title='Top Banner Here'>
<img src='http://chat-11.com/chat11/wp-content/themes/Q8fun/images/11-chat.jpg'/>
</a>
</div>
<div class='clear'/>
</div>
 
<nav id='main-nav'>
<div class='container'> 
<div class='main-menu'><ul class='menu' id='menu-main'>
<li><a href='http://chat-11.com/#'>الرئيسية</a></li>
<li><a href='http://chat-11.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
 <li><a href='http://chat-11.com/'>القسم الاول</a></li>
 <li><a href='http://chat-11.com/'>القسم الثاني</a></li>
 <li><a href='http://chat-11.com/#'>القسم الثالث</a></li>
 <li><a href='http://chat-11.com/'>القسم الرابع</a></li>
</ul>
</li>
<li><a href='http://chat-11.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
 <li><a href='http://chat-11.com/'>القسم الاول</a></li>
 <li><a href='http://chat-11.com/'>القسم الثاني</a></li>
 <li><a href='http://chat-11.com/'>القسم الثالث</a></li>
 <li><a href='http://chat-11.com/'>القسم الرابع</a></li>
</ul>
</li>
<li><a href='http://chat-11.com/'>تصنيف منفرد</a>
</li>
 <li><a href='http://chat-11.com/'>أقسام المدونة</a>
<ul class='sub-menu'>
 <li><a href='http://chat-11.com/'>التصنيف الاول</a></li>
 <li><a href='http://chat-11.com/'>التصنيف الثاني</a></li>
 <li><a href='http://chat-11.com/'>التصنيف الثالث</a></li>
</ul>
</li>
 <li><a href='http://chat-11.com/'>تصنيف منفرد</a>
 
</li>
<li><a href='http://chat-11.com/'>نموذج قائمة منسدلة</a>
<ul class='sub-menu'>
 <li><a href='http://chat-11.com/'>القسم الاول</a></li>
 <li><a href='http://chat-11.com/'>القسم الثاني</a></li>
 <li><a href='http://chat-11.com/'>القسم الثالث</a></li>
 <li><a href='http://chat-11.com/'>القسم الرابع</a></li>
</ul>
</li>
</ul></div> 
</div>
</nav> 
</div>
 
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='flexslider'>
<ul class='slides'>
<li>
<a href='http://my-testblogging.blogspot.nl/2010/07/blog-post_9312.html'><img class='attachment-660x330' height='330' src='https://lh6.googleusercontent.com/-mJGiYztssLc/UVRWugpb2kI/AAAAAAAAFTk/Uw3gX_WUprE/s620/1.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='http://my-testblogging.blogspot.nl/2010/07/blog-post_9312.html'>أخرج من إطار المشكلة إلى إطار الحل </a></h2>
 <p>لما كلمته قال لي كذا وكذا&#1548; فقلت له: لا .. وذهبت ... ورجعت&#1548; وفلان قال وفلان ...</p>
 </div>
 </li>
<li>
 
 <a href='http://chat-11.com/'><img class='attachment-660x330' height='330' src='https://lh6.googleusercontent.com/-jwlfglxbHrQ/UVRWuUt0WzI/AAAAAAAAFTs/EI6UsYAWe9Y/s620/2.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='http://chat-11.com/'>هنا يتم كتابة عنوان الموضوع بطريقه عاديه</a></h2>
 <p>هنا يتم كتابة وصف مختصر للموضوع لا يذيد عن سطرين...</p>
 </div>
 </li>
<li>
 
<a href='http://chat-11.com/'><img class='attachment-660x330' height='330' src='https://lh3.googleusercontent.com/-OCaoRhjM-QM/UVRWuv1UwMI/AAAAAAAAFTo/LjEHwEiQ3fo/s620/3.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='http://chat-11.com/'>هنا يتم كتابة عنوان الموضوع بطريقه عاديه</a></h2>
 <p>هنا يتم كتابة وصف مختصر للموضوع لا يذيد عن سطرين...</p>
 </div>
 </li>
<li>
 
<a href='http://chat-11.com/'><img class='attachment-660x330' height='330' src='https://lh3.googleusercontent.com/-4QNzfgaSs7I/UVRWvcrJikI/AAAAAAAAFT4/63rUmODOOCk/s620/4.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='http://chat-11.com/'>هنا يتم كتابة عنوان الموضوع بطريقه عاديه</a></h2>
 <p>هنا يتم كتابة وصف مختصر للموضوع لا يذيد عن سطرين...</p>
 </div>
 </li>
<li>
 
 <a href='http://chat-11.com/'><img class='attachment-660x330' height='330' src='https://lh3.googleusercontent.com/-6L1yLXg0E98/UVRWvoVwf6I/AAAAAAAAFUA/PADQ7lOHIEY/s620/5.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='http://chat-11.com/'>هنا يتم كتابة عنوان الموضوع بطريقه عاديه</a></h2>
 <p>هنا يتم كتابة وصف مختصر للموضوع لا يذيد عن سطرين...</p>
 </div>
 </li>
 </ul>
</div>
</b:if>
 
<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <!-- posts -->
      <b:include data='top' name='status-message'/>
      <b:loop values='data:posts' var='post'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType != &quot;index&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='