/* Theme Name: Mobitic Theme URI: http://www.mubde3.net/blog/ Description: Mobitic is template for my blog designed by Ahmed Alkatheeri. Version: 1.0 Author: Ahmed Alkatheeri Author URI: http://www.mubde3.net/blog/ */ /* Prepare theme for plugins */ @import url('plugins.css'); /* Apply basic typography styles */ @import url('typography.css'); /* Style Sheet */ /* -------------------------------------------------------------- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* font-face loaded some fonts */ @font-face { font-family: "Hacen Liner Screen"; src: url("fonts/hacen_liner_screen.eot"); src: url("fonts/hacen_liner_screen.eot?") format("eot"), url("fonts/hacen_liner_screen.otf") format("opentype"), url("fonts/hacen_liner_screen.ttf") format("truetype"); } /* Other styles */ body { text-align: center; direction: rtl; background: #e6e2c7 url('images/background-gradient.png') repeat-x top; } #wrap { text-align: right; overflow: hidden; } #container { width: 960px; margin: 0 auto; padding-bottom: 60px; } /* Header Area */ #header { margin: 20px 0 30px; } #header #logo { background: url('images/images.png') no-repeat -583px 0; float: right; height: 123px; width: 145px; /* text-indent: -9999px; */ } #header #logo a { width: 145px; height: 123px; display: block; text-indent: -9999px; } #header #logo span { display: none; } #header #description { background: url('images/images.png') no-repeat scroll 0 0; float: left; height: 122px; width: 584px; position: relative; left: -12px; } #header #description p { margin: 28px 22px; font: 15px/ 27px tahoma, Helvetica, sans-serif; color: #464445; text-shadow: 1px 1px 2px #b2aeb0; } /* Right column: Content */ #rightcolumn { width: 650px; float: right; margin-left: 20px; } #rightcolumn .post-single { background-color: #D6D2B7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 13px #9d9983 inset; -moz-box-shadow: 0 0 13px #9d9983 inset; -webkit-box-shadow: 0 0 13px #9d9983 inset; padding: 30px 0 20px; margin-bottom: 30px; position: relative; clear: right; } #rightcolumn .post-single.single { background-color: #fff; box-shadow: 0 0 7px #9c9a8e inset; -moz-box-shadow: 0 0 7px #9c9a8e inset; -webkit-box-shadow: 0 0 7px #9c9a8e inset; border: 1px solid #999681; } #rightcolumn .post-single .post-content { padding: 0 15px; } #rightcolumn .post-single .post-content .writer { background-color: #FCEF9C; border: 1px solid #A89F40; border-radius: 10px; margin-bottom: 15px; } #rightcolumn .post-single .post-content .writer p { padding: 10px; margin: 0; color: #453418; font-size: 14px !important; font-style: italic; } #rightcolumn h2.h2-archive { background-color: #1e1e1c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3939). to(#1e1e1c)); background: -webkit-linear-gradient(top, #3c3939, #1e1e1c); background: -moz-linear-gradient(top, #3c3939, #1e1e1c); background: -ms-linear-gradient(top, #3c3939, #1e1e1c); background: -o-linear-gradient(top, #3c3939, #1e1e1c); padding: 10px 0 14px; color: #fff; margin-bottom: 45px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; position: relative; } #rightcolumn h2.h2-archive span { background: url('images/archive-arrow.png') center no-repeat; width: 14px; height: 33px; display: block; position: absolute; right: 50%; bottom: -36px; } #rightcolumn .post-single h2.title { background-color: #252323; color: #fff; margin-bottom: 10px; color: #fff; padding: 15px 20px; display: block; font: bold 26px/ 33px "Hacen Liner Screen", Arial, sans-serif; } #rightcolumn .post-single h2.title a { color: #fff; } #rightcolumn .post-single h2.title a:hover { color: #fff2a9; } #rightcolumn .post-single h3 a, #rightcolumn .post-single h3 { margin: 28px 0 14px; padding-bottom: 3px; color: #940011; font: bold 24px "Hacen Liner Screen",Arial,sans-serif; } #rightcolumn .post-single h3 a, #rightcolumn .post-single h4 a { border-bottom: 1px dashed #940011; line-height: 37px; } #rightcolumn .post-single h3 a:hover, #rightcolumn .post-single h4 a:hover { color: #dc0921; border-bottom: 1px dashed #dc0921; } #rightcolumn .post-single h4 { font: 18px "Hacen Liner Screen", Arial, sans-serif; font-weight: bold; padding: 10px 0 14px; } #rightcolumn .post-single h4 a { color: #940011; } #rightcolumn .post-single p, #rightcolumn p { font: 14px/ 27px tahoma, Helvetica, sans-serif; margin-bottom: 20px; } #rightcolumn p { font-size: 15px !important; } #rightcolumn .post-single p small { font-size: 10px !important; } #rightcolumn .post-single p a { color: #b20317; border-bottom: 1px solid #B20317; padding-bottom: 1px; } #rightcolumn .post-single p a img { margin-bottom: -5px; } #rightcolumn .post-single p a:hover { background-color: #B20317; color: #fff; } #rightcolumn .post-single .entry-meta { background-color: #F1EED8 !important; box-shadow: -1px 1px 0 #7C7B74; margin: 0 0 25px; padding: 5px 10px; width: 200px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #rightcolumn .post-single.single .entry-meta { background-color: #D2CDAC !important; } #rightcolumn .post-single .entry-meta p { margin-bottom: 0; font-size: 13px; } #rightcolumn .post-single table { margin-left: 1px; } #rightcolumn .post-single embed { margin: 0 0 22px 0; } #rightcolumn .post-single .edit-link { clear: both; display: block; } #rightcolumn .post-single img { border: 1px solid #545454; } #rightcolumn .post-single .wp-smiley { border: none 0; } #rightcolumn .post-single ul { margin-bottom: 15px; } #rightcolumn .post-single ul li, #rightcolumn .post-single ol li { line-height: 22px; background: url('images/arrow.png') right 14px no-repeat; padding: 2px 13px; font: 15px/ 27px tahoma, Helvetica, sans-serif; } #rightcolumn .post-single ul li a, #rightcolumn .post-single ol li a { color: #B20317; border-bottom: 1px solid #B20317; padding-bottom: 1px; } #rightcolumn .post-single ul li a:hover, #rightcolumn .post-single ol li a:hover { background-color: #B20317; color: #fff; } #rightcolumn .post-single ol { } #rightcolumn .post-single ol li { background: none; list-style: decimal; margin: 0 22px; padding-right: 0; } #rightcolumn .post-single .post-information { list-style: none; margin: 10px auto; padding: 2px; text-align: center; } #rightcolumn .post-single .post-information li { background: 0; display: inline; margin: 4px; padding: 0 5px; } #rightcolumn .post-single.single .post-information li { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0.7; } #rightcolumn .post-single.single .post-information li:hover { opacity: 1; } #rightcolumn .post-single .post-information li.demo-tut a { background: url(images/images.png) -185px -362px no-repeat; border: 0; padding: 0; } #rightcolumn .post-single .post-information li.download-files a { background: url(images/images.png) -185px -402px no-repeat; border: 0; padding: 0; } #rightcolumn .post-single .post-information li.download a { background: url(images/images.png) -185px -283px no-repeat; border: 0; padding: 0; } #rightcolumn .post-single .post-information li.demo a { background: url(images/images.png) -185px -323px no-repeat; border: 0; padding: 0; } #rightcolumn .post-single .post-information li.demo-tut a, #rightcolumn .post-single .post-information li.download-files a, #rightcolumn .post-single .post-information li.download a, #rightcolumn .post-single .post-information li.demo a { display: inline-block; height: 38px; margin: 5px 0; text-indent: -9999px; width: 254px; border: 1px solid #a2a090; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #rightcolumn .post-single.single .post-information li.demo-tut a, #rightcolumn .post-single.single .post-information li.download-files a, #rightcolumn .post-single.single .post-information li.download a, #rightcolumn .post-single.single .post-information li.demo a { border: 0 none; box-shadow: 0px 1px 0 #8e8d87; -moz-box-shadow: 0px 1px 0 #8e8d87; -webkit-box-shadow: 0px 1px 0 #8e8d87; } #rightcolumn .post-single .post-information li.demo-tut a:hover, #rightcolumn .post-single .post-information li.download-files a:hover, #rightcolumn .post-single .post-information li.download a:hover, #rightcolumn .post-single .post-information li.demo a:hover { box-shadow: 0 0 5px #454339; /* background: 0; */ -moz-box-shadow: 0 0 5px #454339; -webkit-box-shadow: 0 0 5px #454339; border: 0; margin: 6px 1px; } #rightcolumn .post-single.single .post-information li.demo-tut a:hover, #rightcolumn .post-single.single .post-information li.download-files a:hover, #rightcolumn .post-single.single .post-information li.download a:hover, #rightcolumn .post-single.single .post-information li.demo a:hover { box-shadow: 0px 1px 0 #8e8d87; -moz-box-shadow: 0px 1px 0 #8e8d87; -webkit-box-shadow: 0px 1px 0 #8e8d87; margin: 5px 0; } #rightcolumn .share-it { width: 50%; margin: 20px auto 0; background: #fff; padding: 15px 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 6px #000; -moz-box-shadow: inset 0 0 6px #000; -webkit-box-shadow: inset 0 0 6px #000; position: relative; text-align: center; } #rightcolumn .share-it.single { display: none; } #rightcolumn .share-it .buttons { overflow: hidden; padding: 0 57px 0 0; } #rightcolumn .share-it .buttons .twitter, #rightcolumn .share-it .buttons .facebook, #rightcolumn .share-it .buttons .google-plus { float: right; padding: 0 10px; } #rightcolumn .share-it .buttons .facebook { padding-top: 1px; } #rightcolumn .share-it .buttons .google-plus { padding-top: 2px; } #rightcolumn .share-it-static { margin-top: -31px; width: 50px; background: #BDB99F; padding: 15px 10px 15px 19px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 6px #000; -moz-box-shadow: inset 0 0 6px #000; -webkit-box-shadow: inset 0 0 6px #000; position: fixed; right: 20px; } #rightcolumn .share-it-static .buttons { text-align: center; } #rightcolumn .share-it-static .buttons .twitter, #rightcolumn .share-it-static .buttons .facebook, #rightcolumn .share-it-static .buttons .google-plus { margin: 10px auto; width: 60px; } #rightcolumn .share-it-static .buttons .twitter iframe { width: 60px !important; } #rightcolumn .share-it-static .buttons .twitter:last-child, #rightcolumn .share-it-static .buttons .facebook:last-child, #rightcolumn .share-it-static .buttons .google-plus:last-child { margin-bottom: 0; } #rightcolumn h2.comments { height: 40px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3939). to(#252323)); background: -webkit-linear-gradient(top, #3c3939, #252323); background: -moz-linear-gradient(top, #3c3939, #252323); background: -ms-linear-gradient(top, #3c3939, #252323); background: -o-linear-gradient(top, #3c3939, #252323); margin: 14px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px #1d1c1c; -moz-box-shadow: inset 0 1px 1px #1d1c1c; -webkit-box-shadow: inset 0 1px 1px #1d1c1c; } #rightcolumn h2.comments span { text-indent: -9999px; background: url('images/images.png') no-repeat -94px -473px; display: block; height: 40px; } #rightcolumn h2.add-new-comment { height: 40px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3939). to(#252323)); background: -webkit-linear-gradient(top, #3c3939, #252323); background: -moz-linear-gradient(top, #3c3939, #252323); background: -ms-linear-gradient(top, #3c3939, #252323); background: -o-linear-gradient(top, #3c3939, #252323); margin: 14px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px #1d1c1c; -moz-box-shadow: inset 0 1px 1px #1d1c1c; -webkit-box-shadow: inset 0 1px 1px #1d1c1c; } #rightcolumn h2.add-new-comment span { text-indent: -9999px; background: url('images/images.png') no-repeat -94px -526px; display: block; height: 40px; } #rightcolumn .pagebar { text-align: center; margin: 10px 0; } #rightcolumn .pagebar span.this-page { background-color: #989583; color: #403e34; } #rightcolumn .pagebar span.break { margin-left: 4px; } #rightcolumn .pagebar a, #rightcolumn .pagebar span.break { background-color: #aeab96; } #rightcolumn .pagebar span.break, #rightcolumn .pagebar a, #rightcolumn .pagebar span.this-page { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 0 10px #989683; color: #525046; padding: 5px 10px; display: inline-block; font-weight: bold; margin-bottom: 5px; } #rightcolumn .pagebar a:hover { color: #35342c; background-color: #989683; } #rightcolumn #related { background-color: #CDC7AE; padding: 10px; margin-bottom: 20px; box-shadow: inset 0 0 5px #8b876f; border-radius: 10px; overflow: hidden; } #rightcolumn #related h2 { color: #2f2620; font: bold 22px "Hacen Liner Screen", Arial, sans-serif; margin-bottom: 10px; } #rightcolumn #related ul { } #rightcolumn #related ul li a { line-height: 27px; background: url('images/arrow.png') right 11px no-repeat; padding: 2px 13px; font: 15px/23px tahoma, Helvetica, sans-serif; color: #B20317; } #rightcolumn #related ul li a:hover { color: #6a0511; } #rightcolumn .first-post { height: 235px; margin-bottom: 30px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 5px #a3a08d; -moz-box-shadow: 0 0 5px #a3a08d; -webkit-box-shadow: 0 0 5px #a3a08d; position: relative; border: 1px solid #fff; } #rightcolumn .first-post .title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; opacity: 0.75; border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; } #rightcolumn .first-post .title h2 { text-align: center; } #rightcolumn .first-post .title h2 a { color: #fff; font: bold 24px/ 20px "Hacen Liner Screen", Arial, sans-serif; padding: 25px 0; display: block; } #rightcolumn .first-post .title h2 a:hover { color: yellow; } #rightcolumn .second-posts { width: 310px; float: right; text-align: center; margin-bottom: 20px; min-height: 317px; } #rightcolumn .second-posts .thumbnail { height: 235px; margin-bottom: 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 5px #a3a08d; -moz-box-shadow: 0 0 5px #a3a08d; -webkit-box-shadow: 0 0 5px #a3a08d; opacity: 0.8; border: 1px solid #fff; } #rightcolumn .second-posts .thumbnail a { display: block; width: 310px; height: 235px; text-indent: -9999px; } #rightcolumn .second-posts h2 a { font: bold 20px/ 32px "Hacen Liner Screen", Arial, sans-serif; color: #b80318; border-bottom: 1px solid #b80318; } #rightcolumn .adv { background-color: #fff; padding: 20px 0; text-align: center; margin-bottom: 30px; border: 1px dashed #878578; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } #rightcolumn .adv.single { margin: -16px 0 14px; } #rightcolumn .adv.index { background: none; border: 0 none; padding: 10px 0 0; clear: right; } #rightcolumn .adv.index.top { padding-top: 0; } div#fbSEOComments { padding: 30px 0; background-color: #fff; text-align: center; width: 100% !important; border: 1px solid #878578; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* Comment style */ #commentlist { } #commentlist .gravatar { float: right; width: 97px; padding: 10px; } #commentlist .gravatar .gravatar-image { width: 97px; height: 84px; background: url('images/images.png') no-repeat -632px -583px; } #commentlist .gravatar .gravatar-image img { margin: 10px; } #commentlist li { background-color: #f8f7f2; border: 1px solid #878578; margin-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #commentlist .comment-container { overflow: hidden; } #commentlist li ul.children, #commentlist li ul.children li ul.children, #commentlist li ul.children li ul.children li ul.children { margin: 0 20px 10px 10px; } #commentlist li.bypostauthor { background-color: #fdf9d6; } #commentlist .comment-container .comment-content { width: 516px; float: left; padding: 10px 0 0 10px; } #commentlist ul.children li .comment-container .comment-content { width: 485px; } #commentlist ul.children li ul.children li .comment-container .comment-content { width: 453px; } #commentlist .comment-container .comment-header { border-bottom: 1px solid #C6C4BE; overflow: hidden; padding-bottom: 1px; } #commentlist .comment-container .comment-header h2 { color: #565d62; float: right; width: 320px; font: bold 18px "Hacen Liner Screen", Arial, sans-serif; } #commentlist .comment-container .comment-header h2 a { color: #4188b9; } #commentlist .comment-container .comment-header h2 a:hover { color: #336d95; } #commentlist .comment-container .comment-header .comment-date { float: left; } #commentlist .comment-container .comment-header .comment-date small a { color: #8e9394; font: italic 13px tahoma, Helvetica, sans-serif; border-bottom: 1px dashed #8E9394; padding-bottom: 2px; } #commentlist .comment-container .comment-header .comment-date small a:hover { color: #5b6264; border-bottom: 1px dashed #5b6264; } #commentlist .comment-container .comment-header .comment-date small a.comment-edit-link { color: #B20317; border-bottom: 1px dashed #B20317; } #commentlist .comment-container .comment-enter { color: #45494c; padding-top: 10px; } #commentlist .comment-container .comment-enter p { font: 15px/ 27px tahoma, Helvetica, sans-serif; margin-bottom: 10px; } #commentlist .comment-container .comment-enter p a { color: #B20317; } #commentlist .comment-container .comment-enter p a:hover { background-color: #B20317; color: #fff; } #commentlist .comment-container h3.replay-on-comment a { background-color: #711a28; color: #f6e867; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 4px 10px 6px; font: bold 12px tahoma, Helvetica, sans-serif; margin: 10px 0 10px 0; float: left; } /* Add new comment style */ #add-new-comment { overflow: hidden; } #add-new-comment .rightfields { float: right; width: 230px; } #add-new-comment .rightfields p, #respond p.post-reply { font: 15px/ 27px tahoma, Helvetica, sans-serif; margin-bottom: 64px; } #respond p.post-reply { margin-bottom: 10px; } #respond p.post-reply a { color: #B20317; } #add-new-comment .rightfields p a { color: #B20317; } #add-new-comment .rightfields input#name, #add-new-comment .rightfields #email, #add-new-comment .rightfields #url, #add-new-comment .leftfields #comment { border: 1px solid #969382; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff url('images/comment-gradient.png') top center repeat-x; } #add-new-comment .rightfields input#name, #add-new-comment .rightfields #email, #add-new-comment .rightfields #url { width: 200px; float: right; padding: 5px 10px 8px; font: 14px tahoma, Helvetica, sans-serif; margin-bottom: 5px; } #add-new-comment .rightfields input#submit { background-color: #343131; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; width: 222px; padding: 7px 10px; text-align: center; border: 0 none; font: bold 17px Arial, Helvetica, sans-serif; } #add-new-comment .leftfields { float: left; width: 415px; } #add-new-comment .leftfields #comment { width: 393px; height: 150px; padding: 5px 10px 8px; font: 14px tahoma, Helvetica, sans-serif; } /* Left column: Sidebar */ #leftcolumn { width: 290px; float: left; } #leftcolumn #search { background-color: #CDC7AE; padding: 10px; margin-bottom: 20px; box-shadow: inset 0 0 5px #8b876f; border-radius: 10px; overflow: hidden; } #leftcolumn #search p { padding-bottom: 10px; color: #444134; font: 15px tahoma,Helvetica,sans-serif; } #leftcolumn #search input.search, #leftcolumn .sidebox2 .sub-email { padding: 6px 7px; width: 70%; height: 18px; float: right; border: 0; box-shadow: inset 1px 1px 3px #000; -moz-box-shadow: inset 1px 1px 3px #000; -webkit-box-shadow: inset 1px 1px 3px #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font: 14px/ 20px tahoma, Helvetica, sans-serif; } #leftcolumn #search input#searchsubmit { width: 22%; padding: 6px 7px; height: 31px; float: left; border: 0; background-color: #84816b; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 2px 8px #44412f; -moz-box-shadow: inset 0 2px 8px #44412f; -webkit-box-shadow: inset 0 2px 8px #44412f; color: #fff; text-shadow: 0 1px 0 #000; font: bold 20px Helvetica, Arial, sans-serif; } #leftcolumn #search input#searchsubmit:active { text-shadow: 0 -1px 0 #000; background-color: #7b7862; } #leftcolumn #follow-menu { width: 290px; height: 110px; background: url('images/images.png') no-repeat -439px -126px; padding-top: 1px; } #leftcolumn #follow-menu h2 { display: none; } #leftcolumn #follow-menu .social-networks { overflow: hidden; margin: 46px 19px 0 0; } #leftcolumn #follow-menu .social-networks li { float: right; padding: 0 3px 0 7px; text-indent: -9999px; } #leftcolumn #follow-menu .social-networks li a { width: 54px; height: 57px; display: block; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } #leftcolumn #follow-menu .social-networks:hover li a { opacity: 0.3; } #leftcolumn #follow-menu .social-networks li:hover a { opacity: 1; } #leftcolumn #follow-menu .social-networks li a.facebook { background: url('images/images.png') no-repeat -331px -180px; } #leftcolumn #follow-menu .social-networks li a.twitter { background: url('images/images.png') no-repeat -385px -182px; } #leftcolumn #follow-menu .social-networks li a.rssfeed { background: url('images/images.png') no-repeat -385px -125px; } #leftcolumn #follow-menu .social-networks li a.google { background: url('images/images.png') no-repeat -331px -125px; } #leftcolumn #pages-of-blog, #leftcolumn #categories, #leftcolumn #random-posts, #leftcolumn #friendly-websites, #leftcolumn #other-websites { margin: 20px 0 0; } #leftcolumn h2 span { display: none; } #leftcolumn #pages-of-blog { width: 167px; height: 34px; background: url('images/images.png') no-repeat -562px -339px; position: relative; left: -100px; } #leftcolumn #categories { width: 161px; height: 34px; background: url('images/images.png') no-repeat -568px -268px; position: relative; left: -106px; } #leftcolumn #random-posts { width: 154px; height: 34px; background: url('images/images.png') no-repeat -575px -372px; position: relative; left: -113px; } #leftcolumn #friendly-websites { width: 149px; height: 34px; background: url('images/images.png') no-repeat -580px -236px; position: relative; left: -118px; } #leftcolumn #other-websites { width: 151px; height: 34px; background: url('images/images.png') no-repeat -578px -305px; position: relative; left: -116px; } #leftcolumn .sidebox { background-color: #fff; border: 1px solid #979797; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #leftcolumn .sidebox ul li { font: 15px/27px tahoma, Helvetica, sans-serif; } #leftcolumn .sidebox ul li a { background: url('images/images.png') no-repeat -461px -444px; padding: 3px 16px; line-height: 20px; display: block; color: #c6031a; } #leftcolumn .social { position: relative; margin-top: 20px; } #leftcolumn #adv { } #leftcolumn #___plus_0 { margin-top: 15px !important; } #leftcolumn #___plus_0 iframe { width: 287px !important; border: 1px solid #979797 !important; } #leftcolumn #___plus_0 iframe html { margin-right: 6px; } #leftcolumn .sidebar-ad { text-align: center; padding: 20px; border: 1px dashed #71706a; margin: 20px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #leftcolumn .sidebox2 { margin: 15px 0; padding: 10px; background: white url('images/sidebox-background-pattern.png') repeat-x 0px 1px; border: 2px solid #3A4249; text-align: right; overflow: hidden; } #leftcolumn .sidebox2 h2 { font: bold 18px/27px Arial, sans-serif; color: #393B3D; margin-bottom: 15px; line-height: 27px; } #leftcolumn .sidebox2 .sub-input { float: left; background: #99957C url('images/sidebox-button-background-pattern.png') repeat-x 0px 1px; border: 0 none; padding: 5px 20px 3px; text-shadow: 1px 1px 0 #7C7A6E; color: #fff; font: bold 18px Arial, sans-serif, tahoma; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #leftcolumn .sidebox2 .sub-input:active { background-color: #77735b; } #leftcolumn .sidebox2 .sub-email { float: none; width: 93.3% !important; margin-bottom: 7px; box-shadow: inset 1px 1px 3px #aaafb2; -moz-box-shadow: inset 1px 1px 3px #aaafb2; -webkit-box-shadow: inset 1px 1px 3px #aaafb2; border: 1px solid #7f7f7f; font-size: 13px; } /* Footer Area */ #footer { clear: both; background-color: #0d0c0c; direction: ltr; } #footer #tags { width: 960px; margin: 0 auto; min-height: 100px; height: auto; padding-bottom: 20px; } #footer #tags a { background-color: #3e3939; color: #b6b4b4; padding: 4px 10px 6px; margin: 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; font-family: tahoma, Helvetica, sans-serif; } #footer #tags h2 { background: url('images/images.png') no-repeat -531px -407px; width: 198px; height: 34px; position: relative; top: -15px; } #footer #tags h2 span { display: none; } #footer #copyright { background-color: #252323; } #footer #copyright p { margin: 0 auto; width: 960px; color: #fff; text-align: left; padding: 20px; font: 13px tahoma,Helvetica,sans-serif; } #footer #copyright p a { color: #fffb95; } @media screen and (max-width: 1165px) { #rightcolumn .share-it-static { display: none; } #rightcolumn .share-it.single { display: block; } } /*.pure-images { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 0 none; box-shadow: 0 0 2px #545454; -moz-box-shadow: 0 0 2px #545454; webkit-box-shadow: 0 0 2px #545454; } */ em.unverified { margin: 10px 0 0; display: block; text-align: left; font-size: 14px; color: #d44e04; } /* Box appearing for old browsers */ #popup-window { position: fixed; width: 100%; height: 100%; background-color: #000; top: 0; /* opacity: 0.8; */ left: 0; } #popup-window #white-box { width: 558px; position: absolute; top: 50%; left: 25%; background-color: #fff; text-align: right; z-index: 2; } #popup-window #white-box #top-back { background: url('images/top-box-popup.png') top center no-repeat; position: absolute; top: -77px; width: 558px; height: 77px; z-index: -1; } #popup-window #white-box #content { margin: -50px 0 0; overflow: hidden; } #popup-window #white-box h1 { color: #c8001c; font-size: 22px; margin-bottom: 20px; } #popup-window #white-box p { color: #393938; font: 15px/25px tahoma sans-serif; margin-bottom: 20px; } #popup-window #white-box p a { color: #d60303; } #popup-window #white-box a img { border: 0 none; } #popup-window #white-box #images a img { margin: 0 14px; } #popup-window #white-box a.close { margin: 15px 0 5px; display: block; float: left; } #popup-window #white-box h1, #popup-window #white-box p, #popup-window #white-box div#images, #popup-window #white-box a.close { padding: 0 20px; } #popup-window #white-box div#images { text-align: center; } #popup-window #white-box span.last-line { background: url('images/bottom-box-popup.png') top center no-repeat; position: absolute; bottom: -10px; width: 558px; height: 30px; z-index: -1; } /* Greeting for referrers from Google, RSS, Twitter and Facebook */ #greet_block img { border: 0 none !important; } #greet_block { margin-bottom: 20px; } .greet_block { border: 1px solid #76726f !important; background-color: #fff; } .single .greet_block { background-color: #E6E2C7 !important; } .greet_text { font: 15px/ 27px tahoma, Helvetica, sans-serif; } .greet_text a { color: #B20317; } .greet_block_powered_by { display: none !important; } #sharefbseo { display: none; } .greet_block_close a { color: #373636 !important; }