<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> div { margin-top: 8px !important; } #tab .quickedit img, .popular-posts .quickedit img {width: 18px!important;height:18px!important;padding: 0!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:#7f0906;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% } h2{font-size:180% } 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; } .post-body blockquote { background: url(https://lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll left 18px transparent; font-family: Monaco,Georgia," font-size: 100%; font-style: italic; line-height: 22px; margin: 20px 0 30px 20px; min-height: 60px; padding: 0 0 0 60px; } /* 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%; } .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: url('http://1.bp.blogspot.com/-Hi2coBagF4g/VHgrgzieCzI/AAAAAAAAC2Y/Bug09-Zg37c/s1600/sihitamtam.png') fixed; background-repeat: repeat; 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; box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1); overflow:hidden; } /* NAVIGATION MENU */ .top-menu { font-size: 13px; font-family: Arial; margin: 0 auto; height: 38px; background: #57595A; border-top: 4px solid #FF120C; 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:0 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; } .header { float:left; width:25.7%; max-width:257px; margin:20px 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-inner h1 { margin: 0; padding: 0; } .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:22px 0; width:72.8%; max-width:728px; } .header-right img { display:block; } #nav { text-transform: uppercase; height: 48px; line-height: 48px; padding: 0 28px; background: #EEEEEE; } .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; } .menubar2 > li { float: left; } .menubar2 > li > a { display: block; height:48px; line-height:48px; font-size: 16px; text-decoration: none; color: #57595a; font-family: Oswald, 'Droid Sans', sans-serif; } .menubar2 > li > a.active { background:#FF120C; color:#fff; } .menubar2 > li:hover > a { background:#FF120C; color:#fff; } .menubar2 li ul { background: #EEEEEE; border-bottom: 4px solid #FF120C; 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 #BFBFBF; font-size: 16px; padding: 2px 4px 2px 12px; text-decoration: none; color: #57595a; font-family: Oswald, 'Droid Sans', sans-serif; } .menubar2 li li a:hover { color:#333; } .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: 0px 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("http://1.bp.blogspot.com/-VaJX0ShxH6c/TeUGQ0IGOWI/AAAAAAAAJGo/Qw7sIjc5MrQ/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(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/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; background: #FF120C; } #sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span { background: #FF120C; padding: 6px 6px 6px 10px; color: #fff; font-size: 16px; font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif; font-weight: normal; } #related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #FF120C; } .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:#FF120C; margin:0 0 15px; padding:0; position:relative; } div.recent-post-title:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #FF120C; } .recent-post-title h2 { background: #FF120C; padding: 6px 6px 6px 10px; 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:49%; float:left; } ul.xpose_thumbs1 li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs1 .xpose_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:73px; padding-bottom:46%; 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:108px; 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:100px; width:100px; } ul.xpose_thumbs2 .xpose_thumb2 img { height:100px; width:100px; } 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:49%; float:right; } ul.xpose_thumbs22 li { padding:0 0; min-height:108px; font-size:11px; margin: 0 0 8px; padding: 0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs22 .xpose_thumb2 { background:#fbfbfb; float:left; margin:3px 14px 0 0; height:100px; width:100px; } ul.xpose_thumbs22 .xpose_thumb2 img { height:100px; width:100px; } 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:#7F0906; } /* BOTTOMBAR */ #bottombar { background: #333333; 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; background: #FF120C; color:#eeeeee; } #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:#353738; margin:0 auto; padding:8px 20px; overflow:hidden; color:#eeeeee; font-size:12px; } .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:18px; border-radius: 4px; } .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: #FF120C; 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(255 , 18 , 12 , 0.9); 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(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/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: #FF120C; 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: #D15546; color: #fff; } .tagcloud1 a { background: #555555; 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: #FF7457; 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; } .button { text-align: center; width: 100%; margin: 10px 0; padding: 0; font-size: 14px; font-family: 'Tahoma', Geneva, Sans-serif; color: #fff; margin-left: 0em !important; } .button ul { margin: 0; padding: 0; } .button li { display: inline-block; margin: 10px 0; padding: 0; } .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; } .download:before { content: "\f019"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #2980b9; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } .demo:before { content: "\f06e"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #c0392b; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } #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(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/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(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/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; } #searchform { margin:7px 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(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 9px no-repeat; cursor:pointer; margin:0; padding:0; width:37px; height:34px; line-height:34px; background-color:#FF120C; } input[type=submit] { padding:4px 17px; color:#ffffcolor:#585858; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) 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: 80px; margin: 10px 5px 0px 5px; width: 80px; } .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; padding: 8px 0 8px 8px; position: relative; background: #EEEEEE; color:#555555; } #sidebar-narrow .list-label-widget-content li a:hover { color:#fff; } #sidebar-narrow .list-label-widget-content li:hover { background: #FF120C; color:#fff; } #sidebar-narrow .list-label-widget-content li:hover > a { background: #FF120C; color: #fff; } #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:#3A3A3A; } ul.socialbar li a, ul.socialbar li a, a.soc-follow { display: block; float: left; margin: 0; padding: 0; width: 40px; height: 40px; margin-bottom:2px; 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(http://3.bp.blogspot.com/-NmMcKECatSQ/U6V_5SbOF1I/AAAAAAAAAkM/PWAmCSVs_wA/s1600/dribbble.png) no-repeat 0 0; } a.soc-follow.dribbble:hover { background-color: #ef5b92; } a.soc-follow.facebook { background: url(http://1.bp.blogspot.com/-3ho0g-Dc4Y0/U7ZbVW1tuKI/AAAAAAAAAzE/bpGJ-s7r3Wk/s1600/facebook.png) no-repeat 0 0; } a.soc-follow.facebook:hover{ background-color: #3b5998; } a.soc-follow.flickrs { background: url(http://3.bp.blogspot.com/-rJglRJh1WW0/U7ZbcTKQcbI/AAAAAAAAAzk/33OW1b2t1xI/s1600/flickr.png) no-repeat 0 0; } a.soc-follow.flickrs:hover { background-color: #f1628b; } a.soc-follow.googleplus { background: url(http://3.bp.blogspot.com/-RhkXdjwgEVo/U7ZbcWu-iTI/AAAAAAAAAzo/43hPWkLD5hQ/s1600/googleplus.png) no-repeat 0 0; } a.soc-follow.googleplus:hover { background-color: #d94a39; } a.soc-follow.linkedin { background: url(http://2.bp.blogspot.com/-n0U6_fs415s/U7ZbVQ_YSRI/AAAAAAAAAzQ/wUAF46WN5oo/s1600/linkedin.png) no-repeat 0 0; } a.soc-follow.linkedin:hover { background-color: #71b2d0; } a.soc-follow.twitter { background: url(http://4.bp.blogspot.com/-sIGAQtPQHP8/U7ZbVYIZcXI/AAAAAAAAAzI/GIY14uvXhg4/s1600/twitter.png) no-repeat 0 0; } a.soc-follow.twitter:hover { background-color: #48c4d2; } a.soc-follow.vimeo { background: url(http://1.bp.blogspot.com/--F1xUtN_8FQ/U7ZbWG6lHdI/AAAAAAAAAzU/5GojeL_5aYc/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(90,90,90,0.8); padding: 5%; color: white; margin: 30px; } .featuredPost a{ color:#fff } .featuredPost a:hover{ color:#dedde5 } .featuredPost h2{ font: $(sidebar.title.font); 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: #ff120c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff120c), color-stop(100%, #f2110b)); background-image: -webkit-linear-gradient(top, #ff120c, #f2110b); background-image: -moz-linear-gradient(top, #ff120c, #f2110b); background-image: -ms-linear-gradient(top, #ff120c, #f2110b); background-image: -o-linear-gradient(top, #ff120c, #f2110b); background-image: linear-gradient(top, #ff120c, #f2110b); border: 1px solid #cc0e0a; box-shadow: inset 0 1px 0 0 #ff8986;} #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; } */]]>

About

1 : :

About

1 : :

RELATED POSTS