/* Theme Name: Narga v6.5 - Mercury Theme URI: http://www.narga.net/ Description: A simple, less image theme. With custom Admin Panel. The theme by Nguyễn Đình Quân a.k.a Narga (dinhquan@narga.net). Date: Jun 10th 2009, Edited: Sep 15th 2009 Author: Nguyễn Đình Quân Author URI: http://www.narga.org/ Tags: green, fixed width, three columns The CSS, XHTML, JS and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ @import "effect.css"; /* Resets */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } table { border-collapse: collapse; border-spacing: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup,footer, header, nav, section, audio, video {} a img {border: 0;} ol, ul { list-style: none;} .clear { clear:both; } /* General Styles */ body {font: normal 12px/18px Verdana, Tahoma, Arial, Sans-serif; color: #333;background: url('images/bg.png') repeat scroll 0% 0% transparent; } h1, h2, h3, h4, h5 { font-weight: bold; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif;} p { font-weight: normal; line-height: 24px; } a, a:hover {color: #537527; outline: none; font-weight: 900; text-decoration: none;} a img { border:none; } hr {color:#DCDCDB;background-color:#DCDCDB;height:1px;border:0px;} code, .functions, .highlight { display: inline; color: #FF8000; background-color: #F7F7F0; font-family: Courier, 'Trebuchet MS', Arial, Helvetica, Sans-serif;} .code { font: 400 9px Tahoma, Arial, Helvetica, sans-serif; color: #666; } .vcard em { font-style: normal; padding-bottom: 10px; font-weight: 900; } .vcard small { font: 9px/9px Tahoma, Arial, Helvetica, sans-serif; color: #999; } .valign-img{display:inline;border:0;margin:0 0 0 5px;padding:0;vertical-align:middle;} img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden} /* #wrapper ======================================= */ #container {margin: 25px auto;width: 100%;width: 1140px;min-width: 755px;overflow:hidden; outline: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); background: none repeat scroll 0% 0% rgb(240, 240, 240);text-align: justify;} .header{height: 148px; background:#FFF;border-left: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;background: rgb(228, 228, 228) url('images/header-bg.png') repeat-x scroll 0% 0%;} .topbar {height: 28px; padding: 2px 0; background:#0A0A0A;} ul#menu-pages {text-transform: uppercase; font-size: 12px;font-weight: 900;} ul#menu-pages li {margin-right: 15px; } ul#menu-pages li.menu-item a:hover, ul#menu-pages li.current_page_item a { color: #262724; background: #F6D517;margin-top: 4px;padding: 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .logo { float: left; padding: 18px 0 0 10px;} /* .google-search */ .google-search { float: right; margin: 2px 10px;} #cse-search-results { margin-left: 10px; padding: 0 10px;} .ads728x90 {float: left; margin: 10px 0 0 80px;} /* Menu */ .navigation { height: 33px;background-color: #8FB235;} ul.menu { margin: 0 10px; float: left; font-size: 13px;text-transform: uppercase;} ul.menu li { float: left; position: relative; margin-right: 15px;} ul.menu li a { padding: 10px 5px; color: rgb(255, 255, 255); float: left; } ul#menu-categories li div { width: 11px; height: 10px; float: left; background: url('images/narga-sprites.png') -564px -78px no-repeat; margin: 11px 0 0 0;} ul#menu-categories li:hover, ul#menu-categories li.current-menu-item { background: #A8CC45;} ul#menu-categories li ul.sub-menu {z-index:99; list-style: none outside none; position: absolute; left: 0; top: 33px; background: #A6CB1B; margin: 0; padding: 0; display: none; float: left; width: 170px; border-bottom: 1px solid #F8C92D;} ul#menu-categories li ul.sub-menu li { margin: 0; padding: 0; clear: both; width: 170px; border-top: 1px solid #A6CB1B;} ul#menu-categories li ul.sub-menu li a { float: left; width: 145px; background: url('images/narga-sprites.png') -580px -162px no-repeat #8FB235; padding-left: 20px; } ul#menu-categories li ul.sub-menu li a:hover { background: url('images/narga-sprites.png') -580px -162px no-repeat #A6CB1B; } /* Content */ #container-content {background:url("images/content-bg.png") repeat-y;} #featured-slider {background-color: #F3F2E9; } #slider {margin: 0;background:url("images/loading.gif") no-repeat scroll 50% 50%;} .nivoSlider {position:relative;} .nivoSlider img {left:0;position:absolute;top:0;} .nivoSlider a.nivo-imageLink {border:0 none;display:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:60;} .nivo-slice {height:100%;position:absolute;z-index:50;} .nivo-caption {background:none repeat scroll 0 0 #000000;bottom:0;color:#FFFFFF;left:0;opacity:0.8;position:absolute;width:100%;z-index:89;} .nivo-caption p {margin:0;padding:5px;} .nivo-directionNav a {cursor:pointer;position:absolute;top:45%;z-index:99;} .nivo-directionNav a {background:url("images/narga-sprites.png") no-repeat scroll 0 0 transparent;border: 0 none;height:34px;text-indent:-9999px;width:31px;} .nivo-prevNav {left:0;} .nivo-nextNav {right:0;} a.nivo-nextNav {background-position: -568px -4px;right:10px;} a.nivo-prevNav {left:10px;background-position: -538px -4px;} .nivo-controlNav {bottom:-20px;left:47%;position:absolute;margin-left:-10px;} .nivo-controlNav a {cursor:pointer;width:10px;height:10px;background:url(images/bullets.png) no-repeat #FAF9F5;text-indent:-9999px;margin-right:7px;float:left;} .nivo-controlNav a.active {background-position:0 -10px;} /* Quote */ #quote { background: url('images/quote-bg.png') repeat-x scroll 0% 92% transparent; height: 10px; margin: 25px 0 0 0; text-align:center;} #quote-shadow { background: url('images/quote-shadow.png') no-repeat scroll 0% 0% transparent; height: 8px; left: 0px; bottom: -19px; position: absolute; } p#quote-line-1 { font-family: 'Goudy Bookletter 1911',Georgia,serif; font-size: 30px; color: rgb(101, 78, 45); text-shadow: 1px 1px 1px rgb(255, 255, 255); font-style: normal; } p#quote-line-2 { color: rgb(180, 164, 141); font-family: 'Goudy Bookletter 1911',Georgia,serif; font-size: 14px; text-shadow: 1px 1px 1px rgb(255, 255, 255); text-transform: uppercase; font-style: normal; } .featured-ads { margin: 30px 5px 5px;} #content-box { float: left; width: 761px; background:#FFF;} #content-box .content {} #content-box .latest-post-thumb img { border: 1px solid #ddd; background-color: #f3f3f3; float:left; padding:5px;text-align:center; margin: 10px 15px 15px 0;} #content-box div.no-latest-thumb {border: solid 3px #CCCCCC; background-color: #EEF2F3; color: #D2DBDA; font-size: 20px; font-style: italic; padding: 140px 0 0 0; height: 250px; width:250px; text-align: center; float:left;display:block; margin: 10px 15px 15px 0;} #content-box .latest-post-content {line-height: 18px;min-height:350px;} #content-box .container { float: left; margin: 0 18px 0 19px; width: 343px;} #content-box .box { padding: 20px 0 20px 0;float: left;} #content-box .post-meta { padding: 20px 0; } #content-box .post-thumb img { border: 1px solid #ddd; background-color: #f3f3f3; padding:5px;text-align:center;} #content-box dd, #content-box dl#meta-footer dd {height: 16px; padding: 0 3px 0 17px; background:url('images/narga-sprites.png'); background-repeat: no-repeat;} #content-box dl#meta-header dd.postdate {background-position: -582px -97px;font-style:italic;float: left;} #content-box dl#meta-header dd.postauthor{background-position: -1000px -1000px;text-transform:uppercase;} #content-box dl#meta-header dd.postcomment {background-position: -580px -62px;float: right;} #content-box div.no-thumb {border: solid 3px #CCCCCC; background-color: #EEF2F3; color: #D2DBDA; font-size: 20px; font-style: italic; padding: 40px 0 0 0; height: 73px; text-align: center;} #content-box h2.home-post-title {font-size: 24px;text-transform:capitalize;margin: 5px 0;min-height: 55px;} #content-box h2.post-title {font-size: 24px;text-transform:capitalize;margin: 5px 0;} #content-box .excerpt {line-height: 18px;} #content-box dl#meta-footer dd.postcat {background-position: -582px -146px;float: left;} #content-box dl#meta-footer dd.postcomment {background-position: -580px -62px;float: left;} #content-box .meta-footer { } #content-box .meta-footer .readmore {margin: 5px 0; float: left;} #content-box .meta-footer .readmore a { padding: 5px; color: #fff; background-color: #70983B;} #content-box .meta-footer .readmore a:hover { background: #7BAF36; } #content-box .meta-footer .post-edit-link { float: right; margin: 4px; color: #fff; padding: 5px; background: #A7161D;} #content-box .meta-footer .post-edit-link:hover { background: #C8205E;} #content-box .content .post-content {margin: 10px 0; font-size: 12px; min-height:400px; } /* Content Styles */ #content-box .content { margin:0 2.1%;} #content-box .content a:hover { text-decoration: none;} #content-box .content ul { list-style: circle; margin: 0 0 15px 25px; } #content-box .content ol { list-style: decimal; margin: 0 0 15px 25px; } #content-box .content ul li, #content-box .content ol li { margin-top: 10px; line-height: 24px; } #content-box .content ul ul { list-style: square; margin: 1px 0 0 15px; } #content-box .content ol ol { list-style: lower-alpha; margin: 1px 0 0 15px; } #content-box .content blockquote {padding-left: 10px;color: #373737;border-left: 3px solid #46671C;margin: 0 15px;background-color: #F9F9F9;} #content-box .content blockquote cite { margin: 5px 0 0; } #content-box .content h2 {font-size: 30px;} #content-box .content h3 {font-size: 26px;} #content-box .content h4 {font-size: 22px;} #content-box .content a.download, a.download:visited {background:#E4E4E4 url('images/narga-sprites.png') no-repeat -1px -134px !important;border:1px solid #b5cad0;padding:14px 0 14px 65px;margin:30px 0;font-size:1.3em;font-weight:bold;color:#1c1f20;} #content-box .content a.demo, a.demo:visited {background:#FFFDDE url('images/narga-sprites.png') no-repeat -1px -184px !important;border:1px solid #b5cad0;padding:14px 0 14px 65px;margin:22px 0;font-size:1.3em;font-weight:bold;color:#1c1f20;} #content-box .content a.homepage, a.homepage:visited {background:#E6F1FF url('images/narga-sprites.png') no-repeat -1px -238px !important;border:1px solid #b5cad0; padding:14px 0 14px 65px;margin:22px 0;font-size:1.3em;font-weight:bold;color:#1c1f20;} #content-box .content a.download:hover, a.demo:hover, a.homepage:hover {border:1px solid #9ba6ac;} #content-box .content .download span, .demo span, .homepage span {font: 0.7em Georgia, "Times New Roman", Times, serif;} /* Pagination */ #content-box div.pagination {text-align: center; margin: 30px auto 5px auto;font-weight: bold;} #content-box div.pagination a:hover {border:1px solid #85BD1E;background-color: #B2E05D;color: #638425;} #content-box div.pagination a, .pagination a:visited { padding: 3px 8px;margin-right: 5px;border: 1px solid #ddd;color: #70983B;} #content-box div.pagination .current, #content-box div.pagination span.totalpages {padding: 3px 8px;margin-right: 5px;border: 1px solid #70983B;background-color: rgb(143, 178, 53);color: #FFF;} /* Social box */ #social-float-container {float:left; display:block; margin-left:-95px;} #social-float-box { position: absolute; top: 172px; } #social-float-box.fixed {position: fixed; top: 0;} #social-float-box .social-float{border:1px solid #E8E8E8;background:#fff;width: 60px;} #social-float-box .social-media-icon{padding: 3px;border-bottom: 1px solid #e8e8e8;} /* Social Information */ .delicious-button {margin:0 auto;text-align:center;background:url('images/narga-sprites.png') -101px -68px no-repeat;height: 64px;width: 52px;} .delicious-button a.del-link{color:#900;font-size:18px;font-weight:bold;padding: 26px 0 0 0;display:block;} .delicious-button span{font-size:12px;padding: 43px 0 0 0;height: 64px;display:block;} .delicious-button:hover{color:#46671C;background:url('images/narga-sprites.png') -379px -68px no-repeat;} .retweet-button {height: 64px;width: 52px;margin:0 auto;text-align:center;background:url('images/narga-sprites.png') -326px -68px no-repeat;} .retweet-button a.retweet {font-size:18px;font-weight:bold;padding: 10px 5px 20px 0;display:block;} .retweet-button:hover{color:#46671C;background:url('images/narga-sprites.png') -269px -68px no-repeat;display:block;} .gbuzz-button {margin:0 auto;text-align:center;} .gbuzz-button a {width:52px;height:53px;font-size:18px;font-weight:bold;padding: 11px 0 0 0;background:url('images/narga-sprites.png') -210px -68px no-repeat;color: #FFFFFF;} .stumbleupon-button {height: 64px;width: 52px;margin:0 auto;text-align:center;background:url('images/narga-sprites.png') -155px -68px no-repeat;} .stumbleupon-button a {font-weight:bold;padding:3px 0 0 1px;color:#00809A;display:block;} .facebook-like {height: 64px;width: 49px;margin:0 auto;text-align:center;background:url('images/narga-sprites.png') -430px -68px no-repeat;} .facebook-like a {padding: 10px 0 0 0;font-size: 12px;color:#333333;height: 64px;line-height: 9px;} .facebook-like span {font-size:9px;} /* Tagged */ .post-tags {margin: 15px;} .post-tags .tagged { background:url('images/narga-sprites.png') -561px -60px no-repeat; width:16px; height:15px; float: left;} .post-tags a {padding: 3px; background-color:rgb(241, 248, 223); border: 1px solid rgb(168, 204, 69);} #content-box .more-info {background-color:rgb(241, 248, 223);border-top: 1px solid rgb(168, 204, 69);border-bottom: 1px solid rgb(168, 204, 69);} #content-box .more-info h3, #comments h3 {font-size:22px;padding: 5px 20px;} /* Related Post */ #content-box .related {margin: 10px 0;} #content-box .related ul{ list-style-position: inside; list-style-type:circle; } #content-box .related ul li {padding: 0 25px;} #content-box .related_post_title {display:none;} /* Social Button */ #content-box .post-share {margin: 10px 0; padding-bottom: 15px; border-bottom: 1px solid rgb(168, 204, 69);overflow:hidden;} #content-box .post-share ul {border-top: 1px solid rgb(168, 204, 69);padding: 15px 10px 0 25px;} #content-box .post-share ul.social-button li {float:left;margin:0 5px;text-indent:-9999px;opacity:.7;background:url('images/narga-sprites.png'); background-repeat: no-repeat;display: block;} #content-box .post-share ul.social-button li:hover{opacity: 1;} #content-box .post-share ul.social-button li a {width: 32px;height: 32px;display: block;} #content-box .post-share ul.social-button li a:hover {cursor:pointer;} /* For IE6 */ #content-box .post-share ul.social-button li.googleplus {background-position:-371px -36px;} #content-box .post-share ul.social-button li.twitter {background-position:-206px -34px;} #content-box .post-share ul.social-button li.delicious {background-position:-70px -2px;} #content-box .post-share ul.social-button li.designfloat {background-position:-104px -2px;} #content-box .post-share ul.social-button li.rss-feed {background-position:-2px -35px;} #content-box .post-share ul.social-button li.tumblr {background-position:-371px -2px;} #content-box .post-share ul.social-button li.facebook {background-position:-407px -36px;} #content-box .post-share ul.social-button li.mixx {background-position:-206px -2px;} #content-box .post-share ul.social-button li.digg {background-position:-2px -2px;} #content-box .post-share ul.social-button li.addmore a {background-position:-472px -36px;} #content-box .post-share ul.social-button li.stumbleupon {background-position:-272px -2px;} #content-box .post-share ul.social-button li.identica {background-position:-306px -2px;} #content-box .post-share ul.social-button li.dzone {background-position:-36px -2px;} #content-box .post-share ul.social-button li.evernote {background-position:-138px -2px;} #content-box .post-share ul.social-button li.reddit {background-position:-405px -2px;} #content-box .post-share ul.social-button li.myspace {background-position:-437px -2px;} #content-box .post-share ul.social-button li.wong {background-position:-472px -2px;} #content-box .post-share ul.social-button li.designbump {background-position:-505px -2px;} /* Author Information */ #content-box .more-info .post-author {height:145px;} #content-box .more-info .post-author p {padding: 0 20px;} #content-box .more-info .post-author img {float:left;margin: 5px 10px 5px 0;border: 1px solid #ddd; background-color: #f3f3f3; padding:5px;} #content-box .more-info .ads-below-author {font-size: 10px;border-top: 1px solid rgb(168, 204, 69);margin: 5px 10px;} /* Post's Comments List */ #comments ul.tabs {float: left;position: relative;width: 100%; height: 36px; /*--Set height of tabs--*/ } #comments ul.tabs li {float: left;overflow: hidden;position: relative;background-color: #F0F0F0;padding: 8px 0; height: 15px; /*--Subtract 1px from the height of the unordered list--*/ margin: 5px 0 -1px 20px; /*--margin-bottom: Pull the list item down 1px--*/ } #comments ul.tabs li a {text-decoration: none;padding: 8px 20px;outline: none; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ } #comments ul.tabs li a:hover {background-color: rgb(226, 238, 242);} #comments ul.tabs li.active a:hover {border: none;background-color: rgb(255, 253, 222);} #comments ul.tabs li.active { /*--Makes sure that the active tab does not listen to the hover properties--*/ background-color: rgb(255, 253, 222); border: 1px solid rgb(168, 204, 69); border-bottom: none; /*--Makes the active tab look like it's connected with its content--*/ height: 15px; /*--Subtract 1px from the height of the unordered list--*/ } #comments .tab_container {border-top: 1px solid rgb(168, 204, 69); float: left;background-color: rgb(255, 253, 222);padding: 0 10px 0 20px;} #comments .tab_content {display: block; width: 732px;} #comments .tab_content h2 { font-size:22px;padding: 10px 0;} /* Begin Comments */ #comments { float: left;} #comments .even, #comments ul.children .even { background: #F8F8F8; border: 1px solid #DFDFDF; } #comments .odd, #comments ul.children li.odd { background: #E4FFDF; border: 1px solid #DFDFDF; } #comments .commentlist { margin: 20px 0; padding: 0 10px 0 0;} #comments .commentlist li {margin: 10px 0; } #comments .commentlist li ol li { margin: 0 -5px 0 10px; } #comments .comment-body {padding: 15px;} #comments .commentlist li .avatar { float: left; border: 2px solid #fff; padding: 1px; } #comments .commentlist li.bypostauthor { background-color: rgb(226, 238, 242); border: 1px solid #92C400; } /* Post Author's Comment */ #comments .commentlist cite.fn { background:url('images/narga-sprites.png') -581px -39px no-repeat; margin: 0 0 0 15px; padding: 5px 0 0 20px; height: 18px; } /* comment author */ #comments .comment-meta { background:url('images/narga-sprites.png') -582px -92px no-repeat; padding: 5px 0 0 20px; margin: 0 0 10px 85px; font-style: italic;} /* comment date */ #comments .comment-meta a { font-style: italic;} /* comment date */ #comments .comment-body p { font-weight: normal; border-top: 1px dotted #CAE2FF; margin: 0 5px 10px 85px;} /* Comments content */ #comments .comment-body em {color: #FF0000; float: right;} /* comment is awaiting moderation */ #comments .reply { margin-top:3px;} #comments .reply a { padding: 2px 5px; font-weight:normal;text-transform: uppercase;} #comments .reply a:hover { background: none repeat scroll 0pt 0pt rgb(146, 174, 27); color: rgb(255, 255, 255);} #comments .children li { margin: 10px; } #comments .says { display:none; } #comments .nocomments { text-align: center; background-color: #FFEAE7; border: 1px solid #F23000; margin: 10px; padding: 10px 10px;} #comments .nocomments span {background:url('images/narga-sprites.png') -540px -62px no-repeat; width: 12px; height: 13px; margin: 0 15px;} #comments .pinglist { margin: 20px 0; padding: 0 10px 0 0; list-style-position: inside; list-style-type: decimal;} #comments .pinglist .even, #comments .pinglist .odd { background: none;border: none;} /* Post Comment */ #respond {background-color: rgb(255, 253, 222);padding: 10px;} #respond p, #content-box .contact-form p {margin: 10px; color: #66685b;width: 99%;} #respond .cancel-comment-reply{padding: 12px;} #respond p label, #content-box .contact-form p label {width: 120px;float: left;background:#eeeeee;border:solid 1px #D9E0E7;color:#222222; height: 20px;padding:6px 0 0 7px;} #respond p input, #content-box .contact-form input {width: 590px; border: solid 1px #D9E0E7; color: #666; height: 20px; padding:3px 0 3px 1px;} #respond p input:focus, #respond p textarea:focus, #content-box .contact-form input:focus, #content-box .contact-form textarea:focus { background: #F1F8DF; outline: solid 1px #A1CF26;} #respond p input.required, #content-box .contact-form .required {width: 590px; background: #fff url('images/required.png') no-repeat 97% 6px;} #respond p.math {} #respond p.math label.mathspam { background-color: #eeeeee; width: 210px; height: 20px;padding:6px 0 0 7px;} #respond p.math input.required { width: 493px; background: #fff url('images/required.png') no-repeat 97% 6px; padding:3px 0 3px 3px;} #respond p textarea {width: 710px; padding: 4px; border: solid 1px #C0D2DD; font-size: 12px; color: #666; } #respond #submit-opinion, #content-box #submit-opinion {width: 170px; height: 34px; padding-bottom: 6px; background: none repeat scroll 0% 0% rgb(146, 174, 27); border: medium none; border-radius: 3px 3px 3px 3px; color: rgb(255, 255, 255); cursor: pointer; } #respond #submit-opinion:hover, #content-box #submit-opinion:hover {background: none repeat scroll 0% 0% rgb(112, 152, 59);} #respond .subscribe-to-comments label { width: 280px;} #respond .subscribe-to-comments input { margin: 5px;} /* Sidebar */ #sidebar {float: right; background: #E2EEF2; width: 344px; padding: 0 16px;} #sidebar .ads-square {margin: 10px auto;} #sidebar .ads-square img {margin: 22px;clear: both;} #sidebar .col { width: 164px;float: right;} #sidebar .col2 { width: 164px;} #sidebar .colx2 {margin: 0 auto;} #sidebar .box { background-color: #f7f7f7; border: 1px solid rgb(168, 204, 69);margin: 10px 0;} #sidebar .box p {padding: 5px 10px;} #sidebar h3 { text-transform: uppercase; padding: 10px; background-color: #A8CC45;} #sidebar ul { list-style: none outside none;} #sidebar .box ul li { padding: 5px 10px; border-top: 1px solid #e0e0e0;} #sidebar .col a, #sidebar .col2 a, #sidebar .colx2 a {font-weight: 500; line-height: 18px;} #sidebar .col ul li:hover, #sidebar .col2 ul li:hover, #sidebar .colx2 ul li:hover {background-color: #DAECF2;} #sidebar ul li:first-child {border-top: medium none;} #sidebar ul li:last-child {border-bottom: medium none;} #sidebar div.popular_post { border-top: 1px solid #e0e0e0;} /* Subscribe RSS*/ #sidebar #subscribers {height: 44px;font-size: 14px;} #sidebar #subscribers ul { margin: 5px 0;} #sidebar #subscribers ul li {float: left; text-transform: none;margin: 0 3px; border:none;padding: 4px 0 0 0;} #sidebar #subscribers ul li:hover {background-color:rgb(247, 247, 247);} #sidebar #subscribers ul li a { background-repeat: no-repeat; height: 32px; width:33px; background: url('images/narga-sprites.png'); display: block;line-height: 15px;} #sidebar #subscribers ul li a strong {display: none;} #sidebar #subscribers ul li.twitter-followers #follower {} #sidebar #subscribers ul li.feed-subscribers a { background-position: -2px -35px; color: rgb(255, 109, 0); padding: 0 0 0 36px; margin: 0 12px 0 7px;} #sidebar #subscribers ul li.twitter-followers a { background-position:-206px -35px; color: #0B9FC7; padding: 0 0 0 36px; margin: 0 7px;} #sidebar #subscribers ul li.stumbleupon-icon a { background-position:-272px -1px;} #sidebar #subscribers ul li.facebook-icon a { background-position:-405px -35px;} #sidebar #subscribers ul li.linkedin-icon a { background-position:-437px -35px;} #sidebar #subscribers ul li.googleplus-icon a { background-position:-371px -36px;} /*Email Subscription Form*/ #sidebar .emailsubscription {padding: 5px;} #sidebar .emailsubscription:hover {background-color:#DAECF2;} #sidebar .emailtextfield{width:215px;height:23px;font-size: 13px;float:left;margin: 0 0 0 5px;} #sidebar .subscribebutton{width:99px; height:27px; background-color: #A8CC45; color: rgb(255, 255, 255); text-transform: uppercase; border: 1px solid #A8CC45; padding: 0 0 2px 0; font-weight: bold;} #sidebar #subscribebutton:hover{color: #ffd321;} #sidebar #tweets li { margin:1px 0; color:#1F1F1F;padding: 2px 10px;} #sidebar #tweets .hash, #sidebar #tweets .reply { color:#0066CC; } #sidebar #tweets a { display:inline; } #sidebar .follow { font-weight: 900; font-family: Venada, Arial, Tahoma, Helvetica, sans-serif; background-color: #A8CC45; padding: 5px 10px; color: #000000;} /* Contact form */ #content-box .contact-form {margin: 10px;} #content-box .contact-form p label.screenReader {width: 46%;} #content-box .contact-form p label.sendCopy {width: 32%;background:none;border:none;} #content-box .contact-form input#checking {width: 51%; border: solid 1px #D9E0E7; color: #666; height: 20px; padding:3px 0 3px 4px;} #content-box .contact-form textarea {width: 98%; padding: 3px; border: solid 1px #C0D2DD; font-size: 12px; color: #666; } #content-box .contact-form .error {display: inline;color: #FF0000;} /* Footer */ #footer {clear:both;padding: 5px 10px;position: relative;text-align: right;font-size: 11px;background: rgb(143, 178, 53);height: 16px;} #footer, #footer a {color: #FFF;} #footer .copyright {float: left;} img#wpstats{visibility:hidden} #backtotop {float: right;} /* Page not found */ #content-box .content .notfound-block {margin: 10px 0;} #content-box .content .notfound {text-transform:uppercase;color: #FFFFFF;font-size: 18px;font-weight: bold;background-color: #FF3A1A;padding: 2px;} #content-box .content .notfound-form {margin: 0 auto;} /* Box styles ======================================= */ .bluebox { background: #9DD1F2; border-top: 2px solid #419ED9; border-bottom: 2px solid #419ED9; text-align: left; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; } .yellowbox { background: #FFF6BF; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; text-align: left; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; } .redbox { background: #ffcccc; border-top: 2px solid #c90404; border-bottom: 2px solid #c90404; text-align: left; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; } .greenbox { background: #D0F29D; border-top: 2px solid #9CD941; border-bottom: 2px solid #9CD941; text-align: left; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; } .greybox { background: #f2f2f2; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; text-align: left; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; } .tagbox { border: 1px solid rgb(204, 204, 204); padding: 10px 10px 10px 10px; background: #ebf5ff; color: #888888; margin: 10px auto; text-align: left; } /* Captions */ .alignleft {float: left;margin: 5px 5px 0 0;} .alignright {float: right;margin: 5px 0 0 5px;} img.alignleft {float: left;padding: 4px;background-color: #fff;margin: 5px 5px 0 0;} img.alignright {float: right;padding: 4px;background-color: #fff;margin: 5px 0 0 5px;} a img.attachment-thumbnail {padding: 4px;border: 1px solid #e0e0e0;background-color: #fff;margin: 0 5px 0 5px;float: left;} .aligncenter, div.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding:8px 5px; margin: 10px; text-align:center; } .wp-caption img { margin: 0; padding: 0; border: none; } .wp-caption-text { font-size: 11px; line-height: 17px; margin: 0 auto; text-align: center; font-weight: bold; text-shadow:#ddd 1px 1px 0px; } /* End captions */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{ width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}