<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> */ #navbar-iframe,#Navbar1 { display:none!important } header,nav,section,aside,article,footer { display:block } /* Use this with templates/template-twocol.html */ img { max-width:100%; height:auto } .widget,.section,ul,li,ul li,.widget ul,.widget li,.widget ul li,.widget-content ul,.widget-content li,.widget-content ul li .widget .widget-content ul,.widget .widget-content li,.widget .widget-content ul li { padding:0; margin:0 } body { font:$(body.font); color:$(body.text.color); background:$(body.background) } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } a,ul.randomnya li,ul.randomnya .overlayx,.Label li,#related-postsx .overlayb { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out } a:link { color:#333; text-decoration:none } a:visited { color:#333; text-decoration:none } a img { border-width:0 } li{list-style:none} /* Layout Setting ----------------------------------------------- */ body#layout { position:relative; width:960px; } body#layout .widget3 { width:73px; float:left; } body#layout .widget4 { width:160px; float:left; margin-top:-10px; } body#layout #top-tab { width:480px; float:left; } body#layout #outer-wrapper { width:940px; } body#layout #flex-slider { width:480px; margin-bottom:40px; } body#layout #news-wrapper { width:897px; padding-left:20px; } body#layout #carousel { width:900px; padding-right:42px; } body#layout #main { float:left; width:480px; } body#layout #home-layout-label { float:left; width:480px; height:0 auto; margin-top:-15px; } body#layout #sidebar-wrapper { float:right; width:220px; position:absolute; left:680px; } body#layout #tag-widget8 { width:96px; float:left; margin:0!important; } body#layout #sidebar-box { margin-bottom:-60px; } body#layout #header-ads { width:428px; margin-left:20px; float:right; } body#layout #Header1 { width:300px; display:inline-block; float:left; margin-left:30px; margin-top:8px; } body#layout #footx1 { width:200px; float:left; margin-left:22px; } body#layout #footer-wrapper { margin-top:-52px; } body#layout ul,body#layout ul li { list-style-type:none; list-style:none; } body#layout #tag-widget1,body#layout #tag-widget2,body#layout #tag-widget3,body#layout #tag-widget7{ width:120px; float:left; } body#layout #tag-widget5,body#layout #tag-widget6,body#layout #tag-widget4 { width:160px; float:left; } /* Header ----------------------------------------------- */ #header-wrapper { width:100%; padding:0; color:#ffffff; margin:0 auto; padding:0; color:#222; background:#333; position:relative } #header { color:$(header.ti.color); margin:10px 0px 0px 0px; width:100%; } #header:hover { color:$(header.h.color) } #header-title { display:inline-block; text-align:left; margin:30px 0px 50px 16px; width:300px; height:76px; float:left } #header-ads { width:56%; min-height:100%; display:inline-block; float:right; margin:39px 20px 0 0 } #header-ads h2 { display:none } #header-fix { overflow:hidden } #header h1,#header p { margin:0; padding:0; line-height:1.2em; text-transform:uppercase; font:$(header.font.style) } #header a { color:#fff; text-decoration:none } #header a:hover { color:#f1f1f1 } #header .description { padding:2px; text-transform:capitalize; line-height:1.4em; color:#ccc; font:normal 11px Verdana,Geneva,sans-serif; } #header img { margin-right:auto; margin:-24px 0 0 8px } .description_wrapper { margin:0 0 15px 15px } .title_wrapper p.title { font-family:Oswald,Arial,Verdana,sans-serif; font-size:200% } .title_wrapper { padding:0; margin:10px 0 0 15px } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:#ecf0f1; margin:0 auto!important; padding:0; text-align:left; font:normal normal 11px Verdana,Geneva,sans-serif; position:relative; box-shadow:0 0 10px rgba(119,119,119,0.3); } #content-wrapper { width:100%; padding:22px 22px 0 22px } #main-wrapper { width:54%; float:left;margin-left: 18%; word-wrap:break-word; overflow:hidden } #sidebar-wrapper { width:26%; float:right; margin-left:2%; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper2 { width:16%; float:left; margin-left:-72%; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden /* fix for long non-text content breaking IE sidebar float */ } #sidebar-box2 { margin:-7px 0 0 } #sidebar-box { margin:-7px 0 8px } /* Headings ----------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0; font-family:'Droid Sans',Arial,Verdana,sans-serif } /* Posts ----------------------------------------------- */ .date-header { display:none } .post { padding-bottom:10px } .post h1,.post h2 { margin:0 0 2px; padding:0; font-size:22px; font-weight:normal; font-family:Oswald,sans-serif; color:#111; border-bottom:1px solid #DDDDDD; margin:0 0 5px; overflow:hidden; padding:5px 0 } .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong { display:block; text-decoration:none; color:#000 } .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover { color:#000 } .post-body { margin:0; line-height:1.6em; padding-bottom:5px; font-family:arial,Helvetica,san-serif; font-size:12px; color:#555 } .post-body a { color:#DF1010 } .post-body blockquote { line-height:1.3em; margin:15px; padding-left:10px; border-left:2px solid #DF1010; font-style:italic; color:#DF1010 } .post-footer { margin:.75em 0; color:#999999; line-height:1.4em; display:none } a.post_thumb { padding:4px; border:1px solid #E0E0E0; float:left; width:220px; height:160px; margin:4px 15px 0 0; background-color:#ffffff } a.post_thumb img { width:100%; height:100%; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none } .post-body img { background-color:#ffffff; border:1px solid #E0E0E0; padding:4px } .comment-link { margin-left:.6em } .post blockquote { margin:1em 20px } .post blockquote p { margin:.75em 0 } a.post_thumb { background-image:url(http://3.bp.blogspot.com/-m0angcMsD-M/UhgmnWQ2wuI/AAAAAAAAAu8/rk5zmz1qUvI/s1600/img_hover.png); background-repeat:no-repeat; background-position:50% 50%; display:block } .PopularPosts #related_posts span { background-image:url(http://2.bp.blogspot.com/-7ORuDEv06UQ/UJVR5DN3kVI/AAAAAAAAGfs/8aVj8u6y2-s/s30/link-overlay.png); background-repeat:no-repeat; background-position:50% 50%; display:block } /* Comments ----------------------------------------------- */ .comments { background:none repeat scroll 0 0 #FFFFFF; clear:both; margin:10px 0 0; padding:10px; width:100%; font-size:11px } #comments { overflow:hidden } #comments h4 { display:inline; padding:10px; line-height:40px; font-size:14px; color:#ffffff } #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment { position:relative } #comments h4,.comments .continue a { background-color:$(comments.back.color); font-weight:normal; color:#ffffff } .comments .user a,.comments .continue a { font-size:12px; color:#333 } .comments .continue a { font-size:12px; color:#ffffff } #comments h4:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid $(comments.back.color); border-right:20px solid transparent; width:0; height:0; line-height:0 } .comments .avatar-image-container { width:42px; max-height:42px; height:42px; padding:2px; border:1px solid #ccc } .comments .avatar-image-container img { max-width:42px; width:100% } .comments .inline-thread .avatar-image-container { width:36px; height:36px } .comments .comment-block { margin-left:53px; padding:5px 10px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px } .comments .inline-thread .comment-block { margin-left:48px; border:1px solid #ccc } .comments .comment-block::before,.comments .comment-block::after { content:""; width:0; height:0; border-width:10px 8px; border-style:solid; border-color:transparent #ccc transparent transparent; position:absolute; top:8px; right:100% } .comments .comment-block::after { border-color:transparent #fff transparent transparent; right:auto; left:-15px } .comments .comments-content .comment-header { border-bottom:1px solid #ccc; padding-bottom:3px; margin:-1px -3px 10px } .comments .comments-content .comment { margin-bottom:12px; padding:0 } .comments .comments-content .icon.blog-author { position:absolute; right:10px; top:-4px; width:65px; height:20px; background-color:#666; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px } .comments .comments-content .icon.blog-author::after { content:"Admin"; position:absolute; color:#fff; top:2px; left:12px } #comments-block { margin:1em 0 1.5em; line-height:1.6em } .comment-form { max-width:100% } #comments-block .comment-author { margin:.5em 0 } #comments-block .comment-body { margin:.25em 0 0 } #comments-block .comment-footer { margin:-.25em 0 2em; line-height:1.4em; text-transform:uppercase; letter-spacing:.1em } #comments-block .comment-body p { margin:0 0 .75em } .deleted-comment { font-style:italic; color:gray } #blog-pager-newer-link { float:left } #blog-pager-older-link { float:right } #blog-pager { text-align:center } .feed-links { display:none } /* Sidebar Content ----------------------------------------------- */ #sidebar-wrapper h2,#sidebar-wrapper2 h2 { font-size:17px; color:#222; font-family:oswald,sans-serif; font-weight:normal; text-transform:uppercase; border-bottom:4px solid #2d2d2d; background-position:0 50%; background-repeat:repeat-x; font:normal normal 16px Oswald; margin-bottom: 15px; margin-top: 5px; text-transform:uppercase } #sidebar-wrapper h2 span { border-bottom:4px solid #f39c12; position:relative; } #sidebar-wrapper .widget-content { padding:10px; font-size:12px; margin:0; background-color:#ffffff; border:0 solid #DDD; overflow:hidden; color:#555 } .sidebar li a { color:#2d2d2d; font-family:sans-serif; font-weight:bold } .sidebar li a:hover { color:#555 } .sidebar,.footer { color:#666666; line-height:1.5em } .sidebar ul,.footer ul { list-style:none; margin:0; padding:0 } .sidebar li { margin:0; padding:2px; padding-bottom:25em; line-height:1.9em } .sidebar .widget,.main .widget,.footer .widget { margin:0 0 1.5em; padding:0 } .Label { color:#888 } .Label:hover { color:#fff } .Label li { padding:5px 8px!important; margin:0 3px 3px 0!important; float:left; background-color:#f1f1f1 } .Label li a { color:#333; text-decoration:none; font-size:11px } .Label li:hover a { color:#fff } .Label li:hover { background-color:#e74c3c } /* Sidebar2 Content ----------------------------------------------- */ #sidebar-wrapper2 h2 span { border-bottom:4px solid #2980b9; position:relative; } #sidebar-wrapper2 .widget-content { padding:10px; font-size:12px; margin:0; background-color:#ffffff; border:0 solid #DDD; overflow:hidden; color:#555 } .sidebar2 li a:hover { color:#555 } .sidebar2,.footer { color:#666666; line-height:1.5em } .sidebar2 ul,.footer ul { list-style:none; margin:0; padding:0 } .sidebar2 li { margin:0; padding:2px; padding-bottom:.25em; line-height:1.5em } .sidebar2 .widget,.main .widget,.footer .widget { margin:0 0 1.5em; padding:0 } /* Profile ----------------------------------------------- */ .profile-img { float:left; margin:0 5px 5px 0; margin-left:0; padding:4px; border:1px solid #cccccc } .profile-data { margin:0; color:#999999; line-height:1.6em } .profile-datablock { margin:.5em 0 } .profile-textblock { margin:.5em 0; line-height:1.6em } .profile-link { letter-spacing:.1em } /* Footer ----------------------------------------------- */ #footer-wrapper { width:100%; text-align:left; overflow:hidden; background-color:$(footer.back.color); border-top:5px solid $(footer.top.color); margin:0px 0 0 } #footer-widgetfix .footer-widget { width:21.6%; float:left; margin-left:30px; } #footer-widgetfix { width:100%; overflow:hidden; margin:20px auto } #footer-wrapper .widget { color:#999999 } #footer-wrapper h2 { border-bottom:4px solid $(footer.a.widget); background-position:0 50%; background-repeat:repeat-x; font:$(footer.font); color:#fff; padding:5px 0; text-transform:uppercase } #footer-wrapper h2 span { border-bottom:4px solid $(footer.b.widget); position:relative; padding:5px 0 } #footer-wrapper .widget-content { text-align:left; font-family:arial,Helvetica; margin:20px 0 15px; color:$(footer.text.color) } #footer-wrapper .widget-content li { margin-left:-14px; color:#ddd } #footer-wrapper .widget-content li { margin-left:-14px; color:#ddd } #footer-wrapper .widget-content ul li { background:url(http://2.bp.blogspot.com/-LRY3u4AS--k/T8uLaZV3tkI/AAAAAAAAFNk/ZTVXThX4OUM/s1600/separator.png) repeat-x left bottom; margin:0; padding:0 0 7px } .footer li a { padding-top:0; padding-right:0; line-height:2em; font-size:12px; font-weight:normal; font-family:Arial,Helvetica; color:$(footer.text.color); margin:0 } .footer li a:hover { color:#fff } .footer .Label li { position:relative; left:12px; background:#DF1010; cursor:pointer; -webkit-transition-timing-function:ease; -webkit-transition-duration:.4s; -webkit-transition-property:background,border-color; margin:0 17px 3px 20px; padding:1px 8px } .footer .Label li a { color:#fff } .footer .Label li:hover { background:#FF1800 } #footerfix { overflow:hidden; background:#161616; border-top:0 solid black; padding:10px } #credit { color:#888; width:98%; font-size:12px; font-family:sans-serif,Helvetica; margin:0 auto; font-weight:bold } #credit a { color:#fbfbfb; text-decoration:none } #credit a:hover { color:#DF1010; text-decoration:none } .credit-left { float:left; text-align:left } .credit-right { float:right; margin:9px 0 0 } .footer-bottom { min-height:40px; border-bottom:2px solid $(footer.bottom.color) } #footx1,#footx2,#footx3,#footx4 { margin:0 .2% } .footer .PopularPosts .item-title { font-weight:bold; padding-bottom:.2em; text-shadow:0 1px 0 #000 } /* Other ----------------------------------------------- */ .postmeta-fix { margin-left:-6px } .postmeta-primary span { color:#aaa; background-position:left center; background-repeat:no-repeat; padding:0 } .postmeta-primary { font-family:open sans,san-serif; font-weight:600; color:#aaa; font-size:11px; line-height:18px; padding:0 } .meta_date { margin:0 0 0 -1px; font-family:open sans,san-serif; font-weight:600; color:#aaa } .meta_comments a { margin:0 0 0 -9px; font-family:open sans,san-serif; font-weight:600; color:#aaa } .main .Blog { border-bottom-width:0 } .relatedposts h4 { color:black; padding:0; margin:0 10px 0 0; text-transform:uppercase; font-size:150%; float:left } .relatedposts h4 { font-family:Oswald,sans-serif; font-weight:normal; color:#333 } /* Widgets ----------------------------------------------- */ #ads-wrapper,#ads2-wrapper,#ads3-wrapper,#ads4-wrapper,#ads5-wrapper,#ads6-wrapper { padding:0 10px!important; width:1220px; float:left } #news-wrapper { width:100%; float:left; margin:0px 0px 17px 0px!important; float:left; overflow:hidden } #slider-wrapper { width:100%; float:left; margin:10px 0 -32px 1px!important } #tagpost-wrapper { width:49%; float:left; margin:2px 0 0!important } #tagpost .widget { overflow:hidden; padding-bottom:22px!important } #topbox-wrapper { width:100%; float:left; margin:10px 0 0 -1px!important } #topbox { width:31%; float:left; margin:0!important } #topbox2 { width:31%; float:left; margin:0 0 0 26px!important } #topbox3 { width:31%; float:left; margin:0 0 0 26px!important } #box-wrapper { width:100%; margin:8px 0 18px!important } #box h2,#box2 h2,#box3 h2,#box4 h2,#box5 h2,#topbox h2,#topbox2 h2,#topbox3 h2,#tagpost h2 { font-size:19px; font-family:oswald,sans-serif; font-weight:normal; padding:6px!important; display: inline-block; background:#DF1010; margin-left:1px; margin-bottom:-1px; color:#fff } #tag-widget8 h2,#tag-widget7 h2,#tag-widget5 h2,#tag-widget6 h2,#tag-widget2 h2,#tag-widget3 h2,#tag-widget1 h2,#tag-widget4 h2,#box h2,#box2 h2,#box3 h2,#box4 h2,#box5 h2,#tagpost h2 { overflow:hidden; text-transform:uppercase } #topbox h2,#topbox2 h2,#topbox3 h2 { margin:0 0 7px!important; overflow:hidden; text-transform:uppercase } #sidebar-wrapper .widget-content { background:#ffffff; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-bottom:20px; } #sidebar-wrapper2 .widget-content { background:#ffffff; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-bottom:24px; } #search-box { background:#ffffff; border-radius:1px; border:1px solid #DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px!important; margin:0; position:relative; overflow:hidden } #tag-widget1 h2 { font-size:17px; background-color:#e74c3c; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget1 h2 { font-size:17px; background-color:#e74c3c; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget2 h2 { font-size:17px; background-color:#f39c12; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget3 h2 { font-size:17px; background-color:#3498db; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget4 h2 { font-size:17px; background-color:#27ae60; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget5 h2 { font-size:17px; background-color:#3498db; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget6 h2 { font-size:17px; background-color:#95a5a6; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget7 h2 { font-size:17px; background-color:#34495e; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget8 h2 { font-size:17px; background-color:#9b59b6; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget9 h2 { font-size:17px; background-color:#9b59b6; text-align:center; background-position:0 50%; background-repeat:repeat-x; font-family:oswald,sans-serif; color:#fff; text-transform:uppercase; padding:5px!important; } #tag-widget1 .widget-content,#tag-widget2 .widget-content,#tag-widget3 .widget-content,#tag-widget5 .widget-content,#tag-widget6 .widget-content,#tag-widget7 .widget-content,#tag-widget8 .widget-content { background:#ffffff; padding:4px 10px 10px 10px!important; position:relative; overflow:hidden; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #tag-widget7 .widget-content { background:#ffffff; padding:0px 10px 10px 10px!important; position:relative; overflow:hidden; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #tag-widget4 .widget-content{ background:#ffffff; padding:10px!important; position:relative; overflow:hidden; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #tag-widget9 .widget-content { height:230px; width:100%; background:#fff; position:relative; position:relative; overflow:hidden; padding:10px!important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #DDD; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } /*Comment tag ----------------------------------------------- */ .blogger .fbook { position:relative } .blogger:before,.fbook:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#fff; font-size:22px; padding-right:.5em; top:0; left:5px } .blogger:before { content:"\f086" } .fbook:before { content:"\f09a" } a.post_thumb img { -moz-transition:opacity; -moz-transition-timing-function:ease-in; -moz-transition-duration:500ms; -goog-ms-transition:opacity; -goog-ms--transition-timing-function:ease-in; -goog-ms--transition-duration:500ms; -webkit-transition:opacity; -webkit-transition-timing-function:ease-in; -webkit-transition-duration:500ms; } a.post_thumb img:hover { opacity:.4; -moz-transition:opacity; -moz-transition-timing-function:ease-out; -moz-transition-duration:500ms; -goog-ms-transition:opacity; -goog-ms--transition-timing-function:ease-out; -goog-ms--transition-duration:500ms; -webkit-transition:opacity; -webkit-transition-timing-function:ease-out; -webkit-transition-duration:700ms; } #select21 { padding:4px; margin-left:7px; font-size:13px; height:25px; border:1px solid #ccc; position:absolute; top:6px; left:5%; width:70%; background:#252525; color:#FFF; outline:none; border:1px solid #000; cursor:pointer } #selectnav2 { padding:8px; margin-left:7px; font-size:13px; height:34px; border:1px solid #ccc; position:absolute; bottom:8px; left:5%; width:70%; background:#252525; color:#FFF; outline:none; border:1px solid #000; cursor:pointer } .selectnav { display:none } /* Post by box ----------------------------------------------- */ .post_byfix { float:left; border:1px solid #ddd; width:100%; overflow:hidden } .post_byimz { display:block; float:left; padding:4px!important; margin-left:2px!important; padding-right:10px!important; margin-top:1px!important; overflow:hidden } .post_byimz img { width:80px; height:80px } .post_by { float:right; color:#423119; width:100%; font-family:arial,Helvetica,san-serif; font-weight:normal; font-size:11px } .post_by ul { margin:0; padding:0 } .post_by li { list-style:none; padding:3px 10px!important } #tag-widget1{ margin-top:10px; width:100%; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget2{ margin-top:10px; width:48.5%; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget3{ margin-top:10px; width:48.5%; float:left; margin-left:3%; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget4{ margin-top:10px; width:100%; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget5{ margin-top:10px; width:48.5%; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget6{ margin-top:10px; width:48.5%; float:left; margin-left:3%; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget7{ width:100%; margin-top:10px; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget8{ width:100%; margin-top:10px; float:left; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} #tag-widget9{ width:100%; float:left; margin-top:10px; margin-bottom:20px; font-family:open sans,Helvetica,san-serif; font-weight:normal; font-size:12px;} /* comment Tabbed-menu ----------------------------------------------- */ #com-tab { width:100%; float:left; padding-top:10px!important; } #com-tab-menu { width:100%; float:left; } .com-tab-menu li.selected { background-color:$(menu.tabs.color); text-decoration:none } .com-tab-menu li { font-family:sans-serif; font-weight:normal; font-size:16px; background-color:#2d2d2d; color:#fff; cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:50%; padding:0; list-style:none } .com-tab-menu ul { margin:0; padding:0 } .com-tab-menu { overflow:hidden } /* SOCIAL MEDIA METRO STYLE*/ #sb-social-icons li { float: left; width: 133px; height: 133px; margin: 0 6px 6px 0; padding: 0 0 0 0; border-bottom: none; list-style: none; } #sb-social-icons li a { line-height: 1px; display: block; } #sb-social-icons li a:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } #sb-social-icons li a span { display: none !important; } /* comment2 Tabbed-menu ----------------------------------------------- */ #com-tab2 { width:100%; float:left; padding-top:10px!important; } #com-tab2-menu { width:100%; float:left; } .com-tab2-menu li.selected { background-color:$(menu.tabs.color); text-decoration:none } .com-tab2-menu li { font-family:sans-serif; font-weight:normal; font-size:16px; background-color:#2d2d2d; color:#fff; cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:50%; padding:0; list-style:none } .com-tab2-menu ul { margin:0; padding:0 } .com-tab2-menu { overflow:hidden } /* comment Tabbed-menu ----------------------------------------------- */ #com-tab { width:100%; float:left; padding-top:10px!important; } #com-tab-menu { width:100%; float:left; } .com-tab-menu li.selected { background-color:$(menu.tabs.color); text-decoration:none } .com-tab-menu li { font-family:sans-serif; font-weight:normal; font-size:16px; background-color:#2d2d2d; color:#fff; cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:50%; padding:0; list-style:none } .com-tab-menu ul { margin:0; padding:0 } .com-tab-menu { overflow:hidden } /* comment2 Tabbed-menu ----------------------------------------------- */ #com-tab2 { width:100%; float:left; padding-top:10px!important; } #com-tab2-menu { width:100%; float:left; } .com-tab2-menu li.selected { background-color:$(menu.tabs.color); text-decoration:none } .com-tab2-menu li { font-family:sans-serif; font-weight:normal; font-size:16px; background-color:#2d2d2d; color:#fff; cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:50%; padding:0; list-style:none } .com-tab2-menu ul { margin:0; padding:0 } .com-tab2-menu { overflow:hidden } /* Tabbed-menu ----------------------------------------------- */ #top-tab { width:100%; float:left; } #top-tab .widget { margin-bottom:10px; } .top-tab-widget-menu li.selected { background-color:#27ae60; text-decoration:none } .top-tab-widget-menu li { font-family:arial,Helvetica,san-serif; font:$(tab.menu.font); background-color:$(menu.tab.color); bottom:-40px; color:$(tab.text.color); cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:50%; padding:0; list-style:none; text-transform:uppercase } .top-tab-widget-menu ul { margin:0; padding:0 } .top-tab-widget-menu { font-family:Open sans,sans-serif; font-weight:800; text-transform:uppercase; margin-bottom: 10px; } /* Tabbed-menu2 ----------------------------------------------- */ #tab_fix { margin-bottom:-2px!important } #tab_fix .widget { margin-bottom:0; padding-bottom:0 } #top-tabv2 .widget-content ul li { font-family:sans-serif; margin:0; line-height:1.7em; list-style-type:none; list-style:none } #top-tabv2 .Label { font-weight:bold; font-family:sans-serif; margin:0; line-height:1.7em; list-style-type:none; list-style:none } #top-tabv2 { width:100%; float:left; margin-bottom:-3px; margin-top:-1px } #top-tabv2 .title > span { display:none } .top-tab-widget-menuv2 li.selected { background-color:$(menu.tabs.color); text-decoration:none } .top-tab-widget-menuv2 li { font-family:arial,Helvetica,san-serif; font:$(tab.menu.font); background-color:$(menu.tab.color); bottom:-40px; color:$(tab.text.color); cursor:pointer; float:left; height:38px; line-height:38px; text-align:center; width:33.3%; padding:0; list-style:none; text-transform:uppercase } .top-tab-widget-menuv2 ul { margin:0; padding:0 } .top-tab-widget-menuv2 { overflow:hidden } /* Back to Top ----------------------------------------------- */ #scroll { position:fixed; right:10px; bottom:10px; cursor:pointer; width:40px; height:40px; background-color:$(scroll.back.color); text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px } #scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:$(scroll.text.color) } #scroll:hover { background-color:#2d2d2d; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";} /* PopularPosts ----------------------------------------------- */ .PopularPosts .quickedit > img { height: 19px !important; width: 22px !important; } .PopularPosts .item-thumbnail img { padding:4px; height:150px; width: 100%; display: block; } .PopularPosts .item-thumbnail { margin:0 5px 0 0 } .PopularPosts .item-title { font-family:sans-serif; font-weight:bold; padding-bottom:.2em; text-shadow:0 1px 0 #fff } #side .PopularPosts .widget-content { padding: 10px 20px; } .PopularPosts li { display: block; padding: 10px 0!important; border-bottom: 1px solid #f8f8f8; } .PopularPosts li:last-child { border-bottom: none; } .PopularPosts li .item-thumbnail { width: 100%; height: 150px; margin-bottom: 10px; } .PopularPosts li .item-title { font: normal normal 20px Oswald; font-size: 15px; } .PopularPosts li .item-title a:hover { color: #555; } .PopularPosts li .item-snippet { font-size: 12px; line-height: 1.5em; margin: 10px 0 0 0; } .PopularPosts li .item-title a { color: black; } /* Flicker Image Gallery ----------------------------------------------- */ .flickr { width:250px } .flickr_badge_image { float:left; height:60px; margin:5px; width:65px } .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; } /* Navigation ----------------------------------------------- */ #nav { width:100%; display:block; font:$(menu.font); border-bottom:5px solid #25282A; text-transform:uppercase; background-color:$(menu.back.color); background-repeat:repeat-x; height:55px; padding-left:10px; } #nav ul { height:50px; margin:0; padding:0; } #nav li { position:relative; display:inline-block; float:left; border-width:0 0 0 1px; height:50px; } #nav li a { display:block; line-height:50px; height:50px; text-decoration:none; color:$(menu.text.color); padding:0 15px; } #nav li:last-child a { border-right:0 none; } #nav li a:hover { color:#fff; background-color:$(menu.h.color); } #nav ul.submenu li:hover { none; } #nav ul.submenu li { float:none; width:100%; margin:0; border-bottom:1px solid #222; border-top:1px solid #383838; border-left:0px none; height:35px; } #nav ul.submenu { display:none; padding:0; position:absolute; top:54px; width:180px; z-index:99; float:left; background:#2D2D2D!important; -webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2); box-shadow:0 3px 4px 1px rgba(0,0,0,0.2); -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; height:auto; } #nav ul.submenu.hidden { display:block; -khtml-opacity:0; -moz-opacity:0; opacity:0; visibility:hidden; -webkit-transition:all .5s ease 0; -o-transition:all .5s ease 0; transition:all .5s ease 0; -moz-transition:all .5s ease 0; } #nav li:hover ul.submenu.hidden { -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; } #nav ul.submenu li:first-child { border-top:0 none; } #nav ul.submenu a { height:35px; line-height:1em; padding:7px 10px; margin-top:4px; } #nav ul.submenu a:hover { padding-left:15px; } #nav li.mhome { border:0; margin-top:0; height:55px; padding-right:2px; } #nav li.mhome a { margin-top:-5px; height:56px; border-left:0 none; text-indent:-9999px; width:58px; background-color: $(menu.home.color); background-image:url('http://1.bp.blogspot.com/-2cGZeYsERUI/UmSaCjdTxdI/AAAAAAAAAIk/S2pB53AhCSE/s1600/icon_home.png'); background-repeat:no-repeat; background-position:50% 16px; } /* Navigation2 ----------------------------------------------- */ #nav2 { font:$(menu2.font); text-transform:uppercase; position:absolute; width:100%; background-color:$(menu2.back.color); background-repeat:repeat-x; height:32px; padding-left:10px } #nav2 li:hover a { color:$(menu2.text.color); background-color:$(menu2.h.color) } #nav2 ul { height:18px; margin:0; padding:0 } #nav2 li { position:relative; display:inline-block; float:left; border-width:0 0 0 1px; height:24px; margin-top:5px } #nav2 li a { display:block; line-height:22px; height:22px; text-decoration:none; color:$(menu2.text.color); padding:0 15px; } #nav2 li:last-child a { border-right:0 none } #nav2 ul.submenu2 li { float:none; width:100%; margin:0; border-bottom:1px solid #222; border-top:1px solid #383838; border-left:0 none; height:30px } #nav2 ul.submenu2 { display:none; padding:0; position:absolute; top:30px; width:180px; z-index:99; float:left; background:#2D2D2D!important; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; height:auto } #nav2 ul.submenu2.hidden { display:block; -khtml-opacity:0; -moz-opacity:0; opacity:0; visibility:hidden; -webkit-transition:all .5s ease 0; -o-transition:all .5s ease 0; transition:all .5s ease 0; -moz-transition:all .5s ease 0 } #nav2 li:hover ul.submenu2.hidden { -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible } #nav2 ul.submenu2 li:first-child2 { border-top:0 none } #nav2 ul.submenu2 a { height:30px; line-height:1em; padding:7px 10px } #nav2 ul.submenu2 a:hover { padding-left:15px } /* Navigation3 ----------------------------------------------- */ #nav3 { font:$(menu3.font); text-transform:uppercase; position:absolute; width:100%; background-color:$(menu3.back.color); background-repeat:repeat-x; height:40px; padding-right:10px; } #nav3 li:hover a { color:$(menu3.text.color); background-color:#e74c3c } #nav3 ul { height:40px; margin:0; padding:0 } #nav3 li { position:relative; display:inline-block; float:right; border-width:0 0 0 1px; height:40px; margin-top:9px } #nav3 li a { display:block; line-height:22px; height:22px; text-decoration:none; color:$(menu3.text.color); padding:0 15px; } #nav3 li:last-child a { border-right:0 none } #nav3 ul.submenu3 li { float:none; width:100%; margin:0; border-bottom:1px solid #222; border-top:1px solid #383838; border-left:0 none; height:30px } #nav3 ul.submenu3 { display:none; padding:0; position:absolute; top:30px; width:180px; z-index:99; float:left; background:#2D2D2D!important; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; height:auto } #nav3 ul.submenu3.hidden { display:block; -khtml-opacity:0; -moz-opacity:0; opacity:0; visibility:hidden; -webkit-transition:all .5s ease 0; -o-transition:all .5s ease 0; transition:all .5s ease 0; -moz-transition:all .5s ease 0 } #nav3 li:hover ul.submenu2.hidden { -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible } #nav3 ul.submenu3 li:first-child3 { border-top:0 none } #nav3 ul.submenu3 a { height:30px; line-height:1em; padding:7px 10px } #nav3 ul.submenu3 a:hover { padding-left:15px } /* Search Box ----------------------------------------------- */ #search-fix { padding-bottom:15px!important } #searchformfix { width:20%; float:right; margin-top:1px!important; margin-right:20px!important; overflow:hidden } #searchform { width:100%; float:left; margin:6px 0 0; padding:0 } #searchform fieldset { padding:0; border:none; margin:0 } #searchform input[type=text] { border:1px solid #e1e1e1; float:left; padding:0 10px 0 15px; margin:0; width:85%; height:37px; line-height:38px; color:#aaa; font-size:12px } #searchform input[type=submit] { background:url(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 11px no-repeat; cursor:pointer; margin:0; padding:0; width:37px; height:37px; max-width:15%; max-height:100%; line-height:38px; background-color:$(search.back.color) } input[type=submit] { padding:4px 17px; fontcolor:#ddd; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible } #searchform input[type=submit]:hover { background-color:$(search.backh.color) } /* Follow by Email ----------------------------------------------- */ .FollowByEmail .follow-by-email-inner { position: relative; } .follow-by-email-inner { background: none repeat scroll 0 0 #e74c3c; padding: 15px; } .follow-by-email-inner:before { color: #fff; content: "Join with Thousands Of Subscribers ! Get Our Latest Articles Delivered to Your email Inbox"; font-family: Open Sans; font-size: 12px; font-weight: normal; text-transform: uppercase; } .FollowByEmail .follow-by-email-inner .follow-by-email-address{ border: 1px solid #ddd; font-size: 13px; height: 28px; padding-left: 2px; width: 100% } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { background: #2c3e50; border: 0 none; color: #FFF; cursor: pointer; font-size: 11px; height: 28px; margin: 0 3px; width: 80px; z-index: 0; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background: #111;} /* Contact form ----------------------------------------------- */ .contact-form-button{ width:95%; margin-top:10px; border:none !important; } .contact-form-name,.contact-form-email,.contact-form-email-message{ max-width:95%; margin-bottom:5px; color:#333; } .contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{ box-shadow:none } input:focus,.contact-form-email-message{ box-shadow:none } .contact-form-email-message{ border:none !important; border-top:0px; border:0px } .contact-form-email, .contact-form-name{ border:none; background:#fff; border:none !important; padding:5px; } .contact-form-name, .contact-form-email, .contact-form-email-message{ background:#fff; padding:5px; } .contact-form-button-submit{ background:#c0392b; border:none !important; box-shadow:none !important; border-radius:none !important; cursor:pointer } .contact-form-button-submit:hover { background:#e74c3c; border:none !important; box-shadow:none !important; border-radius:none !important; cursor:pointer } /* Top Date ----------------------------------------------- */ #date_wrapper { color:#fff; margin-top:8px; margin-right:10px; float:right; font-size:12px; font-weight:bold; font-family:arial,Geneva,sans-serif; padding:0 10px;position:relative!important; display:inline-block; } /*Top Hide Menu ----------------------------------------------- */ #social_icons { float:l; text-align:right; position:relative!important; display:inline-block; position:relative; z-index:1 } #social_icons ul { display:block; height:32px; margin:0 } #social_icons li { display:inline-block; float:left; width:32px; height:32px; opacity:0.8; background-position:left top; -webkit-transition:All .4s ease; -moz-transition:All .4s ease; -o-transition:All .4s ease } #social_icons li:hover { opacity:1; background-position:left -32px } #social_icons li a { display:inline-block; width:32px; height:32px } #social_icons li a span { display:none } #social_icons li.facebook { background-image:url(https://lh6.googleusercontent.com/-sbybihVrVuc/UHOTA49XRvI/AAAAAAAAEFY/08OCFvAm_wE/s64/social_network_facebook.png) } #social_icons li.twitter { background-image:url(https://lh3.googleusercontent.com/-NskGHQfbyOA/UHOTDD3zdjI/AAAAAAAAEF4/sjChvedQgB8/s64/social_network_twitter.png) } #social_icons li.linkedin { background-image:url(https://lh5.googleusercontent.com/-iwc7BZN6aAo/UHOTBxWKMSI/AAAAAAAAEFk/acmiao2JW-k/s64/social_network_linkedin.png) } #social_icons li.tumblr { background-image:url(https://lh5.googleusercontent.com/-oceB8nmgiZ0/UHOTC4MmfwI/AAAAAAAAEF0/sbbGNL4ZTeg/s64/social_network_tumblr.png) } #social_icons li.vimeo { background-image:url(https://lh4.googleusercontent.com/-apJrWCzYm-A/UHOTDZALThI/AAAAAAAAEGA/SpSImNuMR5I/s64/social_network_vimeo.png) } #social_icons li.skype { background-image:url(https://lh3.googleusercontent.com/-HunH1J-7iZk/UHOTCtdNsFI/AAAAAAAAEFw/Pu2WkzQWNhU/s64/social_network_skype.png) } #social_icons li.youtube { background-image:url(https://lh3.googleusercontent.com/-WtmigBJcc7g/UHOTDv29ObI/AAAAAAAAEGE/vVRRs-RkzBs/s64/social_network_youtube.png) } #social_icons li.myspace { background-image:url(https://lh6.googleusercontent.com/-AZt4w13HI-8/UHOTCaA1hyI/AAAAAAAAEFs/pJ1Bhis11O0/s64/social_network_myspace.png) } #social_icons li.googleplus { background-image:url(https://lh5.googleusercontent.com/-mpeEl_TsIio/UHOTBq0XpmI/AAAAAAAAEFo/JeTzX9DWfbE/s64/social_network_googleplus.png) } #social_icons li.behance { background-image:url(https://lh3.googleusercontent.com/-2bMANwxxqFI/UHOTADnrU9I/AAAAAAAAEFA/pEnqIVf3YzE/s64/social_network_behance.png) } #social_icons li.deviantart { background-image:url(https://lh6.googleusercontent.com/-IvvW31ras2k/UHOTAXEtvDI/AAAAAAAAEFE/sOP5PCIDCqg/s64/social_network_deviantart.png) } #social_icons li.envato { background-image:url(https://lh6.googleusercontent.com/-kRzjnO4xkco/UHOTA_vPK4I/AAAAAAAAEFQ/4roU9z-WArc/s64/social_network_envato.png) } #social_icons li.flickr { background-image:url(https://lh4.googleusercontent.com/-fTxKi1uGenI/UHOTBtZabNI/AAAAAAAAEFg/htMsgs1jRVU/s64/social_network_flickr.png) } .hidebg { margin-top:40px; position:absolute } /* Flex-slider ----------------------------------------------- */ #flex-slider { float:left; position:relative; margin-bottom:30px; width:100%; } #flex-slider .widget h2,.tabs-wrap .widget h2,.flex-active { display:none; } .flex-slider { position:relative; overflow:hidden; background-color:#fff; } .flex-slider_wrap { position:relative; height:360px; overflow:hidden; padding:0; } .flex-slider_item { height:360px; overflow:hidden; width:100%; } .flex-slider .slides img { width:100%; height:360px; } .flex-slider .slider_caption { width:80%; position:absolute; left:15px; bottom:15px; background:rgba(0,0,0,.80); color:#f5f5f5; margin:0; padding:10px; } .flex-slider .item-thumbnail img { width:100%; height:360px; overflow:hidden; } .flex-slider_wrap .flex-slider_item { display:none; position:relative; } .flex-slider .slider_caption h3 { position:absolute; margin-top:-50px; font-size:18px; line-height:27px; background:rgba(255,30,0,0.70); color:#f5f5f5; padding:2px 10px; } .flex-slider .slider_caption h3 a { font-family:Oswald,serif; color:#fff; } .flex-slider .slider_caption h3 a:hover { color:#eee; } .flex-slider .slider_caption p { clear:both; line-height:18px; margin-bottom:10px; color:#fff; } .flex-slider .flex-direction-nav a { font-size:0; width:30px; background:$(slider.bg.color); height:30px; display:block; position:absolute; right:0; bottom:0; cursor:pointer; z-index:99; opacity:1; } .flex-slider .flex-direction-nav .flex-next { bottom:330px; right:0; background:rgba(0,0,0,.63) url(http://2.bp.blogspot.com/-ZxlE8S9400M/UseprKI_EwI/AAAAAAAABIk/oN1-JRam59E/s16/next_right.png)center no-repeat; z-index:99; } .flex-slider .flex-direction-nav .flex-prev { bottom:330px; right:30px; background:rgba(0,0,0,.63) url(http://4.bp.blogspot.com/-srLWTNcDLq4/Usepc2HhQbI/AAAAAAAABIc/oKdU0MywCaA/s16/previous_left.png)center no-repeat; z-index:99; } .flex-direction-nav { height:0; list-style:none; margin:0; padding:0; } .flex-slider .flex-control-nav.flex-control-paging { position:absolute; top:15px; z-index:2; left:15px; } .flex-control-nav.flex-control-paging,.flex-control-nav.flex-control-paging li { list-style:none; text-align:left; margin:0; padding:0; } .flex-control-nav.flex-control-paging li { display:inline-block; } .flex-control-nav.flex-control-paging a { display:inline-block; text-indent:-9999px; width:10px; height:10px; background-color:$(slider.page.color); cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 5px; } .flex-control-nav.flex-control-paging a.flex-active { background-color:$(slider.active.color); } /* Tag-post ----------------------------------------------- */ .comnum .date { position:relative; } .comnum:before,.date:before { font-family:FontAwesome; text-decoration:inherit; font-weight:normal; color:#999; font-size:13px; padding-right:.5em; top:0; left:5px; } .comnum:before { content:"\F086"; } .date:before { content:"\F017"; } .post-meta { color:#999; margin-top:6px; display:block; font-size:12px; font-family:sans-serif; font-weight:normal; margin-left:4px; } .post-meta a { color:#aaa; } .post-meta a:hover { border-bottom:1px #000 dotted; color:#000; text-decoration:none; } .tag-post1 p,.tag-post2 p,.tag-post3 p { color:#666; font-family:arial, sans-serif; font-size:13px; font-weight:normal; margin-left:4px; display:block; width:100%; } .tag-post1 h3 a:link,.tag-post1 h3 a:visited,.tag-post2 h3 a:link,.tag-post2 h3 a:visited,.tag-post3 h3 a:link,.tag-post3 h3 a:visited,.tag-post4 h3 a:link,.tag-post4 h3 a:visited,.tag-post5 h3 a:link,.tag-post5 h3 a:visited { color:#000; } .tag-post1 h3 a:hover,.tag-post2 h3 a:hover,.tag-post3 h3 a:hover,.tag-post4 h3 a:hover,.tag-post5 h3 a:hover { color:#555; } .tag-post1 h3 a:active,.tag-post2 h3 a:active,.tag-post3 h3 a:active,.tag-post4 h3 a:active,.tag-post5 h3 a:active { color:#555; } .tag-post2 li:first-child h3,.tag-post3 li:first-child h3,.tag-post1 li:first-child h3 { color:#000; font-family:Oswald, sans-serif; font-size:17px; font-weight:400; line-height:1.4em; } .tag-post2 li h3,.tag-post3 li h3,.tag-post1 li h3,.car-box li h3,.car-box li:first-child h3,.tag-post4 li h3,.tag-post5 li h3 { color:#000; font-family:Oswald, sans-serif; font-size:14px; font-weight:400; line-height:1.4em; } .tag-post2 li:first-child h3,.tag-post1 li:first-child h3 { clear:both; padding:10px 0 2px 3px!important; } .tag-thumbnail img { -webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/ -moz-transition-duration: 1.0s; /*Mozilla Animation duration*/ -o-transition-duration: 1.0s; /*Opera Animation duration*/ } .tag-thumbnail img:hover{ -webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/ -moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/ -o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/ } .tag-post1 li { display:block; overflow:hidden; border-bottom:1px solid #eaeaea; float:right; padding:7px 0!important; width:47%; } .tag-post1 li:first-child { display:block; border-bottom:0; float:left; margin:0 10px 0 0!important; width:50%; } .tag-post1 li:first-child .tag-thumbnail,.tag-post1 li:first-child .tag-thumbnail img { float:left; width:100%; max-height:100%; height:180px; margin:0 10px 0 0; z-index:1; overflow:hidden; } .tag-post2.last-column { margin-left:0; margin-right:0; } .tag-post2 li { overflow:hidden; padding:7px 0!important; border-bottom:1px solid #eaeaea; } .tag-post2 li:first-child .tag-thumbnail { float:left; height:180px; margin:0 7px 0 0; overflow:hidden; width:100%; z-index:1; } .tag-post2 li:first-child .tag-thumbnail img { height:180px; width:100%; z-index:1; } .tag-post2 li:first-child { border-bottom:1px solid #eaeaea; padding:0 0 10px; } .tag-post3 { float:left; position:relative; width:100%; } .tag-post3 li { border-bottom:1px solid #eaeaea; float:left; height:auto; margin-right:20px; overflow:hidden; padding:10px 0!important; width:47.6%; } .tag-post3 ul { overflow:hidden; width:105%; } .tag-post3 li:first-child { border-bottom:1px solid #eaeaea; float:none; height:auto; margin:0; padding:0 0 10px; width:95%; } .tag-post3 li:first-child .tag-thumbnail { float:left; height:180px; margin:0 15px 0 0; margin-right:15px; overflow:hidden; width:50%; } .tag-post3 li:first-child .tag-thumbnail img { height:180px; width:100%; } .loding { background-image:url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif); background-repeat:no-repeat; background-position:50% 50%; height:150px; } .pic_tag-post6 { width:100%; position:relative; } .pic_tag-post6 .tag-ct ul li:first-child { float:left; padding:0; width:50%; margin:0 10px 0 0; } .pic_tag-post6 .tag-ct li:first-child .tag-thumbnail { float:left; height:200px; overflow:hidden; padding:0; width:100%; z-index:1; } .pic_tag-post6 .tag-ct li:first-child .tag-thumbnail img { float:left; height:200px; width:100%; z-index:1; } .pic_tag-post6 .tag-ct ul li { float:left; margin:0 0 10px 10px; overflow:hidden; } .pic_tag-post6 .tag-ct li:first-child .tag-thumbnail a { color:#FFF; } .pic_tag-post6 .tag-ct li a { display:block; } .pic_tag-post6 li .tag-thumbnail,.pic_tag-post6 li .tag-thumbnail img { height:60px; margin:0; overflow:hidden; width:60px; z-index:1; } .pic_tag-post6 li .tag-thumbnail,.pic_tag-post6 li .tag-thumbnail { height:60px; width:60px; z-index:1; } .tag-post2,.tag-post4,.tag-post5 { position:relative; width:100%; } .tag-post1 li .tag-thumbnail,.tag-post1 li .tag-thumbnail img,.tag-post2 li .tag-thumbnail,.tag-post2 li .tag-thumbnail img,.tag-post3 li .tag-thumbnail,.tag-post3 li .tag-thumbnail img,.tag-post4 li .tag-thumbnail,.tag-post4 li .tag-thumbnail img { float:left; overflow:hidden; margin:0 10px 0 0; max-width:100%; height:70px; width:70px; z-index:1; } .tag-post2 li:first-child p,.tag-post4 li p,.tag-post5 li p { padding:0; } .tag-post3 li .widget,.pic_tag-post6 .widget { overflow:hidden; position:relative; } .tag-post4 li,.tag-post5 li { border-bottom:1px solid #eaeaea; overflow:hidden; padding:7px 0!important; } .tag-post4 p,.tag-post5 li .tag-thumbnail,.tag-post5 p,.pic_tag-post6 h3,.pic_tag-post6 .tag-ct li span,.pic_tag-post6 p { display:none; } /* Newsticker ----------------------------------------------- */ .news-ticker h3 a:link {color:#fff;} .news-ticker h3 a:visited {color:#fff;} .news-ticker h3 a:hover {color:#ccc;} .news-ticker h3 a:active {color:#fff;} .news-ticker li h3 { font-family:Arial, sans-serif; font-size:12px; font-weight:normal; line-height:1.4em; display:inline-block; margin-right:15px; margin-top:10px; } .news-ticker { float:left; width:100%; overflow:hidden; padding:20px 23px 0px 23px; background:#333; } .news-ticker li { width:auto; height:40px; overflow:hidden; float: left; background:#34495e; white-space:nowrap; } .news-ticker li .tag-thumbnail { float:left; overflow:hidden; margin:0 10px 0 0; max-width:100%; height:40px; width:40px; z-index:1; border:0px solid #DDDDDD; } .news-ticker li .tag-thumbnail img { float:left; overflow:hidden; margin:0 0px 0 0; max-width:100%; height:40px; width:40px; z-index:1; border:0px solid #DDDDDD; } .news-ticker .post-meta { display:none; } .news-ticker p { display:none; } #headlines { overflow:hidden; position:relative; line-height:30px; background:#34495e; height:50px; padding:0 0 0 135px; } #headlines h2 { color:#fff; font-family:Oswald, sans-serif; font-size:17px; font-weight:400; text-transform:uppercase; margin-left:-115px; margin-top:10px; position:absolute; } #headlines .right_arrow { padding:0 40px 0 110px; display:block; background:url(http://4.bp.blogspot.com/-WW5eHxlM2kI/UwLjq_D3ehI/AAAAAAAABeg/9tXShMnTd6I/s1600/break.png) no-repeat right center; height:46px; line-height:46px; position:absolute; left:0; top:0; } div.htick { margin:0; padding:0 40px 0 20px; overflow:hidden; } div.htick-text { margin-top:4px; position:absolute; overflow:hidden; white-space:nowrap; } /* slider ----------------------------------------------- */ #carousel h3 a:link {color:#fff;} #carousel h3 a:visited {color:#fff;} #carousel h3 a:hover {color:#ccc;} #carousel h3 a:active {color:#fff;} #carousel h3 { font-family:Oswald, sans-serif; font-size:14px; line-height:1.4em; clear:both; padding:10px 0 2px 3px !important; } #carousel ul { list-style: none; display: block; margin: 0; padding: 0; } #carousel { height:auto; width:100%; overflow:hidden; } #carousel li { float:left; max-width:100%; width:216px; height:auto; position:relative; margin:0px 5px 80px 4px; } #carousel li p { margin:0; padding:0; } #carousel .tube { display:block; width:50px; height:50px; position:absolute; top:28%; left:36%; z-index:9; background:url(http://2.bp.blogspot.com/-HrRXQhse0k8/UwJeWalQEsI/AAAAAAAABd4/o7BhTBRgyBg/s1600/tube.png) no-repeat; } #carousel #next2,#carousel #prev2 { color:#333; font-size:30px; background:rgba(155,89,182,.62); position:absolute; top:29%; width:30px; height:30px; overflow:hidden; display:block; z-index:10; text-align:center; opacity:0; padding:3px 7px; } #carousel #next2 { display:block; color:#fff; font-size:30px; line-height:20px; left:0; cursor:pointer; } #carousel #prev2 { display:block; color:#fff; font-size:30px; line-height:20px; right:0; cursor:pointer; } #carousel:hover #next2,#carousel:hover #prev2 { opacity:1; } #carousel h3 a:link,#carousel h3 a:visited,#carousel h3 a:active { color:#333; } #carousel li .tag-thumbnail,#carousel li .tag-thumbnail img { width:100%; height:150px; overflow:hidden; } #carousel .post-meta,#carousel p { display:none; } /* Vertical Slider ----------------------------------------------- */ #carvertical h3 a:link {color:#fff;} #carvertical h3 a:visited {color:#fff;} #carvertical h3 a:hover {color:#ccc;} #carvertical h3 a:active {color:#fff;} #carvertical h3 { display:block; text-align:center; font-family:Oswald, sans-serif; font-size:14px; line-height:1.4em; margin-top:-80px; background:rgba(0,0,0,0.22); padding:20px; position:absolute; max-width:280px; width:100%; } #carvertical { width:100%; height:100%; max-height:550px; margin:0px 0px 30px 0px; overflow:hidden; } #carvertical ul { list-style: none; display: block; margin: 0; padding: 0px 0px 30px 0px; overflow:hidden; } #carvertical li { float:left; width:100%; height:auto; margin:0 0 10px; overflow:hidden; } #carvertical li p { margin:0; padding:0; } #carvertical #next,#carvertical #prev { color:#fff; font-size:30px; background:rgba(243,156,18,0.62); position:absolute; width:30px; height:30px; overflow:hidden; display:block; z-index:10; padding:3px 7px; text-align:center; opacity:0; } #carvertical #next { display:block; color:#fff; font-size:30px; line-height:20px; right:11px; cursor:pointer; } #carvertical #prev { display:block; color:#fff; font-size:30px; line-height:20px; right:11px; margin-top:-40px; cursor:pointer; } #carvertical:hover #next,#carvertical:hover #prev { opacity:1; } #carvertical h3 a:link,#carvertical h3 a:visited,#carvertical h3 a:active { color:#fff; } #carvertical li .tag-thumbnail,#carvertical li .tag-thumbnail img { width:100%; height:150px; } #carvertical .post-meta,#carvertical p { display:none; } /* Hotticker ----------------------------------------------- */ #hot-ticker{font-family:Arial, sans-serif; font-size:12px; font-weight:normal; margin-top:5px;margin-left:60px; color:#fff; background:#2d2d2d; } #hot-ticker a{ color:#fff; } #hot-ticker a:hover{ color:#ccc; } #headlines2 { width:40%; padding:0 10px; overflow:hidden; position:relative; line-height:30px; background:#2d2d2d; height:40px; padding:0 0 0 20px; } #headlines2 h2 { width:auto; height:50px; color:#fff; font-family:Oswald, sans-serif; font-size:17px; font-weight:400; text-transform:uppercase; margin-left:10px; position:absolute; background:#3498db; white-space:nowrap; padding:8px 15px 15px 15px; } #headlines2 .right_arrow2 { padding:0 40px 0 110px; height:40px; line-height:40px; position:absolute; left:0; top:0; } div.htick2 { margin:0; margin:0px 0px 0px 20px; overflow:hidden; } /* Featured Post Auto ----------------------------------------------- */ .slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } #pbt-slider { position:relative; width:100%; background-color:#333; margin-top:-20px; padding:20px 23px 23px; } .pbt-slider { width:53%; height:auto; position:relative; float:left; overflow:hidden; } .pbt-slider-wrap { position:relative; height:380px; overflow:hidden; margin:0; padding:0; } .pbt-slider_item { width:53%; height:380px; overflow:hidden; position:relative; } .pbt-slider .slides .item-thumbnail img { width:100%; height:380px; overflow:hidden; } .pbt-slider-sg ul li .post-info,.pbt-slider .slider_caption { transition:all .5s ease; -webkit-transition:all .5s ease; position:absolute; bottom:0; left:0; width:100%; height:100%; } .pbt-slider-wrap .pbt-slider_item { display:none; position:relative; } .pbt-slider .slider_caption h3 { margin-bottom:0; font-size:30px; line-height:37px; position:absolute; bottom:0; left:0; padding:10px 20px; } .pbt-slider .slider_caption h3 a { font-family:Oswald,serif; color:#fff; font-size:28px; } .pbt-slider .slider_caption h3 a:hover { color:#eee; } .pbt-slider .slider_caption h3 p { font-size:13px; line-height:1.4em; color:#fff; margin:10px 0; } .pbt-slider-sg { width:47%; position:relative; float:right; overflow:hidden; background-color:#fff; } .pbt-slider-sg li { width:47%; list-style:none; background:#333; margin:0; padding:0; } .pbt-slider-sg ul li { float:left; text-align:left; width:50%!important; position:relative; opacity:100!important; display:block!important; overflow:hidden; border-bottom:0 solid transparent; margin:0!important; } .pbt-slider-sg ul li .post-thumbnail { float:left; width:100%; background:#111; height:190px; overflow:hidden; margin-right:0; } .pbt-slider-sg a { font-family:'Droid Sans',sans-serif; font-weight:700; overflow:hidden; color:#fff; text-decoration:none; line-height:1.4em; position:relative; height:190px; font-size:18px; background:#111; display:block; opacity:.5; margin:0; padding:0; } .pbt-slider-sg ul li a h3 { color:#fff; } .pbt-slider-sg ul li h3 { position:absolute; left:0; bottom:0; font-size:16px; font-family:Oswald,serif; color:#fff; padding:12px; } #pbt-slider-sg li.flex-active-slide a { color:#fff; top:0; background:#111; opacity:1; margin:0; } #pbt-slider .widget h2,.tabs-wrap .widget h2,.flex-active,.pbt-slider .flex-control-nav.flex-control-paging { display:none; } .pbt-slider .slides .item-thumbnail img img,.pbt-slider-sg ul li .post-thumbnail img { width:100%; height:100%; } .pbt-slider-wrap:hover .flex-direction-nav a,.pbt-slider-sg a:hover { opacity:1; } /*Tombol Chat WhatsApp*/ .fixed-whatsapp{position:fixed;bottom:20px;right:20px;width:50px;height:50px;z-index:9999} .fixed-whatsapp:before{content:"";background-repeat:no-repeat;background-size:34px 34px;background-position:center center;width:50px;height:50px;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffffff' d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-color:#00C853;position:absolute;top:0;left:0;border-radius:100%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)} ]]>
https://blogger.googleusercontent.com/img/a/AVvXsEh2c17KYhkI_zOTSMRadjutnBOjy3hw9BG0iNeKRyEK38VE1fhdXnpjKuCr7Yg67ySeedxVeJVRYKR2lFLwFqJyBsNbqzjMPRx-C5cJ-V9K_dan692VGIMVrdZwIYZmIJaLtLiRmmyCAFEMv7twFSR9ZiNN3ZMy-AMb7hNiZ5A7WH_gOWnXyn-EckmCT1A=s1587 414 600 true false REPLACE 1587

Latest News

VERTICAL

  • Tag Posts
  • Recent Post
PELATIHAN

PONPES NURIS2

PONPES NURIS2

AKTIFITASA SANTRI

ASRAMA

SANTRI PRENEUR

KEGIATAN SANTRI

ASRAMA

comments false By TextAndImage pada tanggal false 1x1 false true 1 #ffffff true #ffffff false #ffffff Location: true #ffffff #ffffff true Labels: false false false
</div></div> <div class="date-outer">
<div class="date-posts">
</div></div>

&rsaquo;

no image

<script> var ListBlogLink = "link-url-blog-utama"; var ListCount = 5; document.write("<script src='"+ListBlogLink+"/feeds/posts/default?alt=json-in-script&callback=xmllist'></"+"script>"); </script>