/* Enter Your Custom CSS Here */
	#content { direction:rtl !important ;}
	ul,li { direction:rtl !important ;}
	#content div { direction:rtl !important ;}

h4.widget-title {
    text-align: center;
}

div.site-content {
    margin: 6px 0 !important;
}
div#content a.callus  {
    color: white  ;
    /* font-size: 1.25em;*/ 
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

div#content a, a:hover, a:focus {
    color: #5d5aed;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

/* LIST #2 */
#list2 { width:320px; }
#list2 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1;  }
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; }
#list2 ol li p em { display:block; }
.callus {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #218243;
    border-radius: 8px;
    background: #35d46d;
    background: -webkit-gradient(linear, left top, left bottom, from(#35d46d), to(#218243));
    background: -moz-linear-gradient(top, #35d46d, #218243);
    background: linear-gradient(to bottom, #35d46d, #218243);
    text-shadow: #15522a 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.callus:hover,
.callus:focus {
    border: 1px solid #29a354;
    background: #40fe83;
    background: -webkit-gradient(linear, left top, left bottom, from(#40fe83), to(#289c50));
    background: -moz-linear-gradient(top, #40fe83, #289c50);
    background: linear-gradient(to bottom, #40fe83, #289c50);
    color: #ffffff;
    text-decoration: none;
}
.callus:active {
    background: #218243;
    background: -webkit-gradient(linear, left top, left bottom, from(#218243), to(#218243));
    background: -moz-linear-gradient(top, #218243, #218243);
    background: linear-gradient(to bottom, #218243, #218243);
}
.callus:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 6px 6px 6px;
    position: relative;
    top: 0px;
    left: -10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACKElEQVRIia2VPYsaURSG3+sMusqq26hhzNQqWIi/ICzoKLut4HZb2Ni4dZpd7MTeH+APsBIdYWFhmkRFSBUiaGExIn6gkCLqiJ4UZoeN+ZjZZF4Y5nI58z7nY7iXAYCiKGeyLL8bjUYCEYExZsOJiOhwuvdSjDF9LQjCLJ1OPyUSiW9QFOUsFot9BEBWPtFo9NPj46OLCwQCl7Va7f3fsnuWJEkIhUK4ubmBpmlQVfWPsbPZ7I3P5/tgG41Gb42MGWOoVCpotVq4vr5GsVjE7e2tYULj8Vj4pde/Uy6XQz6fBxEBgP42I94owOl04uHh4achvlwbybACSZIQDAZNG57KsIJkMqm3ZLPZYLFYYDgcot/vWwOIx+MAjm3J5/OoVqu4v783ZQ4YtIjjOIiiCMYYDocDFEUxbWwK4HA44PF4QETY7XZYLpfWAjiOg91uB3D8NTVNsxZARPhxNoExBp43HNnrAPv9HtvtFkQEnufh9XqtBWw2G6xWq2OgzQZRFK0FEBEGg4Heomw2i4uLCwiCAIfD8f8AAOh0OvosCoUCSqUSVFVFqVSyBlCv1/VBP4sxBpfLZQ2g2+2i3W7rxq+VIYCIcHd3h/V6/U/Htan7oNfrIZPJYD6fAzhWst1uTQH4QCCwMBPYaDQgiiLcbjfK5TImk4nhN36/f4FWq3UeiUQ+w+JLPxwOf2k2mx4GALIsn8uyfDmdTv2m6jaReSqVerq6uvr6HZKg+e3eI6pDAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}


#tpbr_box {
    direction: RTL;
    text-align: center;
    font-family:'Droid Arabic Kufi', sans-serif;
}