السلام عليكم ورحمة الله تعالى وبركاته
قالب مدونة الخاص بامال امام معدل وجاهز
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/
-----------------------------------------------
Blogger Template Style
Name: Metrofy clean
Date: 8 / September / 2013
Author: metrofy design grafico
License: Free Version
----------------------------------------------- */
body#layout .content {width:500px !important;float:right !important;}
body#layout .widget-container-2 {display:none !important;}
body#layout .sidebar{float: left;width: 300px !important;}
body#layout .body_wrap{width:800px;}
body#layout #topmenu{display:none;}
body#layout .filter_menu{display:none;}
@font-face{
font-family:'Droid Arabic Kufi';
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')}
/*
Wants To Edit? Purchase The License Version, This Is Free Version Of Metrofy, Full stylesheets and scripts will comes with licensed version, purchase on metrofy design grafico
*/
.widget_recent_posts ul li .post-title,
.widget_popular_posts ul li .post-title {
color:#3C0B3A;
font-size:15px;
margin-bottom:5px}
.widget_recent_posts ul li .post-title:hover,
.widget_popular_posts ul li .post-title:hover,
.content .link-arrow:hover {
color:#E90EA4}
.widget_recent_posts .date,
.widget_popular_posts .date {
color:#3C0B3A;
padding-top:3px;
font-size:12px;
line-height:12px}
.extras {
font-size:13px;
line-height:1.4em;
padding-top:5px;
padding-bottom:7px}
.content .link-arrow {
clear:both;
padding-right:15px;
color:#8e8071;
text-transform:uppercase;
font-size:12px;
font-weight:bold}
.separator {
margin:0 5px;
color:#F908A9}
/* widget_recent_entries */
.content .widget_recent_entries {
width:250px}
.widget-container.widget_recent_entries ul,
.widget-container.widget_recent_comments ul {
padding:0 35px;}
.widget-container.widget_recent_entries li,
.widget-container.widget_recent_comments li {
clear:both;
margin:0;
padding:17px 0;
color:#8e8071;}
.widget_recent_entries li {
min-height:60px;
border-style: solid !important;}
.widget_recent_entries .post-title a {
color:#8e8071;}
.widget_recent_entries .post-title a:hover {
color:#199264}
.widget_recent_entries li .thumbnail,
.widget_recent_comments li .thumbnail {
width:70px;
height:65px !important;
float:left;
margin-right:15px}
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li{
border-top:1px solid #e1e0e0;
border-bottom:1px solid #fff;}
.sidebar .widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments li:first-child{
border-top:0}
.f-col .widget_recent_entries .post-meta {
padding-top:5px;
clear:both}
.widget_recent_entries .post-date {
font-style:italic;
color:#fff;
opacity: 0.85;
position: relative;}
.f-col .widget-container.widget_recent_entries ul,
.f-col .widget-container.widget_recent_comments ul {
padding:0;}
.f-col .widget_recent_entries li,
.f-col .widget_recent_comments li {
line-height:1.3em;
padding:10px !important;
font-size:13px;
border-top:1px solid #847667;}
.f-col .widget_recent_comments .recent_comment {
color:#fff;
opacity:0.8;
}
.f-col .widget_recent_entries li:first-child,
.f-col .widget_recent_comments li:first-child{
border:0
}
.f-col li .thumbnail,
.f-col li .thumbnail {
opacity: 1 !important;
width:35px;
height:35px !important;
margin:3px 10px 0 0}
/* widget_recent_comments */
.sidebar .widget-container.widget_recent_comments a {
color:#e86741}
.sidebar .widget-container.widget_recent_comments li {
line-height:1.5em !important}
/* widget tag cloud */
.widget_tag_cloud .tagcloud {
line-height:1.5em;
padding:10px 35px;}
.widget_tag_cloud .tagcloud a {
background:transparent url(images/tag.png) no-repeat left -33px;
color:#64584c;
font-size:12px !important;
text-decoration:none;
height: 28px;
line-height: 28px;
text-align:center;
white-space:nowrap;
border:none;
margin:5px 3px;
padding:0 0 0 22px;
display: inline-block;}
.widget_tag_cloud .tagcloud a:hover {
color:#e0613c;}
.widget_tag_cloud .tagcloud a span{
display:block;
background:transparent url(images/tag.png) no-repeat right -1px;
padding:0 15px 0 3px}
.f-col .widget_tag_cloud .tagcloud a {
color:#e6e6e6;
margin:3px 2px;
padding:0 11px;
font-size:12px !important;
line-height: 26px;
background:#5bc07c}
.f-col .widget_tag_cloud .tagcloud a:hover {
background:#f2f2f2;
color:#404040}
.f-col .widget_tag_cloud .tagcloud {
padding:0;}
/* Flickr widget */
.flickr{
padding:0}
.flickr-inner {
padding:10px 35px;}
.flickr .flickr_badge_image {
margin:5px 10px 5px 0;
list-style:none;
display:block;
float:left}
.flickr .flickr_badge_image img {
width:66px;
height:66px !important;
display:block;}
.f-col .flickr .flickr_badge_image {
margin:6px 6px 0 0}
.ie8 .f-col .flickr .flickr_badge_image {
width:66px !important;
height:66px !important;}
.f-col .flickr .flickr_badge_image img {
width:66px !important;
height:66px !important;
padding:3px;
background:#8e8071}
.sidebar .flickr .flickr_badge_image{
float:left;
margin:5px}
.sidebar .flickr .flickr_badge_image img {
width:65px;
max-width:none !important;
height:65px}
/* Widget Contact Info */
.sidebar .widget-container.widget_contact {
font-size:13px}
.widget_contact .inner {
padding:10px 35px}
.content .col_1_2 .widget_contact {
width:270px}
.contact-address .name {
font-size:18px;
color:#5c5146;}
.widget_contact .contact-address {
padding:0;
font-size:15px}
.sidebar .widget_contact .contact-address .address {
margin:0 0 20px 0;
color:#8e8071;
font-size:13px
}
.contact-address div {
clear:both;
line-height:1.4em;
padding:1px 0;
font-weight:normal}
.sidebar .contact-address em {
color:#0FFDD5;
display:inline-block;
width:52px;
font-size:15px;
font-style: normal;
font-weight: bolder;
background-repeat: no-repeat}
.sidebar .contact-address div span,
.sidebar .contact-address .mail a {
color:#0FFDD5}
.sidebar .contact-address .mail a:hover {
color:#EB13B5f}
/*Widget Testimonials*/
.testimonials-list {
width:940px;
margin:0 10px;}
.testimonials-list .widget-testimonials:last-child {
margin-bottom:0;}
.widget-testimonials {
position: relative;
margin-bottom:40px;
padding:20px 35px;}
.widget-testimonials .testimonials-img {
float:left;
width:130px;
vertical-align: middle;
margin-right:15px;
padding:0 10px;}
.widget-testimonials.right .testimonials-img {
float:right;
margin-right:0;}
.widget-testimonials.right .testimonials-text {
float:left;}
.widget-testimonials .testimonials-img img {
vertical-align: middle;}
.widget-testimonials .testimonials-text {
position: relative;
background:#fff url(images/icons/quote.png) 0 0 no-repeat;
width:76%;
float:right;
line-height: 1.5em;
font-size: 17px;
font-style: italic;
padding:15px 0 15px 35px;
color:#8e8071;}
.widget-testimonials .testimonials-text span {
color:#bfbbb6;}
/* Login Form widget */
.sidebar .widget_login .loginform,
.content .widget_login .loginform
{
width: 100%;
float:left;
display:table-row; }
.f-col .newsletterBox,
.f-col .widget_search,
.f-col .widget_login {
width:220px !important}
.f-col .newsletterBox form,
.f-col .widget_search form ,
.f-col .widget_login form {
padding:15px;
border:1px solid #e6e6e6;
background:#fff;
box-shadow:0 0 6px rgba(0,0,0,.7)}
.widget_login .input {
width:100%;
font-size:13px;
height:41px;
line-height: 41px;
padding:7px 10px;
*padding:0;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;}
.widget_login .btn {height:42px;}
.f-col .widget_login input {
width:164px}
.widget_login p {
margin:0 0 20px 0 !important}
.widget_login .forgetmenot {
line-height:1.2em;
float:left;
display:block;
font-size:13px;
margin-bottom:20px;}
.widget_login .forgetmenot input {
margin:0 3px 0 0;
float:left;
border:none ;
width:auto !important;
padding:0 !important}
.widget_login .submit {
margin:0 !important;
clear:both;
display:block}
.widget_login label {
color:#5c5146;
font-size:17px;
display: block;
margin-bottom:10px;}
.widget_login .btn-submit {
margin:0;
width:140px !important}
.widget_login .forget_password {
display: inline;
float: right;
font-size: 13px;
line-height: 3.5em;}
.ie7 .widget_login .forget_password,
.ie8 .widget_login .forget_password {
width:auto;
padding-left:5px;
padding-top:1px}
.widget_login .input_styled label {
font-size:13px;
margin-right:10px}
.widget_login .forget_password a {
color:#e86741;
font-style:normal;
text-decoration: underline;}
.widget_login .forget_password a:hover {
color:#e67f0d}
/* widget_search */
.widget_search form {
position:relative; }
.widget_search input {
float:left;
margin:0}
.widget_search .inputField {
float: left;
width: 125px;
margin: 1px 8px 5px 0;}
.f-col .widget_search .inputField {
margin: 1px 5px 5px 0;
width:111px}
.content .widget_search,
.content .widget_login,
.content .newsletterBox{
padding:30px;
border-left:3px solid #ebc85e;
margin-bottom:35px
}
.content .widget_search h3,
.content .widget_login h3,
.content .newsletterBox h3 {
margin-top:0}
.content .newsletterBox label {
margin-bottom: 5px;
display: block}
.content .widget_search .btn,
.content .widget_login .btn,
.content .newsletterBox .btn {
margin:0
}
.f-col .newsletterBox .inputField,
.f-col .widget_search .inputField{
width:111px;
}
/*=================================================*/
/* 6. POSTS */
/*===================================================*/
/*-----------------------------------*/
/* Blog post list */
/*-----------------------------------*/
.link-more {
text-transform: uppercase;
font-weight:bolder;
color:#e86741;
font-size:16px;}
article.post-detail {
margin-bottom:55px;}
.post-item,
.about-item {
position:relative;
margin-bottom: 40px;
background:#fff;
padding:0;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);}
.about-item {
margin-bottom:30px;
}
.post-item .post-image img,
.about-item .about-image img{
width:100%;
display:block;}
.post-item .post-image,
.about-item .about-image {
margin-bottom:35px;}
.post-item .post-title,
.about-item .about-title {
margin:0 40px 10px 40px;
letter-spacing: -1px;}
.post-item .post-desc {
margin:0 40px 10px ;
font-size:13px;
line-height: 1.4em;}
.about-item .about-desc {
margin:0 40px 25px ;
font-size:13px;
line-height: 1.4em;}
.post-item .post-desc p,
.about-item .about-desc p {
margin-bottom:25px;
color:#8e8071;}
.post-item .post-title h2,
.about-item .about-title h2 {
margin:0;
color:#5c5146;}
.post-item .post-title h2 a,
.about-item .about-title h2 a{
color:#5c5146;}
.post-item .post-title h2 a:hover,
.about-item .about-title h2 a:hover {
color:#e86741;}
.post-item .post-meta-bot {
background:#f6f1ed;}
.post-item .post-meta ,
.post-meta a{
float:right;
text-transform: uppercase;
color:#8e8071;
font-weight:bold;
background:#f6f1ed;
text-align:center !important;
padding:12px 0;
height:24px;
font-size:15px;}
.entry .post-date,
.content .post-date{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zwamY16f1EavzdBeOelCQeeF8ms3jwiUj6JPkqtdq9VtumaUhnLqw4iB3BnGUMi7Uw00wULC2uDSNsEXkC3tG6rEN68FEVxr-xb6o0kTGNO7gkAVCIJJJsEh1u3-uu9ofM0Dki131bE/h120/ribbon-date.png) no-repeat;
position: absolute;
text-align:center;
padding-top:15px;
overflow:hidden;
width:56px;
height:64px;
top:-3px;
right:25px;}
.post-date span {
color:#fff;
font-size:11px;
line-height: 1em;
display:block;
font-weight:bolder;
text-transform: uppercase;
}
.post-date span.date {
color:#c2f3de;
font-size:16px;
margin-bottom: 6px;
}
.post-item .post-meta a {
padding:0 !important;
margin-right:25px;}
.post-item .post-meta a:hover {
color:#e86741;}
.post-meta-bot .post-meta:last-child {
border:0;}
.post-meta-bot .post-meta.post-view,
.post-meta-bot .post-meta.post-comm {
width: 123px;
border-left:1px solid #fff;
float:right;}
.post-meta-bot .post-meta.post-author {
width: 167px;
border-left: 1px solid rgb(255, 255, 255);
float: right;
padding-left: 7px;
}
.post-meta-bot .post-meta.post-read {
width:180px;}
/*-----------------------------------*/
/* Pagination and Navigation */
/*-----------------------------------*/
/* posts navigation */
.tf_pagination {
position:relative;
clear:both;
text-align:center;
font-size:15px;
font-weight: bolder;}
.tf_pagination .page-numbers {
margin-right:-2px;
background: #fff;
line-height: 41px;
padding:11px 16px 10px;
color:#9f9183;
display:inline;
box-shadow:0 0 6px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 6px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 6px rgba(171,139,110,.38);
-moz-box-shadow:0 0 6px rgba(171,139,110,.38);
-ms-box-shadow:0 0 6px rgba(171,139,110,.38);}
.tf_pagination .page-numbers:hover,
.tf_pagination .current {
color:#fff;
background:#e86741;}
.tf_pagination .page_prev,
.tf_pagination .page_next {
display:inline;
width:41px;
height:41px;
line-height: 41px;
padding:11px 16px 10px;
line-height: 41px;
overflow:hidden;
background:#9f9183;
box-shadow:0 0 6px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 6px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 6px rgba(171,139,110,.38);
-moz-box-shadow:0 0 6px rgba(171,139,110,.38);
-ms-box-shadow:0 0 6px rgba(171,139,110,.38);}
.tf_pagination .page_prev span,
.tf_pagination .page_next span {
background: transparent url(images/arrows.png) no-repeat 0 center;
padding:0 4px ;}
.tf_pagination .page_next span {
background-position: -10px center}
.tf_pagination .page_prev {
right:auto;
left:20%}
.tf_pagination .page_prev:hover,
.tf_pagination .page_next:hover {
background:#8e8071;}
/*-----------------------------------*/
/* Author/Team description */
/*-----------------------------------*/
.author-box {
clear:both;
padding:0 35px;
background:#fff;}
.author-description {
padding:30px 0;
border-top:2px solid #eeecea;}
.author-image {
float: right;
width: 100px;
height: 100px;
margin-left: 20px;
}
.author-image img {
width: 100px;
height: 100px;
}
.author-text {
float:left;
width: 420px;
color:#8e8071;
font-size:13px;
line-height:1.5em}
.author-text p {
margin-bottom:10px}
.author-text h4,
.entry .author-text h4 {
color:#514840;
font-family:Droid Arabic Kufi, 'Open Sans', sans-serif;
font-size:24px;
margin:0 0 10px 0!important;}
.author-contact {
color:#009551;
height:25px;
font-size:12px;
font-weight:bold}
.author-contact label {
line-height:25px}
.author-contact a {
display:inline-block;
width:25px;
height:25px;
overflow:hidden;
text-indent:-1000px;
margin:0 1px}
.author-contact label {
display:inline-block;
float:left;
margin-right:10px}
.ie7 .btn-submit, .ie7 .btn-arrow,
.ie7 .comment-form .btn-submit {
filter:chroma(color=#000000);
border:none;
width:140px;
text-align:center;}
.link-reset {
color:#e86741;
font-size:12px;
text-shadow:0 1px 1px #fff;
font-weight:500;
text-transform:uppercase;
position:absolute;
top:21px;
right:45px}
.link-reset:hover {
color:#ff8a00}
/*-----------------------------------*/
/* Gallery list / Portfolio */
/*-----------------------------------*/
.gallery-list {
position:relative}
/* two columns */
.gl_col_2 .gallery-item,
.gl_col_3 .gallery-item,
.gl_col_4 .gallery-item{
float:left;
margin:0 10px 20px 10px;
width:460px;
height:300px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.gallery-image img{
display: block}
/* three columns */
.gl_col_3 .gallery-item,
.gl_col_3 .gallery-item img {
width:300px;
height:300px;}
/* four columns */
.gl_col_4 .gallery-item,
.gl_col_4 .gallery-item img {
width:220px;
height: 205px}
/*-----------------------------------*/
/* non-semantic helper classes */
/*-----------------------------------*/
/*-----------------------------------*/
/* ICONS */
/*-----------------------------------*/
.view-ico {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -1px;;
width: 25px;
height: 18px;
top:-1px;
}
.comment-ico {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png") repeat scroll -1px -23px transparent;
width: 22px;
height: 20px;
top: 3px;
float: right;
margin-right: 29px;
margin-left: -10px;
}
.post-detail h3 {
margin:25px 0 20px}
.post-detail h4 {
margin:20px 0 10px}
.post-detail h5 {
margin:20px 0 10px}
.post-detail h6 {
margin:20px 0 10px}
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ins { background-color:#ff9; color:#000; text-decoration:none}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del { text-decoration: line-through}
dfn { font-style: italic; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
.text-red {
color:#ff8a00}
.text-blue {
color:#168dc5}
.text-gray {
color:#808080}
.text-green {
color:#009551}
.sidebar mark {
background:#ffffff;
color:#ff8a00 !important;
display:block;
padding:5px;
font-weight:normal;
font-size:110%}
/* Blockquotes
===================================*/
blockquote cite { display: block; font-size: 14px; color: #ff7200; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { text-decoration:underline; }
hr { border: solid #d4d4d4; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0}
/* Links
===================================*/
a { color: #e86741; text-decoration: none; outline:none; }
/* Lists
===================================*/
ul { list-style: none outside; }
ol { list-style: decimal; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol {
list-style: none none;
margin: 0; padding: 0; }
/* Tables
===================================*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* Forms
===================================*/
fieldset{
padding:20px;
border:1px solid #c9c9c9}
form {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#111}
form .row {
padding:5px 0}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="reset"],
select,
textarea {
resize:none;
font-family: 'Open Sans', sans-serif;
background:#fff;
font-size:13px;
border:1px solid #e5d4c2;
padding:8px 10px;
color:#999;}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height:24px;
line-height:24px}
textarea{
width:90%;
overflow:auto;
resize: vertical}
input, textarea, input[type="submit"]:focus, div{
outline:0;
outline: none;
}
#center {
padding: 0px 20px 20px 20px;
}
input[type="radio"],input[type="checkbox"]{
margin-right:10px; margin-left:10px}
button::-moz-focus-inner {
border: 0;
padding: 0}
input[type="reset"],
input[type="submit"],
input[type="button"],
button{
color:#424242;
margin:10px 0;
padding:0;
outline: none !important;
height:32px;
line-height: 30px;
text-align:right;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus{
cursor:pointer}
button[disabled], input[disabled] {cursor: default}
/* Custom checkboxes, radios
===================================*/
/* wrapper divs */
.custom-checkbox,.custom-radio { position:relative; font-size:13px}
/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:7px; top:8px; margin:0; border:none; width:1px; height:1px}
.custom-checkbox input {left:6px; top:7px}
.ie7 .custom-checkbox input {left:2px; top:12px}
.custom-checkbox label,.custom-radio label { display:block; position:relative; line-height:1; padding:.4em 0 .4em 30px; margin:0 0 .3em; cursor:pointer; color:#5c5146}
.custom-radio label {padding:.4em 0 .5em 30px}
/* states */
.custom-checkbox label { background:#fff url(images/styled_checkbox.png) no-repeat; }
.custom-radio label { background:#fff url(images/styled_radiobutton.png) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -10px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -10px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -110px; color:#5c5146 }
.custom-checkbox label.checked.hover,.custom-checkbox label.checkedFocus { background-position:-10px -110px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:0; }
.entry-content {
margin: 1.5em 20px;
}
/* Preloader
===================================*/
.preloader {
background:url(images/loading.gif) center center no-repeat;
display:block}
/* Images
===================================*/
img.alignleft {
margin:5px 20px 5px 0 !important}
img.alignright {
margin:5px 0 5px 20px !important}
.entry .col_1_2 img.alignleft {
margin:3px 15px 3px 0 !important}
.entry .col_1_2 img.alignright {
margin:3px 0 3px 15px !important}
.entry .col_1_3 img.alignleft {
margin:2px 10px 2px 0 !important}
.entry .col_1_3 img.alignright {
margin:2px 0 2px 10px !important}
span.preload.alignleft {
float:left;
display: inline-block;
margin:5px 20px 5px 0 !important}
span.preload.alignright {
float:right;
display: inline-block;
margin:5px 0 5px 20px !important}
span.preload.aligncentert {
float:right;
display: inline-block;
margin:5px auto}
.video_frame, .wp-caption{
padding:0;
margin:0}
.wp-caption, .image_frame {
display:inline-block;
padding:6px;
background:#fff;
border-bottom:1px solid #bbbbbb;
text-align:center;
max-width:100%}
p.wp-caption-text, .frame_caption, .image_frame figcaption {
text-align:center;
display:block;
padding:10px 0;
font-size:15px;
margin:0 !important}
.entry .image_frame a {
color:#595959}
.image_frame a:hover {
color:#ff8a00}
/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
.btn, .entry .btn {
display:inline-block;
text-decoration:none;
text-align:center;
color:#fff;
font-size:14px;
font-family:Droid Arabic Kufi,'Open Sans',sans-serif;
font-weight:400;
padding: 10px 25px;
border-radius: 5px;
line-height: 20px;
margin: 5px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
white-space:nowrap;}
input.btn {
width:auto !important;
display:inline-block;
padding:0 23px;
*padding: 0 11px;
text-align:center;
height:43px;
cursor:pointer;
font-size:15px;
font-family: 'Open Sans' , sans-serif;
font-weight: 400;
color:#fff;
margin:0 !important;}
div.btn {cursor:pointer;}
.btn.btn-small {
padding:3px 28px;
}
.btn.btn-large {
padding:7px 38px;
}
.btn-red,
.btn-default,
input.btn-default
{
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #ca4e2a;}
.btn-hover,
.btn-default:hover {
background: #ee8765;
background: -moz-linear-gradient(top, #ee8765 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee8765), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: -o-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: -ms-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: linear-gradient(to bottom, #ee8765 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8765', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #f4ad91 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #ca4e2a;}
.btn-pressed ,
.btn-default:active,
.btn-default input:active {
background: #e45835;
background: -moz-linear-gradient(top, #e45835 0%, #e96a46 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45835), color-stop(100%,#e96a46));
background: -webkit-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: -o-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: -ms-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: linear-gradient(to bottom, #e45835 0%,#e96a46 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45835', endColorstr='#e96a46',GradientType=0 );
border:1px solid #ca4e2a;
box-shadow: inset 0 1px 0 #d54628}
.btn-blue {
background: #6797b4;
background: -moz-linear-gradient(top, #6797b4 0%, #5586a7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6797b4), color-stop(100%,#5586a7));
background: -webkit-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: -o-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: -ms-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: linear-gradient(to bottom, #6797b4 0%,#5586a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6797b4', endColorstr='#5586a7',GradientType=0 );
box-shadow: inset 0 1px 0 #93bace , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #48718a;}
.btn-yellow {
background: #eed177;
background: -moz-linear-gradient(top, #eed177 0%, #eac764 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eed177), color-stop(100%,#eac764));
background: -webkit-linear-gradient(top, #eed177 0%,#eac764 100%);
background: -o-linear-gradient(top, #eed177 0%,#eac764 100%);
background: -ms-linear-gradient(top, #eed177 0%,#eac764 100%);
background: linear-gradient(to bottom, #eed177 0%,#eac764 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed177', endColorstr='#eac764',GradientType=0 );
box-shadow: inset 0 1px 0 #f4e1a0 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #c9af60;}
.btn-gray {
background: #b4b4b4;
background: -moz-linear-gradient(top, #b4b4b4 0%, #a7a7a7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#a7a7a7));
background: -webkit-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: -o-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: -ms-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: linear-gradient(to bottom, #b4b4b4 0%,#a7a7a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#a7a7a7',GradientType=0 );
box-shadow: inset 0 1px 0 #cecece , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #919191;}
.btn-green {
background: #6ec78b;
background: -moz-linear-gradient(top, #6ec78b 0%, #5cbc79 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ec78b), color-stop(100%,#5cbc79));
background: -webkit-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: -o-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: -ms-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: linear-gradient(to bottom, #6ec78b 0%,#5cbc79 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ec78b', endColorstr='#5cbc79',GradientType=0 );
box-shadow: inset 0 1px 0 #99dab0 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #529969;}
.btn-brown {
background: #95887a;
background: -moz-linear-gradient(top, #95887a 0%, #847667 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95887a), color-stop(100%,#847667));
background: -webkit-linear-gradient(top, #95887a 0%,#847667 100%);
background: -o-linear-gradient(top, #95887a 0%,#847667 100%);
background: -ms-linear-gradient(top, #95887a 0%,#847667 100%);
background: linear-gradient(to bottom, #95887a 0%,#847667 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95887a', endColorstr='#847667',GradientType=0 );
box-shadow: inset 0 1px 0 #b8ada2 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #726a62;}
/*-----------------------------------*/
/* Columns Styles */
/*-----------------------------------*/
.container {
margin-left: auto;
margin-right: auto;
width: 960px;
position:relative}
/* = Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {margin-left:0 !important}
.omega {margin-right:0 !important}
/* Shortcode Columns (Max: 4 Cols, 10px left/right margin) */
.col {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px}
.cols2 .content .col {
margin:0;}
.cols2 .content .row .col {
margin:0 10px;}
/* Columns, Full width page, Content: 960px
-------------------------------------------------- */
.col_1 {width:940px}
.col_1_2 {width:460px}
.col_1_3 {width:300px}
.col_2_3 {width:620px}
.col_1_4 {width:220px}
.col_3_4 {width:700px}
/* Columns inside ROW */
.row .col_1 {width:960px}
.row .col_1_2 {width:470px}
.row .col_1_3 {width:306px}
.row .col_2_3 {width:634px}
.row .col_1_4 {width:225px}
.row .col_3_4 {width:715px}
/* Columns, Page with Sidebar, Content: 620px
--------------------------------------------------*/
.cols2 .content .col_1 {width:620px}
.cols2 .content .col_1_2 {width:300px}
.cols2 .content .col_1_3 {width:193px}
.cols2 .content .col_2_3 {width:407px}
.cols2 .content .col_1_4 {width:140px}
.cols2 .content .col_3_4 {width:460px}
/* Columns inside ROW */
.cols2 .content .row .col_1 {width:620px}
.cols2 .content .row .col_1_2 {width:300px}
.cols2 .content .row .col_1_3 {width:193px}
.cols2 .content .row .col_2_3 {width:407px}
.cols2 .content .row .col_1_4 {width:140px}
.cols2 .content .row .col_3_4 {width:460px}
.row .alpha, .col.alpha {
margin-left:0}
.row .omega, .col.omega {
margin-right:0}
/* Row inside content-box*/
.cols2 .content .content_box .row .col_1 {width:550px}
.cols2 .content .content_box .row .col_1_2 {width:265px}
.cols2 .content .content_box .row .col_1_3 {width:170px}
.cols2 .content .content_box .row .col_2_3 {width:360px}
.cols2 .content .content_box .row .col_1_4 {width:122px}
.cols2 .content .content_box .row .col_3_4 {width:408px}
/* Row inside content-box full-width*/
.full_width .content .content_box .row .col_1 {width:890px}
.full_width .content .content_box .row .col_1_2 {width:435px}
.full_width .content .content_box .row .col_1_3 {width:283px}
.full_width .content .content_box .row .col_2_3 {width:587px}
.full_width .content .content_box .row .col_1_4 {width:207px}
.full_width .content .content_box .row .col_3_4 {width:663px}
.full_width .content .content_box .row .col_1_5 {width:162px}
.full_width .content .content_box .row .col_4_5 {width:708px}
/*-----------------------------------*/
/* Box styles */
/*-----------------------------------*/
.box .inner {
padding:15px}
.box_white {
background:#fff}
.box_light_gray {
background:#f5f5f5}
.box_gray {
background:#eff1f0;
border:2px solid #e4e4e4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
.ie7 .box_gray {
border:none}
.box_light_green {
background:#ddf5bf !important;}
.box_light_yellow {
background:#fcf896 !important;}
.box_light_blue {
background:#2bb4dc !important;}
.box_light_pink {
background:#f9daf0 !important;}
.box_light_red {
background:#ffc4c4 !important;}
.box_red {
background:#e55e3a !important;}
.box_yellow {
background:#ebc85e !important;}
.box_violet {
background:#755782 !important;}
.box_blue {
background:#2bb4dc !important;}
.box_green {
background:#4daf7b !important;}
.box_dark_brown {
background:#5c5146 !important;}
.content_box {
background: #fff;
padding:35px;
margin-bottom:35px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.content_box h2 {
color:#5c5146;}
.content_box p {
color:#8e8071;
font-size:13px;}
.content_box h2:first-child ,
.content_box h3:first-child {
margin-top:0;}
/*-----------------------------------*/
/* Borders & Dividers */
/*-----------------------------------*/
.border {
border:1px solid #ebebeb}
.divider_space, .divider_space_thin,
.divider, .divider_thin {
clear:both;
display:block;
margin-bottom:40px;
padding-top:40px;
width:100%}
.divider_space_thin {
margin-top:10px;
margin-bottom:10px}
.divider_thin {
margin-bottom:15px;
padding-top:15px;}
.divider{}
/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/
/*-----------------------------------*/
/* Header Top */
/*-----------------------------------*/
.header_top {
width:100%;
height:65px;
background:#fff;
position:relative;
z-index:2;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.header_top .container {
width:940px;
padding:0 }
.logo {
padding:20px 0 0 ;
float:right;
position:relative;
z-index:1000;}
.logo h2,
.logo a{
font-family: Droid Arabic Kufi , "Open Sans" , sans-serif;
font-size:22px;
color:#907354;
margin:0;
line-height: inherit;}
.logo span {
color:#b09578;}
.logo a ,
.logo img {
display: block;
}
.header-header header_thinbottom,
.middle-bottom {
background:#fff !important;
box-shadow:0 0 12px rgba(171,139,110,.38) !important;
height: 110px !important;
margin-top: -18px !important;
z-index: 100;
}
.header-bottom .header-title,
.header .header-title,
.header-bottom .shortcode-title{
text-align:center;
width:940px;
margin:0 auto;
padding:35px 0 39px;}
.header-bottom .shortcode-title h2 {
margin:0;
font-weight: bold
}
.filter_menu{
margin-top: 0px !important;
margin-bottom: 0px !important;float: right;
}
.header-bottom {
background:#fff !important;
box-shadow:0 0 12px rgba(171,139,110,.38) !important;
position: relative;
margin-top: -1px !important;
}
.header-bottom .shortcode-title h2 span{
font-size:23px;
font-weight: 600;
}
.header .header-title{
padding:0;}
.header_big .header-title {
margin-bottom:70px;}
.header-bottom .header-title h1 ,
.header-title h5 {
margin:0;
color:#907354;}
.logo h11 {
color: #ad9077;
font-size: 22px;
}
{
color: #ad9077;
font-size: 22px;
}
h11.title a:hover {
color: #4D4137;
}
.descriptionwrapper {
margin-top: -3px;
}
.logo span {
font-size: 12px;
}
.header .header-title h1 ,
.header .header-title h5{
margin:0;
color:#fff;}
.header-bottom .header-title h1,
.header .header-title h1 {
font-size:35px;
font-style: italic;
margin-bottom:5px;}
.header .header-title h1,
.header .header-title h5 {
text-shadow:0 1px 3px rgba(0,0,0,.3)}
.header-bottom .header-title h5,
.header .header-title h5 {
font-style:italic;
font-weight:300;
font-size:24px;
letter-spacing: -1px;}
.header-categories {
padding:45px 0 35px;}
/*-----------------------------------*/
/* Topmenu */
/*-----------------------------------*/
/* topmenu Dropdown */
#topmenu {
min-height:38px;
margin:0;
float:left;
position:relative;}
.dropdown {
font-family: Droid Arabic Kufi,'Open Sans',sans-serif;
text-transform:uppercase;
font-size:16px;
font-weight:600;
position: relative;
margin:0;
padding:0;}
.dropdown > li {
display: block;
float:right;
position: relative;
border-right: 1px solid #f6f0ec;
border-top:3px solid transparent;
height:62px;
line-height: 62px;}
.dropdown > li:hover,
.dropdown > li.current-menu-item {
background-color:#f8f3f0;
border-top:3px solid #4daf7b;
height:62px;
line-height: 62px;}
.dropdown li a{
display: block;
color:#8e8071;
padding:0 25px;}
.dropdown li:last-child {
border-right:0;}
.dropdown li ul ,
.dropdown li ul ul{
display:none;}
.vidimg_slider .prev:hover{
left:-12px}
.vidimg_slider .next,
.img_slider .next{
right:-25px;
background-position:-30px 0}
.vidimg_slider .next:hover,
.img_slider .next:hover {
right:-27px}
.vidimg_slider .slider_btn {
left:334px}
/*-----------------------------------*/
/* Middle content */
/*-----------------------------------*/
/* Layout: Full Width, Sidebar Left, Sidebar Right
===================================*/
#middle {
clear:both;
position:relative;
z-index:1;
min-height:1px}
#middle.full_width .middle_row .container {
padding:0}
/* default: sidebar right */
#middle .content {
width:620px;
float:right;
min-height:100px;
margin:0 10px}
#middle .sidebar {
width:300px;
float:left;
}
/* sidebar left */
#middle.sidebar_left .content {
width:620px;
float:right;
margin:0 10px}
#middle.sidebar_left .sidebar {
width:300px;
float:left;
margin:0 10px}
#middle.full_width .content,
#middle.full_width .post-detail,
#middle.full_width2 .content,
#middle.full_width2 .post-detail {
width:960px;
float:none;
margin:0}
#middle.full_width .content {
padding:60px 0 90px}
#middle.full_width2 .content,
#middle.cols2 .content,
#middle.cols2 .sidebar {
padding:60px 0;}
/*-----------------------------------*/
/* Footer Widgetarea and Social */
/*-----------------------------------*/
/* footer social */
.footer_social {
text-align:center;
margin-bottom:15px;}
.footer_social a {
display:inline-block;
width: 40px;
height: 40px;
overflow:hidden;
background: transparent url(http://googledrive.com/host/0B-UFNCskEl7QTm5xLXhQOU9mc3M) 0 0 no-repeat;
margin:0 4px}
.footer_social a span {
display:block;
text-indent:-400px}
.footer_social .social-fb {background-position: -5px -3px;}
.footer_social .social-pinterest {background-position: -5px -99px;}
.footer_social .social-twitter {background-position: -5px -51px;}
/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/
footer {
background-color:#5c5146;}
footer .container {
padding:60px 0 35px;
color:#747e82}
.f-col {
width:220px;
float:left;
margin:0 0 0 20px}
.f-col ul {
margin:0;
padding:0}
.footer_widgetarea .f-col:first-child {
margin-left:0}
footer .widget-container li a {
color:#fff;
opacity: 0.8;
font-size:13px;}
footer .widget-container li a:hover {
opacity: 0.85;}
.f-col .widget-container {
color:#747e82;
line-height:1.4em;
padding:50px 0 0 0}
.f-col form label {
color:#5c5146;
margin-bottom:5px;
font-size:15px;
display: block;
}
.f-col .widget-container:first-child,
.f-col .widget-container.first {
padding-top:0}
.f-col .widget-container a {
color:#d6dee1}
.f-col .widget-container a:hover {
color:#e86741;}
.f-col .widget-container li,
.f-col .widget-container .tweet_item {
margin-bottom:5px;
}
.f-col .widget-container .tweet_item {
border-top:1px solid #847667;}
.f-col .widget-container .tweet_item:first-child {
border-top:0;
}
.f-col .widget-container li.last,
.f-col .widget-container .last.tweet_item {
background:none}
.f-col .widget-container .tweet_item .tweet_text {
color:#d6dee1;
font-size:13px}
.tweet_time {
display:block;
color:#fff;
text-align: right;
opacity: 0.5;
padding:5px 0 0 0}
.f-col .widget-container .tweet_item .tweet_text a {
color:#e8890f}
.f-col .widget-container .post-meta {
text-align:right;
padding:3px 0 0 0;
font-size:13px}
.f-col .widget-container .post-meta a {
font-size:13px;
color:#747e82 !important}
.copyright {
text-align: center;
display: block;
font-size: 14px;
color: #fff;
font-style: italic;}
.copyright a {
color:#fff}
.copyright a:hover {
color:#e8890f}
/*===================================================*/
/* 3. EXTENDED TYPOGRAPHY and SHORTCODES
/*===================================================*/
/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
.question {
padding: 35px 0;
margin: 0 10px;}
.question h2 {
margin:0;
float:right;
font-style:italic;
color:#e86741;
font-size:32px;
line-height: 1.4em;
letter-spacing: -1px}
/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
margin:0;
display:inline-block;
position:relative;
padding: 7px;
background-color: #fff;
border-top: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);}
.frame_box {
display:inline-block;
margin-bottom:15px;
max-width:100%}
.frame_box img {
width:auto;
max-width:100%;
height:auto}
.frame_left {
float:left;
display:block;
margin:5px 20px 5px 0}
.col_1_2 .frame_left {
margin:5px 20px 5px 0}
.frame_right {
float:right;
display:block;
margin:5px 0 5px 20px}
.frame_center {
display:block;
margin:0 auto 15px auto;
text-align:center; }
.frame_left img, .frame_right img, .frame_center img {
position: relative;
display: block;
}
/* quote left/right */
.quote_right, .quote_left, .quote_center, blockquote {
float:right;
font-size:15px;
font-style:italic;
color:#8e8071;
width:37%;
padding:3px 0 3px 30px;
line-height:1.5em;
font-weight:600}
.quote_left {
float:left;
padding:3px 30px 3px 0}
.quote_center, blockquote {
float:none;
display:block;
width:100%;
margin:20px auto;
padding:0}
.frame_quote {
background:#ebebeb;
margin:5px 0 20px;
border:1px solid #e6e6e6;
padding:15px 20px;
border-radius:3px;
-webkit-border-radius:3px}
.frame_quote blockquote {
margin:0;
line-height:1.5em}
.frame_quote blockquote .inner {
padding:2px 15px;
font-size:15px;
font-weight:normal}
.frame_quote blockquote p {
color:#ff8a00;
font-style:italic;
font-weight:normal}
.code {
background:#fff;
width:100%}
/* Toggle Contents */
.toggle, h3.toggle {
cursor:pointer;
margin:20px 0 10px 0;
padding:0}
.toggle .ico {
width:11px;
height:11px;
font-size:10px;
display:inline-block;
margin-left:5px}
.toggle.box .ico {
width:18px;
height:19px;
position:absolute;
top:9px;
right:10px}
.toggle.active .ico {}
.toggle.box .ico {}
.toggle.box.active .ico {}
.toggle_content {
line-height:1.6em;
padding-right:2px;
font-size:13px;
margin-bottom:35px !important;}
.toggle_content p, .entry .toggle_content p {
margin:0 0 10px 0}
.toggle_content .faq_question {
margin:5px 0 15px 0}
.toggle_content .faq_list {
margin:10px 0 0 0}
.toggle.box,
h3.toggle.box {
width:auto;
padding:20px 30px;
font-size:19px;
color:#5c5146;
font-family: 'Open Sans', sans-serif;
text-shadow:0 1px 1px #fff;
background:#fff;
position:relative;
margin:20px 0 0 0 !important;
display:block;
box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);}
.toggle.box.active {
background:#fff;
box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
border-bottom:1px solid #cdcdcd}
.boxed {
background:#fff;
margin:0;
padding:20px 30px;
box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);}
.toggle_content .syntaxhighlighter {
margin:0}
/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
.styled_table table,
.sb {
border-collapse: collapse;
margin:10px 0 20px;
text-shadow:none;
color:#404040}
.styled_table table {
width:100%;
border-collapse:separate;
padding-bottom:1px}
.styled_table table,
.sb {
border: 1px solid #e86741}
.styled_table.shadow table,
.sb_shadow {
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.styled_table table tr th,
.sb .box_title {
background:#e86741;
color:#fff;
font-size:16px;
font-weight:normal}
.styled_table table tr th,
.styled_table table tr td {
border-top:1px solid #d0d0d0;
padding:10px 15px;
text-align:right}
.styled_table table tbody td {
background:#e6e6e6;
padding:8px 15px;
font-size:13px;
font-weight:500}
.styled_table table tbody tr.odd td {
background:#f8f8f8}
.styled_table table tr:first-child th{
border-top: 0}
.table_yellow table,
.sb_yellow {
border:1px solid #ffd012}
.table_yellow table tr th,
.sb_yellow .box_title {
background:#ffd012;
color:#363636}
.table_blue table,
.sb_blue {
border:1px solid #2bb4dc}
.table_blue table tr th,
.sb_blue .box_title {
background:#2bb4dc;
color:#fff}
.table_green table,
.sb_green {
border:1px solid #4daf7c}
.table_green table tr th,
.sb_green .box_title {
background:#4daf7c;
color:#fff}
.table_dark table,
.sb_dark {
border:1px solid #363636}
.table_dark table tr td {
border-top:1px solid #d3d3d3}
.table_dark table tr th,
.sb_dark .box_title {
background:#363636;
color:#fff}
.table_orange table,
.sb_orange {
border:1px solid #fa9727}
.table_orange table tr th,
.sb_orange .box_title {
background:#fa9727;
color:#fff}
.table_pink table,
.sb_pink {
border:1px solid #f389c2}
.table_pink table tr th,
.sb_pink .box_title {
background:#f389c2;
color:#842658}
.table_purple table,
.sb_purple {
border:1px solid #755782}
.table_purple table tr th,
.sb_purple .box_title {
background:#755782;
color:#fff}
.table_red table,
.sb_red {
border:1px solid #bd4343}
.table_red table tr th,
.sb_red .box_title {
background:#bd4343;
color:#fff}
/* Styled Boxes */
.sb .box_title {
padding:10px 15px}
.sb.notitle .box_title {
display:none}
.sb .box_content {
padding:15px;
background:#fff;
color:#595959;
margin:1px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px}
/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
.highlight_yellow {
background:#fcf896;
color:#404040}
.highlight_brown {
background:#6b4119;
color:#fff}
.highlight_blue {
background:#2bb4dc;
color:#fff}
.highlight_black {
background:#535054;
color:#fff}
.highlight_purple {
background:#aa66c8;
color:#fff}
/*-----------------------------------*/
/* Custom Lists Styles */
/*-----------------------------------*/
.entry ul {
margin:10px 0 10px 20px;
padding:0}
.entry ul li {
margin-bottom:10px}
.list_check ul,
.list_delete ul,
.list_dots ul,
.list_square ul{
margin:0 0 20px 0}
.list_check li,
.list_delete li,
.list_dots li {
list-style:none;
margin:0 0 10px 0;
line-height:23px;
padding:0 0 0 20px}
.list_check li {
background:url(images/icons/icon_check2.png) 0 center no-repeat}
.list_delete li {
background:url(images/icons/icon_x2.png) 0 center no-repeat}
.list_dots li,
.list_square li {
list-style:disc;
padding:0;
margin:0 0 20px 25px}
.list_square li {
list-style:square}
/*-----------------------------------*/
/* Slideshow Gallery and Text */
/*-----------------------------------*/
.slider {
position:relative;
margin-bottom:10px}
.slider_mini {
width:300px}
.slider_small {
width:430px;}
.slider_medium {
width:550px}
.slider_quotes {
width:100%;
text-align: right;
margin-bottom:35px;}
.f-col .slider_quotes {
margin:0;
text-align: left;
}
.slider .slider-item {
position:relative;
background:#F8F3F0;
padding:10px;
border:1px solid #e6e6e6;}
.slider_quotes .slider-item {
position: relative;
background:#fff;
border:none;
width:600px}
.sidebar .slider_quotes {
width:300px !important}
.f-col .slider_quotes {
width:220px}
.f-col .slider_quotes .slider-item,
.sidebar .slider_quotes .slider-item {
background:none;
border: none;
padding:0;
width:300px}
.f-col .slider_quotes .slider-item {
width:220px;
}
1. GENERAL TYPOGRAPHY
- Global Reset
- General Styles
- Buttons
- Columns Styles
- Box styles
- Borders & Dividers
- Back to Top
2. SITE STRUCTURE
- Header
- Topmenu
- TopBar
- Top Slider and Carousel
- Middle content
- Footer
3. EXTENDED TYPOGRAPHY and SHORTCODES
- Typographic Elements
- Framed Tabs
- Custom Lists Styles
- Slideshow Gallery and Text
- Styled Tables and Boxes
- Text Highlights
- Table Pricing
4. EXTENDED ELEMENTS
- Newsletter box
- Advertise Baners
5. WIDGETS STYLES
6. POSTS
- Blog post list
- Pagination and Navigation
- Author description
- Comment list
- Comment form / Contact form
*/
/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family:'Droid Arabic Kufi';
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block}
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
img { height:auto !important ; max-width:100% !important;}
*+html img {
max-width:100% !important;
height: auto}
/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body {
font-family: Droid Arabic Kufi,'Open Sans', sans-serif;
color:#4f5e62;
font-size:14px;
line-height:1.6em;
position:relative;
background: #f8f3f0;
margin: 0 auto;
}
.body_wrap {
width:100%;
position:relative}
::-moz-selection {
background: #8e8071;
color: #fff;
text-shadow: none}
::selection {
background: #8e8071;
color: #fff;
text-shadow: none}
/* Floating & Alignment
===================================*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto}
.alignleft {
float: left}
.alignright {
float: left}
.text-right {
text-align:right}
.text-left {
text-align:right}
.text-center {
text-align:center}
/* Clear Floats
===================================*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0}
.clearfix {
*zoom: 1}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: ""}
.clearfix:after {
clear: both}
/* Typography
===================================*/
h1, h2, h3, h4, h5, h6 {
color: #5c5146;
font-family:'Droid Arabic Kufi', 'Open Sans' , serif;
font-weight:400;
line-height:1.2em;
margin-bottom:1em}
h1{font-size:22px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:17px}
h6{font-size:14px}
h1 span, h2 span, h3 span ,h4 span, h5 span, h6 span {
font-family:'Droid Arabic Kufi', 'Open Sans' , serif;
font-weight:400}
.post-detail .entry h1 {
margin:0 0 1em 0;
padding:0}
.post-detail .entry h2 {
margin:25px 0 20px}
.post-detail h2 {
margin:25px 0 20px}
.post-detail .entry h3 {
margin:25px 0 20px}
.post-detail .entry h4 {
margin:20px 0 10px}
.post-detail .entry h5 {
margin:20px 0 10px}
.post-detail .entry h6 {
margin:20px 0 10px}
.sidebar .slider_quotes .slider-item {
padding:10px;
width:280px;}
.col_1_2 .slider_small {
margin-left:10px}
.slider_small .slider_container h2 {
margin-bottom:10px}
.slider_small .slider-item,
.slider_small .slider-item iframe {
width:430px;
height:242px}
.slider_medium .slider-item,
.slider_medium .slider-item iframe {
width:530px;
height:300px}
.slider_mini .slider-item,
.slider_mini .slider-item iframe{
width:290px;
height:163px;
padding:5px}
.slider .slider-item.video_slide {
overflow:hidden}
.slider .slider-item.text_slide {
overflow:auto}
.slider .slider-item.text_slide .inner {
padding:5px 10px}
.slider .slider-item.text_slide h2:first-child,
.slider .slider-item.text_slide h3:first-child,
.slider .slider-item.text_slide h4:first-child {
margin-top:0}
.slider_pagination {
padding-top:10px;
text-align:center}
.slider_pagination a {
display:inline-block;
width:12px;
height:12px;
background:#71675C;
border:1px solid #e6e6e6;
overflow:hidden;
text-indent:-300px;
margin:0 3px;
box-shadow:0 1px 3px rgba(0,0,0,.4);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);}
.slider_pagination a:hover,
.slider_pagination a.selected {
background: #E86741}
.ie7 .slider_pagination a {
display:block;
float:left}
.ie7 .slider_pagination {
margin-left:40%}
/*header quotes*/
/*
.header_quotes {
width:680px;
min-height:92px;
overflow:hidden;
position: relative;
margin:0 auto;
padding:0;}
.header_quotes .slider-item {
width:680px;
padding:5px 0;}
.header_quotes .quote-image {
width:140px;
height:40px !important;
display:inline-block;
position:relative;
text-align:center;
vertical-align:middle;
margin-right:10px}
.header_quotes .quote-text {
width:485px;
padding:30px 0 30px 40px;
line-height:inherit;}
.header_quotes .quote-author {
float:right
}
*/
.header_testimonials {
position: relative;
z-index:1;
width:700px;
margin:0 auto;
display: block;
min-height:110px}
.header_testimonials .quote-image {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0 10px 0 0;
position:relative;
width:150px;
text-align: center;}
.header_testimonials .quote-image img {
display: inline-block;
vertical-align: middle;}
.header_testimonials .slider_wrapper {
display:inline-block;
zoom: 1;
*display: inline;
vertical-align:middle;
background: transparent;
width:536px}
.header_testimonials .quote-text {
padding-right:0;
}
/* quotes / testimonials */
.slider_quotes .slider_wrapper{
display:inline-block;
zoom: 1;
*display: inline;
vertical-align:middle;
background: #fff;}
.quote-text {
color:#8e8071;
font-size:18px;
font-style:italic;
font-weight:normal;
background:url(images/icons/quote.png) 5px 12px no-repeat;
padding:30px 40px;
line-height:25px;}
.quoteBox .quote-text {
background:none;
padding:0;
font-size:15px;}
.quoteBox .quote-author,
.quoteBox .quote-author span {
color:#bfbbb6;
text-align:right;}
.quote-text p {
padding:0;
margin-bottom:15px}
.quote-author {
padding:5px 0 0 0;
color:#bfbbb6;
text-align:right}
.quote-author span {
color:#e8890f}
.f-col .quote-text,
.sidebar .quote-text {
color:#8e8071;
font-size:14px;
background:none;
padding:0;}
.sidebar .quote-text {
color:#8e8071;
background:url(images/icons/quote.png) 0 2px no-repeat;
padding:20px 35px 0 35px;
font-size:14px}
.content .slider.slider_quotes h3 {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
font-size: 34px;
color: #FFF;
font-weight: 700;
letter-spacing: -2px;
position:relative;
top:8px;
right:60px;}
.content .slider.slider_quotes h3 img {
position: relative;
vertical-align: middle;
top:-3px;
margin-right:15px;
}
.sidebar .quote-author, .sidebar .quote-author span {
color:#bfbbb6;
text-transform:none;
text-align:right}
.f-col .quote-author, .f-col .quote-author span {
color:#e6e6e6;
text-transform:none;
text-align:right}
.clients-ico {
background: url(images/icons/client_ico.png) no-repeat;
width: 51px;
height: 51px;
vertical-align: middle;
top: -2px;}
/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
/*-----------------------------------*/
/* Table Pricing */
/*-----------------------------------*/
.pricing_box {
position:relative;
clear:both;
padding:15px 0;
margin: 0 30px 60px;
}
.entry .pricing_box ul {
margin:0;}
.entry .pricing_box li.price_col {
width:215px;
float:left;
padding:0;
margin:0 -3px;
text-align:center;
border-radius:5px;}
.price_col {
position:relative;
z-index:2;}
.price_col.last {
z-index:1;}
.price_col .price_item {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
box-shadow-blend-mode:multiply;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;}
.price_col .price_item {
border-radius:6px;
overflow:hidden;}
.price_col_head {
position:relative;
background:#847a6e;
color:#fff;}
.price_col_red .price_body_top span {
color:#f5c6c6}
.price_col_purple .price_body_top .price span {
color:#c9bbdf}
.price_col_head .price {
font-family: 'Open Sans', serif;
display:block;
padding:0;
color:#fff;
font-size:37px;
font-weight: bolder;
height: 54px;
line-height: 54px;
letter-spacing: -1px;
box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-o-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);}
.price_col.last .price_col_head .price {
box-shadow: inset 8px -3px 6px rgba(73,73,73,.3);
-webkit-box-shadow: inset 8px -3px 6px rgba(73,73,73,.3);}
.price_col.first .price_col_head .price {
box-shadow: inset -8px -3px 6px rgba(73,73,73,.3);
-webkit-box-shadow: inset -8px -3px 6px rgba(73,73,73,.3);}
.price_col_head .price em {
font-size:37px;
margin-right:3px;
font-weight:bold;
font-style:normal;
color:#fff}
.price_col_head .price sup {
vertical-align: baseline;
position: relative;
top: -0.7em;
margin-left:2px;
font-size:0.5em;
color:#efe7de;
font-weight:bold;}
.price_body_top strong {
font-size:27px;
display:block;
margin-bottom: 10px;
color:#fff;
font-weight:bold;
font-style: italic;}
.price_body_top span {
font-size:11px;
display:block;
text-transform: uppercase;
font-weight:bold;}
.price_col_body {
background: #fff;}
.price_col .price_col_body .price_body_inner{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-khtml-border-radius:50%;
padding: 25px 0;
margin:25px auto;
width:160px;}
.price_body_top .line {
width:80px;
height:1px;
margin:0 auto;}
.price_col.price_col_blue .price_col_body .price_body_inner {
background:#6e9bb7;}
.price_col.price_col_yellow .price_col_body .price_body_inner {
background:#edcd6e;}
.price_col.price_col_green .price_col_body .price_body_inner {
background:#65c383;}
.price_col.price_col_red .price_col_body .price_body_inner {
background:#e7643f;}
.price_col_blue .price_body_top .line {
background: #a4cee7;}
.price_col_yellow .price_body_top .line {
background: #fdf0ca;}
.price_col_green .price_body_top .line {
background: #79dd98;}
.price_col_red .price_body_top .line {
background: #ffc19b;}
.price_col_yellow .price_body_top span {
color:#fef4d8}
.price_col_blue .price_body_top span {
color:#a4cee7}
.price_col_green .price_body_top span {
color:#89eca8}
.price_col_red .price_body_top span {
color:#ffc19b}
.entry .price_col_body ul li {
color:#fff;
font-size:12px;
display:block;
line-height: 17px;
padding:0;
margin:0;}
.entry .price_col_body ul li:first-child {
margin-top:5px !important}
.entry .price_col_foot {
position:relative;
background:#f8f3f0;
padding:17px 0;
color:#fff;}
.entry .col_active .price_col_foot {
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px}
.entry .col_active .price_col_foot a {
padding: 7px 38px;}
.entry .price_col_foot a span {
min-width:inherit}
.entry .col_active .price_body_inner {
padding: 35px 0;
margin: 15px auto;
width: 180px;}
.entry .col_active .price_col_head {
position: relative;
background: #776b5e;
color: #fff;}
.entry .col_active .price_col_head .ribbon {
background:transparent url(images/best.png) no-repeat;
padding:29px;
position:absolute;
right:0;
top:0;}
.entry .col_active .price_body_top span {
border-color:#dfdfd9}
.entry .col_active .price_item {
margin-top:-10px;
border-radius: 5px;
position: relative;
z-index:2;
border:none}
.entry .col_active .price_item {
border-radius:5px;
-webkit-border-radius:5px}
.entry .col_active .price_item .price_col_head {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-left:none;
border-right:none}
.entry .col_active .price_item .price_col_head .price {
font-size:45px;
height: 70px;
line-height: 70px;
border-radius: 5px;}
.entry .pricing_box li.col_active {
z-index:3;}
/*price style 2*/
.pricing_box.price_style2 {
padding:30px 0 !important;}
.price_style2 .price_col_head .price {
font-size: 46px;
height:70px;
line-height: 70px}
.price_style2 .price_col_head .price em {
font-size:46px;}
.price_style2 .price_col_body .price_body_inner {
border-radius: 0;
width:205px;
padding: 23px 0;
margin:35px auto;}
.price_style2 .price_col_body .price_body_top span {
font-size:14px;
margin-bottom:5px;}
.price_style2 .price_col_body .price_body_top strong {
font-size: 34px;
margin-bottom: 15px;}
.entry .price_style2 .col_active .price_col_head .price {
font-size: 60px;
height:90px;
line-height: 90px}
.entry .price_style2 .col_active .price_col_head .price em {
font-size: 60px;}
.entry .price_style2 li.col_active{}
.entry .price_style2 .col_active .price_col_head .ribbon {
background:transparent url(images/best_big.png) no-repeat;
padding:38px;
position: absolute;
top:-1px;
right:0;}
.entry .price_style2 .col_active .price_body_inner {
width:225px;}
.price_style2 .col_active .price_body_top strong {
font-size: 37px;
margin-bottom: 20px;}
.entry .price_style2 .price_body_inner .line {
width:100px;}
.entry .price_style2 .price_col_body ul li {
font-size: 15px;
line-height: 25px;}
.entry .price_style2 .price_col_body ul li:first-child {
margin-top:13px !important;}
.entry .price_style2 .col_active .price_col_foot a {
padding:13px 57px;
}
.entry .price_style2 .col_active .price_col_foot {
padding:25px 0;
}
/* framed tabs */
.tabs_framed {
margin-bottom:20px;
padding:0}
.tabs_framed .tabs {
margin:0;
height:52px;}
.tabs_framed .tabs li {
position: relative;
float:left;
display:block;
list-style:none;
margin:0 3px 0 0;
padding:8px 0 0 0;
height:52px;
line-height:normal;
z-index:1;
}
.tabs_framed .tabs li a {
display:block;
font-family: 'Open Sans', serif;
font-weight: 600;
font-size:15px;
float:left;
padding:0 30px;
line-height: 52px;
color:#8e8071;
text-decoration:none;
text-transform:uppercase;
background:none;
border:1px solid #c1b7ad;
border-bottom:none;}
.tabs_framed .tabs .current a {
background:#fff;
border:none;
box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);}
.tabs_framed .tabs .current a,
.tabs_framed .tabs .current a:hover {
text-shadow:0 1px 1px #fff}
.tabs_framed .tabcontent {
position: relative;
z-index:10;
font-size:13px;
box-shadow:-2px 4px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 5px 6px -2px rgba(0,0,0,.3);
}
.tabs_framed .tabcontent a {
color:#5c5146
}
.tabs_framed .tabcontent .inner {
z-index:10;
padding:30px;
background:#fff;
color:#8e8071}
.entry .tabcontent h2,
.entry .tabcontent h3,
.entry .tabcontent h4,
.entry .tabcontent h5,
.entry .tabcontent h6 {
margin:5px 0 10px 0;
color:#5c5146}
/* small tabs */
.small_tabs .tabs {
height:38px}
.small_tabs .tabs li {
padding:5px 0 0 0;
height:40px}
.small_tabs .tabs li a {
font-size:13px;
padding:0 15px;
height:40px;
line-height:40px}
/* tf_sidebar_tabs */
.content .tf_sidebar_tabs {
margin-bottom:35px;}
.tf_sidebar_tabs {
margin:0 0 20px}
.f-col .tf_sidebar_tabs {
margin:0;
padding-top:40px}
.tf_sidebar_tabs .tabs{
height:47px;}
.tf_sidebar_tabs .tabs li {
margin:0 3px 0 0;
padding:0;
border-bottom:0}
.tf_sidebar_tabs .tabs li a {
font-size:15px;
padding:0 15px;
display: block;
text-decoration:none;
background:none}
.sidebar .tf_sidebar_tabs .tabs li a {
font-size:11px;
padding:0 11px}
.f-col .tf_sidebar_tabs .tabs li {
border:none}
.f-col .tf_sidebar_tabs .tabs li a {
font-size:10px;
padding:0 7px}
.tf_sidebar_tabs .tabs .current a {
background:#fff;
box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);}
.tf_sidebar_tabs .tabcontent {
padding:1px 0 0 0;
font-size:13px;
background:#fff;
border-top:none}
/*===================================================*/
/* 4. EXTENDED ELEMENTS */
/*===================================================*/
/*-----------------------------------*/
/* Posts carousel */
/*-----------------------------------*/
/*-----------------------------------*/
/* Newsletter box */
/*-----------------------------------*/
.newsletterBox .inputField {
float:right;
width:125px;
margin:1px 8px 15px 0;}
.f-col .newsletterBox .inputField {
margin:1px 5px 5px 0;}
.newsletterBox .butt {
padding-right:17px;
float:left;}
.newsletterBox .butt input {
margin:0;
padding-left: 20px;
border-radius:0;
-webkit-border-radius:0}
.newsletter_text {
clear:both;
padding-top:5px;
color:#939393}
.newsletter_text .link-news-rss {
color: rgb(142, 128, 113);
font-size: 13px;
background: url("images/icons/rss_ico.png") no-repeat scroll 0px 1px transparent;
padding-right: 19px;
}
.link-news-rss span {
color:#e23e29;
text-decoration:underline;}
/*-----------------------------------*/
/* Partnerships */
/*-----------------------------------*/
.partener {
position: relative;
text-align: center;}
.partener h2{
font-style: italic;
font-size: 18px;
color: #e86741;
position: relative;
top: -57px;
margin-bottom: -21px;}
.pencil-ico {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -46px;
width: 19px;
height: 20px;
top:0px;
}
.read-ico {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png") repeat scroll -1px -72px transparent;
width: 22px;
height: 22px;
top: 0px;
margin-left: -12px;
float: right;
margin-right: 30px;
}
.post-item .post-meta a:hover > .read-ico{
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -99px;
}
.tweeter-ico {
background: transparent url(images/icons/tweet-ico.png) no-repeat;
width: 53px;
height: 53px;
top: -2px;
}
.big-photo-ico {
background: transparent url(images/icons/ico-set1.png);
width:46px;
height:42px;
top:-5px;
margin-right:16px;
}
.ui-ico {
background:transparent url(images/icons/ico-set2.png);
width:21px;
height:42px;
top:-3px;
margin-right:14px;
}
.big-pencil-ico {
background:transparent url(images/icons/ico-set3.png) no-repeat;
width:33px;
height:42px;
top:-2px;
margin-right:14px;
}
.calendar-ico {
background:transparent url(images/icons/calendar.png) no-repeat;
width:21px;
height:21px;
top:-3px;
}
.location-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px 0;
width: 18px;
height: 25px;
top:-2px;}
.mail-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px -37px;
width: 25px;
height: 25px;
top:-1px;
}
.phone-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px -72px;
width: 25px;
height: 25px;
top:-1px;
}
.ico-cat {
background:transparent url(images/icons/menu_ico.png) no-repeat 0 0 ;
position: absolute;
right:18px;
top:15px;
left:auto;
margin:0;
width: 18px;
height: 18px;}
.ico-cat1 {background-position: 0 0 !important;}
.ico-cat2 {background-position: 0 -23px !important;}
.ico-cat3 {background-position: 0 -44px !important;}
.ico-cat4 {background-position: 0 -68px !important;}
.hidden { display: none !important; visibility: hidden}
.invisible { visibility: hidden; }
/*-----------------------------------*/
/* Print styles */
/*-----------------------------------*/
i {
position: relative;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
text-decoration: none;
font-style: normal;
background-repeat: no-repeat;
margin-right:12px;
vertical-align: middle;
}
a.comment-reply-link{
color: hsl(31, 11%, 50%);
font-size: 13px;
}
a.comment-reply-link:hover{
color: hsl(14, 78%, 58%);
text-decoration: none;
outline: none;
}
#cancel-comment-reply-link
{
margin-left: 44px;
}
.dropdown li li:hover, .dropdown li li.current-menu-parent,.dropdown li li.current-menu-item {
border-right: 3px solid hsl(148, 39%, 49%);
background-color: hsl(22, 36%, 96%);
width: 195px;
}
.dropdown li.current-menu-ancestor{
border-top: 3px solid hsl(148, 39%, 49%);
background-color: hsl(22, 36%, 96%);
}
.content .slider.slider_quotes h3 img {
position: relative;
vertical-align: middle;
top:-3px;
margin-right:15px;
}
.widget-container.widget_nav_menu li ul li a
{
display: block;
font-size: 13px;
padding: 10px 50px;
}
.widget-container.widget_nav_menu li ul li ul li a
{
display: block;
font-size: 13px;
padding: 10px 65px;
}
.widget_recent_comments li .thumbnail {
margin-right: 0;
}
.widget_archive .widget_dropdown
{
height: 43px;
margin: 0 75px;
}
.widget-container.widget_pages .current_page_item
{
color: hsl(31, 11%, 50%);
background-color: hsl(22, 36%, 96%);
border-left: 3px solid hsl(148, 39%, 49%);
}
.f-col .widget-container.widget_nav_menu li ul li ul li a
{
padding:0 25px;
}
.f-col .widget_tag_cloud .tagcloud a span {
background: hsl(140, 44%, 55%);
}
.f-col .widget_tag_cloud .tagcloud a:hover span {
background: hsl(0, 0%, 95%);
}
.f-col .flickr-inner {
padding: 0;
}
.f-col .widget-container.widget_pages .current_page_item {
color: hsl(31, 11%, 50%);
background: none;
border-left: none;
}
.f-col .btn-default,.f-col .input.btn-arrow
{
font-size: 12px;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
color: hsl(31, 100%, 23%);
padding: 0 10px 2px 10px;
height: 44px;
margin: 0;
text-align: center;
background-color: buttonface;
}
.f-col .slider_quotes .slider_wrapper {
background:none;
}
.sidebar .widget-container.slider.slider_quotes h3
{
margin:0 121px;
}
.widget_categories li.current-cat a
{
color: hsl(31, 11%, 50%);
background-color: hsl(22, 36%, 96%);
border-left: 3px solid hsl(148, 39%, 49%);
}
.widget_categories .postform
{
height: 43px;
}
.widget_categories li li a{
padding: 0px 2px;
}
.widget_categories .children li {
background:none;
padding-left: 44px;
}
.widget_categories .children li ul li{
background:none;
padding-left: 16px;
}
.widget_categories li ul li a {
background: none !important;
border-left: none !important;
}
.gl_col_2 .gallery-item, .gl_col_2 .gallery-item img {
width: 460px;
max-height: 300px;
}
.gl_col_3 .gallery-item, .gl_col_3 .gallery-item img {
width: 300px;
max-height: 300px;
}
a.mailhref{
color: #8e8071;
}
#topmenu .select_styled {
height: 38px;
width: 210px;
margin: 10px auto;
display: block;
}
#topmenu .select_styled {
color: #222;
font: 13px 'Open Sans' !important;
line-height: 14px;
padding: 9px 5px;
}
.add-comment h3, .contact-form h3 {
height: 89px;
line-height: 89px;
color: #5c5146;
font-size: 23px;
text-shadow: 0 1px 1px #fff;
padding: 0 45px;
margin: 0 !important;
}
.full_width .add-comment.contact-form {
margin: 0 auto 40px auto;
position: relative;
background: #fff;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.gallery-image img {opacity: 0;}
.sidebar .widget {
position: relative !important;
line-height: 1.4em;
font-size: 13px;
background: #fff;
margin-bottom: 20px;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.sidebar .widget-content {
padding: 0px 30px 5px 10px;
}
.sidebar .widget-content ul {
margin-right: -40px;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0px 0px 0px 10px;
}
.sidebar h2 {
font: 17px/60px 'Droid Arabic Kufi';
text-transform: uppercase;
color: #fff;
background: #8e8071;
line-height: 60px;
height: 60px;text-align: center;
padding: 0 0 0 0px;
margin: 0 0 20px;
letter-spacing: -1px;
word-spacing: 5px;
box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-o-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
}
.date-header, .jump-link, .post-share-buttons{
display:none!important;
}
.post {
position: relative;
margin-bottom: 40px;
background: #fff;
padding: 0;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
margin-top: -21px;
}
.Label a {
display: block;
border-left: 3px solid transparent;
padding: 14px 35px 14px 32px;
font-size: 14px;
color: #8e8071;
}
.Label a:hover {
color: #8e8071;
background-color: #f8f3f0;
border-left: 3px solid #4daf7b;
}
.Label .widget-content {
padding: 0 !important;
}
.post-title {
padding: 0;
margin-bottom: -27px;
padding-top: 18px;
}
.post-title a {
color: rgb(92, 81, 70);
font-family: Droid Arabic Kufi;
font-size: 20px;
}
.post-title a:hover {
color: #e86741;
}
.blog-feeds { display:none!important; }
NumberPage----------------------------------------------- */ .showpageArea a{text-decoration:underline}.showpageNum a{margin: 0 3px;padding: 4px;color: #fff;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #e96a46;background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);border: 1px solid #ca4e2a;}.showpageNum a:hover{border:1px solid #cdcdcd;background-color:#fff}.showpagePoint{color: #fff;text-decoration: none;margin: 0 3px;padding: 4px;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #9C4228;border: 1px solid #9C4228;}.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0;font-size:15px margin:0 3px}.showpage a{margin: 0 3px;padding: 4px;color: #fff;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #e96a46;background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);border: 1px solid #ca4e2a;}.showpage a:hover{text-decoration:none;border: 1px solid #cdcdcd;}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff;background-color:#fff}.showpageOf{display:none}.showpageNum{margin:0 3px}.showpageArea{padding-bottom:20px;padding-top:4px;}
.pager-isi a {
}
.blog-pager-newer-link {
float: left;
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
}
.blog-pager-older-link {
float: right;
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
}
.post-feeds {
display: none;
}
.comment-block {
position: relative !important;
line-height: 1.4em;
font-size: 13px;
background: #fff;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.comment-header {
background: #8e8071;
padding: 10px;
margin-bottom: 15px;
}
.comment-header a{
font: 15px 'Open Sans';
text-transform: uppercase;
color: #fff;
letter-spacing: -1px;
}
.comments .comments-content .comment-content {
text-align: justify;
height: 34px;
padding: 18px;
}
.comments .comment .comment-actions a{
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
margin-right: 10px;
}
.comments .comments-content .datetime{
float: right;
}
.dropdown li:hover > ul {
background-color: #fff;
font-size:13px;
position:absolute;
display:block;
padding:0;
margin:0;
top:62px;
left:0;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.dropdown li:hover ul ul {
left:195px;
top:0;}
.dropdown li li{
display:block;
border-left:3px solid transparent;
position: relative;
*margin:0;
border-top:none !important;
width:195px;
line-height: 35px;}
.dropdown li ul a {
padding:0 25px 0 22px;}
.dropdown li li:hover ,
.dropdown li li.current-menu-item {
border-right:3px solid #4daf7b;
background-color:#f8f3f0;
width:195px;}
.dropdown .parent {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0GgRrgl03LKaz4d8MGjmcE-KyiORCcWoKU4aVR1MI7tnlapLvgepqL3SNgfwu9QToVmJYJkmJ0lyypt_LAv-y1DzkS3wN3clVlXS9mybAdufR9VzBjGTHAM087LoPRxLESS7_a0R1VU/s1600/parent_ico.png) ;
background-repeat: no-repeat;
background-position: 175px center;
}
/*Icons Menu*/
.icon-menu {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsnO4CLj16yYyvM2HTzD6IrqdSjmD1o2ypGKIC9v3da5_sBbz4oplluz0_N5rLXb8eDoBeQDjxLAFiG3IOrOhEtTcBQLdcy09uOHK5f48WlTAq2WhxwxIQv4bfToqJy1dOK6Io1iMCnU/s1600/menu-ico.png) no-repeat 0 0;
width:25px;
height:25px;
vertical-align: middle;}
.icon-menu1 {
background-position:-2px -2px;
top:-1px;
margin-left: 9px}
.icon-menu2 {
background-position: -2px -33px;
margin-left:4px;}
.icon-menu3 {
background-position: -2px -63px;
width:32px;
margin-left:10px;}
.icon-menu4 {
background-position: -2px -93px;
height:27px;
margin-left:4px;}
/*-----------------------------------*/
/* Header */
/*-----------------------------------*/
.header,
footer {
background-position:center top;
position:relative;
z-index:1;}
.header .container {
padding-top:65px;
width:940px;
height:454px;}
.header-medium .container {
width:940px;
height:384px;}
.header_thin .container {
height:125px;
padding-top:45px;}
.header_big .container {
padding-top:45px;
height:595px;
width:960px;}
.header .box {
position:relative;
float:right;
text-align:center;
margin-right:7px;
margin-bottom:7px !important;}
.header .box-2,
.header .box-2 img {
width:202px;
height:192px !important;}
.header .box-1,
.header .box-1 img {
width:306px;
height:391px;}
.header .box a {
display: block;
font-size:19px;
font-weight:600;
text-transform: uppercase;
color:#fff;}
.header .box-1 span {
line-height:391px;}
.header .box-2 span {
line-height:192px;}
.header .box a span {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#4daf7b;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition:opacity 0.3s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out;
-moz-transition:opacity 0.3s ease-in-out;
-o-transition:opacity 0.3s ease-in-out;
cursor:pointer;}
.header .box span:hover,
.header .box:hover span {
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.header.header-map .container, .header.header-map .container .map {
width: 100%;
height: 300px;
padding: 0;
}
.header .box img,
.header_video {
display:block;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.header_video iframe{
width:100%;
height:390px;
display:block;}
.contact_page .header .container,
.contact_page .header .container .map {
width:100%;
height:300px;
padding:0;}
/*-----------------------------------*/
/* Header Sliders */
/*-----------------------------------*/
/* oneByOne Slider */
.header_slider {
width:960px;
height:384px}
.header_slider .oneByOne1 {
width:960px;
height:384px;
top: 0;
left: 0;
position: relative;
overflow: hidden}
.header_slider .oneByOne_slide {
position: relative;
width:960px;
height:384px}
.oneByOne_item .slider_image {
position:absolute;
bottom:0}
.oneByOne_item .slider_title {
font-family: 'Open Sans', sans-serif;
text-align:center;
position:absolute;
width:800px;
top:65px;
left:80px;
z-index:2;}
.oneByOne_item .slider_title strong {
font-size:35px;
color:#fff;
text-shadow:1px 0 3px rgba(0,0,0,.3);
display:block;
font-weight:normal;
font-style:italic;
line-height: 1.3em;
letter-spacing: -1px;}
.oneByOne_item .slider_title a {
color:#fff}
.oneByOne_item .slider_subtitle {
width:600px;
margin:0 auto;
font-size:15px;
color:#1d2d31}
.slider_btn {
display:inline-block;
width:150px;
height:40px;
position:absolute;
bottom:-20px;
left: 400px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
text-decoration:none;
z-index:10;
line-height:40px;
background: #655a4f;
background: -moz-linear-gradient(top, #655a4f 0%, #53493e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#655a4f), color-stop(100%,#53493e));
background: -webkit-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: -o-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: -ms-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: linear-gradient(to bottom, #655a4f 0%,#53493e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655a4f', endColorstr='#53493e',GradientType=0 );
box-shadow: inset 0 1px 1px rgba(255,255,255,.3) , 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.3) , 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-ms-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-o-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border:1px solid #333;
}
.slider_btn span {
display:block;
text-align:center;
cursor:pointer;
color:#fff;}
.arrowButton{
cursor: pointer}
.arrowButton .prevArrow, .arrowButton .nextArrow {
background: url(images/slider-arrow.png) 0 0 no-repeat;
width: 12px;
height: 15px;
position: absolute;
top:250px}
.arrowButton .prevArrow{
left:2px}
.arrowButton .prevArrow:hover{
left:0}
.arrowButton .nextArrow{
right:2px;
background-position:-14px 0}
.arrowButton .nextArrow:hover {
right:0}
.animate0{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 0s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 0s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate1{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .2s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate2{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .4s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate3{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .6s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate4{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .8s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .8s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .8s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .8s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate5{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate6{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.2s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate7{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.4s;
animation-timing-function: ease;
animation-fill-mode: both;
}
/* Image Slider */
.img_slider {
padding:0}
.img_slider .slider_item {
position:relative;
width:960px;
height:534px}
.img_slider .slider_image {
width:960px;
height:508px}
.img_slider .slider_text {
position:absolute;
bottom:26px;
width:900px;
height:60px;
padding:10px 30px 35px 30px;
color:#e4e4e4;
font-size:15px;
text-align:center;
font-weight:500}
.img_slider .slider_text h2 {
font-size:24px;
margin:0 0 5px 0}
.img_slider .slider_text h2 a {
color:#fff}
.img_slider .prev, .img_slider .next {
background: url(images/slider_nextprev.png) 0 60% no-repeat;
width: 30px;
height: 403px;
position: absolute;
z-index:2;
top:86px;
overflow:hidden;
text-indent:-400px}
.img_slider .prev,
.img_slider .prev:hover{
left:5px}
.img_slider .next,
.img_slider .next:hover{
right:5px;
background-position:-30px 60%}
.img_slider .slider_btn {}
.img_slider .slider_btn span {
color:#7b3400;
text-shadow:0 1px 1px #f7e4b6}
/* Image & Video Slider */
.header_slider {
padding:0}
.vidimg_slider .slider_item {
width:900px;
height:424px;
padding:30px 30px 0 }
.vidimg_slider .slider_image {
background:url(images/slider_image_box.png) center no-repeat;
width:426px;
height:240px;
padding:22px 29px 100px 30px;
float:left;
margin:0}
.vidimg_slider .slide_image_right .slider_image {
float:right;}
.vidimg_slider .slider_text {
color:#1d2d31;
font-size:15px;
font-weight:500;
width:400px;
height:300px;
overflow: hidden;
text-align:center;
float:left;
padding:20px 0 0 0;
margin:0 15px 0 0}
.vidimg_slider .slide_image_right .slider_text {
margin:0 0 0 15px;
float:none}
.vidimg_slider .slider_text p {
margin-bottom:15px}
.vidimg_slider .slider_text h2 {
font-family: 'Open Sans', sans-serif;
font-size:45px;
color:#fff;
text-shadow:0 1px 1px #1d2d31;
font-weight:bold;
margin:0 0 15px 0;
line-height:1.2em}
.vidimg_slider .slider_text h2 a {
color:#fff}
.vidimg_slider .prev, .vidimg_slider .next,
.img_slider .prev, .img_slider .next {
background: url(images/slider_nextprev.png) 0 0 no-repeat;
width: 30px;
height: 72px;
position: absolute;
z-index:2;
top:200px;
overflow:hidden;
text-indent:-400px}
.vidimg_slider .prev{
left:-10px}
.partnerships {
padding:50px 0;
position: relative;
line-height: 75px;
margin: 0 0 0 20px;
}
.partnerships li {
display:block;
float:left;
margin-right:61px;}
.partnerships li img{
vertical-align: middle;}
/*-----------------------------------*/
/* Join Box */
/*-----------------------------------*/
.join-box {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
margin-bottom:20px;}
.join-box h2 {
display:block;
margin:0;}
.join-box h2 a{
display:block;
color:#fff;
font-weight: bolder;
font-size: 33px;
padding:36px 0 36px 40px;}
.join-ico {
background:transparent url(images/icons/join_us.png) no-repeat;
width:45px;
height:46px;
vertical-align: middle;
top:-1px;
margin-right: 25px;}
/* minigallery_carousel */
.minigallery_carousel {
padding:0 25px;
position:relative;
clear:both;
margin:10px 0 30px 0}
.entry .minigallery_carousel ul {
margin:0;
padding:0}
.minigallery_carousel li {
display:block;
float:left;
width:100px;
height:100px;
margin:0 8px;
position:relative;
text-align:center}
.entry .minigallery_carousel li {
margin-bottom:0}
.minigallery_carousel li img {
width:92px;
height:92px;
padding: 4px;
background-color: #fff;
border-top: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)}
.minigallery_carousel .prev,
.minigallery_carousel .next {
display:block;
width:20px;
height:100px;
overflow:hidden;
text-indent:-300px;
position:absolute;
top:0;
background:url(images/prev_next_arrows.png) 2px center no-repeat}
.minigallery_carousel .prev {
left:0}
.minigallery_carousel .next {
right:0;
background-position:-31px center}
.minigallery_carousel .prev:hover,
.minigallery_carousel .next:hover {
background-color:#f2f2f2}
.minigallery_carousel li:hover a img {
background:#E8890F}
/*Header minigallery_carousel */
.header .minigallery_carousel {
position:relative;
clear:both;
padding:0;
margin:10px 0 0 }
.header .minigallery_carousel .service_item{
margin:0;}
.header .minigallery_carousel li {
display:block;
float:left;
width:300px;
min-height:450px;
margin:0 10px;
position:relative;
text-align:center}
.header .minigallery_carousel img {
border:none;
box-shadow: none;
}
.entry .minigallery_carousel li {
margin-bottom:0}
.header .minigallery_carousel .prev,
.header .minigallery_carousel .next {
display:block;
width: 43px;
height: 43px;
overflow:hidden;
text-indent:-300px;
position:absolute;
top: 39%;
background:url(images/carousel_arrow.png) -2px center no-repeat}
.header .minigallery_carousel .prev {
left:-72px}
.header .minigallery_carousel .next {
right:-72px;
background-position:-46px center}
.minigallery_pagination .pagination {
width:940px;
margin:0 auto;
padding:25px 0;
text-align: center;}
.minigallery_pagination .pagination a {
background:transparent url(images/carousel_pag.png) -1px -24px no-repeat;
text-indent: -4000px;
width:16px;
height:16px;
display: inline-block;
margin:0 3px;
vertical-align: middle;}
.minigallery_pagination .pagination a:hover,
.minigallery_pagination .pagination a.selected {
background:transparent url(images/carousel_pag.png) -1px -1px no-repeat;}
/*Service List*/
*+html .service_list {
margin-bottom:35px;}
.service_item {
text-align:center;
float:left;
position:relative;
width:220px;
height:auto;
background:#fff;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
padding:40px;
margin: 0 10px 35px;
}
.service_item .service_img,
.team-box .team-image {
margin-bottom:15px;}
.service_item .service_title h2 {
font-size:23px;
color:#5c5146;
vertical-align: middle;}
.service_item .service_desc {
margin-bottom:20px;}
.service_item .service_desc p,
.team-text p{
font-style: italic;
color:#8e8071 ;
font-size:14px;}
.categories-item {
background:#e55e3a;
width:220px;
float:left;
margin:0 10px 15px;
color:#fff;
padding:30px 40px 25px;
text-align:right;}
.content .categories-item {
margin-bottom:35px;}
.categories-list .categories-item .categories_title h2
.categories-item .categories_title h2 {
background:none;
margin:0;}
.categories-item .categories_title h2 a{
color:#fff;
font-weight:bolder;
font-size:23px;
letter-spacing: -1px;}
.categories-item .categories_title h2 a img {
vertical-align: middle;
position: relative;
top:-4px;
margin-right:14px;
}
.categories-item .categories_title {
margin-bottom:20px;}
.categories-item .categories_desc p{
color:#fff;
font-size:15px;
font-style:italic;
margin-bottom:10px;
line-height: 1.6em;}
.categories-style2 .categories-item {
width:300px;
background:#fff;
padding:0;
color:#8e8071;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.categories-style2 .categories_title {
margin:0;}
.categories-style2 .categories-item h2 {
font-size: 31px;
font-weight: bolder;
color: #fff;
line-height: 97px;
margin: 0;
padding:0 40px;
letter-spacing: -1px;}
.categories-style2 .categories-item .categories_desc {
padding:30px 40px}
.categories-style2 .categories-item p {
color:#8e8071;}
/*===================================================*/
/* 5. WIDGETS STYLES */
/*===================================================*/
footer .widget-container h3,
footer .widget-container h3.widget-title{
color:#fff;}
/* Sidebar Widget Container */
.sidebar .widget-container {
position:relative !important;
line-height:1.4em;
font-size:13px;
background:#fff;
margin-bottom:20px;
padding: 0 0 20px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);}
.sidebar .widget-container .widget-title {
font:17px 'Open Sans';
text-transform:uppercase;
color:#fff;
background: #8e8071;
line-height: 60px;
height: 60px;
padding: 0 0 0 35px;
margin: 0 0 20px;
letter-spacing: -1px;
word-spacing: 5px;
box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-o-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);}
/* Sidebar Widget Container Style 2*/
.sidebar .widget-container-2 {
position:relative !important;
line-height:1.4em;
font-size:13px;
background:#fff;
margin-bottom:20px;
border-left:3px solid #ebc85e;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
padding:35px 35px 40px 32px;}
.sidebar .widget-container-2 .widget-title{
font:17px 'Open Sans';
color:#5c5146;
padding:0;
margin: 0 0 10px;
letter-spacing: -1px;
word-spacing: 5px;}
/*Content Widget Container*/
.content .widget-container {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
background:#fff;}
.content .widget-container .widget-title {
color: #5c5146;
font-size: 26px;
letter-spacing: -1px;
margin-bottom:15px;
line-height: inherit;}
/*Widget-Tweets*/
.widget-tweeter {
padding-bottom:10px !important;}
.sidebar .widget-container .widget-tweeter h3,
.sidebar .widget-tweeter h3,
.content .widget-container .widget-tweeter h3,
.content .widget-tweeter h3{
font-size:31px;
font-weight:bolder;
color:#fff;
line-height: 120px;
margin: 0 0 35px;
padding-left: 35px;
letter-spacing: -1px;}
.sidebar .widget-container .widget-tweeter h3,
.sidebar .widget-tweeter h3 {
line-height: 95px;
}
.widget-tweeter .tweet_item {
padding:0 35px;
font-size:14px ;
margin-bottom:30px;
line-height: 1.4em;
color:#8e8071;}
.f-col .widget-tweeter .tweet_image {
float:left;
width:30px;
height:30px;
margin:5px 10px 0 0}
.f-col .widget-tweeter .tweet_image img {
width:30px;
height:30px}
.f-col .widget-tweeter .tweet_item {
clear:both;
padding:15px 0}
/* Twitter widget */
.twitter ul {
margin:15px 0;
padding:0}
.twitter li {
background:url(images/icons/icon_twitter.png) 0 15px no-repeat;
padding-left:30px;
padding-top:15px;
border-top: 1px solid #e1e0e0;
border-bottom: 1px solid #fff;
list-style:none;
margin-bottom:15px !important;
color:#4f5e62;
min-height:24px;
font-size:16px;
font-style:italic}
.twitter li:first-child {
border-top:none;
}
.twitter li a {
text-decoration:none}
.sidebar .twitter h3 {
padding-left:30px}
.twitter li a {
text-decoration:none}
.sidebar .twitter h3 {
padding-left:30px}
.sidebar .widget {
margin-bottom:30px}
/* Widget Calendar */
.sidebar .widget-container.widget_calendar,
.content .widget-container.widget_calendar{
padding:0;
}
.widget_calendar table {
border-collapse: collapse;
border-spacing:0;
width:100%;
margin:0;
font-family: "Open Sans",sans-serif;
background:#fff;
color:#8e8071;
position:relative;}
.widget_calendar table th{
font-size:12px;
height: 40px;
line-height: 40px;
font-weight: 700;
text-transform: uppercase;
border:none}
.widget_calendar table td{
text-align:center;}
.widget_calendar table tbody td {
font-size:15px;
border:1px solid #e5d3c2;
line-height:40px;
height: 40px;
background-color:#f8f3f0;
width:40px;
text-shadow:0 1px 1px #fff;}
.f-col .widget_calendar table tbody td{
height:25px;
line-height: 25px;
width:25px;
font-size:14px;}
.f-col .widget_calendar caption {
margin:0;
}
.widget_calendar table tbody .pad {
color:#c0c0c0;
border:1px solid #e5d3c2;
background:#f8f3f0}
.widget_calendar table tbody .disabled {
color:#c0c0c0;
background:#f9f9f9}
.widget_calendar table tbody a {
display:block;
background-color:#f8ece4;
color:#8e8071;}
.widget_calendar table tbody a:hover {
color:#db2e1f}
.widget_calendar table tfoot {
width:100%;
position:absolute;
top:0}
.widget_calendar table tfoot td {
border:none}
.widget_calendar #today,
.widget_calendar table tbody #today a {
color:#fff;
background-color:#5bc07c;
text-shadow:none;}
.widget_calendar table caption {
background-color:#54bc75;
margin-bottom:10px;
font-weight: 600;
text-transform: uppercase;
height:60px;
line-height:60px;
color:#fff;
font-size:19px;
box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-webkit-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-moz-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-ms-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-o-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);}
.widget_calendar table #prev a,
.widget_calendar table #next a{
width: 12px !important;
height: 13px;
background:url(images/calendar_arrows.png) 0 0 no-repeat;
overflow:hidden;
text-indent:-400px;
padding:0;
position:absolute;
top:23px;}
.widget_calendar table #prev a {
left:15px}
.widget_calendar table #next a {
background-position:-13px 0;
right:15px;}
/* widget text */
.sidebar .widget_text .textwidget {
line-height:1.5em;
padding:0;
color:#8e8071;
font-family: 'Open Sans', sans-serif;
font-size:13px}
.content .widget_text {
padding:40px;
margin-bottom:35px;}
.content .widget_text .textwidget {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#8e8071;
line-height: 1.4em;}
.sidebar .widget_text .textwidget {
padding:15px 35px;}
.sidebar .widget_text .textwidget p {
margin-bottom:15px}
.sidebar .widget_text .textwidget p:last-child,
.sidebar .widget_text .textwidget p.last {
margin-bottom:0;}
.sidebar .widget_text .textwidget a {
color:#ff7200}
.f-col .widget_text .textwidget {
color:#d6dee1;
font-size:13px;}
/*Portfolio Filter*/
.portfolio_filter,
.blog_filter,
.contact_list {
text-align: center;
position: relative;}
.portfolio_filter ul,
.blog_filter ul,
.contact_list ul {
text-align:center;
font-size: 18px;
list-style: none;}
.portfolio_filter ul li,
.blog_filter ul li,
.contact_list ul li {
display: inline-block;
position:relative;
border-left:1px solid #f4ece7;
padding: 15px 27px;
list-style: none;
margin-right:-5px;}
.ie7 .portfolio_filter ul li,
.ie7 .blog_filter ul li,
.ie7 .contact_list ul li{
display: inline;
padding: 35px 27px;
}
.portfolio_filter ul li.last,
.blog_filter ul li.last,
.contact_list ul li:last-child ,
.contact_list ul li.last {
border-right:1px solid #f4ece7 ;}
.contact_list ul li {
color:#8e8071;}
.portfolio_filter ul li a {
background:transparent url(images/icons/unselect-ico.png) no-repeat left center;
padding-left:35px;
color:#7b6d5e;
letter-spacing: -1px;}
.portfolio_filter ul li a:hover,
.portfolio_filter ul li.current-menu-item a {
background:transparent url(images/icons/ok.png) no-repeat right center;
color:#e86741;}
.blog_filter ul li a {
color:#7b6d5e;}
.blog_filter ul li a:hover {
color:#e86741;}
/* widget_nav_menu */
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_pages ul {
padding:0 !important}
.widget_nav_menu li,
.widget_categories li,
.widget_archive li,
.widget_links li,
.widget_meta li,
.widget_pages li {
font-size:14px;
margin:0;
display:block;
position: relative;}
.widget-container.widget_nav_menu li a,
.widget_categories li a,
.widget_archive li a,
.widget_links li a,
.widget_meta li a,
.widget_pages li a {
display:block;
border-left: 3px solid transparent;
padding:14px 35px 14px 32px;
color:#8e8071;}
.f-col .widget-container.widget_nav_menu li a,
.f-col .widget_categories li a,
.f-col .widget_archive li a,
.f-col .widget_links li a,
.f-col .widget_meta li a,
.f-col .widget_pages li a {
opacity:0.6;
display:inline;
border:0;
padding:0;
color:#fff;}
.widget-container.widget_nav_menu li li a,
.widget_categories li li a,
.widget_archive li li a,
.widget_links li li a,
.widget_meta li li a,
.widget_pages li li a {
display:block;
font-size:13px;
padding:10px 50px;
color:#8e8071;}
.f-col .widget-container.widget_nav_menu li li a,
.f-col .widget_categories li li a,
.f-col .widget_archive li li a,
.f-col .widget_links li li a,
.f-col .widget_meta li li a,
.f-col .widget_pages li li a {
display:block;
font-size:13px;
padding:0 15px;}
.f-col .widget_categories li li:last-child {
margin:0;
}
.widget-container.widget_nav_menu a:hover,
.widget-container.widget_nav_menu .current-menu-item a,
.widget-container.widget_nav_menu .current-menu-item li a:hover,
.widget-container.widget_categories a:hover,
.widget-container.widget_categories .current-menu-item a,
.widget-container.widget_categories .current-menu-item li a:hover,
.widget-container.widget_archive a:hover,
.widget-container.widget_links a:hover,
.widget-container.widget_meta a:hover,
.widget-container.widget_pages a:hover{
color:#8e8071;
background-color:#f8f3f0;
border-right:3px solid #4daf7b;}
.f-col .widget-container.widget_nav_menu a:hover,
.f-col .widget-container.widget_nav_menu .current-menu-item a,
.f-col .widget-container.widget_nav_menu .current-menu-item li a:hover,
.f-col .widget-container.widget_categories a:hover,
.f-col .widget-container.widget_categories .current-menu-item a,
.f-col .widget-container.widget_categories .current-menu-item li a:hover,
.f-col .widget-container.widget_archive a:hover,
.f-col .widget-container.widget_links a:hover,
.f-col .widget-container.widget_meta a:hover,
.f-col .widget-container.widget_pages a:hover{
color:#fff;
opacity:1;
background:transparent;
border:none;}
.widget-container.widget_nav_menu li ul li a,
.widget-container.widget_nav_menu .current-menu-item li a,
.widget-container.widget_categories li ul li a,
.widget-container.widget_categories .current-menu-item li a {
background:none;
color:#999;
font-weight:600}
.widget-container.widget_categories a:hover .ico-cat,
.widget-container.widget_categories .current-menu-item a .ico-cat,
.widget-container.widget_categories .current-menu-item li a:hover .ico-cat {
background: transparent url(images/icons/hover_menu_ico.png) no-repeat ;}
/* Popular/Recent Posts widget */
.post_list {
padding:0 !important;
margin:0 !important}
.post_list li {
list-style:none;
clear:both;
padding:10px 12px 10px 18px;
font-size:13px;
min-height:55px;
border-top:1px solid #fff;
border-bottom:1px solid #e6e6e6;
background:#fff;
margin:0 !important}
.post_list li:first-child {
border-top:0;}
.f-col .post_list li {
min-height:inherit;
line-height:1.4em}
.post_list .odd {
background:#f9f9f9}
.sidebar .post_list li {
background:#e8e8e8}
.sidebar .post_list .odd {
background:#fff}
.post_list li a {
text-decoration:none;
color:#26363d;
font-size:15px}
.f-col .post_list li a {
font-size:13px;
}
.sidebar .post_list li a {
font-size: 13px;}
.post_list li a:hover {
color:#e8890f}
.post_list .date {
color:#727272;
font-style:italic;
padding-top:3px;
font-size:13px;
line-height:1em}
.post_list .thumbnail {
float:right;
margin-right:10px;
border:none !important}
/* Popular/Recent Posts widget */
.widget_recent_posts ul,
.widget_popular_posts ul {
margin:10px 0;
padding:0}
.widget_recent_posts ul li,
.widget_popular_posts ul li {
list-style:none;
clear:both;
margin-bottom:45px;
margin-top:20px}
.f-col .widget_recent_posts ul li,
.f-col .widget_popular_posts ul li {
padding:15px 0}
.f-col .widget_recent_posts ul li:first-child,
.f-col .widget_popular_posts ul li:first-child {
padding-top:0}
.content .widget_recent_posts .post-meta,
.content .widget_popular_posts .post-meta {
padding:10px 0 5px 0;
text-align:right;
font-size:13px;
color:#404040;
margin:0 !important}
.widget_recent_posts .post-meta a,
.widget_popular_posts .post-meta a {
color:#5c5146;
font-style:normal;
font-size:13px;
font-weight: normal;
background: transparent;
padding:0;
height: auto;
float:none;
text-transform: none;
text-decoration:none}
.widget_recent_posts .post-meta .link-comments,
.widget_popular_posts .post-meta .link-comments {
color:#404040 !important;
font-size:13px;
font-weight: normal;
background:none;
padding:0}
.widget_recent_posts .post-meta a:hover,
.widget_popular_posts .post-meta a:hover {
color:#e8890f !important}
.widget_recent_posts ul li img,
.widget_popular_posts ul li img {
width:75px;
height:75px;
float:left;
margin:2px 10px 0 0;
border:none !important}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.blog-posts.hfeed{overflow:hidden}
-
a.thumbx:hover{opacity: 0.8;}
a.thumbx{display: block;overflow: hidden;}
a.thumbx img{
display: block;
width: 100%;
height: 210px !important;
}
.post {margin: 0px !important;}
.post h2 {padding-top: 24px;;margin-bottom: 0px;}
</style>
<b:else/>
</b:if>
<b:else/>
<style type='text/css'>
</style>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 350;
img_thumb_height = 0;
img_thumb_width = 0;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
} }
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style=""><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height +'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body class='chrome'>
<div class='body_wrap'>
<div class='header_top'>
<div class='container'>
<div class='logo'>
<b:section class='header' id='headur' 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 == "BEHIND"'>
<!--
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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h11 class='title'>
<b:include name='title'/>
</h11>
</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>
<div class='menu-menu-container' id='topmenu'>
<ul class='dropdown' id='menu-menu' style='display: inline-block;'><li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-906 parent first' id='menu-item-906'><a expr:href='data:blog.homepageUrl'><span><i class='icon-menu icon-menu1'/>الرئسية</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-group menu-item-912 first' id='menu-item-912' style=''><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span>صفحة الرئسية للمدونة</span></a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-1008 last' id='menu-item-1008'><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span> ضيوف الشرف </span></a></li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-880 parent' id='menu-item-880'><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span><i class='icon-menu icon-menu2'/> الاقسام</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-948 first' id='menu-item-948' style=''><a hidefocus='true' href='http://html-color-codes.info/' style='outline: none;'><span> كود الالوان </span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-942' id='menu-item-942'><a hidefocus='true' href='http://www.0zz0.com/' style='outline: none;'><span>موقع لرفع رابط الصور </span></a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-911 parent' id='menu-item-911'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقات دائمة بالمدونة</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-944 first' id='menu-item-944'><a hidefocus='true' href='# ' style='outline: none;'><span>جد الفرق بين الصورتين</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-947' id='menu-item-947'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة لغز بالبومي</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-946' id='menu-item-946'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة الغرض المفقود بجناحي</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-945 last' id='menu-item-945'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة صنع حسابات جديدة بستاردول</span></a></li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-908 parent' id='menu-item-908'><a hidefocus='true' href='# ' style='outline: none;'><span>بقلم المالكة </span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-services menu-item-909 first' id='menu-item-909'><a hidefocus='true' href=' #' style='outline: none;'><span>خواطر على البال</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-943 last' id='menu-item-943'><a hidefocus='true' href=' #' style='outline: none;'><span>تعلم واستفد</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-905' id='menu-item-905'><a hidefocus='true' href='http://amalamam.blogspot.com/2015/05/blog-post_19.html' style='outline: none;'><span><i class='icon-menu icon-menu3'/>اقتراحاتكم تهمنا</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-941 last' id='menu-item-941'><a hidefocus='true' href='https://www.blogger.com/blogger.g?blogID=7405130347731538304#allposts/src=dashboard' style='outline: none;'><span><i class='icon-menu icon-menu4'/>لوحة التحكم</span></a></li>
</ul></div> <div class='clear'/>
</div>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='header' style='background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1); margin-bottom: -169px !important;'>
<div class='header_inner'>
<div class='container'>
<div class='grid_gallery clearfix'>
<div class='box box-1'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' height='391' src='http://www4.0zz0.com/2015/07/17/01/389428778.gif' width='306'/><span>فتح باب الاشتراك بمسابقة رمضان الكبرى</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://www.stardoll.com/ar/user/' style='outline: none;'><img alt='' src='http://www4.0zz0.com/2015/07/17/01/978892870.gif'/><span> amal.amam</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www2.0zz0.com/2015/07/17/01/837505175.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www2.0zz0.com/2015/07/17/01/672654688.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www4.0zz0.com/2015/07/17/01/340375989.gif'/><span>linasi9</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www14.0zz0.com/2015/07/17/00/542595239.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www14.0zz0.com/2015/07/17/00/804995804.jpg'/><span>مدونة امال</span></a>
</div>
</div>
</div>
</div>
</div>
</b:if>
<div class='header header_thin' style=' background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)); background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%); background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); z-index:0; background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1) '>
<div class='container'>
<div class='header-title'>
<h1> الله اكبر </h1>
<h5> لا اله الا الله</h5>
</div>
</div>
</div>
<div class='header-bottom' style='clear:both;'>
<div class='container'>
<div class='blog_filter clearfix '>
<ul class='filter_menu'>
<li class='current-menu-item first'>
<a hidefocus='true' href='http://amalamam.blogspot.com/?zx=eba6d7391746767d'>صفحة الرئسية</a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_20.html'>طاقم المدونة</a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_1.html'> شروط الالتحاق بالمدنة</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=7405130347731538304#editor/src=header'>اضف مشاركة </a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_8.html'>الاعضاء المميزون</a></li>
<li><a href=' '> </a></li>
<li><a href=' '> </a></li>
</ul>
</div>
</div>
</div>
<div class='cols2' id='middle'>
<div class='container'>
<b:section class='bannerad' id='bannerad1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<!-- blog area starts -->
<div class='content' id='content' role='main'>
<div class='postlist postview clearfix'>
<b:section class='topad' id='topad1' preferred='yes'/>
<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 == "false"'>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:post.dateHeader/></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</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:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if></b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + 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='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'> </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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<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: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='comments' var='post'>
<div class='allcomments'>
<b:if cond='data:post.allowComments'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='comment odd alt thread-odd thread-alt depth-1'>
<div class='comment-body'>
<div class='comment-author vcard'>
<data:comment.authorAvatarImage/>
<cite class='fn'>
<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>
</cite>
<span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
</div>
<p>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</p>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
</li>
</b:loop>
</ol>
<b:if cond='data:post.commentPagingRequired'>
<div class='comments-navigation clearfix'>
<div class='alignleft'>
<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>
</div>
 
<data:post.commentRangeText/>
 
<div class='alignright'>
<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>
</div>
</div>
</b:if>
</b:if>
</div>
<div id='respond'>
<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>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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='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='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 == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</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'>
<data:post.dateHeader/>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&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 != "static_page"'>
<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'><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>
</div>
</div>
</div>
</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 == "index"'>
<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='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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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'>
<div class='date-header'><data:post.dateHeader/></div>
</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' style='position:absolute;left:-9999px'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + 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'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</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='updated 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</div>
</div>
</div>
</b:includable>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-date'>
<span class='date'>TIME</span>
<span class='month'><data:post.timestamp/></span>
</div>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img class='' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' itemprop='image'/></a>
<b:else/>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='' src='http://2.bp.blogspot.com/-wZtyEwTWviE/UUvGgxDgGII/AAAAAAAABw8/mqb6pEkMbkE/s000/grey.png'/></a>
</b:if>
</b:if>
</b:if>
<div id='center'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:else/>
<style>.fullpost{display:none;}</style>
<b:if cond='data:blog.pageType == "static_page"'>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><b:else/>
<b:if cond='data:blog.pageType != "item"'>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link' style='display:none'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<div class='author-description clearfix'>
<div class='author-image'><img alt='' class='avatar avatar-95 photo' height='95' src='http://im37.gulfup.com/fRrq2.png' width='95'/></div>
<div class='author-text'>
<h4>اهلا بكم بمدونة امال ستاردول العربية </h4>
<p>تجدون كل جديد بالمدونة وكل مايهمكم مسابقات العاب مجانيات و هديا ومفاجاءات كثيرة </p></div>
<div class='clear'/>
</div>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='post-item '>
<div class='post-meta-bot clearfix'>
<div class='post-meta post-view'>
Filled
</div>
<div class='post-meta post-comm'><span><i class='comment-ico'/><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<b:else/><data:post.numComments/></b:if></a>
</b:if></span></div>
<div class='post-meta post-author'><span><i class='pencil-ico'/><data:post.author/></span></div>
<div class='post-meta post-read'>
<i class='read-ico'/><span><a expr:href='data:post.url' style='outline: none;'>اقرا المزيد</a></span></div>
</div>
</div>
</div>
<div class='post-footer-line post-footer-line-3'><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>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
<b:else/>
<span class='linkgrey left'><h5 style='text-align: right; width: 429px; float: left; margin-top: 4px;'>بسم الله الرحمن الرحيم </h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
<b:else/>
<span class='linkgrey right'><h5>حب حياتي</h5></span>
</b:if>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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='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='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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
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 == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.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 hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</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 + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='bottomad' id='bottomad1' preferred='yes'/>
</div> <!-- postlist -->
</div> <!-- content -->
<!-- blog area endss -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
var _0x72ff=["\x31\x20\x32\x28\x65\x2C\x62\x29\x7B\x33\x20\x63\x3D\x34\x2E\x69\x28\x65\x29\x2C\x64\x3D\x63\x2E\x6A\x28\x22\x6B\x22\x29\x3B\x6C\x28\x33\x20\x61\x3D\x30\x3B\x61\x3C\x64\x2E\x35\x3B\x61\x2B\x2B\x29\x7B\x64\x5B\x61\x5D\x2E\x36\x3D\x64\x5B\x61\x5D\x2E\x36\x2E\x6D\x28\x2F\x5C\x2F\x6E\x5C\x2D\x63\x2F\x2C\x22\x2F\x73\x22\x2B\x62\x2B\x22\x2D\x63\x22\x29\x3B\x64\x5B\x61\x5D\x2E\x6F\x3D\x62\x7D\x7D\x32\x28\x22\x70\x22\x2C\x30\x29\x3B\x24\x28\x34\x29\x2E\x71\x28\x31\x28\x29\x7B\x24\x28\x27\x23\x37\x27\x29\x2E\x72\x28\x27\x3C\x61\x20\x38\x3D\x22\x39\x3A\x2F\x2F\x66\x2E\x67\x2E\x68\x2F\x22\x3E\u062A\u0637\u0648\u064A\u0631\x20\u0648\u062A\u0639\u0631\u064A\u0628\x20\x3A\x20\u0627\u0644\u0628\u0639\u062F\u0627\u0646\u064A\x3C\x2F\x61\x3E\x27\x29\x3B\x74\x28\x31\x28\x29\x7B\x75\x28\x21\x24\x28\x27\x23\x37\x3A\x76\x27\x29\x2E\x35\x29\x77\x2E\x78\x2E\x38\x3D\x27\x39\x3A\x2F\x2F\x66\x2E\x67\x2E\x68\x2F\x27\x7D\x2C\x79\x29\x7D\x29","\x7C","\x73\x70\x6C\x69\x74","\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x72\x65\x73\x69\x7A\x65\x54\x68\x75\x6D\x62\x7C\x76\x61\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x73\x72\x63\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x7C\x68\x72\x65\x66\x7C\x68\x74\x74\x70\x7C\x7C\x7C\x7C\x7C\x7C\x77\x77\x77\x7C\x61\x6C\x62\x33\x33\x64\x61\x6E\x69\x7C\x63\x6F\x6D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x69\x6D\x67\x7C\x66\x6F\x72\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x73\x37\x32\x7C\x77\x69\x64\x74\x68\x7C\x6D\x61\x69\x6E\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x69\x66\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x31\x30\x30\x30","\x72\x65\x70\x6C\x61\x63\x65","","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xec63x1,_0xec63x2,_0xec63x3,_0xec63x4,_0xec63x5,_0xec63x6){_0xec63x5=function (_0xec63x3){return _0xec63x3.toString(_0xec63x2);} ;if(!_0x72ff[5][_0x72ff[4]](/^/,String)){while(_0xec63x3--){_0xec63x6[_0xec63x5(_0xec63x3)]=_0xec63x4[_0xec63x3]||_0xec63x5(_0xec63x3);} ;_0xec63x4=[function (_0xec63x5){return _0xec63x6[_0xec63x5];} ];_0xec63x5=function (){return _0x72ff[6];} ;_0xec63x3=1;} ;while(_0xec63x3--){if(_0xec63x4[_0xec63x3]){_0xec63x1=_0xec63x1[_0x72ff[4]]( new RegExp(_0x72ff[7]+_0xec63x5(_0xec63x3)+_0x72ff[7],_0x72ff[8]),_0xec63x4[_0xec63x3]);} ;} ;return _0xec63x1;} (_0x72ff[0],35,35,_0x72ff[3][_0x72ff[2]](_0x72ff[1]),0,{}));
//]]></script>
</b:if></b:if>
<!-- sidebar starts -->
<div class='widget-container-2 newsletter_subscription_box newsletterBox' style='position: relative !important; line-height: 1.4em; font-size: 13px;float: left;margin-top: 61px;margin-left: 2px; width: 229px; background: #fff;margin-bottom: -100px; border-right: 3px solid #ebc85e; box-shadow: 0 0 12px rgba(171,139,110,.38); -webkit-box-shadow: 0 0 12px rgba(171,139,110,.38); -khtml-box-shadow: 0 0 12px rgba(171,139,110,.38); -moz-box-shadow: 0 0 12px rgba(171,139,110,.38); -ms-box-shadow: 0 0 12px rgba(171,139,110,.38); padding: 35px 35px 40px 32px; '>
<div class='inner'>
<h3 style='text-align: center;'>اشترك معنا </h3>
<div class='newsletter_subscription_messages before-text'>
<div class='newsletter_subscription_message_initial'>
</div>
</div>
<form action='====' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=albaadani/fpjG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='newsletter_subscription_email inputField' id='newsletter' name='newsletter' type='text' value=''/>
<span class='button'><input class='btn btn-default newsletter_subscription_submit' type='submit' value='Go'/></span>
<div class='newsletter_text'><a class='link-news-rss' hidefocus='true' href='#' style='outline: none;'>ادخل اميلك ليصلك كل جديد على المدونة</a></div>
</form>
</div>
</div>
<div class='sidebar'>
<b:section class='sidebar' id='sidebar-atas1' preferred='yes'>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='!data:blog.disableAdSenseWidget'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='المشاركات الاكثر تعليقا' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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> <!-- sidebar -->
<!-- sidebar ends -->
</div> <!--container-->
</div> <!--middle-->
<div class='clear'/>
<div class='middle-bottom'>
<div class='container'>
<div class='question clearfix'>
<h2>شكرا لكم</h2>
<p> <a class='btn btn-default alignright' hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span>
ممنوع الغش</span></a></p></div>
</div>
</div>
<footer style=' background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)); background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%); background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1) '>
<div class='container clearfix'>
<div class='footer_social '><a class='social-fb' hidefocus='true' href='https://www.facebook.com/amal.amam' style='outline: none;' target='_blank'><span>Facebook</span></a><a class='social-pinterest' hidefocus='true' href='بنتر قول/' style='outline: none;' target='_blank'><span>Pinterest</span></a><a class='social-twitter' hidefocus='true' href='https://twitter.com/amalamam' style='outline: none;' target='_blank'><span>Twitter</span></a></div>
<div class='copyright'><p>© 2014 <data:blog.title/></p><div id='copyright'/>designed by
<a href='http://amalamam.blogspot.com/'>Templateify</a></div>
</div>
</footer>
</div> <!--body-wrap-->
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://bloggeryard.googlecode.com/svn/trunk/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
<b:include data='blog' name='google-analytics'/>
</body>
</HTML>
قالب مدونة الخاص بامال امام معدل وجاهز
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/
-----------------------------------------------
Blogger Template Style
Name: Metrofy clean
Date: 8 / September / 2013
Author: metrofy design grafico
License: Free Version
----------------------------------------------- */
body#layout .content {width:500px !important;float:right !important;}
body#layout .widget-container-2 {display:none !important;}
body#layout .sidebar{float: left;width: 300px !important;}
body#layout .body_wrap{width:800px;}
body#layout #topmenu{display:none;}
body#layout .filter_menu{display:none;}
@font-face{
font-family:'Droid Arabic Kufi';
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')}
/*
Wants To Edit? Purchase The License Version, This Is Free Version Of Metrofy, Full stylesheets and scripts will comes with licensed version, purchase on metrofy design grafico
*/
.widget_recent_posts ul li .post-title,
.widget_popular_posts ul li .post-title {
color:#3C0B3A;
font-size:15px;
margin-bottom:5px}
.widget_recent_posts ul li .post-title:hover,
.widget_popular_posts ul li .post-title:hover,
.content .link-arrow:hover {
color:#E90EA4}
.widget_recent_posts .date,
.widget_popular_posts .date {
color:#3C0B3A;
padding-top:3px;
font-size:12px;
line-height:12px}
.extras {
font-size:13px;
line-height:1.4em;
padding-top:5px;
padding-bottom:7px}
.content .link-arrow {
clear:both;
padding-right:15px;
color:#8e8071;
text-transform:uppercase;
font-size:12px;
font-weight:bold}
.separator {
margin:0 5px;
color:#F908A9}
/* widget_recent_entries */
.content .widget_recent_entries {
width:250px}
.widget-container.widget_recent_entries ul,
.widget-container.widget_recent_comments ul {
padding:0 35px;}
.widget-container.widget_recent_entries li,
.widget-container.widget_recent_comments li {
clear:both;
margin:0;
padding:17px 0;
color:#8e8071;}
.widget_recent_entries li {
min-height:60px;
border-style: solid !important;}
.widget_recent_entries .post-title a {
color:#8e8071;}
.widget_recent_entries .post-title a:hover {
color:#199264}
.widget_recent_entries li .thumbnail,
.widget_recent_comments li .thumbnail {
width:70px;
height:65px !important;
float:left;
margin-right:15px}
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li{
border-top:1px solid #e1e0e0;
border-bottom:1px solid #fff;}
.sidebar .widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments li:first-child{
border-top:0}
.f-col .widget_recent_entries .post-meta {
padding-top:5px;
clear:both}
.widget_recent_entries .post-date {
font-style:italic;
color:#fff;
opacity: 0.85;
position: relative;}
.f-col .widget-container.widget_recent_entries ul,
.f-col .widget-container.widget_recent_comments ul {
padding:0;}
.f-col .widget_recent_entries li,
.f-col .widget_recent_comments li {
line-height:1.3em;
padding:10px !important;
font-size:13px;
border-top:1px solid #847667;}
.f-col .widget_recent_comments .recent_comment {
color:#fff;
opacity:0.8;
}
.f-col .widget_recent_entries li:first-child,
.f-col .widget_recent_comments li:first-child{
border:0
}
.f-col li .thumbnail,
.f-col li .thumbnail {
opacity: 1 !important;
width:35px;
height:35px !important;
margin:3px 10px 0 0}
/* widget_recent_comments */
.sidebar .widget-container.widget_recent_comments a {
color:#e86741}
.sidebar .widget-container.widget_recent_comments li {
line-height:1.5em !important}
/* widget tag cloud */
.widget_tag_cloud .tagcloud {
line-height:1.5em;
padding:10px 35px;}
.widget_tag_cloud .tagcloud a {
background:transparent url(images/tag.png) no-repeat left -33px;
color:#64584c;
font-size:12px !important;
text-decoration:none;
height: 28px;
line-height: 28px;
text-align:center;
white-space:nowrap;
border:none;
margin:5px 3px;
padding:0 0 0 22px;
display: inline-block;}
.widget_tag_cloud .tagcloud a:hover {
color:#e0613c;}
.widget_tag_cloud .tagcloud a span{
display:block;
background:transparent url(images/tag.png) no-repeat right -1px;
padding:0 15px 0 3px}
.f-col .widget_tag_cloud .tagcloud a {
color:#e6e6e6;
margin:3px 2px;
padding:0 11px;
font-size:12px !important;
line-height: 26px;
background:#5bc07c}
.f-col .widget_tag_cloud .tagcloud a:hover {
background:#f2f2f2;
color:#404040}
.f-col .widget_tag_cloud .tagcloud {
padding:0;}
/* Flickr widget */
.flickr{
padding:0}
.flickr-inner {
padding:10px 35px;}
.flickr .flickr_badge_image {
margin:5px 10px 5px 0;
list-style:none;
display:block;
float:left}
.flickr .flickr_badge_image img {
width:66px;
height:66px !important;
display:block;}
.f-col .flickr .flickr_badge_image {
margin:6px 6px 0 0}
.ie8 .f-col .flickr .flickr_badge_image {
width:66px !important;
height:66px !important;}
.f-col .flickr .flickr_badge_image img {
width:66px !important;
height:66px !important;
padding:3px;
background:#8e8071}
.sidebar .flickr .flickr_badge_image{
float:left;
margin:5px}
.sidebar .flickr .flickr_badge_image img {
width:65px;
max-width:none !important;
height:65px}
/* Widget Contact Info */
.sidebar .widget-container.widget_contact {
font-size:13px}
.widget_contact .inner {
padding:10px 35px}
.content .col_1_2 .widget_contact {
width:270px}
.contact-address .name {
font-size:18px;
color:#5c5146;}
.widget_contact .contact-address {
padding:0;
font-size:15px}
.sidebar .widget_contact .contact-address .address {
margin:0 0 20px 0;
color:#8e8071;
font-size:13px
}
.contact-address div {
clear:both;
line-height:1.4em;
padding:1px 0;
font-weight:normal}
.sidebar .contact-address em {
color:#0FFDD5;
display:inline-block;
width:52px;
font-size:15px;
font-style: normal;
font-weight: bolder;
background-repeat: no-repeat}
.sidebar .contact-address div span,
.sidebar .contact-address .mail a {
color:#0FFDD5}
.sidebar .contact-address .mail a:hover {
color:#EB13B5f}
/*Widget Testimonials*/
.testimonials-list {
width:940px;
margin:0 10px;}
.testimonials-list .widget-testimonials:last-child {
margin-bottom:0;}
.widget-testimonials {
position: relative;
margin-bottom:40px;
padding:20px 35px;}
.widget-testimonials .testimonials-img {
float:left;
width:130px;
vertical-align: middle;
margin-right:15px;
padding:0 10px;}
.widget-testimonials.right .testimonials-img {
float:right;
margin-right:0;}
.widget-testimonials.right .testimonials-text {
float:left;}
.widget-testimonials .testimonials-img img {
vertical-align: middle;}
.widget-testimonials .testimonials-text {
position: relative;
background:#fff url(images/icons/quote.png) 0 0 no-repeat;
width:76%;
float:right;
line-height: 1.5em;
font-size: 17px;
font-style: italic;
padding:15px 0 15px 35px;
color:#8e8071;}
.widget-testimonials .testimonials-text span {
color:#bfbbb6;}
/* Login Form widget */
.sidebar .widget_login .loginform,
.content .widget_login .loginform
{
width: 100%;
float:left;
display:table-row; }
.f-col .newsletterBox,
.f-col .widget_search,
.f-col .widget_login {
width:220px !important}
.f-col .newsletterBox form,
.f-col .widget_search form ,
.f-col .widget_login form {
padding:15px;
border:1px solid #e6e6e6;
background:#fff;
box-shadow:0 0 6px rgba(0,0,0,.7)}
.widget_login .input {
width:100%;
font-size:13px;
height:41px;
line-height: 41px;
padding:7px 10px;
*padding:0;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;}
.widget_login .btn {height:42px;}
.f-col .widget_login input {
width:164px}
.widget_login p {
margin:0 0 20px 0 !important}
.widget_login .forgetmenot {
line-height:1.2em;
float:left;
display:block;
font-size:13px;
margin-bottom:20px;}
.widget_login .forgetmenot input {
margin:0 3px 0 0;
float:left;
border:none ;
width:auto !important;
padding:0 !important}
.widget_login .submit {
margin:0 !important;
clear:both;
display:block}
.widget_login label {
color:#5c5146;
font-size:17px;
display: block;
margin-bottom:10px;}
.widget_login .btn-submit {
margin:0;
width:140px !important}
.widget_login .forget_password {
display: inline;
float: right;
font-size: 13px;
line-height: 3.5em;}
.ie7 .widget_login .forget_password,
.ie8 .widget_login .forget_password {
width:auto;
padding-left:5px;
padding-top:1px}
.widget_login .input_styled label {
font-size:13px;
margin-right:10px}
.widget_login .forget_password a {
color:#e86741;
font-style:normal;
text-decoration: underline;}
.widget_login .forget_password a:hover {
color:#e67f0d}
/* widget_search */
.widget_search form {
position:relative; }
.widget_search input {
float:left;
margin:0}
.widget_search .inputField {
float: left;
width: 125px;
margin: 1px 8px 5px 0;}
.f-col .widget_search .inputField {
margin: 1px 5px 5px 0;
width:111px}
.content .widget_search,
.content .widget_login,
.content .newsletterBox{
padding:30px;
border-left:3px solid #ebc85e;
margin-bottom:35px
}
.content .widget_search h3,
.content .widget_login h3,
.content .newsletterBox h3 {
margin-top:0}
.content .newsletterBox label {
margin-bottom: 5px;
display: block}
.content .widget_search .btn,
.content .widget_login .btn,
.content .newsletterBox .btn {
margin:0
}
.f-col .newsletterBox .inputField,
.f-col .widget_search .inputField{
width:111px;
}
/*=================================================*/
/* 6. POSTS */
/*===================================================*/
/*-----------------------------------*/
/* Blog post list */
/*-----------------------------------*/
.link-more {
text-transform: uppercase;
font-weight:bolder;
color:#e86741;
font-size:16px;}
article.post-detail {
margin-bottom:55px;}
.post-item,
.about-item {
position:relative;
margin-bottom: 40px;
background:#fff;
padding:0;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);}
.about-item {
margin-bottom:30px;
}
.post-item .post-image img,
.about-item .about-image img{
width:100%;
display:block;}
.post-item .post-image,
.about-item .about-image {
margin-bottom:35px;}
.post-item .post-title,
.about-item .about-title {
margin:0 40px 10px 40px;
letter-spacing: -1px;}
.post-item .post-desc {
margin:0 40px 10px ;
font-size:13px;
line-height: 1.4em;}
.about-item .about-desc {
margin:0 40px 25px ;
font-size:13px;
line-height: 1.4em;}
.post-item .post-desc p,
.about-item .about-desc p {
margin-bottom:25px;
color:#8e8071;}
.post-item .post-title h2,
.about-item .about-title h2 {
margin:0;
color:#5c5146;}
.post-item .post-title h2 a,
.about-item .about-title h2 a{
color:#5c5146;}
.post-item .post-title h2 a:hover,
.about-item .about-title h2 a:hover {
color:#e86741;}
.post-item .post-meta-bot {
background:#f6f1ed;}
.post-item .post-meta ,
.post-meta a{
float:right;
text-transform: uppercase;
color:#8e8071;
font-weight:bold;
background:#f6f1ed;
text-align:center !important;
padding:12px 0;
height:24px;
font-size:15px;}
.entry .post-date,
.content .post-date{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zwamY16f1EavzdBeOelCQeeF8ms3jwiUj6JPkqtdq9VtumaUhnLqw4iB3BnGUMi7Uw00wULC2uDSNsEXkC3tG6rEN68FEVxr-xb6o0kTGNO7gkAVCIJJJsEh1u3-uu9ofM0Dki131bE/h120/ribbon-date.png) no-repeat;
position: absolute;
text-align:center;
padding-top:15px;
overflow:hidden;
width:56px;
height:64px;
top:-3px;
right:25px;}
.post-date span {
color:#fff;
font-size:11px;
line-height: 1em;
display:block;
font-weight:bolder;
text-transform: uppercase;
}
.post-date span.date {
color:#c2f3de;
font-size:16px;
margin-bottom: 6px;
}
.post-item .post-meta a {
padding:0 !important;
margin-right:25px;}
.post-item .post-meta a:hover {
color:#e86741;}
.post-meta-bot .post-meta:last-child {
border:0;}
.post-meta-bot .post-meta.post-view,
.post-meta-bot .post-meta.post-comm {
width: 123px;
border-left:1px solid #fff;
float:right;}
.post-meta-bot .post-meta.post-author {
width: 167px;
border-left: 1px solid rgb(255, 255, 255);
float: right;
padding-left: 7px;
}
.post-meta-bot .post-meta.post-read {
width:180px;}
/*-----------------------------------*/
/* Pagination and Navigation */
/*-----------------------------------*/
/* posts navigation */
.tf_pagination {
position:relative;
clear:both;
text-align:center;
font-size:15px;
font-weight: bolder;}
.tf_pagination .page-numbers {
margin-right:-2px;
background: #fff;
line-height: 41px;
padding:11px 16px 10px;
color:#9f9183;
display:inline;
box-shadow:0 0 6px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 6px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 6px rgba(171,139,110,.38);
-moz-box-shadow:0 0 6px rgba(171,139,110,.38);
-ms-box-shadow:0 0 6px rgba(171,139,110,.38);}
.tf_pagination .page-numbers:hover,
.tf_pagination .current {
color:#fff;
background:#e86741;}
.tf_pagination .page_prev,
.tf_pagination .page_next {
display:inline;
width:41px;
height:41px;
line-height: 41px;
padding:11px 16px 10px;
line-height: 41px;
overflow:hidden;
background:#9f9183;
box-shadow:0 0 6px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 6px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 6px rgba(171,139,110,.38);
-moz-box-shadow:0 0 6px rgba(171,139,110,.38);
-ms-box-shadow:0 0 6px rgba(171,139,110,.38);}
.tf_pagination .page_prev span,
.tf_pagination .page_next span {
background: transparent url(images/arrows.png) no-repeat 0 center;
padding:0 4px ;}
.tf_pagination .page_next span {
background-position: -10px center}
.tf_pagination .page_prev {
right:auto;
left:20%}
.tf_pagination .page_prev:hover,
.tf_pagination .page_next:hover {
background:#8e8071;}
/*-----------------------------------*/
/* Author/Team description */
/*-----------------------------------*/
.author-box {
clear:both;
padding:0 35px;
background:#fff;}
.author-description {
padding:30px 0;
border-top:2px solid #eeecea;}
.author-image {
float: right;
width: 100px;
height: 100px;
margin-left: 20px;
}
.author-image img {
width: 100px;
height: 100px;
}
.author-text {
float:left;
width: 420px;
color:#8e8071;
font-size:13px;
line-height:1.5em}
.author-text p {
margin-bottom:10px}
.author-text h4,
.entry .author-text h4 {
color:#514840;
font-family:Droid Arabic Kufi, 'Open Sans', sans-serif;
font-size:24px;
margin:0 0 10px 0!important;}
.author-contact {
color:#009551;
height:25px;
font-size:12px;
font-weight:bold}
.author-contact label {
line-height:25px}
.author-contact a {
display:inline-block;
width:25px;
height:25px;
overflow:hidden;
text-indent:-1000px;
margin:0 1px}
.author-contact label {
display:inline-block;
float:left;
margin-right:10px}
.ie7 .btn-submit, .ie7 .btn-arrow,
.ie7 .comment-form .btn-submit {
filter:chroma(color=#000000);
border:none;
width:140px;
text-align:center;}
.link-reset {
color:#e86741;
font-size:12px;
text-shadow:0 1px 1px #fff;
font-weight:500;
text-transform:uppercase;
position:absolute;
top:21px;
right:45px}
.link-reset:hover {
color:#ff8a00}
/*-----------------------------------*/
/* Gallery list / Portfolio */
/*-----------------------------------*/
.gallery-list {
position:relative}
/* two columns */
.gl_col_2 .gallery-item,
.gl_col_3 .gallery-item,
.gl_col_4 .gallery-item{
float:left;
margin:0 10px 20px 10px;
width:460px;
height:300px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.gallery-image img{
display: block}
/* three columns */
.gl_col_3 .gallery-item,
.gl_col_3 .gallery-item img {
width:300px;
height:300px;}
/* four columns */
.gl_col_4 .gallery-item,
.gl_col_4 .gallery-item img {
width:220px;
height: 205px}
/*-----------------------------------*/
/* non-semantic helper classes */
/*-----------------------------------*/
/*-----------------------------------*/
/* ICONS */
/*-----------------------------------*/
.view-ico {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -1px;;
width: 25px;
height: 18px;
top:-1px;
}
.comment-ico {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png") repeat scroll -1px -23px transparent;
width: 22px;
height: 20px;
top: 3px;
float: right;
margin-right: 29px;
margin-left: -10px;
}
.post-detail h3 {
margin:25px 0 20px}
.post-detail h4 {
margin:20px 0 10px}
.post-detail h5 {
margin:20px 0 10px}
.post-detail h6 {
margin:20px 0 10px}
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ins { background-color:#ff9; color:#000; text-decoration:none}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del { text-decoration: line-through}
dfn { font-style: italic; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
.text-red {
color:#ff8a00}
.text-blue {
color:#168dc5}
.text-gray {
color:#808080}
.text-green {
color:#009551}
.sidebar mark {
background:#ffffff;
color:#ff8a00 !important;
display:block;
padding:5px;
font-weight:normal;
font-size:110%}
/* Blockquotes
===================================*/
blockquote cite { display: block; font-size: 14px; color: #ff7200; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { text-decoration:underline; }
hr { border: solid #d4d4d4; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0}
/* Links
===================================*/
a { color: #e86741; text-decoration: none; outline:none; }
/* Lists
===================================*/
ul { list-style: none outside; }
ol { list-style: decimal; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol {
list-style: none none;
margin: 0; padding: 0; }
/* Tables
===================================*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* Forms
===================================*/
fieldset{
padding:20px;
border:1px solid #c9c9c9}
form {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#111}
form .row {
padding:5px 0}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="reset"],
select,
textarea {
resize:none;
font-family: 'Open Sans', sans-serif;
background:#fff;
font-size:13px;
border:1px solid #e5d4c2;
padding:8px 10px;
color:#999;}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height:24px;
line-height:24px}
textarea{
width:90%;
overflow:auto;
resize: vertical}
input, textarea, input[type="submit"]:focus, div{
outline:0;
outline: none;
}
#center {
padding: 0px 20px 20px 20px;
}
input[type="radio"],input[type="checkbox"]{
margin-right:10px; margin-left:10px}
button::-moz-focus-inner {
border: 0;
padding: 0}
input[type="reset"],
input[type="submit"],
input[type="button"],
button{
color:#424242;
margin:10px 0;
padding:0;
outline: none !important;
height:32px;
line-height: 30px;
text-align:right;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus{
cursor:pointer}
button[disabled], input[disabled] {cursor: default}
/* Custom checkboxes, radios
===================================*/
/* wrapper divs */
.custom-checkbox,.custom-radio { position:relative; font-size:13px}
/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:7px; top:8px; margin:0; border:none; width:1px; height:1px}
.custom-checkbox input {left:6px; top:7px}
.ie7 .custom-checkbox input {left:2px; top:12px}
.custom-checkbox label,.custom-radio label { display:block; position:relative; line-height:1; padding:.4em 0 .4em 30px; margin:0 0 .3em; cursor:pointer; color:#5c5146}
.custom-radio label {padding:.4em 0 .5em 30px}
/* states */
.custom-checkbox label { background:#fff url(images/styled_checkbox.png) no-repeat; }
.custom-radio label { background:#fff url(images/styled_radiobutton.png) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -10px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -10px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -110px; color:#5c5146 }
.custom-checkbox label.checked.hover,.custom-checkbox label.checkedFocus { background-position:-10px -110px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:0; }
.entry-content {
margin: 1.5em 20px;
}
/* Preloader
===================================*/
.preloader {
background:url(images/loading.gif) center center no-repeat;
display:block}
/* Images
===================================*/
img.alignleft {
margin:5px 20px 5px 0 !important}
img.alignright {
margin:5px 0 5px 20px !important}
.entry .col_1_2 img.alignleft {
margin:3px 15px 3px 0 !important}
.entry .col_1_2 img.alignright {
margin:3px 0 3px 15px !important}
.entry .col_1_3 img.alignleft {
margin:2px 10px 2px 0 !important}
.entry .col_1_3 img.alignright {
margin:2px 0 2px 10px !important}
span.preload.alignleft {
float:left;
display: inline-block;
margin:5px 20px 5px 0 !important}
span.preload.alignright {
float:right;
display: inline-block;
margin:5px 0 5px 20px !important}
span.preload.aligncentert {
float:right;
display: inline-block;
margin:5px auto}
.video_frame, .wp-caption{
padding:0;
margin:0}
.wp-caption, .image_frame {
display:inline-block;
padding:6px;
background:#fff;
border-bottom:1px solid #bbbbbb;
text-align:center;
max-width:100%}
p.wp-caption-text, .frame_caption, .image_frame figcaption {
text-align:center;
display:block;
padding:10px 0;
font-size:15px;
margin:0 !important}
.entry .image_frame a {
color:#595959}
.image_frame a:hover {
color:#ff8a00}
/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
.btn, .entry .btn {
display:inline-block;
text-decoration:none;
text-align:center;
color:#fff;
font-size:14px;
font-family:Droid Arabic Kufi,'Open Sans',sans-serif;
font-weight:400;
padding: 10px 25px;
border-radius: 5px;
line-height: 20px;
margin: 5px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
white-space:nowrap;}
input.btn {
width:auto !important;
display:inline-block;
padding:0 23px;
*padding: 0 11px;
text-align:center;
height:43px;
cursor:pointer;
font-size:15px;
font-family: 'Open Sans' , sans-serif;
font-weight: 400;
color:#fff;
margin:0 !important;}
div.btn {cursor:pointer;}
.btn.btn-small {
padding:3px 28px;
}
.btn.btn-large {
padding:7px 38px;
}
.btn-red,
.btn-default,
input.btn-default
{
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #ca4e2a;}
.btn-hover,
.btn-default:hover {
background: #ee8765;
background: -moz-linear-gradient(top, #ee8765 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee8765), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: -o-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: -ms-linear-gradient(top, #ee8765 0%,#e45835 100%);
background: linear-gradient(to bottom, #ee8765 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8765', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #f4ad91 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #ca4e2a;}
.btn-pressed ,
.btn-default:active,
.btn-default input:active {
background: #e45835;
background: -moz-linear-gradient(top, #e45835 0%, #e96a46 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45835), color-stop(100%,#e96a46));
background: -webkit-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: -o-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: -ms-linear-gradient(top, #e45835 0%,#e96a46 100%);
background: linear-gradient(to bottom, #e45835 0%,#e96a46 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45835', endColorstr='#e96a46',GradientType=0 );
border:1px solid #ca4e2a;
box-shadow: inset 0 1px 0 #d54628}
.btn-blue {
background: #6797b4;
background: -moz-linear-gradient(top, #6797b4 0%, #5586a7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6797b4), color-stop(100%,#5586a7));
background: -webkit-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: -o-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: -ms-linear-gradient(top, #6797b4 0%,#5586a7 100%);
background: linear-gradient(to bottom, #6797b4 0%,#5586a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6797b4', endColorstr='#5586a7',GradientType=0 );
box-shadow: inset 0 1px 0 #93bace , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #48718a;}
.btn-yellow {
background: #eed177;
background: -moz-linear-gradient(top, #eed177 0%, #eac764 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eed177), color-stop(100%,#eac764));
background: -webkit-linear-gradient(top, #eed177 0%,#eac764 100%);
background: -o-linear-gradient(top, #eed177 0%,#eac764 100%);
background: -ms-linear-gradient(top, #eed177 0%,#eac764 100%);
background: linear-gradient(to bottom, #eed177 0%,#eac764 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed177', endColorstr='#eac764',GradientType=0 );
box-shadow: inset 0 1px 0 #f4e1a0 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #c9af60;}
.btn-gray {
background: #b4b4b4;
background: -moz-linear-gradient(top, #b4b4b4 0%, #a7a7a7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#a7a7a7));
background: -webkit-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: -o-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: -ms-linear-gradient(top, #b4b4b4 0%,#a7a7a7 100%);
background: linear-gradient(to bottom, #b4b4b4 0%,#a7a7a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#a7a7a7',GradientType=0 );
box-shadow: inset 0 1px 0 #cecece , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #919191;}
.btn-green {
background: #6ec78b;
background: -moz-linear-gradient(top, #6ec78b 0%, #5cbc79 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ec78b), color-stop(100%,#5cbc79));
background: -webkit-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: -o-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: -ms-linear-gradient(top, #6ec78b 0%,#5cbc79 100%);
background: linear-gradient(to bottom, #6ec78b 0%,#5cbc79 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ec78b', endColorstr='#5cbc79',GradientType=0 );
box-shadow: inset 0 1px 0 #99dab0 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #529969;}
.btn-brown {
background: #95887a;
background: -moz-linear-gradient(top, #95887a 0%, #847667 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95887a), color-stop(100%,#847667));
background: -webkit-linear-gradient(top, #95887a 0%,#847667 100%);
background: -o-linear-gradient(top, #95887a 0%,#847667 100%);
background: -ms-linear-gradient(top, #95887a 0%,#847667 100%);
background: linear-gradient(to bottom, #95887a 0%,#847667 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95887a', endColorstr='#847667',GradientType=0 );
box-shadow: inset 0 1px 0 #b8ada2 , 0 2px 5px rgba(154,125,108,.49);
border:1px solid #726a62;}
/*-----------------------------------*/
/* Columns Styles */
/*-----------------------------------*/
.container {
margin-left: auto;
margin-right: auto;
width: 960px;
position:relative}
/* = Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {margin-left:0 !important}
.omega {margin-right:0 !important}
/* Shortcode Columns (Max: 4 Cols, 10px left/right margin) */
.col {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px}
.cols2 .content .col {
margin:0;}
.cols2 .content .row .col {
margin:0 10px;}
/* Columns, Full width page, Content: 960px
-------------------------------------------------- */
.col_1 {width:940px}
.col_1_2 {width:460px}
.col_1_3 {width:300px}
.col_2_3 {width:620px}
.col_1_4 {width:220px}
.col_3_4 {width:700px}
/* Columns inside ROW */
.row .col_1 {width:960px}
.row .col_1_2 {width:470px}
.row .col_1_3 {width:306px}
.row .col_2_3 {width:634px}
.row .col_1_4 {width:225px}
.row .col_3_4 {width:715px}
/* Columns, Page with Sidebar, Content: 620px
--------------------------------------------------*/
.cols2 .content .col_1 {width:620px}
.cols2 .content .col_1_2 {width:300px}
.cols2 .content .col_1_3 {width:193px}
.cols2 .content .col_2_3 {width:407px}
.cols2 .content .col_1_4 {width:140px}
.cols2 .content .col_3_4 {width:460px}
/* Columns inside ROW */
.cols2 .content .row .col_1 {width:620px}
.cols2 .content .row .col_1_2 {width:300px}
.cols2 .content .row .col_1_3 {width:193px}
.cols2 .content .row .col_2_3 {width:407px}
.cols2 .content .row .col_1_4 {width:140px}
.cols2 .content .row .col_3_4 {width:460px}
.row .alpha, .col.alpha {
margin-left:0}
.row .omega, .col.omega {
margin-right:0}
/* Row inside content-box*/
.cols2 .content .content_box .row .col_1 {width:550px}
.cols2 .content .content_box .row .col_1_2 {width:265px}
.cols2 .content .content_box .row .col_1_3 {width:170px}
.cols2 .content .content_box .row .col_2_3 {width:360px}
.cols2 .content .content_box .row .col_1_4 {width:122px}
.cols2 .content .content_box .row .col_3_4 {width:408px}
/* Row inside content-box full-width*/
.full_width .content .content_box .row .col_1 {width:890px}
.full_width .content .content_box .row .col_1_2 {width:435px}
.full_width .content .content_box .row .col_1_3 {width:283px}
.full_width .content .content_box .row .col_2_3 {width:587px}
.full_width .content .content_box .row .col_1_4 {width:207px}
.full_width .content .content_box .row .col_3_4 {width:663px}
.full_width .content .content_box .row .col_1_5 {width:162px}
.full_width .content .content_box .row .col_4_5 {width:708px}
/*-----------------------------------*/
/* Box styles */
/*-----------------------------------*/
.box .inner {
padding:15px}
.box_white {
background:#fff}
.box_light_gray {
background:#f5f5f5}
.box_gray {
background:#eff1f0;
border:2px solid #e4e4e4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
.ie7 .box_gray {
border:none}
.box_light_green {
background:#ddf5bf !important;}
.box_light_yellow {
background:#fcf896 !important;}
.box_light_blue {
background:#2bb4dc !important;}
.box_light_pink {
background:#f9daf0 !important;}
.box_light_red {
background:#ffc4c4 !important;}
.box_red {
background:#e55e3a !important;}
.box_yellow {
background:#ebc85e !important;}
.box_violet {
background:#755782 !important;}
.box_blue {
background:#2bb4dc !important;}
.box_green {
background:#4daf7b !important;}
.box_dark_brown {
background:#5c5146 !important;}
.content_box {
background: #fff;
padding:35px;
margin-bottom:35px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.content_box h2 {
color:#5c5146;}
.content_box p {
color:#8e8071;
font-size:13px;}
.content_box h2:first-child ,
.content_box h3:first-child {
margin-top:0;}
/*-----------------------------------*/
/* Borders & Dividers */
/*-----------------------------------*/
.border {
border:1px solid #ebebeb}
.divider_space, .divider_space_thin,
.divider, .divider_thin {
clear:both;
display:block;
margin-bottom:40px;
padding-top:40px;
width:100%}
.divider_space_thin {
margin-top:10px;
margin-bottom:10px}
.divider_thin {
margin-bottom:15px;
padding-top:15px;}
.divider{}
/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/
/*-----------------------------------*/
/* Header Top */
/*-----------------------------------*/
.header_top {
width:100%;
height:65px;
background:#fff;
position:relative;
z-index:2;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.header_top .container {
width:940px;
padding:0 }
.logo {
padding:20px 0 0 ;
float:right;
position:relative;
z-index:1000;}
.logo h2,
.logo a{
font-family: Droid Arabic Kufi , "Open Sans" , sans-serif;
font-size:22px;
color:#907354;
margin:0;
line-height: inherit;}
.logo span {
color:#b09578;}
.logo a ,
.logo img {
display: block;
}
.header-header header_thinbottom,
.middle-bottom {
background:#fff !important;
box-shadow:0 0 12px rgba(171,139,110,.38) !important;
height: 110px !important;
margin-top: -18px !important;
z-index: 100;
}
.header-bottom .header-title,
.header .header-title,
.header-bottom .shortcode-title{
text-align:center;
width:940px;
margin:0 auto;
padding:35px 0 39px;}
.header-bottom .shortcode-title h2 {
margin:0;
font-weight: bold
}
.filter_menu{
margin-top: 0px !important;
margin-bottom: 0px !important;float: right;
}
.header-bottom {
background:#fff !important;
box-shadow:0 0 12px rgba(171,139,110,.38) !important;
position: relative;
margin-top: -1px !important;
}
.header-bottom .shortcode-title h2 span{
font-size:23px;
font-weight: 600;
}
.header .header-title{
padding:0;}
.header_big .header-title {
margin-bottom:70px;}
.header-bottom .header-title h1 ,
.header-title h5 {
margin:0;
color:#907354;}
.logo h11 {
color: #ad9077;
font-size: 22px;
}
{
color: #ad9077;
font-size: 22px;
}
h11.title a:hover {
color: #4D4137;
}
.descriptionwrapper {
margin-top: -3px;
}
.logo span {
font-size: 12px;
}
.header .header-title h1 ,
.header .header-title h5{
margin:0;
color:#fff;}
.header-bottom .header-title h1,
.header .header-title h1 {
font-size:35px;
font-style: italic;
margin-bottom:5px;}
.header .header-title h1,
.header .header-title h5 {
text-shadow:0 1px 3px rgba(0,0,0,.3)}
.header-bottom .header-title h5,
.header .header-title h5 {
font-style:italic;
font-weight:300;
font-size:24px;
letter-spacing: -1px;}
.header-categories {
padding:45px 0 35px;}
/*-----------------------------------*/
/* Topmenu */
/*-----------------------------------*/
/* topmenu Dropdown */
#topmenu {
min-height:38px;
margin:0;
float:left;
position:relative;}
.dropdown {
font-family: Droid Arabic Kufi,'Open Sans',sans-serif;
text-transform:uppercase;
font-size:16px;
font-weight:600;
position: relative;
margin:0;
padding:0;}
.dropdown > li {
display: block;
float:right;
position: relative;
border-right: 1px solid #f6f0ec;
border-top:3px solid transparent;
height:62px;
line-height: 62px;}
.dropdown > li:hover,
.dropdown > li.current-menu-item {
background-color:#f8f3f0;
border-top:3px solid #4daf7b;
height:62px;
line-height: 62px;}
.dropdown li a{
display: block;
color:#8e8071;
padding:0 25px;}
.dropdown li:last-child {
border-right:0;}
.dropdown li ul ,
.dropdown li ul ul{
display:none;}
.vidimg_slider .prev:hover{
left:-12px}
.vidimg_slider .next,
.img_slider .next{
right:-25px;
background-position:-30px 0}
.vidimg_slider .next:hover,
.img_slider .next:hover {
right:-27px}
.vidimg_slider .slider_btn {
left:334px}
/*-----------------------------------*/
/* Middle content */
/*-----------------------------------*/
/* Layout: Full Width, Sidebar Left, Sidebar Right
===================================*/
#middle {
clear:both;
position:relative;
z-index:1;
min-height:1px}
#middle.full_width .middle_row .container {
padding:0}
/* default: sidebar right */
#middle .content {
width:620px;
float:right;
min-height:100px;
margin:0 10px}
#middle .sidebar {
width:300px;
float:left;
}
/* sidebar left */
#middle.sidebar_left .content {
width:620px;
float:right;
margin:0 10px}
#middle.sidebar_left .sidebar {
width:300px;
float:left;
margin:0 10px}
#middle.full_width .content,
#middle.full_width .post-detail,
#middle.full_width2 .content,
#middle.full_width2 .post-detail {
width:960px;
float:none;
margin:0}
#middle.full_width .content {
padding:60px 0 90px}
#middle.full_width2 .content,
#middle.cols2 .content,
#middle.cols2 .sidebar {
padding:60px 0;}
/*-----------------------------------*/
/* Footer Widgetarea and Social */
/*-----------------------------------*/
/* footer social */
.footer_social {
text-align:center;
margin-bottom:15px;}
.footer_social a {
display:inline-block;
width: 40px;
height: 40px;
overflow:hidden;
background: transparent url(http://googledrive.com/host/0B-UFNCskEl7QTm5xLXhQOU9mc3M) 0 0 no-repeat;
margin:0 4px}
.footer_social a span {
display:block;
text-indent:-400px}
.footer_social .social-fb {background-position: -5px -3px;}
.footer_social .social-pinterest {background-position: -5px -99px;}
.footer_social .social-twitter {background-position: -5px -51px;}
/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/
footer {
background-color:#5c5146;}
footer .container {
padding:60px 0 35px;
color:#747e82}
.f-col {
width:220px;
float:left;
margin:0 0 0 20px}
.f-col ul {
margin:0;
padding:0}
.footer_widgetarea .f-col:first-child {
margin-left:0}
footer .widget-container li a {
color:#fff;
opacity: 0.8;
font-size:13px;}
footer .widget-container li a:hover {
opacity: 0.85;}
.f-col .widget-container {
color:#747e82;
line-height:1.4em;
padding:50px 0 0 0}
.f-col form label {
color:#5c5146;
margin-bottom:5px;
font-size:15px;
display: block;
}
.f-col .widget-container:first-child,
.f-col .widget-container.first {
padding-top:0}
.f-col .widget-container a {
color:#d6dee1}
.f-col .widget-container a:hover {
color:#e86741;}
.f-col .widget-container li,
.f-col .widget-container .tweet_item {
margin-bottom:5px;
}
.f-col .widget-container .tweet_item {
border-top:1px solid #847667;}
.f-col .widget-container .tweet_item:first-child {
border-top:0;
}
.f-col .widget-container li.last,
.f-col .widget-container .last.tweet_item {
background:none}
.f-col .widget-container .tweet_item .tweet_text {
color:#d6dee1;
font-size:13px}
.tweet_time {
display:block;
color:#fff;
text-align: right;
opacity: 0.5;
padding:5px 0 0 0}
.f-col .widget-container .tweet_item .tweet_text a {
color:#e8890f}
.f-col .widget-container .post-meta {
text-align:right;
padding:3px 0 0 0;
font-size:13px}
.f-col .widget-container .post-meta a {
font-size:13px;
color:#747e82 !important}
.copyright {
text-align: center;
display: block;
font-size: 14px;
color: #fff;
font-style: italic;}
.copyright a {
color:#fff}
.copyright a:hover {
color:#e8890f}
/*===================================================*/
/* 3. EXTENDED TYPOGRAPHY and SHORTCODES
/*===================================================*/
/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
.question {
padding: 35px 0;
margin: 0 10px;}
.question h2 {
margin:0;
float:right;
font-style:italic;
color:#e86741;
font-size:32px;
line-height: 1.4em;
letter-spacing: -1px}
/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
margin:0;
display:inline-block;
position:relative;
padding: 7px;
background-color: #fff;
border-top: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);}
.frame_box {
display:inline-block;
margin-bottom:15px;
max-width:100%}
.frame_box img {
width:auto;
max-width:100%;
height:auto}
.frame_left {
float:left;
display:block;
margin:5px 20px 5px 0}
.col_1_2 .frame_left {
margin:5px 20px 5px 0}
.frame_right {
float:right;
display:block;
margin:5px 0 5px 20px}
.frame_center {
display:block;
margin:0 auto 15px auto;
text-align:center; }
.frame_left img, .frame_right img, .frame_center img {
position: relative;
display: block;
}
/* quote left/right */
.quote_right, .quote_left, .quote_center, blockquote {
float:right;
font-size:15px;
font-style:italic;
color:#8e8071;
width:37%;
padding:3px 0 3px 30px;
line-height:1.5em;
font-weight:600}
.quote_left {
float:left;
padding:3px 30px 3px 0}
.quote_center, blockquote {
float:none;
display:block;
width:100%;
margin:20px auto;
padding:0}
.frame_quote {
background:#ebebeb;
margin:5px 0 20px;
border:1px solid #e6e6e6;
padding:15px 20px;
border-radius:3px;
-webkit-border-radius:3px}
.frame_quote blockquote {
margin:0;
line-height:1.5em}
.frame_quote blockquote .inner {
padding:2px 15px;
font-size:15px;
font-weight:normal}
.frame_quote blockquote p {
color:#ff8a00;
font-style:italic;
font-weight:normal}
.code {
background:#fff;
width:100%}
/* Toggle Contents */
.toggle, h3.toggle {
cursor:pointer;
margin:20px 0 10px 0;
padding:0}
.toggle .ico {
width:11px;
height:11px;
font-size:10px;
display:inline-block;
margin-left:5px}
.toggle.box .ico {
width:18px;
height:19px;
position:absolute;
top:9px;
right:10px}
.toggle.active .ico {}
.toggle.box .ico {}
.toggle.box.active .ico {}
.toggle_content {
line-height:1.6em;
padding-right:2px;
font-size:13px;
margin-bottom:35px !important;}
.toggle_content p, .entry .toggle_content p {
margin:0 0 10px 0}
.toggle_content .faq_question {
margin:5px 0 15px 0}
.toggle_content .faq_list {
margin:10px 0 0 0}
.toggle.box,
h3.toggle.box {
width:auto;
padding:20px 30px;
font-size:19px;
color:#5c5146;
font-family: 'Open Sans', sans-serif;
text-shadow:0 1px 1px #fff;
background:#fff;
position:relative;
margin:20px 0 0 0 !important;
display:block;
box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);}
.toggle.box.active {
background:#fff;
box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
border-bottom:1px solid #cdcdcd}
.boxed {
background:#fff;
margin:0;
padding:20px 30px;
box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);}
.toggle_content .syntaxhighlighter {
margin:0}
/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
.styled_table table,
.sb {
border-collapse: collapse;
margin:10px 0 20px;
text-shadow:none;
color:#404040}
.styled_table table {
width:100%;
border-collapse:separate;
padding-bottom:1px}
.styled_table table,
.sb {
border: 1px solid #e86741}
.styled_table.shadow table,
.sb_shadow {
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.styled_table table tr th,
.sb .box_title {
background:#e86741;
color:#fff;
font-size:16px;
font-weight:normal}
.styled_table table tr th,
.styled_table table tr td {
border-top:1px solid #d0d0d0;
padding:10px 15px;
text-align:right}
.styled_table table tbody td {
background:#e6e6e6;
padding:8px 15px;
font-size:13px;
font-weight:500}
.styled_table table tbody tr.odd td {
background:#f8f8f8}
.styled_table table tr:first-child th{
border-top: 0}
.table_yellow table,
.sb_yellow {
border:1px solid #ffd012}
.table_yellow table tr th,
.sb_yellow .box_title {
background:#ffd012;
color:#363636}
.table_blue table,
.sb_blue {
border:1px solid #2bb4dc}
.table_blue table tr th,
.sb_blue .box_title {
background:#2bb4dc;
color:#fff}
.table_green table,
.sb_green {
border:1px solid #4daf7c}
.table_green table tr th,
.sb_green .box_title {
background:#4daf7c;
color:#fff}
.table_dark table,
.sb_dark {
border:1px solid #363636}
.table_dark table tr td {
border-top:1px solid #d3d3d3}
.table_dark table tr th,
.sb_dark .box_title {
background:#363636;
color:#fff}
.table_orange table,
.sb_orange {
border:1px solid #fa9727}
.table_orange table tr th,
.sb_orange .box_title {
background:#fa9727;
color:#fff}
.table_pink table,
.sb_pink {
border:1px solid #f389c2}
.table_pink table tr th,
.sb_pink .box_title {
background:#f389c2;
color:#842658}
.table_purple table,
.sb_purple {
border:1px solid #755782}
.table_purple table tr th,
.sb_purple .box_title {
background:#755782;
color:#fff}
.table_red table,
.sb_red {
border:1px solid #bd4343}
.table_red table tr th,
.sb_red .box_title {
background:#bd4343;
color:#fff}
/* Styled Boxes */
.sb .box_title {
padding:10px 15px}
.sb.notitle .box_title {
display:none}
.sb .box_content {
padding:15px;
background:#fff;
color:#595959;
margin:1px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px}
/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
.highlight_yellow {
background:#fcf896;
color:#404040}
.highlight_brown {
background:#6b4119;
color:#fff}
.highlight_blue {
background:#2bb4dc;
color:#fff}
.highlight_black {
background:#535054;
color:#fff}
.highlight_purple {
background:#aa66c8;
color:#fff}
/*-----------------------------------*/
/* Custom Lists Styles */
/*-----------------------------------*/
.entry ul {
margin:10px 0 10px 20px;
padding:0}
.entry ul li {
margin-bottom:10px}
.list_check ul,
.list_delete ul,
.list_dots ul,
.list_square ul{
margin:0 0 20px 0}
.list_check li,
.list_delete li,
.list_dots li {
list-style:none;
margin:0 0 10px 0;
line-height:23px;
padding:0 0 0 20px}
.list_check li {
background:url(images/icons/icon_check2.png) 0 center no-repeat}
.list_delete li {
background:url(images/icons/icon_x2.png) 0 center no-repeat}
.list_dots li,
.list_square li {
list-style:disc;
padding:0;
margin:0 0 20px 25px}
.list_square li {
list-style:square}
/*-----------------------------------*/
/* Slideshow Gallery and Text */
/*-----------------------------------*/
.slider {
position:relative;
margin-bottom:10px}
.slider_mini {
width:300px}
.slider_small {
width:430px;}
.slider_medium {
width:550px}
.slider_quotes {
width:100%;
text-align: right;
margin-bottom:35px;}
.f-col .slider_quotes {
margin:0;
text-align: left;
}
.slider .slider-item {
position:relative;
background:#F8F3F0;
padding:10px;
border:1px solid #e6e6e6;}
.slider_quotes .slider-item {
position: relative;
background:#fff;
border:none;
width:600px}
.sidebar .slider_quotes {
width:300px !important}
.f-col .slider_quotes {
width:220px}
.f-col .slider_quotes .slider-item,
.sidebar .slider_quotes .slider-item {
background:none;
border: none;
padding:0;
width:300px}
.f-col .slider_quotes .slider-item {
width:220px;
}
1. GENERAL TYPOGRAPHY
- Global Reset
- General Styles
- Buttons
- Columns Styles
- Box styles
- Borders & Dividers
- Back to Top
2. SITE STRUCTURE
- Header
- Topmenu
- TopBar
- Top Slider and Carousel
- Middle content
- Footer
3. EXTENDED TYPOGRAPHY and SHORTCODES
- Typographic Elements
- Framed Tabs
- Custom Lists Styles
- Slideshow Gallery and Text
- Styled Tables and Boxes
- Text Highlights
- Table Pricing
4. EXTENDED ELEMENTS
- Newsletter box
- Advertise Baners
5. WIDGETS STYLES
6. POSTS
- Blog post list
- Pagination and Navigation
- Author description
- Comment list
- Comment form / Contact form
*/
/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family:'Droid Arabic Kufi';
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block}
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
img { height:auto !important ; max-width:100% !important;}
*+html img {
max-width:100% !important;
height: auto}
/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body {
font-family: Droid Arabic Kufi,'Open Sans', sans-serif;
color:#4f5e62;
font-size:14px;
line-height:1.6em;
position:relative;
background: #f8f3f0;
margin: 0 auto;
}
.body_wrap {
width:100%;
position:relative}
::-moz-selection {
background: #8e8071;
color: #fff;
text-shadow: none}
::selection {
background: #8e8071;
color: #fff;
text-shadow: none}
/* Floating & Alignment
===================================*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto}
.alignleft {
float: left}
.alignright {
float: left}
.text-right {
text-align:right}
.text-left {
text-align:right}
.text-center {
text-align:center}
/* Clear Floats
===================================*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0}
.clearfix {
*zoom: 1}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: ""}
.clearfix:after {
clear: both}
/* Typography
===================================*/
h1, h2, h3, h4, h5, h6 {
color: #5c5146;
font-family:'Droid Arabic Kufi', 'Open Sans' , serif;
font-weight:400;
line-height:1.2em;
margin-bottom:1em}
h1{font-size:22px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:17px}
h6{font-size:14px}
h1 span, h2 span, h3 span ,h4 span, h5 span, h6 span {
font-family:'Droid Arabic Kufi', 'Open Sans' , serif;
font-weight:400}
.post-detail .entry h1 {
margin:0 0 1em 0;
padding:0}
.post-detail .entry h2 {
margin:25px 0 20px}
.post-detail h2 {
margin:25px 0 20px}
.post-detail .entry h3 {
margin:25px 0 20px}
.post-detail .entry h4 {
margin:20px 0 10px}
.post-detail .entry h5 {
margin:20px 0 10px}
.post-detail .entry h6 {
margin:20px 0 10px}
.sidebar .slider_quotes .slider-item {
padding:10px;
width:280px;}
.col_1_2 .slider_small {
margin-left:10px}
.slider_small .slider_container h2 {
margin-bottom:10px}
.slider_small .slider-item,
.slider_small .slider-item iframe {
width:430px;
height:242px}
.slider_medium .slider-item,
.slider_medium .slider-item iframe {
width:530px;
height:300px}
.slider_mini .slider-item,
.slider_mini .slider-item iframe{
width:290px;
height:163px;
padding:5px}
.slider .slider-item.video_slide {
overflow:hidden}
.slider .slider-item.text_slide {
overflow:auto}
.slider .slider-item.text_slide .inner {
padding:5px 10px}
.slider .slider-item.text_slide h2:first-child,
.slider .slider-item.text_slide h3:first-child,
.slider .slider-item.text_slide h4:first-child {
margin-top:0}
.slider_pagination {
padding-top:10px;
text-align:center}
.slider_pagination a {
display:inline-block;
width:12px;
height:12px;
background:#71675C;
border:1px solid #e6e6e6;
overflow:hidden;
text-indent:-300px;
margin:0 3px;
box-shadow:0 1px 3px rgba(0,0,0,.4);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);}
.slider_pagination a:hover,
.slider_pagination a.selected {
background: #E86741}
.ie7 .slider_pagination a {
display:block;
float:left}
.ie7 .slider_pagination {
margin-left:40%}
/*header quotes*/
/*
.header_quotes {
width:680px;
min-height:92px;
overflow:hidden;
position: relative;
margin:0 auto;
padding:0;}
.header_quotes .slider-item {
width:680px;
padding:5px 0;}
.header_quotes .quote-image {
width:140px;
height:40px !important;
display:inline-block;
position:relative;
text-align:center;
vertical-align:middle;
margin-right:10px}
.header_quotes .quote-text {
width:485px;
padding:30px 0 30px 40px;
line-height:inherit;}
.header_quotes .quote-author {
float:right
}
*/
.header_testimonials {
position: relative;
z-index:1;
width:700px;
margin:0 auto;
display: block;
min-height:110px}
.header_testimonials .quote-image {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0 10px 0 0;
position:relative;
width:150px;
text-align: center;}
.header_testimonials .quote-image img {
display: inline-block;
vertical-align: middle;}
.header_testimonials .slider_wrapper {
display:inline-block;
zoom: 1;
*display: inline;
vertical-align:middle;
background: transparent;
width:536px}
.header_testimonials .quote-text {
padding-right:0;
}
/* quotes / testimonials */
.slider_quotes .slider_wrapper{
display:inline-block;
zoom: 1;
*display: inline;
vertical-align:middle;
background: #fff;}
.quote-text {
color:#8e8071;
font-size:18px;
font-style:italic;
font-weight:normal;
background:url(images/icons/quote.png) 5px 12px no-repeat;
padding:30px 40px;
line-height:25px;}
.quoteBox .quote-text {
background:none;
padding:0;
font-size:15px;}
.quoteBox .quote-author,
.quoteBox .quote-author span {
color:#bfbbb6;
text-align:right;}
.quote-text p {
padding:0;
margin-bottom:15px}
.quote-author {
padding:5px 0 0 0;
color:#bfbbb6;
text-align:right}
.quote-author span {
color:#e8890f}
.f-col .quote-text,
.sidebar .quote-text {
color:#8e8071;
font-size:14px;
background:none;
padding:0;}
.sidebar .quote-text {
color:#8e8071;
background:url(images/icons/quote.png) 0 2px no-repeat;
padding:20px 35px 0 35px;
font-size:14px}
.content .slider.slider_quotes h3 {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
font-size: 34px;
color: #FFF;
font-weight: 700;
letter-spacing: -2px;
position:relative;
top:8px;
right:60px;}
.content .slider.slider_quotes h3 img {
position: relative;
vertical-align: middle;
top:-3px;
margin-right:15px;
}
.sidebar .quote-author, .sidebar .quote-author span {
color:#bfbbb6;
text-transform:none;
text-align:right}
.f-col .quote-author, .f-col .quote-author span {
color:#e6e6e6;
text-transform:none;
text-align:right}
.clients-ico {
background: url(images/icons/client_ico.png) no-repeat;
width: 51px;
height: 51px;
vertical-align: middle;
top: -2px;}
/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
/*-----------------------------------*/
/* Table Pricing */
/*-----------------------------------*/
.pricing_box {
position:relative;
clear:both;
padding:15px 0;
margin: 0 30px 60px;
}
.entry .pricing_box ul {
margin:0;}
.entry .pricing_box li.price_col {
width:215px;
float:left;
padding:0;
margin:0 -3px;
text-align:center;
border-radius:5px;}
.price_col {
position:relative;
z-index:2;}
.price_col.last {
z-index:1;}
.price_col .price_item {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
box-shadow-blend-mode:multiply;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;}
.price_col .price_item {
border-radius:6px;
overflow:hidden;}
.price_col_head {
position:relative;
background:#847a6e;
color:#fff;}
.price_col_red .price_body_top span {
color:#f5c6c6}
.price_col_purple .price_body_top .price span {
color:#c9bbdf}
.price_col_head .price {
font-family: 'Open Sans', serif;
display:block;
padding:0;
color:#fff;
font-size:37px;
font-weight: bolder;
height: 54px;
line-height: 54px;
letter-spacing: -1px;
box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-o-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);}
.price_col.last .price_col_head .price {
box-shadow: inset 8px -3px 6px rgba(73,73,73,.3);
-webkit-box-shadow: inset 8px -3px 6px rgba(73,73,73,.3);}
.price_col.first .price_col_head .price {
box-shadow: inset -8px -3px 6px rgba(73,73,73,.3);
-webkit-box-shadow: inset -8px -3px 6px rgba(73,73,73,.3);}
.price_col_head .price em {
font-size:37px;
margin-right:3px;
font-weight:bold;
font-style:normal;
color:#fff}
.price_col_head .price sup {
vertical-align: baseline;
position: relative;
top: -0.7em;
margin-left:2px;
font-size:0.5em;
color:#efe7de;
font-weight:bold;}
.price_body_top strong {
font-size:27px;
display:block;
margin-bottom: 10px;
color:#fff;
font-weight:bold;
font-style: italic;}
.price_body_top span {
font-size:11px;
display:block;
text-transform: uppercase;
font-weight:bold;}
.price_col_body {
background: #fff;}
.price_col .price_col_body .price_body_inner{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-khtml-border-radius:50%;
padding: 25px 0;
margin:25px auto;
width:160px;}
.price_body_top .line {
width:80px;
height:1px;
margin:0 auto;}
.price_col.price_col_blue .price_col_body .price_body_inner {
background:#6e9bb7;}
.price_col.price_col_yellow .price_col_body .price_body_inner {
background:#edcd6e;}
.price_col.price_col_green .price_col_body .price_body_inner {
background:#65c383;}
.price_col.price_col_red .price_col_body .price_body_inner {
background:#e7643f;}
.price_col_blue .price_body_top .line {
background: #a4cee7;}
.price_col_yellow .price_body_top .line {
background: #fdf0ca;}
.price_col_green .price_body_top .line {
background: #79dd98;}
.price_col_red .price_body_top .line {
background: #ffc19b;}
.price_col_yellow .price_body_top span {
color:#fef4d8}
.price_col_blue .price_body_top span {
color:#a4cee7}
.price_col_green .price_body_top span {
color:#89eca8}
.price_col_red .price_body_top span {
color:#ffc19b}
.entry .price_col_body ul li {
color:#fff;
font-size:12px;
display:block;
line-height: 17px;
padding:0;
margin:0;}
.entry .price_col_body ul li:first-child {
margin-top:5px !important}
.entry .price_col_foot {
position:relative;
background:#f8f3f0;
padding:17px 0;
color:#fff;}
.entry .col_active .price_col_foot {
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px}
.entry .col_active .price_col_foot a {
padding: 7px 38px;}
.entry .price_col_foot a span {
min-width:inherit}
.entry .col_active .price_body_inner {
padding: 35px 0;
margin: 15px auto;
width: 180px;}
.entry .col_active .price_col_head {
position: relative;
background: #776b5e;
color: #fff;}
.entry .col_active .price_col_head .ribbon {
background:transparent url(images/best.png) no-repeat;
padding:29px;
position:absolute;
right:0;
top:0;}
.entry .col_active .price_body_top span {
border-color:#dfdfd9}
.entry .col_active .price_item {
margin-top:-10px;
border-radius: 5px;
position: relative;
z-index:2;
border:none}
.entry .col_active .price_item {
border-radius:5px;
-webkit-border-radius:5px}
.entry .col_active .price_item .price_col_head {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-left:none;
border-right:none}
.entry .col_active .price_item .price_col_head .price {
font-size:45px;
height: 70px;
line-height: 70px;
border-radius: 5px;}
.entry .pricing_box li.col_active {
z-index:3;}
/*price style 2*/
.pricing_box.price_style2 {
padding:30px 0 !important;}
.price_style2 .price_col_head .price {
font-size: 46px;
height:70px;
line-height: 70px}
.price_style2 .price_col_head .price em {
font-size:46px;}
.price_style2 .price_col_body .price_body_inner {
border-radius: 0;
width:205px;
padding: 23px 0;
margin:35px auto;}
.price_style2 .price_col_body .price_body_top span {
font-size:14px;
margin-bottom:5px;}
.price_style2 .price_col_body .price_body_top strong {
font-size: 34px;
margin-bottom: 15px;}
.entry .price_style2 .col_active .price_col_head .price {
font-size: 60px;
height:90px;
line-height: 90px}
.entry .price_style2 .col_active .price_col_head .price em {
font-size: 60px;}
.entry .price_style2 li.col_active{}
.entry .price_style2 .col_active .price_col_head .ribbon {
background:transparent url(images/best_big.png) no-repeat;
padding:38px;
position: absolute;
top:-1px;
right:0;}
.entry .price_style2 .col_active .price_body_inner {
width:225px;}
.price_style2 .col_active .price_body_top strong {
font-size: 37px;
margin-bottom: 20px;}
.entry .price_style2 .price_body_inner .line {
width:100px;}
.entry .price_style2 .price_col_body ul li {
font-size: 15px;
line-height: 25px;}
.entry .price_style2 .price_col_body ul li:first-child {
margin-top:13px !important;}
.entry .price_style2 .col_active .price_col_foot a {
padding:13px 57px;
}
.entry .price_style2 .col_active .price_col_foot {
padding:25px 0;
}
/* framed tabs */
.tabs_framed {
margin-bottom:20px;
padding:0}
.tabs_framed .tabs {
margin:0;
height:52px;}
.tabs_framed .tabs li {
position: relative;
float:left;
display:block;
list-style:none;
margin:0 3px 0 0;
padding:8px 0 0 0;
height:52px;
line-height:normal;
z-index:1;
}
.tabs_framed .tabs li a {
display:block;
font-family: 'Open Sans', serif;
font-weight: 600;
font-size:15px;
float:left;
padding:0 30px;
line-height: 52px;
color:#8e8071;
text-decoration:none;
text-transform:uppercase;
background:none;
border:1px solid #c1b7ad;
border-bottom:none;}
.tabs_framed .tabs .current a {
background:#fff;
border:none;
box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px -2px 6px -2px rgba(0,0,0,.3);}
.tabs_framed .tabs .current a,
.tabs_framed .tabs .current a:hover {
text-shadow:0 1px 1px #fff}
.tabs_framed .tabcontent {
position: relative;
z-index:10;
font-size:13px;
box-shadow:-2px 4px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 3px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 5px 6px -2px rgba(0,0,0,.3);
}
.tabs_framed .tabcontent a {
color:#5c5146
}
.tabs_framed .tabcontent .inner {
z-index:10;
padding:30px;
background:#fff;
color:#8e8071}
.entry .tabcontent h2,
.entry .tabcontent h3,
.entry .tabcontent h4,
.entry .tabcontent h5,
.entry .tabcontent h6 {
margin:5px 0 10px 0;
color:#5c5146}
/* small tabs */
.small_tabs .tabs {
height:38px}
.small_tabs .tabs li {
padding:5px 0 0 0;
height:40px}
.small_tabs .tabs li a {
font-size:13px;
padding:0 15px;
height:40px;
line-height:40px}
/* tf_sidebar_tabs */
.content .tf_sidebar_tabs {
margin-bottom:35px;}
.tf_sidebar_tabs {
margin:0 0 20px}
.f-col .tf_sidebar_tabs {
margin:0;
padding-top:40px}
.tf_sidebar_tabs .tabs{
height:47px;}
.tf_sidebar_tabs .tabs li {
margin:0 3px 0 0;
padding:0;
border-bottom:0}
.tf_sidebar_tabs .tabs li a {
font-size:15px;
padding:0 15px;
display: block;
text-decoration:none;
background:none}
.sidebar .tf_sidebar_tabs .tabs li a {
font-size:11px;
padding:0 11px}
.f-col .tf_sidebar_tabs .tabs li {
border:none}
.f-col .tf_sidebar_tabs .tabs li a {
font-size:10px;
padding:0 7px}
.tf_sidebar_tabs .tabs .current a {
background:#fff;
box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-webkit-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);
-moz-box-shadow:-2px 1px 6px -2px rgba(0,0,0,.3);}
.tf_sidebar_tabs .tabcontent {
padding:1px 0 0 0;
font-size:13px;
background:#fff;
border-top:none}
/*===================================================*/
/* 4. EXTENDED ELEMENTS */
/*===================================================*/
/*-----------------------------------*/
/* Posts carousel */
/*-----------------------------------*/
/*-----------------------------------*/
/* Newsletter box */
/*-----------------------------------*/
.newsletterBox .inputField {
float:right;
width:125px;
margin:1px 8px 15px 0;}
.f-col .newsletterBox .inputField {
margin:1px 5px 5px 0;}
.newsletterBox .butt {
padding-right:17px;
float:left;}
.newsletterBox .butt input {
margin:0;
padding-left: 20px;
border-radius:0;
-webkit-border-radius:0}
.newsletter_text {
clear:both;
padding-top:5px;
color:#939393}
.newsletter_text .link-news-rss {
color: rgb(142, 128, 113);
font-size: 13px;
background: url("images/icons/rss_ico.png") no-repeat scroll 0px 1px transparent;
padding-right: 19px;
}
.link-news-rss span {
color:#e23e29;
text-decoration:underline;}
/*-----------------------------------*/
/* Partnerships */
/*-----------------------------------*/
.partener {
position: relative;
text-align: center;}
.partener h2{
font-style: italic;
font-size: 18px;
color: #e86741;
position: relative;
top: -57px;
margin-bottom: -21px;}
.pencil-ico {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -46px;
width: 19px;
height: 20px;
top:0px;
}
.read-ico {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png") repeat scroll -1px -72px transparent;
width: 22px;
height: 22px;
top: 0px;
margin-left: -12px;
float: right;
margin-right: 30px;
}
.post-item .post-meta a:hover > .read-ico{
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVRNhyphenhyphenjVIKxJm8YTn9fr35-CoJrbG_8qUCirx9KJlbeDFvcEdDIxXKvt9gHAK6RW85oEDBSEwfkSGEL4Kw28D6eH-yH26BJEEXeEBusjbK9AdmnoNBRnlXITwCPBqP4hw89UlR_9tUO5G/s1600/post-ico.png) -1px -99px;
}
.tweeter-ico {
background: transparent url(images/icons/tweet-ico.png) no-repeat;
width: 53px;
height: 53px;
top: -2px;
}
.big-photo-ico {
background: transparent url(images/icons/ico-set1.png);
width:46px;
height:42px;
top:-5px;
margin-right:16px;
}
.ui-ico {
background:transparent url(images/icons/ico-set2.png);
width:21px;
height:42px;
top:-3px;
margin-right:14px;
}
.big-pencil-ico {
background:transparent url(images/icons/ico-set3.png) no-repeat;
width:33px;
height:42px;
top:-2px;
margin-right:14px;
}
.calendar-ico {
background:transparent url(images/icons/calendar.png) no-repeat;
width:21px;
height:21px;
top:-3px;
}
.location-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px 0;
width: 18px;
height: 25px;
top:-2px;}
.mail-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px -37px;
width: 25px;
height: 25px;
top:-1px;
}
.phone-ico {
background:transparent url(images/icons/contact-ico.png) no-repeat -1px -72px;
width: 25px;
height: 25px;
top:-1px;
}
.ico-cat {
background:transparent url(images/icons/menu_ico.png) no-repeat 0 0 ;
position: absolute;
right:18px;
top:15px;
left:auto;
margin:0;
width: 18px;
height: 18px;}
.ico-cat1 {background-position: 0 0 !important;}
.ico-cat2 {background-position: 0 -23px !important;}
.ico-cat3 {background-position: 0 -44px !important;}
.ico-cat4 {background-position: 0 -68px !important;}
.hidden { display: none !important; visibility: hidden}
.invisible { visibility: hidden; }
/*-----------------------------------*/
/* Print styles */
/*-----------------------------------*/
i {
position: relative;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
text-decoration: none;
font-style: normal;
background-repeat: no-repeat;
margin-right:12px;
vertical-align: middle;
}
a.comment-reply-link{
color: hsl(31, 11%, 50%);
font-size: 13px;
}
a.comment-reply-link:hover{
color: hsl(14, 78%, 58%);
text-decoration: none;
outline: none;
}
#cancel-comment-reply-link
{
margin-left: 44px;
}
.dropdown li li:hover, .dropdown li li.current-menu-parent,.dropdown li li.current-menu-item {
border-right: 3px solid hsl(148, 39%, 49%);
background-color: hsl(22, 36%, 96%);
width: 195px;
}
.dropdown li.current-menu-ancestor{
border-top: 3px solid hsl(148, 39%, 49%);
background-color: hsl(22, 36%, 96%);
}
.content .slider.slider_quotes h3 img {
position: relative;
vertical-align: middle;
top:-3px;
margin-right:15px;
}
.widget-container.widget_nav_menu li ul li a
{
display: block;
font-size: 13px;
padding: 10px 50px;
}
.widget-container.widget_nav_menu li ul li ul li a
{
display: block;
font-size: 13px;
padding: 10px 65px;
}
.widget_recent_comments li .thumbnail {
margin-right: 0;
}
.widget_archive .widget_dropdown
{
height: 43px;
margin: 0 75px;
}
.widget-container.widget_pages .current_page_item
{
color: hsl(31, 11%, 50%);
background-color: hsl(22, 36%, 96%);
border-left: 3px solid hsl(148, 39%, 49%);
}
.f-col .widget-container.widget_nav_menu li ul li ul li a
{
padding:0 25px;
}
.f-col .widget_tag_cloud .tagcloud a span {
background: hsl(140, 44%, 55%);
}
.f-col .widget_tag_cloud .tagcloud a:hover span {
background: hsl(0, 0%, 95%);
}
.f-col .flickr-inner {
padding: 0;
}
.f-col .widget-container.widget_pages .current_page_item {
color: hsl(31, 11%, 50%);
background: none;
border-left: none;
}
.f-col .btn-default,.f-col .input.btn-arrow
{
font-size: 12px;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
color: hsl(31, 100%, 23%);
padding: 0 10px 2px 10px;
height: 44px;
margin: 0;
text-align: center;
background-color: buttonface;
}
.f-col .slider_quotes .slider_wrapper {
background:none;
}
.sidebar .widget-container.slider.slider_quotes h3
{
margin:0 121px;
}
.widget_categories li.current-cat a
{
color: hsl(31, 11%, 50%);
background-color: hsl(22, 36%, 96%);
border-left: 3px solid hsl(148, 39%, 49%);
}
.widget_categories .postform
{
height: 43px;
}
.widget_categories li li a{
padding: 0px 2px;
}
.widget_categories .children li {
background:none;
padding-left: 44px;
}
.widget_categories .children li ul li{
background:none;
padding-left: 16px;
}
.widget_categories li ul li a {
background: none !important;
border-left: none !important;
}
.gl_col_2 .gallery-item, .gl_col_2 .gallery-item img {
width: 460px;
max-height: 300px;
}
.gl_col_3 .gallery-item, .gl_col_3 .gallery-item img {
width: 300px;
max-height: 300px;
}
a.mailhref{
color: #8e8071;
}
#topmenu .select_styled {
height: 38px;
width: 210px;
margin: 10px auto;
display: block;
}
#topmenu .select_styled {
color: #222;
font: 13px 'Open Sans' !important;
line-height: 14px;
padding: 9px 5px;
}
.add-comment h3, .contact-form h3 {
height: 89px;
line-height: 89px;
color: #5c5146;
font-size: 23px;
text-shadow: 0 1px 1px #fff;
padding: 0 45px;
margin: 0 !important;
}
.full_width .add-comment.contact-form {
margin: 0 auto 40px auto;
position: relative;
background: #fff;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.gallery-image img {opacity: 0;}
.sidebar .widget {
position: relative !important;
line-height: 1.4em;
font-size: 13px;
background: #fff;
margin-bottom: 20px;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.sidebar .widget-content {
padding: 0px 30px 5px 10px;
}
.sidebar .widget-content ul {
margin-right: -40px;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0px 0px 0px 10px;
}
.sidebar h2 {
font: 17px/60px 'Droid Arabic Kufi';
text-transform: uppercase;
color: #fff;
background: #8e8071;
line-height: 60px;
height: 60px;text-align: center;
padding: 0 0 0 0px;
margin: 0 0 20px;
letter-spacing: -1px;
word-spacing: 5px;
box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-o-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
}
.date-header, .jump-link, .post-share-buttons{
display:none!important;
}
.post {
position: relative;
margin-bottom: 40px;
background: #fff;
padding: 0;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
margin-top: -21px;
}
.Label a {
display: block;
border-left: 3px solid transparent;
padding: 14px 35px 14px 32px;
font-size: 14px;
color: #8e8071;
}
.Label a:hover {
color: #8e8071;
background-color: #f8f3f0;
border-left: 3px solid #4daf7b;
}
.Label .widget-content {
padding: 0 !important;
}
.post-title {
padding: 0;
margin-bottom: -27px;
padding-top: 18px;
}
.post-title a {
color: rgb(92, 81, 70);
font-family: Droid Arabic Kufi;
font-size: 20px;
}
.post-title a:hover {
color: #e86741;
}
.blog-feeds { display:none!important; }
NumberPage----------------------------------------------- */ .showpageArea a{text-decoration:underline}.showpageNum a{margin: 0 3px;padding: 4px;color: #fff;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #e96a46;background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);border: 1px solid #ca4e2a;}.showpageNum a:hover{border:1px solid #cdcdcd;background-color:#fff}.showpagePoint{color: #fff;text-decoration: none;margin: 0 3px;padding: 4px;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #9C4228;border: 1px solid #9C4228;}.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0;font-size:15px margin:0 3px}.showpage a{margin: 0 3px;padding: 4px;color: #fff;padding-left: 10px;padding-right: 10px;font-size: 15px;background: #e96a46;background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);border: 1px solid #ca4e2a;}.showpage a:hover{text-decoration:none;border: 1px solid #cdcdcd;}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff;background-color:#fff}.showpageOf{display:none}.showpageNum{margin:0 3px}.showpageArea{padding-bottom:20px;padding-top:4px;}
.pager-isi a {
}
.blog-pager-newer-link {
float: left;
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
}
.blog-pager-older-link {
float: right;
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
}
.post-feeds {
display: none;
}
.comment-block {
position: relative !important;
line-height: 1.4em;
font-size: 13px;
background: #fff;
box-shadow: 0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow: 0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.comment-header {
background: #8e8071;
padding: 10px;
margin-bottom: 15px;
}
.comment-header a{
font: 15px 'Open Sans';
text-transform: uppercase;
color: #fff;
letter-spacing: -1px;
}
.comments .comments-content .comment-content {
text-align: justify;
height: 34px;
padding: 18px;
}
.comments .comment .comment-actions a{
padding: 6px;
background: #e96a46;
background: -moz-linear-gradient(top, #e96a46 0%, #e45835 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96a46), color-stop(100%,#e45835));
background: -webkit-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -o-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: -ms-linear-gradient(top, #e96a46 0%,#e45835 100%);
background: linear-gradient(to bottom, #e96a46 0%,#e45835 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a46', endColorstr='#e45835',GradientType=0 );
box-shadow: inset 0 1px 0 #F19576 , 0 2px 5px rgba(154,125,108,.49);
border: 1px solid #ca4e2a;
color: #fff;
margin-right: 10px;
}
.comments .comments-content .datetime{
float: right;
}
.dropdown li:hover > ul {
background-color: #fff;
font-size:13px;
position:absolute;
display:block;
padding:0;
margin:0;
top:62px;
left:0;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.dropdown li:hover ul ul {
left:195px;
top:0;}
.dropdown li li{
display:block;
border-left:3px solid transparent;
position: relative;
*margin:0;
border-top:none !important;
width:195px;
line-height: 35px;}
.dropdown li ul a {
padding:0 25px 0 22px;}
.dropdown li li:hover ,
.dropdown li li.current-menu-item {
border-right:3px solid #4daf7b;
background-color:#f8f3f0;
width:195px;}
.dropdown .parent {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0GgRrgl03LKaz4d8MGjmcE-KyiORCcWoKU4aVR1MI7tnlapLvgepqL3SNgfwu9QToVmJYJkmJ0lyypt_LAv-y1DzkS3wN3clVlXS9mybAdufR9VzBjGTHAM087LoPRxLESS7_a0R1VU/s1600/parent_ico.png) ;
background-repeat: no-repeat;
background-position: 175px center;
}
/*Icons Menu*/
.icon-menu {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsnO4CLj16yYyvM2HTzD6IrqdSjmD1o2ypGKIC9v3da5_sBbz4oplluz0_N5rLXb8eDoBeQDjxLAFiG3IOrOhEtTcBQLdcy09uOHK5f48WlTAq2WhxwxIQv4bfToqJy1dOK6Io1iMCnU/s1600/menu-ico.png) no-repeat 0 0;
width:25px;
height:25px;
vertical-align: middle;}
.icon-menu1 {
background-position:-2px -2px;
top:-1px;
margin-left: 9px}
.icon-menu2 {
background-position: -2px -33px;
margin-left:4px;}
.icon-menu3 {
background-position: -2px -63px;
width:32px;
margin-left:10px;}
.icon-menu4 {
background-position: -2px -93px;
height:27px;
margin-left:4px;}
/*-----------------------------------*/
/* Header */
/*-----------------------------------*/
.header,
footer {
background-position:center top;
position:relative;
z-index:1;}
.header .container {
padding-top:65px;
width:940px;
height:454px;}
.header-medium .container {
width:940px;
height:384px;}
.header_thin .container {
height:125px;
padding-top:45px;}
.header_big .container {
padding-top:45px;
height:595px;
width:960px;}
.header .box {
position:relative;
float:right;
text-align:center;
margin-right:7px;
margin-bottom:7px !important;}
.header .box-2,
.header .box-2 img {
width:202px;
height:192px !important;}
.header .box-1,
.header .box-1 img {
width:306px;
height:391px;}
.header .box a {
display: block;
font-size:19px;
font-weight:600;
text-transform: uppercase;
color:#fff;}
.header .box-1 span {
line-height:391px;}
.header .box-2 span {
line-height:192px;}
.header .box a span {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#4daf7b;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition:opacity 0.3s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out;
-moz-transition:opacity 0.3s ease-in-out;
-o-transition:opacity 0.3s ease-in-out;
cursor:pointer;}
.header .box span:hover,
.header .box:hover span {
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.header.header-map .container, .header.header-map .container .map {
width: 100%;
height: 300px;
padding: 0;
}
.header .box img,
.header_video {
display:block;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.header_video iframe{
width:100%;
height:390px;
display:block;}
.contact_page .header .container,
.contact_page .header .container .map {
width:100%;
height:300px;
padding:0;}
/*-----------------------------------*/
/* Header Sliders */
/*-----------------------------------*/
/* oneByOne Slider */
.header_slider {
width:960px;
height:384px}
.header_slider .oneByOne1 {
width:960px;
height:384px;
top: 0;
left: 0;
position: relative;
overflow: hidden}
.header_slider .oneByOne_slide {
position: relative;
width:960px;
height:384px}
.oneByOne_item .slider_image {
position:absolute;
bottom:0}
.oneByOne_item .slider_title {
font-family: 'Open Sans', sans-serif;
text-align:center;
position:absolute;
width:800px;
top:65px;
left:80px;
z-index:2;}
.oneByOne_item .slider_title strong {
font-size:35px;
color:#fff;
text-shadow:1px 0 3px rgba(0,0,0,.3);
display:block;
font-weight:normal;
font-style:italic;
line-height: 1.3em;
letter-spacing: -1px;}
.oneByOne_item .slider_title a {
color:#fff}
.oneByOne_item .slider_subtitle {
width:600px;
margin:0 auto;
font-size:15px;
color:#1d2d31}
.slider_btn {
display:inline-block;
width:150px;
height:40px;
position:absolute;
bottom:-20px;
left: 400px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
text-decoration:none;
z-index:10;
line-height:40px;
background: #655a4f;
background: -moz-linear-gradient(top, #655a4f 0%, #53493e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#655a4f), color-stop(100%,#53493e));
background: -webkit-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: -o-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: -ms-linear-gradient(top, #655a4f 0%,#53493e 100%);
background: linear-gradient(to bottom, #655a4f 0%,#53493e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655a4f', endColorstr='#53493e',GradientType=0 );
box-shadow: inset 0 1px 1px rgba(255,255,255,.3) , 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.3) , 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-ms-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-o-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border:1px solid #333;
}
.slider_btn span {
display:block;
text-align:center;
cursor:pointer;
color:#fff;}
.arrowButton{
cursor: pointer}
.arrowButton .prevArrow, .arrowButton .nextArrow {
background: url(images/slider-arrow.png) 0 0 no-repeat;
width: 12px;
height: 15px;
position: absolute;
top:250px}
.arrowButton .prevArrow{
left:2px}
.arrowButton .prevArrow:hover{
left:0}
.arrowButton .nextArrow{
right:2px;
background-position:-14px 0}
.arrowButton .nextArrow:hover {
right:0}
.animate0{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 0s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 0s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate1{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .2s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate2{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .4s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate3{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .6s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate4{
-webkit-animation-duration: .6s;
-webkit-animation-delay: .8s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .8s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .8s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .8s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate5{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate6{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.2s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.animate7{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.4s;
animation-timing-function: ease;
animation-fill-mode: both;
}
/* Image Slider */
.img_slider {
padding:0}
.img_slider .slider_item {
position:relative;
width:960px;
height:534px}
.img_slider .slider_image {
width:960px;
height:508px}
.img_slider .slider_text {
position:absolute;
bottom:26px;
width:900px;
height:60px;
padding:10px 30px 35px 30px;
color:#e4e4e4;
font-size:15px;
text-align:center;
font-weight:500}
.img_slider .slider_text h2 {
font-size:24px;
margin:0 0 5px 0}
.img_slider .slider_text h2 a {
color:#fff}
.img_slider .prev, .img_slider .next {
background: url(images/slider_nextprev.png) 0 60% no-repeat;
width: 30px;
height: 403px;
position: absolute;
z-index:2;
top:86px;
overflow:hidden;
text-indent:-400px}
.img_slider .prev,
.img_slider .prev:hover{
left:5px}
.img_slider .next,
.img_slider .next:hover{
right:5px;
background-position:-30px 60%}
.img_slider .slider_btn {}
.img_slider .slider_btn span {
color:#7b3400;
text-shadow:0 1px 1px #f7e4b6}
/* Image & Video Slider */
.header_slider {
padding:0}
.vidimg_slider .slider_item {
width:900px;
height:424px;
padding:30px 30px 0 }
.vidimg_slider .slider_image {
background:url(images/slider_image_box.png) center no-repeat;
width:426px;
height:240px;
padding:22px 29px 100px 30px;
float:left;
margin:0}
.vidimg_slider .slide_image_right .slider_image {
float:right;}
.vidimg_slider .slider_text {
color:#1d2d31;
font-size:15px;
font-weight:500;
width:400px;
height:300px;
overflow: hidden;
text-align:center;
float:left;
padding:20px 0 0 0;
margin:0 15px 0 0}
.vidimg_slider .slide_image_right .slider_text {
margin:0 0 0 15px;
float:none}
.vidimg_slider .slider_text p {
margin-bottom:15px}
.vidimg_slider .slider_text h2 {
font-family: 'Open Sans', sans-serif;
font-size:45px;
color:#fff;
text-shadow:0 1px 1px #1d2d31;
font-weight:bold;
margin:0 0 15px 0;
line-height:1.2em}
.vidimg_slider .slider_text h2 a {
color:#fff}
.vidimg_slider .prev, .vidimg_slider .next,
.img_slider .prev, .img_slider .next {
background: url(images/slider_nextprev.png) 0 0 no-repeat;
width: 30px;
height: 72px;
position: absolute;
z-index:2;
top:200px;
overflow:hidden;
text-indent:-400px}
.vidimg_slider .prev{
left:-10px}
.partnerships {
padding:50px 0;
position: relative;
line-height: 75px;
margin: 0 0 0 20px;
}
.partnerships li {
display:block;
float:left;
margin-right:61px;}
.partnerships li img{
vertical-align: middle;}
/*-----------------------------------*/
/* Join Box */
/*-----------------------------------*/
.join-box {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
margin-bottom:20px;}
.join-box h2 {
display:block;
margin:0;}
.join-box h2 a{
display:block;
color:#fff;
font-weight: bolder;
font-size: 33px;
padding:36px 0 36px 40px;}
.join-ico {
background:transparent url(images/icons/join_us.png) no-repeat;
width:45px;
height:46px;
vertical-align: middle;
top:-1px;
margin-right: 25px;}
/* minigallery_carousel */
.minigallery_carousel {
padding:0 25px;
position:relative;
clear:both;
margin:10px 0 30px 0}
.entry .minigallery_carousel ul {
margin:0;
padding:0}
.minigallery_carousel li {
display:block;
float:left;
width:100px;
height:100px;
margin:0 8px;
position:relative;
text-align:center}
.entry .minigallery_carousel li {
margin-bottom:0}
.minigallery_carousel li img {
width:92px;
height:92px;
padding: 4px;
background-color: #fff;
border-top: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)}
.minigallery_carousel .prev,
.minigallery_carousel .next {
display:block;
width:20px;
height:100px;
overflow:hidden;
text-indent:-300px;
position:absolute;
top:0;
background:url(images/prev_next_arrows.png) 2px center no-repeat}
.minigallery_carousel .prev {
left:0}
.minigallery_carousel .next {
right:0;
background-position:-31px center}
.minigallery_carousel .prev:hover,
.minigallery_carousel .next:hover {
background-color:#f2f2f2}
.minigallery_carousel li:hover a img {
background:#E8890F}
/*Header minigallery_carousel */
.header .minigallery_carousel {
position:relative;
clear:both;
padding:0;
margin:10px 0 0 }
.header .minigallery_carousel .service_item{
margin:0;}
.header .minigallery_carousel li {
display:block;
float:left;
width:300px;
min-height:450px;
margin:0 10px;
position:relative;
text-align:center}
.header .minigallery_carousel img {
border:none;
box-shadow: none;
}
.entry .minigallery_carousel li {
margin-bottom:0}
.header .minigallery_carousel .prev,
.header .minigallery_carousel .next {
display:block;
width: 43px;
height: 43px;
overflow:hidden;
text-indent:-300px;
position:absolute;
top: 39%;
background:url(images/carousel_arrow.png) -2px center no-repeat}
.header .minigallery_carousel .prev {
left:-72px}
.header .minigallery_carousel .next {
right:-72px;
background-position:-46px center}
.minigallery_pagination .pagination {
width:940px;
margin:0 auto;
padding:25px 0;
text-align: center;}
.minigallery_pagination .pagination a {
background:transparent url(images/carousel_pag.png) -1px -24px no-repeat;
text-indent: -4000px;
width:16px;
height:16px;
display: inline-block;
margin:0 3px;
vertical-align: middle;}
.minigallery_pagination .pagination a:hover,
.minigallery_pagination .pagination a.selected {
background:transparent url(images/carousel_pag.png) -1px -1px no-repeat;}
/*Service List*/
*+html .service_list {
margin-bottom:35px;}
.service_item {
text-align:center;
float:left;
position:relative;
width:220px;
height:auto;
background:#fff;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
padding:40px;
margin: 0 10px 35px;
}
.service_item .service_img,
.team-box .team-image {
margin-bottom:15px;}
.service_item .service_title h2 {
font-size:23px;
color:#5c5146;
vertical-align: middle;}
.service_item .service_desc {
margin-bottom:20px;}
.service_item .service_desc p,
.team-text p{
font-style: italic;
color:#8e8071 ;
font-size:14px;}
.categories-item {
background:#e55e3a;
width:220px;
float:left;
margin:0 10px 15px;
color:#fff;
padding:30px 40px 25px;
text-align:right;}
.content .categories-item {
margin-bottom:35px;}
.categories-list .categories-item .categories_title h2
.categories-item .categories_title h2 {
background:none;
margin:0;}
.categories-item .categories_title h2 a{
color:#fff;
font-weight:bolder;
font-size:23px;
letter-spacing: -1px;}
.categories-item .categories_title h2 a img {
vertical-align: middle;
position: relative;
top:-4px;
margin-right:14px;
}
.categories-item .categories_title {
margin-bottom:20px;}
.categories-item .categories_desc p{
color:#fff;
font-size:15px;
font-style:italic;
margin-bottom:10px;
line-height: 1.6em;}
.categories-style2 .categories-item {
width:300px;
background:#fff;
padding:0;
color:#8e8071;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);}
.categories-style2 .categories_title {
margin:0;}
.categories-style2 .categories-item h2 {
font-size: 31px;
font-weight: bolder;
color: #fff;
line-height: 97px;
margin: 0;
padding:0 40px;
letter-spacing: -1px;}
.categories-style2 .categories-item .categories_desc {
padding:30px 40px}
.categories-style2 .categories-item p {
color:#8e8071;}
/*===================================================*/
/* 5. WIDGETS STYLES */
/*===================================================*/
footer .widget-container h3,
footer .widget-container h3.widget-title{
color:#fff;}
/* Sidebar Widget Container */
.sidebar .widget-container {
position:relative !important;
line-height:1.4em;
font-size:13px;
background:#fff;
margin-bottom:20px;
padding: 0 0 20px;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);}
.sidebar .widget-container .widget-title {
font:17px 'Open Sans';
text-transform:uppercase;
color:#fff;
background: #8e8071;
line-height: 60px;
height: 60px;
padding: 0 0 0 35px;
margin: 0 0 20px;
letter-spacing: -1px;
word-spacing: 5px;
box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-webkit-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -3px 3px 0rgba(73,73,73,.3);
-ms-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);
-o-box-shadow: inset 0 -3px 3px 0 rgba(73,73,73,.3);}
/* Sidebar Widget Container Style 2*/
.sidebar .widget-container-2 {
position:relative !important;
line-height:1.4em;
font-size:13px;
background:#fff;
margin-bottom:20px;
border-left:3px solid #ebc85e;
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
padding:35px 35px 40px 32px;}
.sidebar .widget-container-2 .widget-title{
font:17px 'Open Sans';
color:#5c5146;
padding:0;
margin: 0 0 10px;
letter-spacing: -1px;
word-spacing: 5px;}
/*Content Widget Container*/
.content .widget-container {
box-shadow:0 0 12px rgba(171,139,110,.38);
-webkit-box-shadow:0 0 12px rgba(171,139,110,.38);
-khtml-box-shadow:0 0 12px rgba(171,139,110,.38);
-moz-box-shadow:0 0 12px rgba(171,139,110,.38);
-ms-box-shadow:0 0 12px rgba(171,139,110,.38);
background:#fff;}
.content .widget-container .widget-title {
color: #5c5146;
font-size: 26px;
letter-spacing: -1px;
margin-bottom:15px;
line-height: inherit;}
/*Widget-Tweets*/
.widget-tweeter {
padding-bottom:10px !important;}
.sidebar .widget-container .widget-tweeter h3,
.sidebar .widget-tweeter h3,
.content .widget-container .widget-tweeter h3,
.content .widget-tweeter h3{
font-size:31px;
font-weight:bolder;
color:#fff;
line-height: 120px;
margin: 0 0 35px;
padding-left: 35px;
letter-spacing: -1px;}
.sidebar .widget-container .widget-tweeter h3,
.sidebar .widget-tweeter h3 {
line-height: 95px;
}
.widget-tweeter .tweet_item {
padding:0 35px;
font-size:14px ;
margin-bottom:30px;
line-height: 1.4em;
color:#8e8071;}
.f-col .widget-tweeter .tweet_image {
float:left;
width:30px;
height:30px;
margin:5px 10px 0 0}
.f-col .widget-tweeter .tweet_image img {
width:30px;
height:30px}
.f-col .widget-tweeter .tweet_item {
clear:both;
padding:15px 0}
/* Twitter widget */
.twitter ul {
margin:15px 0;
padding:0}
.twitter li {
background:url(images/icons/icon_twitter.png) 0 15px no-repeat;
padding-left:30px;
padding-top:15px;
border-top: 1px solid #e1e0e0;
border-bottom: 1px solid #fff;
list-style:none;
margin-bottom:15px !important;
color:#4f5e62;
min-height:24px;
font-size:16px;
font-style:italic}
.twitter li:first-child {
border-top:none;
}
.twitter li a {
text-decoration:none}
.sidebar .twitter h3 {
padding-left:30px}
.twitter li a {
text-decoration:none}
.sidebar .twitter h3 {
padding-left:30px}
.sidebar .widget {
margin-bottom:30px}
/* Widget Calendar */
.sidebar .widget-container.widget_calendar,
.content .widget-container.widget_calendar{
padding:0;
}
.widget_calendar table {
border-collapse: collapse;
border-spacing:0;
width:100%;
margin:0;
font-family: "Open Sans",sans-serif;
background:#fff;
color:#8e8071;
position:relative;}
.widget_calendar table th{
font-size:12px;
height: 40px;
line-height: 40px;
font-weight: 700;
text-transform: uppercase;
border:none}
.widget_calendar table td{
text-align:center;}
.widget_calendar table tbody td {
font-size:15px;
border:1px solid #e5d3c2;
line-height:40px;
height: 40px;
background-color:#f8f3f0;
width:40px;
text-shadow:0 1px 1px #fff;}
.f-col .widget_calendar table tbody td{
height:25px;
line-height: 25px;
width:25px;
font-size:14px;}
.f-col .widget_calendar caption {
margin:0;
}
.widget_calendar table tbody .pad {
color:#c0c0c0;
border:1px solid #e5d3c2;
background:#f8f3f0}
.widget_calendar table tbody .disabled {
color:#c0c0c0;
background:#f9f9f9}
.widget_calendar table tbody a {
display:block;
background-color:#f8ece4;
color:#8e8071;}
.widget_calendar table tbody a:hover {
color:#db2e1f}
.widget_calendar table tfoot {
width:100%;
position:absolute;
top:0}
.widget_calendar table tfoot td {
border:none}
.widget_calendar #today,
.widget_calendar table tbody #today a {
color:#fff;
background-color:#5bc07c;
text-shadow:none;}
.widget_calendar table caption {
background-color:#54bc75;
margin-bottom:10px;
font-weight: 600;
text-transform: uppercase;
height:60px;
line-height:60px;
color:#fff;
font-size:19px;
box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-webkit-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-moz-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-ms-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);
-o-box-shadow: inset 0 -3px 4px -2px rgba(73,73,73,.25);}
.widget_calendar table #prev a,
.widget_calendar table #next a{
width: 12px !important;
height: 13px;
background:url(images/calendar_arrows.png) 0 0 no-repeat;
overflow:hidden;
text-indent:-400px;
padding:0;
position:absolute;
top:23px;}
.widget_calendar table #prev a {
left:15px}
.widget_calendar table #next a {
background-position:-13px 0;
right:15px;}
/* widget text */
.sidebar .widget_text .textwidget {
line-height:1.5em;
padding:0;
color:#8e8071;
font-family: 'Open Sans', sans-serif;
font-size:13px}
.content .widget_text {
padding:40px;
margin-bottom:35px;}
.content .widget_text .textwidget {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#8e8071;
line-height: 1.4em;}
.sidebar .widget_text .textwidget {
padding:15px 35px;}
.sidebar .widget_text .textwidget p {
margin-bottom:15px}
.sidebar .widget_text .textwidget p:last-child,
.sidebar .widget_text .textwidget p.last {
margin-bottom:0;}
.sidebar .widget_text .textwidget a {
color:#ff7200}
.f-col .widget_text .textwidget {
color:#d6dee1;
font-size:13px;}
/*Portfolio Filter*/
.portfolio_filter,
.blog_filter,
.contact_list {
text-align: center;
position: relative;}
.portfolio_filter ul,
.blog_filter ul,
.contact_list ul {
text-align:center;
font-size: 18px;
list-style: none;}
.portfolio_filter ul li,
.blog_filter ul li,
.contact_list ul li {
display: inline-block;
position:relative;
border-left:1px solid #f4ece7;
padding: 15px 27px;
list-style: none;
margin-right:-5px;}
.ie7 .portfolio_filter ul li,
.ie7 .blog_filter ul li,
.ie7 .contact_list ul li{
display: inline;
padding: 35px 27px;
}
.portfolio_filter ul li.last,
.blog_filter ul li.last,
.contact_list ul li:last-child ,
.contact_list ul li.last {
border-right:1px solid #f4ece7 ;}
.contact_list ul li {
color:#8e8071;}
.portfolio_filter ul li a {
background:transparent url(images/icons/unselect-ico.png) no-repeat left center;
padding-left:35px;
color:#7b6d5e;
letter-spacing: -1px;}
.portfolio_filter ul li a:hover,
.portfolio_filter ul li.current-menu-item a {
background:transparent url(images/icons/ok.png) no-repeat right center;
color:#e86741;}
.blog_filter ul li a {
color:#7b6d5e;}
.blog_filter ul li a:hover {
color:#e86741;}
/* widget_nav_menu */
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_pages ul {
padding:0 !important}
.widget_nav_menu li,
.widget_categories li,
.widget_archive li,
.widget_links li,
.widget_meta li,
.widget_pages li {
font-size:14px;
margin:0;
display:block;
position: relative;}
.widget-container.widget_nav_menu li a,
.widget_categories li a,
.widget_archive li a,
.widget_links li a,
.widget_meta li a,
.widget_pages li a {
display:block;
border-left: 3px solid transparent;
padding:14px 35px 14px 32px;
color:#8e8071;}
.f-col .widget-container.widget_nav_menu li a,
.f-col .widget_categories li a,
.f-col .widget_archive li a,
.f-col .widget_links li a,
.f-col .widget_meta li a,
.f-col .widget_pages li a {
opacity:0.6;
display:inline;
border:0;
padding:0;
color:#fff;}
.widget-container.widget_nav_menu li li a,
.widget_categories li li a,
.widget_archive li li a,
.widget_links li li a,
.widget_meta li li a,
.widget_pages li li a {
display:block;
font-size:13px;
padding:10px 50px;
color:#8e8071;}
.f-col .widget-container.widget_nav_menu li li a,
.f-col .widget_categories li li a,
.f-col .widget_archive li li a,
.f-col .widget_links li li a,
.f-col .widget_meta li li a,
.f-col .widget_pages li li a {
display:block;
font-size:13px;
padding:0 15px;}
.f-col .widget_categories li li:last-child {
margin:0;
}
.widget-container.widget_nav_menu a:hover,
.widget-container.widget_nav_menu .current-menu-item a,
.widget-container.widget_nav_menu .current-menu-item li a:hover,
.widget-container.widget_categories a:hover,
.widget-container.widget_categories .current-menu-item a,
.widget-container.widget_categories .current-menu-item li a:hover,
.widget-container.widget_archive a:hover,
.widget-container.widget_links a:hover,
.widget-container.widget_meta a:hover,
.widget-container.widget_pages a:hover{
color:#8e8071;
background-color:#f8f3f0;
border-right:3px solid #4daf7b;}
.f-col .widget-container.widget_nav_menu a:hover,
.f-col .widget-container.widget_nav_menu .current-menu-item a,
.f-col .widget-container.widget_nav_menu .current-menu-item li a:hover,
.f-col .widget-container.widget_categories a:hover,
.f-col .widget-container.widget_categories .current-menu-item a,
.f-col .widget-container.widget_categories .current-menu-item li a:hover,
.f-col .widget-container.widget_archive a:hover,
.f-col .widget-container.widget_links a:hover,
.f-col .widget-container.widget_meta a:hover,
.f-col .widget-container.widget_pages a:hover{
color:#fff;
opacity:1;
background:transparent;
border:none;}
.widget-container.widget_nav_menu li ul li a,
.widget-container.widget_nav_menu .current-menu-item li a,
.widget-container.widget_categories li ul li a,
.widget-container.widget_categories .current-menu-item li a {
background:none;
color:#999;
font-weight:600}
.widget-container.widget_categories a:hover .ico-cat,
.widget-container.widget_categories .current-menu-item a .ico-cat,
.widget-container.widget_categories .current-menu-item li a:hover .ico-cat {
background: transparent url(images/icons/hover_menu_ico.png) no-repeat ;}
/* Popular/Recent Posts widget */
.post_list {
padding:0 !important;
margin:0 !important}
.post_list li {
list-style:none;
clear:both;
padding:10px 12px 10px 18px;
font-size:13px;
min-height:55px;
border-top:1px solid #fff;
border-bottom:1px solid #e6e6e6;
background:#fff;
margin:0 !important}
.post_list li:first-child {
border-top:0;}
.f-col .post_list li {
min-height:inherit;
line-height:1.4em}
.post_list .odd {
background:#f9f9f9}
.sidebar .post_list li {
background:#e8e8e8}
.sidebar .post_list .odd {
background:#fff}
.post_list li a {
text-decoration:none;
color:#26363d;
font-size:15px}
.f-col .post_list li a {
font-size:13px;
}
.sidebar .post_list li a {
font-size: 13px;}
.post_list li a:hover {
color:#e8890f}
.post_list .date {
color:#727272;
font-style:italic;
padding-top:3px;
font-size:13px;
line-height:1em}
.post_list .thumbnail {
float:right;
margin-right:10px;
border:none !important}
/* Popular/Recent Posts widget */
.widget_recent_posts ul,
.widget_popular_posts ul {
margin:10px 0;
padding:0}
.widget_recent_posts ul li,
.widget_popular_posts ul li {
list-style:none;
clear:both;
margin-bottom:45px;
margin-top:20px}
.f-col .widget_recent_posts ul li,
.f-col .widget_popular_posts ul li {
padding:15px 0}
.f-col .widget_recent_posts ul li:first-child,
.f-col .widget_popular_posts ul li:first-child {
padding-top:0}
.content .widget_recent_posts .post-meta,
.content .widget_popular_posts .post-meta {
padding:10px 0 5px 0;
text-align:right;
font-size:13px;
color:#404040;
margin:0 !important}
.widget_recent_posts .post-meta a,
.widget_popular_posts .post-meta a {
color:#5c5146;
font-style:normal;
font-size:13px;
font-weight: normal;
background: transparent;
padding:0;
height: auto;
float:none;
text-transform: none;
text-decoration:none}
.widget_recent_posts .post-meta .link-comments,
.widget_popular_posts .post-meta .link-comments {
color:#404040 !important;
font-size:13px;
font-weight: normal;
background:none;
padding:0}
.widget_recent_posts .post-meta a:hover,
.widget_popular_posts .post-meta a:hover {
color:#e8890f !important}
.widget_recent_posts ul li img,
.widget_popular_posts ul li img {
width:75px;
height:75px;
float:left;
margin:2px 10px 0 0;
border:none !important}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.blog-posts.hfeed{overflow:hidden}
-
a.thumbx:hover{opacity: 0.8;}
a.thumbx{display: block;overflow: hidden;}
a.thumbx img{
display: block;
width: 100%;
height: 210px !important;
}
.post {margin: 0px !important;}
.post h2 {padding-top: 24px;;margin-bottom: 0px;}
</style>
<b:else/>
</b:if>
<b:else/>
<style type='text/css'>
</style>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 350;
img_thumb_height = 0;
img_thumb_width = 0;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
} }
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style=""><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height +'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body class='chrome'>
<div class='body_wrap'>
<div class='header_top'>
<div class='container'>
<div class='logo'>
<b:section class='header' id='headur' 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 == "BEHIND"'>
<!--
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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h11 class='title'>
<b:include name='title'/>
</h11>
</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>
<div class='menu-menu-container' id='topmenu'>
<ul class='dropdown' id='menu-menu' style='display: inline-block;'><li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-906 parent first' id='menu-item-906'><a expr:href='data:blog.homepageUrl'><span><i class='icon-menu icon-menu1'/>الرئسية</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-group menu-item-912 first' id='menu-item-912' style=''><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span>صفحة الرئسية للمدونة</span></a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-1008 last' id='menu-item-1008'><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span> ضيوف الشرف </span></a></li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-880 parent' id='menu-item-880'><a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span><i class='icon-menu icon-menu2'/> الاقسام</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-948 first' id='menu-item-948' style=''><a hidefocus='true' href='http://html-color-codes.info/' style='outline: none;'><span> كود الالوان </span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-942' id='menu-item-942'><a hidefocus='true' href='http://www.0zz0.com/' style='outline: none;'><span>موقع لرفع رابط الصور </span></a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-911 parent' id='menu-item-911'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقات دائمة بالمدونة</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-944 first' id='menu-item-944'><a hidefocus='true' href='# ' style='outline: none;'><span>جد الفرق بين الصورتين</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-947' id='menu-item-947'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة لغز بالبومي</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-946' id='menu-item-946'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة الغرض المفقود بجناحي</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-945 last' id='menu-item-945'><a hidefocus='true' href='# ' style='outline: none;'><span>مسابقة صنع حسابات جديدة بستاردول</span></a></li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-908 parent' id='menu-item-908'><a hidefocus='true' href='# ' style='outline: none;'><span>بقلم المالكة </span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-services menu-item-909 first' id='menu-item-909'><a hidefocus='true' href=' #' style='outline: none;'><span>خواطر على البال</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-943 last' id='menu-item-943'><a hidefocus='true' href=' #' style='outline: none;'><span>تعلم واستفد</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-905' id='menu-item-905'><a hidefocus='true' href='http://amalamam.blogspot.com/2015/05/blog-post_19.html' style='outline: none;'><span><i class='icon-menu icon-menu3'/>اقتراحاتكم تهمنا</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-941 last' id='menu-item-941'><a hidefocus='true' href='https://www.blogger.com/blogger.g?blogID=7405130347731538304#allposts/src=dashboard' style='outline: none;'><span><i class='icon-menu icon-menu4'/>لوحة التحكم</span></a></li>
</ul></div> <div class='clear'/>
</div>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='header' style='background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1); margin-bottom: -169px !important;'>
<div class='header_inner'>
<div class='container'>
<div class='grid_gallery clearfix'>
<div class='box box-1'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' height='391' src='http://www4.0zz0.com/2015/07/17/01/389428778.gif' width='306'/><span>فتح باب الاشتراك بمسابقة رمضان الكبرى</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://www.stardoll.com/ar/user/' style='outline: none;'><img alt='' src='http://www4.0zz0.com/2015/07/17/01/978892870.gif'/><span> amal.amam</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www2.0zz0.com/2015/07/17/01/837505175.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www2.0zz0.com/2015/07/17/01/672654688.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www4.0zz0.com/2015/07/17/01/340375989.gif'/><span>linasi9</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www14.0zz0.com/2015/07/17/00/542595239.gif'/><span>مدونة امال</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><img alt='' src='http://www14.0zz0.com/2015/07/17/00/804995804.jpg'/><span>مدونة امال</span></a>
</div>
</div>
</div>
</div>
</div>
</b:if>
<div class='header header_thin' style=' background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)); background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%); background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); z-index:0; background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1) '>
<div class='container'>
<div class='header-title'>
<h1> الله اكبر </h1>
<h5> لا اله الا الله</h5>
</div>
</div>
</div>
<div class='header-bottom' style='clear:both;'>
<div class='container'>
<div class='blog_filter clearfix '>
<ul class='filter_menu'>
<li class='current-menu-item first'>
<a hidefocus='true' href='http://amalamam.blogspot.com/?zx=eba6d7391746767d'>صفحة الرئسية</a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_20.html'>طاقم المدونة</a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_1.html'> شروط الالتحاق بالمدنة</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=7405130347731538304#editor/src=header'>اضف مشاركة </a></li>
<li><a href='http://amalamam.blogspot.com/2015/05/blog-post_8.html'>الاعضاء المميزون</a></li>
<li><a href=' '> </a></li>
<li><a href=' '> </a></li>
</ul>
</div>
</div>
</div>
<div class='cols2' id='middle'>
<div class='container'>
<b:section class='bannerad' id='bannerad1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<!-- blog area starts -->
<div class='content' id='content' role='main'>
<div class='postlist postview clearfix'>
<b:section class='topad' id='topad1' preferred='yes'/>
<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 == "false"'>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:post.dateHeader/></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</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:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if></b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + 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='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'> </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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<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: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='comments' var='post'>
<div class='allcomments'>
<b:if cond='data:post.allowComments'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='comment odd alt thread-odd thread-alt depth-1'>
<div class='comment-body'>
<div class='comment-author vcard'>
<data:comment.authorAvatarImage/>
<cite class='fn'>
<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>
</cite>
<span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
</div>
<p>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</p>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
</li>
</b:loop>
</ol>
<b:if cond='data:post.commentPagingRequired'>
<div class='comments-navigation clearfix'>
<div class='alignleft'>
<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>
</div>
 
<data:post.commentRangeText/>
 
<div class='alignright'>
<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>
</div>
</div>
</b:if>
</b:if>
</div>
<div id='respond'>
<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>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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='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='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 == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</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'>
<data:post.dateHeader/>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&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 != "static_page"'>
<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'><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>
</div>
</div>
</div>
</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 == "index"'>
<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='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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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'>
<div class='date-header'><data:post.dateHeader/></div>
</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' style='position:absolute;left:-9999px'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + 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'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</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='updated 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</div>
</div>
</div>
</b:includable>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-date'>
<span class='date'>TIME</span>
<span class='month'><data:post.timestamp/></span>
</div>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img class='' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' itemprop='image'/></a>
<b:else/>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='' src='http://2.bp.blogspot.com/-wZtyEwTWviE/UUvGgxDgGII/AAAAAAAABw8/mqb6pEkMbkE/s000/grey.png'/></a>
</b:if>
</b:if>
</b:if>
<div id='center'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:else/>
<style>.fullpost{display:none;}</style>
<b:if cond='data:blog.pageType == "static_page"'>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><b:else/>
<b:if cond='data:blog.pageType != "item"'>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link' style='display:none'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<div class='author-description clearfix'>
<div class='author-image'><img alt='' class='avatar avatar-95 photo' height='95' src='http://im37.gulfup.com/fRrq2.png' width='95'/></div>
<div class='author-text'>
<h4>اهلا بكم بمدونة امال ستاردول العربية </h4>
<p>تجدون كل جديد بالمدونة وكل مايهمكم مسابقات العاب مجانيات و هديا ومفاجاءات كثيرة </p></div>
<div class='clear'/>
</div>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='post-item '>
<div class='post-meta-bot clearfix'>
<div class='post-meta post-view'>
Filled
</div>
<div class='post-meta post-comm'><span><i class='comment-ico'/><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<b:else/><data:post.numComments/></b:if></a>
</b:if></span></div>
<div class='post-meta post-author'><span><i class='pencil-ico'/><data:post.author/></span></div>
<div class='post-meta post-read'>
<i class='read-ico'/><span><a expr:href='data:post.url' style='outline: none;'>اقرا المزيد</a></span></div>
</div>
</div>
</div>
<div class='post-footer-line post-footer-line-3'><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>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
<b:else/>
<span class='linkgrey left'><h5 style='text-align: right; width: 429px; float: left; margin-top: 4px;'>بسم الله الرحمن الرحيم </h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
<b:else/>
<span class='linkgrey right'><h5>حب حياتي</h5></span>
</b:if>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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='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='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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
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 == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.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 hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</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 + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='bottomad' id='bottomad1' preferred='yes'/>
</div> <!-- postlist -->
</div> <!-- content -->
<!-- blog area endss -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
var _0x72ff=["\x31\x20\x32\x28\x65\x2C\x62\x29\x7B\x33\x20\x63\x3D\x34\x2E\x69\x28\x65\x29\x2C\x64\x3D\x63\x2E\x6A\x28\x22\x6B\x22\x29\x3B\x6C\x28\x33\x20\x61\x3D\x30\x3B\x61\x3C\x64\x2E\x35\x3B\x61\x2B\x2B\x29\x7B\x64\x5B\x61\x5D\x2E\x36\x3D\x64\x5B\x61\x5D\x2E\x36\x2E\x6D\x28\x2F\x5C\x2F\x6E\x5C\x2D\x63\x2F\x2C\x22\x2F\x73\x22\x2B\x62\x2B\x22\x2D\x63\x22\x29\x3B\x64\x5B\x61\x5D\x2E\x6F\x3D\x62\x7D\x7D\x32\x28\x22\x70\x22\x2C\x30\x29\x3B\x24\x28\x34\x29\x2E\x71\x28\x31\x28\x29\x7B\x24\x28\x27\x23\x37\x27\x29\x2E\x72\x28\x27\x3C\x61\x20\x38\x3D\x22\x39\x3A\x2F\x2F\x66\x2E\x67\x2E\x68\x2F\x22\x3E\u062A\u0637\u0648\u064A\u0631\x20\u0648\u062A\u0639\u0631\u064A\u0628\x20\x3A\x20\u0627\u0644\u0628\u0639\u062F\u0627\u0646\u064A\x3C\x2F\x61\x3E\x27\x29\x3B\x74\x28\x31\x28\x29\x7B\x75\x28\x21\x24\x28\x27\x23\x37\x3A\x76\x27\x29\x2E\x35\x29\x77\x2E\x78\x2E\x38\x3D\x27\x39\x3A\x2F\x2F\x66\x2E\x67\x2E\x68\x2F\x27\x7D\x2C\x79\x29\x7D\x29","\x7C","\x73\x70\x6C\x69\x74","\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x72\x65\x73\x69\x7A\x65\x54\x68\x75\x6D\x62\x7C\x76\x61\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x73\x72\x63\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x7C\x68\x72\x65\x66\x7C\x68\x74\x74\x70\x7C\x7C\x7C\x7C\x7C\x7C\x77\x77\x77\x7C\x61\x6C\x62\x33\x33\x64\x61\x6E\x69\x7C\x63\x6F\x6D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x69\x6D\x67\x7C\x66\x6F\x72\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x73\x37\x32\x7C\x77\x69\x64\x74\x68\x7C\x6D\x61\x69\x6E\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x69\x66\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x31\x30\x30\x30","\x72\x65\x70\x6C\x61\x63\x65","","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xec63x1,_0xec63x2,_0xec63x3,_0xec63x4,_0xec63x5,_0xec63x6){_0xec63x5=function (_0xec63x3){return _0xec63x3.toString(_0xec63x2);} ;if(!_0x72ff[5][_0x72ff[4]](/^/,String)){while(_0xec63x3--){_0xec63x6[_0xec63x5(_0xec63x3)]=_0xec63x4[_0xec63x3]||_0xec63x5(_0xec63x3);} ;_0xec63x4=[function (_0xec63x5){return _0xec63x6[_0xec63x5];} ];_0xec63x5=function (){return _0x72ff[6];} ;_0xec63x3=1;} ;while(_0xec63x3--){if(_0xec63x4[_0xec63x3]){_0xec63x1=_0xec63x1[_0x72ff[4]]( new RegExp(_0x72ff[7]+_0xec63x5(_0xec63x3)+_0x72ff[7],_0x72ff[8]),_0xec63x4[_0xec63x3]);} ;} ;return _0xec63x1;} (_0x72ff[0],35,35,_0x72ff[3][_0x72ff[2]](_0x72ff[1]),0,{}));
//]]></script>
</b:if></b:if>
<!-- sidebar starts -->
<div class='widget-container-2 newsletter_subscription_box newsletterBox' style='position: relative !important; line-height: 1.4em; font-size: 13px;float: left;margin-top: 61px;margin-left: 2px; width: 229px; background: #fff;margin-bottom: -100px; border-right: 3px solid #ebc85e; box-shadow: 0 0 12px rgba(171,139,110,.38); -webkit-box-shadow: 0 0 12px rgba(171,139,110,.38); -khtml-box-shadow: 0 0 12px rgba(171,139,110,.38); -moz-box-shadow: 0 0 12px rgba(171,139,110,.38); -ms-box-shadow: 0 0 12px rgba(171,139,110,.38); padding: 35px 35px 40px 32px; '>
<div class='inner'>
<h3 style='text-align: center;'>اشترك معنا </h3>
<div class='newsletter_subscription_messages before-text'>
<div class='newsletter_subscription_message_initial'>
</div>
</div>
<form action='====' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=albaadani/fpjG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='newsletter_subscription_email inputField' id='newsletter' name='newsletter' type='text' value=''/>
<span class='button'><input class='btn btn-default newsletter_subscription_submit' type='submit' value='Go'/></span>
<div class='newsletter_text'><a class='link-news-rss' hidefocus='true' href='#' style='outline: none;'>ادخل اميلك ليصلك كل جديد على المدونة</a></div>
</form>
</div>
</div>
<div class='sidebar'>
<b:section class='sidebar' id='sidebar-atas1' preferred='yes'>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='!data:blog.disableAdSenseWidget'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='المشاركات الاكثر تعليقا' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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> <!-- sidebar -->
<!-- sidebar ends -->
</div> <!--container-->
</div> <!--middle-->
<div class='clear'/>
<div class='middle-bottom'>
<div class='container'>
<div class='question clearfix'>
<h2>شكرا لكم</h2>
<p> <a class='btn btn-default alignright' hidefocus='true' href='http://amalamam.blogspot.com/' style='outline: none;'><span>
ممنوع الغش</span></a></p></div>
</div>
</div>
<footer style=' background: #ad9077; background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)); background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%); background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%); background: linear-gradient(45deg, #9F8369 0%,#deca97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ); box-shadow:inset 0 6px 0 rgba(0,0,0,.1) '>
<div class='container clearfix'>
<div class='footer_social '><a class='social-fb' hidefocus='true' href='https://www.facebook.com/amal.amam' style='outline: none;' target='_blank'><span>Facebook</span></a><a class='social-pinterest' hidefocus='true' href='بنتر قول/' style='outline: none;' target='_blank'><span>Pinterest</span></a><a class='social-twitter' hidefocus='true' href='https://twitter.com/amalamam' style='outline: none;' target='_blank'><span>Twitter</span></a></div>
<div class='copyright'><p>© 2014 <data:blog.title/></p><div id='copyright'/>designed by
<a href='http://amalamam.blogspot.com/'>Templateify</a></div>
</div>
</footer>
</div> <!--body-wrap-->
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://bloggeryard.googlecode.com/svn/trunk/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
<b:include data='blog' name='google-analytics'/>
</body>
</HTML>
ليست هناك تعليقات:
إرسال تعليق