<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> ERROR 404

<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> ERROR 404 - <data:blog.title/> </b:if> </b:if> .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0} body#layout { width: 800px; } body#layout .back-to-top { display: none; } body#layout .header { float: left; width: 40%; } body#layout .header-right { width: 55%; clear: none !important; float: left !important; } body#layout #mywrapper { width: 75%; } body#layout #post-wrapper { width: 60%; float: left; } body#layout #sidebar-narrow { width: 22%; max-width: 200px !important; padding:0; } body#layout #sidebar-wrapper { float: left; display: inline-block; width: 24%; } body#layout #footer-wrapper { display: none; } body#layout #sidebartab { margin: 0; } body#layout #bottombar { padding: 0; } body#layout .tab-widget-menu { display: none; } body#layout .stylebox { width:98%; } body#layout #carousel { clear: both; } body#layout #bottombar .left .widget, body#layout #bottombar .center .widget, body#layout #bottombar .right .widget { margin: 8px 0 0; } body#layout div#main { width: 100%; } body#layout .tagcloud a, body#layout .tagcloud1 a { float: none; margin: 0; padding: 0; } body#layout #bottombar .left, body#layout #bottombar .center, body#layout #bottombar .right { width: 31%; clear: none !important; float: left; } body#layout div.section{background:none!important} body#layout div.section { background-color: #F8F8F8; border: 1px solid #CCC; font-family: sans-serif; margin: 0px 4px 8px; overflow: visible; padding: 4px; position: unset!important; clear:both; } body#layout #top-nav { display: none; } body#layout #outer-wrapper { width: 800px; margin: 0; } .navbar, .Attribution, .quickedit { display:none!important; } a.quickedit img {width:18px!important;height:18px!important;border:0!important;} a.quickedit {background:transparent!important;} .navbar,.post-feeds,.feed-links{display:none; } .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } a:visited{color:#333333;text-decoration:none; } a:hover{color:#5A7900;text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{border-bottom:1px dotted;cursor:help; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #e5e5e5; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{ } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5; } .post-body th{background:#f0f0f0; } .post-body table.tr-caption-container td {border:none;padding:8px; } .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } img { max-width:100%; height:auto; border:0; } table { max-width:100%; } body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container { padding:0 0 0 0; } body#layout #header-wrapper { padding: 0; } body#layout #nav { display: none; } body#layout .panel { float:left; width:79px; } body#layout #content-wrapper { padding: 0; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body { background:#dddddd none repeat scroll top left; margin:0 0 0 0; padding:0 0 0 0; color:#333333; font:normal normal 13px Arial, sans-serif; text-align:left; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bHtK1BL92esFVYwx_b2zKqDwFQgxoqFLLpFNt0DGolTE3ZY2wNN9SDfrkb_Ymt4ZnbIZoWJ1hVZa71KG9_dismK9zif_IVz5U3yVnh85nOlm36i_o531ODM9487m9aQfcmk-4qMy1s8j/s0/bg.jpg')!important; background-attachment: fixed; background-position: center top; background-color: #ddd; background-size: auto; } /* outer-wrapper */ #outer-wrapper { background:#ffffff; max-width:1196px; margin:0px auto; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); overflow:hidden; } /* NAVIGATION MENU */ .top-menu { font-size: 13px; font-family: Arial; margin: 0 auto; height: 32px; background: #2C2C2C; border-bottom: 4px solid #85B200; overflow: hidden; padding: 0 28px; font-weight: 600; } .menubar { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .menubar li { display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; } .menubar li a { background: #57595A; color: #E0E0E0; display: block; padding: 0 12px; } .menubar li a:hover { background:#FF120C; color:#fff; } ul.socialbar { height:38px; margin:-4px 0 0 0; padding:0 0; float:right; } ul.socialbar li { display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; } /* HEADER WRAPPER */ #header-wrapper { margin:0 auto; overflow:hidden; padding: 0 28px; min-height: 150px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwfVL27Xd6Qeq5pRKT4xDuy_AbO-biryCxTbgvczuEE2qoNCe6vA19klcM0d6FIHCfOfWSHd6DeGC276Vkf4J7J7dTkY6bySB7tbMUfR6aZBvravYc3rjdxGNmI7BdO7fMKUW6wqMQmGG/s1105/top-shadow.png) no-repeat scroll center top transparent; } #header-inner h1 {margin:0;padding:0;} .header { float: left; width: 32.7%; max-width: 320px; margin: 31px 0; } .header h1.title,.header p.title { font:normal bold 24px Fjalla One, Arial, Helvetica, sans-serif; margin:0 0 0 0; text-transform:uppercase; } .header .description { color:#555555; } .header a { color:#333333; } .header a:hover { color:#999; } .header img { display:block; } .header-right { float:right; padding:0; overflow:hidden; margin:29px 0; width:72.8%; max-width:728px; } .header-right img { display:block; } #nav { text-transform: uppercase; height: 48px; line-height: 48px; background: #2c2c2c; margin: 0 auto; min-height: 50px; border-bottom: 5px solid #85B200; z-index: 12; /* padding: 0 27px; */ width: 1140px; } .menubar2 { list-style: none; margin:0 0 0 0; *zoom: 1; float:left; } .menubar2:before, .menubar2:after { content: " "; display: table; } .menubar2:after { clear: both; } .menubar2 ul { list-style: none; margin:0 0 0 0; width:12em; } .menubar2 a { display:block; padding:0 15px; } .menubar2 li { position: relative; margin:0 0; padding: 0 1px 0 0; border: 1px solid #222222; border-width: 0 0 0 1px; } .menubar2 > li { float: left; } .menubar2 > li > a { display: block; height:50px; line-height:50px; font-size: 16px; text-decoration: none; color: #57595a; font-family: Oswald, 'Droid Sans', sans-serif; color: #ddd; padding: 0 14px; text-shadow: 0 1px 1px #000; border-left: 1px solid #383838; } .menubar2 > li > a.active { background: #85B200; color: #fff; border-left: none; margin-left: -1px; } .menubar2 > li:hover > a { background:#85B200; color:#fff; } .menubar2 li ul { background: #2c2c2c; display:block; position:absolute; left:0; z-index:999999999999999; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; } .menubar2 li li ul { left:100%; top:-1px; } .menubar2 > li.hover > ul { visibility:visible; opacity:10; } .menubar2 li li.hover ul { visibility:visible; opacity:10; } .menubar2 li li a { display: block; position: relative; z-index: 100; line-height: 32px; border-bottom: 1px solid #222; font-size: 16px; padding: 2px 4px 2px 12px; text-decoration: none; color: #ddd; font-family: Oswald, 'Droid Sans', sans-serif; } .menubar2 li li a:hover { color:#fff; } .menubar2 li li li a { color: #e0dfdf; font-family: 'Droid Sans', sans-serif; text-shadow: 0 1px 1px #4B4B4B; z-index:20; } i.fa.fa-home { font-size: 25px; padding: 12px 5px; } /* CONTENT WRAPPER */ #content-wrapper { background-color:transparent; margin: 0 auto; padding: 10px 28px 0; word-wrap:break-word; } .largebanner { background:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .largebanner .widget { padding:15px 14px; overflow:hidden; } .largebanner img, .largebanner iframe{ display:block; max-width:100%; border:none; overflow:hidden; } /* POST WRAPPER */ #post-wrapper { background:transparent; float:left; width:645px; max-width:645px; margin: 0 10px 10px 0; } .post-container { padding:15px 0px 0 0; } .breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;} .breadcrumbs > span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLh3auWj4wRPF4zZXIy-NwDioKxj09R4TZzheg_P3yYIdu0PTo3USfU_XXHN4NWJl3mhvCMdALovkRuWFSI1aXQm2NxEdPz7CbiHGitjZVAhe54I13GdpW0Sst6bdOtoPoipXWUwbXFY/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;} .breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;} .breadcrumbs a {color: #333333;} .post { background:#ffffff; margin:0 0 15px; padding:15px 0; border-bottom: 1px solid #E2E2E2; } .post-body { line-height:1.6em; } h2.post-title, h1.post-title { font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:#383838; } h2.post-title a:hover, h1.post-title a:hover { color:#0072C6; } .img-thumbnail { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDAALd4AMHUxgP2MIO4k6LDQ3X25qnV42E_47B49A12Ew5R5mNp87P9REbIhVl-t5wC81xB43Pdu1ASulSmeTK0bo6SbSj_5ZPY0pqsCHTjafPyt3F2lLuyF_7_DqQD818R0HyEgR0lWW/w200-c-h140/no-image.png) no-repeat center center; position:relative; float:left; width:200px; height:150px; margin:0 15px 0 0; } .img-thumbnail img { width:200px; height:150px; } span.rollover { } span.rollover:before { content:""; position: absolute; width:24px; height:24px; margin:-12px; top:50%; left:50%; } span.rollover:hover { opacity: .7; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; } .post-info { background: transparent; margin: 0 0 12px; color: #666666; font-size: 11px; padding: 5px 0; border-bottom: 1px dotted #dedede; border-top: 1px dotted #dedede; } .post-info a { display:inline-block; color:#666666; } .author-info, .time-info, .comment-info, .label-info, .review-info { margin-right:12px; display:inline; } a.readmore { display:inline-block; margin:15px 0 0; background-color:#ffffff; border:1px solid #dddddd; padding:0px 10px; line-height:26px; color:#333333; font-size:11px; font-weight:bold; text-transform:uppercase; } a.readmore:hover { border:1px solid #aaaaaa; } /* Page Navigation */ .pagenavi { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .pagenavi span,.pagenavi a { padding:6px 10px; margin-right:3px; display:inline-block; color:$(readmore.color); background-color:$(readmore.background.color); border: 1px solid $(readmore.border.color); } .pagenavi .current, .pagenavi .pages, .pagenavi a:hover { border: 1px solid $(readmore.hover.color); } .pagenavi .pages { display:none; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { background:transparent; float:right; width:30%; max-width:300px; margin:0 auto; } .sidebar-container { padding:15px 0; } .sidebar h2, .panel h2 { color:#333333; margin:0 0 10px 0; padding:6px 0; text-transform:uppercase; position:relative; border-bottom: 4px solid #333; } #sidebar h2 span, #sidebar-narrow h2 span { color: #333; font-size: 16px; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-weight: 600; } #bottombar h2 span { color: #ddd; font-size: 16px; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-weight: 600; } #related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after { } .sidebar h2:after, .panel h2:after { content: " "; width:90px; height: 0px; position: absolute; left: 0; bottom: -2px; } .sidebar .widget { margin:0 0 15px; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:5px 0; padding:0 0 0 0; } /* Recent Post */ .recent-post-title { background: transparent; margin:0 0 15px; padding:0; position:relative; border-top: 5px solid #85B200; margin-bottom: -40px; } .recent-post-title span { background: #85B200; padding: 7px 10px; font-size: 15px; z-index: 999; position: relative; } .recent-post-title h2 { background: transparent; color: #fff; font-size: 18px; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-weight: normal; } .recent-post-title h2 a { color:#ffffff; } .stylebox { float:left; width:50%; margin:0 0; } .stylebox .widget { padding:0 15px 15px 0; } .stylebox .widget-content { background:#ffffff; } .stylebox ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .stylebox1 { float:left; width:98%; margin:0 0; } .stylebox1 .widget { padding:0 0px 15px 0; } .stylebox1 .widget-content { background:#ffffff; } .stylebox1 ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } /* Recent Post */ ul.xpose_thumbs { margin:0 0 0 0; } ul.xpose_thumbs li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs .xpose_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:50px; padding-bottom:46%; overflow:hidden; } ul.xpose_thumbs .xpose_thumb img { height:auto; width:100%; } ul.xpose_thumbs1 { margin:0 0 0 0; width:100%; float:left; } ul.xpose_thumbs1 li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; } ul.xpose_thumbs1 .xpose_thumb { position: relative; background: #fbfbfb; margin: 3px 0 10px 0; width: 49%; float: left; height: 210px; overflow:hidden; } ul.xpose_thumbs1 .xpose_thumb img { height:auto; width:100%; } ul.xpose_thumbs2 { font-size:13px; } ul.xpose_thumbs2 li { padding:0 0; min-height:85px; font-size:11px; margin: 0 0 8px; padding: 0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs2 .xpose_thumb2 { background:#fbfbfb; float:left; margin:3px 14px 0 0; height:80px; width:80px; } ul.xpose_thumbs2 .xpose_thumb2 img { height:80px; width:80px; } .rightm { /* margin-left: 33px; */ width: 49%; float: right; margin-top: 10px; } span.xpose_title { display: block; margin: 0 0 5px; line-height: 1.4em; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-size: 22px; font-weight: normal; } span.xpose_title2 { font-size:18px; } span.rp_summary { display:block; margin:6px 0 0; color:#666666; } span.xpose_meta { font-size: 13px; line-height: 24px; color: #aaa; font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif; } span.xpose_meta a { color:#aaa !important; display:inline-block; } span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more { display:inline-block; margin-right:8px; } span.xpose_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover { color:#7f0906; } ul.xpose_thumbs22 { font-size:13px; width:100%; float:right; } ul.xpose_thumbs22 li { padding:0 0; min-height: 82px; font-size: 11px; margin: 0 0 8px; width: 35%; float: left; padding: 0 0 8px; border-bottom: 1px dotted #e5e5e5; } ul.xpose_thumbs22 .xpose_thumb2 { background:#fbfbfb; float:left; margin:3px 14px 0 0; height:80px; width:80px; } ul.xpose_thumbs22 .xpose_thumb2 img { height:80px; width:80px; } span.xpose_title { display: block; margin: 0 0 5px; line-height: 1.4em; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-size: 22px; font-weight: normal; } span.xpose_title2 { font-size:18px; } span.rp_summary { display:block; margin:6px 0 0; color:#666666; } span.xpose_meta { font-size: 13px; line-height: 24px; color: #aaa; font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif; } span.xpose_meta a { color:#aaa !important; display:inline-block; } span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more { display:inline-block; margin-right:8px; } span.xpose_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover { color:#5A7900; } /* BOTTOMBAR */ #bottombar { background: #353535; overflow: hidden; margin: 0 auto; padding: 15px 28px; color: #dddddd; } #bottombar .left { float:left; width:34%; } #bottombar .center { float:left; width:34%; } #bottombar .right { float:right; width:32%; } #bottombar .left .widget, #bottombar .center .widget { margin:0 15px 15px 0; } #bottombar .right .widget { margin:0 0 15px 0; } #bottombar h2 { font: normal bold 13px Arial, sans-serif; margin: 0 0 10px 0; padding: 6px 0; text-transform: uppercase; position: relative; color: #eeeeee; border-bottom: 3px solid #666; padding: 10px 0; } #bottombar ul, #bottombar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } #bottombar li { margin:5px 0; padding:0 0 0 0; } #bottombar ul li:before { color:#eeeeee !important; } #bottombar a { color:#dddddd; } #bottombar a:hover { color:#ffffff; } /* FOOTER */ #footer-wrapper { background:#353535; margin:0 auto; padding:8px 20px; overflow:hidden; color:#eeeeee; font-size:12px; border-top: 4px solid #85B200; } .footer-left { float:left; margin:10px; } .footer-right { float:right; margin:10px; } #footer-wrapper a { color:#eeeeee; } #footer-wrapper a:hover { color:#ffffff; } /* CUSTOM WIDGET */ .widget ul { line-height:1.4em; } /* Tab Menu */ .set, .panel { margin: 0 0; } .tabs .panel { padding:0 0; } .tabs-menu { border-bottom:3px solid #E73138; padding: 0 0; margin:0 0; } .tabs-menu li { font:normal bold 12px Arial, sans-serif; display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 0; padding:10px; background:#fff; border:1px solid #e5e5e5; border-bottom:none !important; color:#333333; cursor:pointer; position:relative; } .tabs-menu .active-tab { background:#E73138; border:1px solid #E73138; border-bottom:none !important; color:#fff; } .tabs-content { padding:10px 0; } .tabs-content .widget li { float:none !important; margin:5px 0; } .tabs-content .widget ul { overflow:visible; } /* label .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#E73037; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }*/ /* Custom CSS for Blogger Popular Post Widget */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; color:black; counter-reset:num; } .PopularPosts ul li img { display:block; margin:0 .5em 0 0; width:65px; height:65px; float:left; } .PopularPosts ul li { margin:0 10% .4em 0 !important; padding:.5em 1.5em .5em .5em !important; counter-increment:num; position:relative; } #bottombar .PopularPosts .item-title { padding-bottom: .2em; font-size: 16px; font-weight: normal; } /* Set color and level */ .PopularPosts ul li {margin-right:1% !important} .PopularPosts .item-thumbnail { margin:0 0 0 0; } .PopularPosts .item-snippet { font-size:11.5px; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* back to top */ #back-to-top { background:#353738; color:#ffffff; padding:8px 10px; font-size:24px; } .back-to-top { position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999; } /* ==== Related Post Widget Start ==== */ #related-posts h2 > span{ padding: 8px 10px; } #related-posts{ float:left; width:auto; margin-bottom:40px; } #related-posts h2{ background: #85B200; padding: 8px 0; font: normal normal 18px Oswald; text-transform: uppercase; font: normal bold 12px Arial, sans-serif; text-align: left; color: #fff; margin-bottom: 5px; } #related-posts a { width: 200px; text-decoration: none; margin: 0 7px 7px 0; float: left; } #related-posts .related_img { padding:0px; width:100%; height:140px; } #related-posts #r-title { width: 85%; padding: 10px 0px 22px; padding-right: 10px; color: #fff; height: 25px; text-align: left; margin: -63px 0px 0px 0px; font: normal 15px Oswald, sans-serif; line-height: 20px; background: rgba(35, 35, 35, 0.9) none repeat scroll 0% 0%; opacity: 0.9; filter: alpha(opacity = 70); } #related-posts h8 { padding-left: 14px; display: inline-block; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } /* share buttons */ .share-buttons-box { height: 67px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLWIjKGnFU3GwWa1W2GGEbt5_0-onymAOymusIdBskcY63fOQGvf-Rqbixp0UfdYEHr_Zn57o7wM3m2Z8IjpUgFt1SyPGZMlty6Xy2geNIfv2rDyak2H3QIHK9PoMupNmSHCg-c_2hhoC/s1600/share.png) no-repeat 330px 10px; margin:20px 0 15px; overflow:hidden; } .share-buttons { margin:0 0; height:67px; float:left; } .share-buttons .share { float:left; margin-right:10px; display:inline-block; } /* error and search */ .status-msg-wrap { font-size:120%; font-weight:bold; width:100%; margin:20px auto; } .status-msg-body { padding:20px 2%; width:96%; } .status-msg-border { border:1px solid #e5e5e5; opacity:10; width:auto; } .status-msg-bg { background-color:#ffffff; } .status-msg-hidden { padding:20px 2%; } #ArchiveList ul li:before { content:"" !important; padding-right:0px !important; } /* facebook comments */ .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important; } .rich-snippet { padding:10px; margin:15px 0 0; border:3px solid #eee; font-size:12px; } /*-------sidebar----------------*/ .sidebar-narrow{margin:0} #sidebar-narrow .widget{margin-bottom:30px;} #sidebar-narrow{float:left;width:160px;margin-right: 14px; padding: 16px 10px 0 0px;} div#main { width: 624px; } div#mywrapper { float: left; width: 840px; } #sidebartab { margin-bottom: 15px; margin-top: -8px; } .tab-widget-menu { height: 46px; margin: 0; padding: 8px 0 0 2px; } #sidebartab .widget { margin-bottom: 0; padding-bottom: 0; } #sidebartab .h2title { display: none; } #sidebartab .h2titlesmall { display: none; } #sidebartab .widget-content { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; } .tab-widget-menu ul, .tab-widget-menu li { list-style: none; padding: 0; margin: 0; } .tab-widget-menu li { background: #333; bottom: -2px; color: #FFF; cursor: pointer; float: left; height: 38px; line-height: 38px; margin: -2px 0px 0 0px; padding: 0; position: relative; text-align: center; width: 33.3%; z-index: 2; color: white; font-size: 13px; font-weight: bold; font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif; } .tab-widget-menu li.selected { background: #85B200; border-width: 1px 1px 3px; color: #FFF; margin-top: -2px; } #sidebartab .h2title, #sidebartab h2 { display: none; } #sidebartab .h2titlesmall, #sidebartab h2 { display: none; } #sidebartab .widget-content img { padding: 2px; border: 1px solid lightGrey; width: 100px; height: 100px; } #sidebartab .popular-posts li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E9E9E9; overflow: hidden; padding: 10px 0; } .PopularPosts img:hover, #sidebartab .widget-content img:hover { -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #sidebarlab .sidebar li a:hover { color: #fff; background: #222; } .PopularPosts a {font-weight:bold;} .tagcloud a { background: #e4e4e4; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud a:link { color: #888; } .tagcloud a:hover { background: #85B200; color: #fff; } .tagcloud1 a { background: #434343; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud1 a:link { color: #888; } .tagcloud1 a:hover { background: #7BA500; color: #fff; } .showpageArea a { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .showpageNum a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpageNum a:hover { border: 1px solid #aaaaaa; } .showpagePoint { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #aaaaaa; } .showpageOf { display:none; } .showpage a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpage a:hover { border: 1px solid #aaaaaa; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#666; } .demo { border-radius: 3px; padding: 8px 12px; background: #e74c3c; color: #fff !important; transition: background-color 1s 0s ease-out; } .download { border-radius: 3px; padding: 8px 12px; background: #3498db; color: #fff !important; transition: background-color 1s 0s ease-out; } .buton a { color: #fff; } .demo:hover { background: #c0392b; color: #fff; } .download:hover { background: #2980b9; color: #fff; } #Attribution1 { height:0px; visibility:hidden; display:none } .author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5} #author-box h3 { padding-bottom: 5px; border-bottom: 4px solid #333; font-size: 18px; font-family: Oswald,arial,Georgia,serif; } .share-post { font-size: 13px; margin-top: 15px; } .share-post li { float: left; } .share-post a { display: block; margin-right: 10px; text-indent: -9999px; margin-left: 12px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIW6r4fNKvwQuM-SFYNbmFqMQcXQMMcPMO_7iT3_QmAXHs-1cxOMP-hnN_WuTcNllgpnC3o-AdY97sFKj9XX4Caq1Ig52YdoidvflE2J9grfXOJntqMRXPq0TKUBQZryT_n0SUXlZhFYU/s1600/single-share.png) no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .share-post a:hover { opacity: .7; } .share-post .facebook a { width: 7px; } .share-post .twitter a { width: 18px; background-position: -47px 0; } .share-post .google a { width: 14px; background-position: -105px 0; } .share-post .pinterest a { width: 11px; background-position: -159px 1px; } /*** Share Post Styling ***/ #share-post { width: 100%; overflow: hidden; margin-top: 20px; } #share-post a { display: block; height: 32px; line-height: 32px; color: #fff; float: left; padding-right: 10px; margin-right: 10px; margin-bottom: 25px; } #share-post .facebook { background-color: #436FC9; } #share-post .twitter { background-color: #40BEF4; } #share-post .google { background-color: #EC5F4A; } #share-post span { display: block; width: 32px; height: 32px; float: left; margin-right: 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIW6r4fNKvwQuM-SFYNbmFqMQcXQMMcPMO_7iT3_QmAXHs-1cxOMP-hnN_WuTcNllgpnC3o-AdY97sFKj9XX4Caq1Ig52YdoidvflE2J9grfXOJntqMRXPq0TKUBQZryT_n0SUXlZhFYU/s1600/single-share.png) no-repeat; } #share-post .facebook span { background-color: #3967C6; } #share-post .twitter span { background-color: #26B5F2; background-position: -72px 0; } #share-post .google span { background-color: #E94D36; background-position: -144px 0; } /* Search Box ----------------------------------------------- */ #searchformfix { float:right; overflow:hidden; position:relative; margin-right: 20px; } #searchform { margin:8px 0 0; padding:0; } #searchform fieldset { padding:0; border:none; margin:0; } #searchform input[type="text"]{ background:#fff; border:none; float:left; padding:0px 10px 0px 15px; margin:0px; width:150px; height:34px; line-height:34px; transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; -webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858} #searchform input[type=text]:hover,#searchform input[type=text]:focus { width:200px; } #searchform input[type=submit] { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh10L5aNuP-gKyJL18H9z47gnHx3TLH723FVPqmWoX0ZTf0HGx272LCTGS3qRJFFoLW_c-0nwdTdba3yJ3-TU97R5OT7rruanE-5JsZk5OEOToRzl1G9RwXo0kPNJh3NjywNDtIXRPR5e1g/s1600/icon-search.png) center 9px no-repeat; cursor:pointer; margin:0; padding:0; width:37px; height:34px; line-height:34px; background-color:#85B200; } input[type=submit] { padding:4px 17px; color:#ffffcolor:#585858; text-transform:uppercase; border:none; font-size:20px; background:url() bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear; } #searchform input[type=submit]:hover { background-color:#333; } .selectnav { display:none; } /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 70px; margin: 10px 5px 0px 5px; width: 70px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } div#act { display: none; } #sidebar-narrow .list-label-widget-content li { display: block; position: relative; color:#555555; } #sidebar-narrow .list-label-widget-content li a:hover { color:#fff; } #sidebar-narrow .list-label-widget-content li:hover { color:#333; } #sidebar-narrow .list-label-widget-content li:hover > a { color: #333; } #sidebar-narrow .list-label-widget-content li a { font-size: 16px; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-weight: normal; } #sidebar-narrow .list-label-widget-content li a:first-child { text-transform: capitalize; } #sidebar-narrow .list-label-widget-content li span:last-child { color: #949494; font-size: 12px; font-weight: bold; position: absolute; right: 0; top: 0; } #sidebar-narrow .list-label-widget-content li:hover span:last-child { text-decoration: underline; } /***** Social link*****/ ul.socialbar li,ul.socialbar li{ float: left; margin-right: 0px; margin-bottom:0px; padding: 0px; display:block; width: auto; background:#252525; } ul.socialbar li a, ul.socialbar li a, a.soc-follow { display: block; float: left; margin: 0; padding: 0; width: 34px; height: 36px; margin-right: 2px; margin-bottom: 0px; text-indent: -9999px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a.soc-follow.dribbble { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sI11TsNLy0PqnC9r1yjOrLLVaT3tH72kkiJAZeMdqi38osmf0wesu3gNu3bwLSGog35UcmdIQ-EGqAZ9fLYaMDFpLv2wm2r2eVQ6g2ZjW417wSwO5nuDRuDY6smqS_0-iPGcCRnYzmU/s1600/dribbble.png) no-repeat 0 0; } a.soc-follow.dribbble:hover { background-color: #ef5b92; } a.soc-follow.facebook { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsWk0wiPrbw92f8Hst7bx69iNTPAMLfVgZMqmaOcEdADvvLq-TpF127pd_iPxuUDgA35GVpkEAVqbLqawwWuDFOXlBmXG7yEr6JgP9ahmbrDZJO4X_c1WRLOcaXkaz4MfkOEWsCz8QM0/s1600/facebook.png) no-repeat 0 0; } a.soc-follow.facebook:hover{ background-color: #3b5998; } a.soc-follow.flickrs { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7s1P-ZAAgQBVlL_fLFnj-4gR4RMNDo66xYBrJO9Gz-JE3baS9xwmYEeK8XFA-15Q8gszjqh85qG_gLV3MPYVNvCUc2JVQRlvptKlxVXGQL6SD_VqYFhg2qT_Qr4FSQGWisxa8SPZUCU/s1600/flickr.png) no-repeat 0 0; } a.soc-follow.flickrs:hover { background-color: #f1628b; } a.soc-follow.linkedin { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivTQnQc_ugsAMfdpWe_qfOfrRl-udcGj9G496pgi2zTwoBpwhsVnHXeM_gmhEVfvaweNsXG7WDBhV9ZC8INGJBcE-coSII9l1AVhWBKQOP2Mo-wByKVDA489HE4-fpxnyM5jNhof0uW8o/s1600/linkedin.png) no-repeat 0 0; } a.soc-follow.linkedin:hover { background-color: #71b2d0; } a.soc-follow.twitter { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcpWFyhdmgRQ3HNV0K0nx-ge0-HWCG9n_eomV5-l9eVKPdwxdtE1WrJOrWgpudJYDucU7qBrhLtpOK7ycyMiQ-oIFg27tcoHnusQujt0fjw9Z32yaZDBrAWnHCmp4wVZ9NxivxH__xgU/s1600/twitter.png) no-repeat 0 0; } a.soc-follow.twitter:hover { background-color: #48c4d2; } a.soc-follow.vimeo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidDp1MgKv1ZMDTMNsnDkNkL05AGJ3LUGk6J9mJP50tjjcw5V8H0uPjH-D4cM6MNE7AkB1RroFjvKPC1npKa-NQmMJwqYTI067kmTNPlThrhGFvoEB9KcC_y-W1TAJAOdspB_-KcZ1mrzc/s1600/vimeo.png) no-repeat 0 0; } a.soc-follow.vimeo:hover { background-color: #62a0ad; } ul.socicon-2 li a:hover, ul.socicon li a:hover, a.soc-follow:hover { background-position: 0 -40px; } /* === Features Slider === */ #slider1{ float:left; width:98%; max-height: 380px; margin:16px 0 0px 0; padding:0; } .sliderwrapper{ float:left; width:100%; max-height:380px; height:100%; overflow:hidden; margin:0; padding:0 } .sliderwrapper:hover{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1 } .sliderwrapper .contentdiv{ float:left; width:100%; position:relative; padding:0; margin:0 0 10px 0; } #paginate-slider1 { position: absolute; top: 10px; left: 10px; text-align: center; height: 13px; z-index: 666; display: inline-flex; } .pagination a{ font-size: 11px; background: rgba(0,0,0,0.5); display: block; cursor: pointer; text-indent: -9999px; border-radius: 100%; margin-left: 3px; width: 12px; height:12px; } .pagination{ display:inline; margin:0; } .pagination a:hover,.pagination a.selected{ background: #e2e2e2; } .featuredPost{ width: 40%; position: absolute; top: 0; right: 0; background: rgba(32, 32, 32, 0.56); padding: 5%; color: white; margin: 30px; } .featuredPost a{ color:#fff } .featuredPost a:hover{ color:#dedde5 } .featuredPost h2{ font-size:22px; line-height:normal; margin:0 20px 10px 20px } .featuredPost p{ margin:0 20px; } .sliderpost { width:100%; min-height: 380px; margin:0; padding:0; vertical-align: middle; } img.sliderpost { max-height: 380px; } .thumbE img { min-height: 164px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .button_1 { padding: 10px 15px; border-radius: 1px; color: white; font-size: 12px; width: 65px; float: right; margin-top: 10px; line-height: 1; font-weight: bold; position: relative; display: block; text-shadow: 0 1px 0 #333; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: #85B200; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85B200), color-stop(100%, #85B200)); background-image: -webkit-linear-gradient(top, #85B200, #85B200); background-image: -moz-linear-gradient(top, #85B200, #85B200); background-image: -ms-linear-gradient(top, #85B200, #85B200); background-image: -o-linear-gradient(top, #85B200, #85B200); background-image: linear-gradient(top, #85B200, #85B200); border: 1px solid #6D9101; box-shadow: inset 0 1px 0 0 #85B200;} #thumb-wrapper, #box6{ width:400px; margin:0 auto; } .news_pictures1 { margin-bottom:20px; } .news_pictures1 .news_pictures_list { overflow: hidden; margin-right:-13px; } .news_pictures1 .news_pictures_list li { float: left; margin-right: 9px; margin-bottom: 9px;width:205px; height:120px; list-style:none; overflow:hidden; } .news_pictures1 .news_pictures_list li a { display: block; } .news_pictures1 .news_pictures_list li img { padding: 0px; border: 0px solid #eee; } .news_pictures1 .news_pictures_list li img { width:205px; height:auto; min-height:120px; } #beakingnews { float: left; height: 30px; line-height: 28px; overflow: hidden; width: 65%; } #recentpostbreaking li a { color:#fff; font-family: Open Sans,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } #recentpostbreaking li a:hover { color:#333; } #beakingnews .tulisbreaking { background:#333; } #beakingnews .tulisbreaking{ color:$(mainbgfontcol.background.color) !important; } #beakingnews .tulisbreaking { color: #FFFFFF; display: block; float: left; font-family: sans-serif; padding: 2px 10px; position: absolute; font-family: Open Sans,sans-serif; font-size: 14px; font-weight: 400; background: #85B200; color: #FFF; font-family: Oswald,arial,Georgia,serif; text-transform: uppercase; font-size: 10pt; } #recentpostbreaking { float: left; margin-left: 100px; } #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:2px 0 0} */]]>

About

1 : :

About

1 : :

RELATED POSTS