/* Theme Name: Planetponzi Theme URI: Author: frumatic.com Author URI: http://frumatic.com Description: Special Theme for Planetponzi Version: 1.0 License: Tags: planetponzi */ @import url(css/reset.css); @import url(css/grid.css); @import url(fonts/stylesheet.css); /* Common styles */ body { background: url(images/bg.jpg); } a, a:link, a:visited { text-decoration:none; font:12px/18px Arial; color:#666666; } a:hover { text-decoration:none; color: #222;} ::-webkit-input-placeholder { color: #b3b3b3!important; } :-moz-placeholder { color: #b3b3b3!important; } .placeholder { cursor: text; color: #b3b3b3!important; font: 12px/21px Arial!important; border:1px solid black; } .form-search .search.placeholder { font:14px/38px Arial!important; } /** Common styles */ /* Header Container*/ #header { border: none; border-top: 6px solid #ab1f22; border-bottom: 6px solid #ab1f22; height: 88px; background: url(images/bg-header.png); overflow:hidden;} #header .inner { position:relative; } #header .logo { display:block; height:88px; text-transform: uppercase; text-decoration:none; background:url(images/logo.png) 9px 0 no-repeat; width:100%; position:absolute; left:0; top:0; } #header .logo span { display:none; } .menu-wrapper { float: right; } div.menu ul { float:right; } div.menu ul li { height: 88px; float: left; margin: 0 3px 0 1px; display:block; position:relative; overflow:hidden; } div.menu ul li a, div.menu ul li a:link, div.menu ul li a:visited { height: 88px; display:block; padding:0 5px; text-transform: uppercase; text-decoration:none; color: #fff; font:normal 22px/74px 'LeagueGothicRegular', serif; text-shadow:0px -1px 2px #000; position:relative; text-align:center; } div.menu ul li a:hover { color:#fae7c7; } div.menu ul li span { display:block; z-index:2; position:relative; } div.menu ul li img.back { display:none; z-index:1; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; } /* home page header */ .home #header { height: 415px; overflow: visible; } .plugin-quotes { padding: 10px 0 0px 0; } .home-page-header { color: #fff; height: 340px; position: absolute; top:88px; width: 100%; } .home-page-slider { overflow: hidden; position: relative; width: 620px !important; height: 308px !important; } .home-page-slider .slide { height: 308px; width: 100%; overflow:hidden; } .home-page-slider .slide img { -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide-text { -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-radius-topleft: 5px; -o-border-radius-bottomleft: 5px; background-color: #ab1f22; background-color: rgba(171, 31, 34, 0.7); border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #fff; font-family: arial, sans-serif, helvetica; font-size: 11px; min-height: 58px; left: 230px; padding: 17px 17px 7px 11px; position: absolute; bottom:31px; width: 362px; text-shadow:1px 1px 1px #333; } .slide-text-title, a.slide-text-title, a.slide-text-title:link, a.slide-text-title:visited { font: 24px Georgia, times, serif; color:#fff; } a.slide-text-title:hover { color:#dddddd; } ul.home-page-pager { bottom: 6px; height: 15px; position: absolute; right: 15px; z-index: 900; } ul.home-page-pager { list-style: none; } ul.home-page-pager li { float: left; } ul.home-page-pager a { background-image: url(images/slider/item.png); background-position: center center; background-repeat: no-repeat; display: block; font-size: 5px; line-height: bold; height: 10px; overflow: hidden; padding: 3px; width: 11px; } ul.home-page-pager .activeSlide a { background-image: url(images/slider/item_active.png); } .home-book { background-image: url(images/book/background.png); background-position: left top; height: 308px; } .home-book p { font-size: 20px; padding: 17px 13px; } .home-book .amazon-button { position: absolute; bottom: 0; height: 108px; } .home-book .amazon-button a { display: block; margin-top: 9px; } .home-book .amazon-button span { font: 18px/18px Georgia, times, serif; margin-bottom: 22px; display: block; font-weight: bold; } .home-book-image { bottom: -45px; position: absolute; right: 0; z-index: 990; } /** Header */ /* Footer */ #footer { border:none; border-top:1px solid #979793; border-bottom:1px solid #979793; background: url(images/bg-header.png); } #footer h6 { height:36px; border-bottom: dashed 1px #fff; padding:11px 0 0 8px; margin-bottom:13px; font:16px/24px 'MetaSerifBook', sans-serif; color:#fff; } #footer ul li { list-style: none; } #footer ul li a, #footer ul li a:link, #footer ul li a:visited { text-transform:capitalize; font:12px/18px Arial; color:#b3b3b3; padding-left:8px; text-decoration:none; display:block; } #footer ul li a:hover { color:#ffffff; text-decoration:none; } #footer .footer-line { margin-top:48px; padding-left:18px; font:11px/30px Arial; } #footer .footer-line .copyright-notice { color:#727676; float:left; font:11px/30px Arial; } #footer .footer-line .footer-menu { margin:0 0 0 13px; float:left; font:11px/30px Arial; color:#666666;} #footer .footer-line .footer-menu a, #footer .footer-line .footer-menu a:link, #footer .footer-line .footer-menu a:visited { font:11px/30px Arial; color:#727676; } #footer .footer-line .footer-menu a:hover { color:#ffffff; } /** Footer */ /* Content Container */ #content img { border:1px solid #d4d4d4; -moz-border-radius:1px; -webkit-border-radius:1px; -o-border-radius:1px; border-radius:1px; margin:20px; } /* wordpress align styles */ #content .text-pane img.alignright, #content .text-pane .wp-caption.alignright { float:right; margin:8px 0 0 20px; } #content .text-pane img.alignleft, #content .text-pane .wp-caption.alignleft { float:left; margin:8px 20px 0 0; } #content .text-pane img.aligncenter, #content .text-pane .wp-caption.aligncenter { margin:8px auto 0 auto; clear: both; display: block; } #content .text-pane img.alignnone, #content .text-pane .wp-caption.alignnone { margin: 0; padding: 0; } #content .text-pane .wp-caption.aligncenter img { width:100%; } #content .text-pane .wp-caption.alignright img, #content .text-pane .wp-caption.alignleft img, #content .text-pane .wp-caption.aligncenter img { margin:0px; } #content .text-pane .wp-caption .wp-caption-text { color:#666666; font:11px/12px Arial; position: relative; margin-bottom:16px;} #content .text-pane .wp-size-280 { width:282px; } #content .text-pane .wp-size-144 { width:146px; } /** wordpress align styles */ #content h1 { font:22px/22px 'MetaSerifTfBook', sans-serif, Arial; color:#ab1f22; margin:38px 0 20px 18px; } #content h1.archives { font:italic 21px/22px Georgia, times, serif; } #content .text-pane { overflow: hidden; margin: 20px 0 15px 0; position: relative; background:#fff; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; padding:18px 12px 27px 16px; } #content .text-pane + .text-pane { margin: 22px 0 15px 0; } #content .text-pane p { margin:9px 0; font:12px/18px Arial; color:#666666; } #content .text-pane h1 { font:20px/20px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane h2 { font:18px/18px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane h3 { font:16px/18px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane h4 { font:14px/18px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane h5 { font:14px/18px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane h6 { font:12px/18px 'MetaSerifTfBook', sans-serif, Arial; color:#272f30; margin:0px; margin-top: 20px; } #content .text-pane a, #content .text-pane a:link, #content .text-pane a:visited { font:12px/18px Arial; color:#666666; text-decoration:underline;} #content .text-pane a:hover { color: #222; } #content .text-pane blockquote { background:url(images/bg-quote.png) 7px 7px no-repeat #f8f8f8; padding:22px 26px 12px 26px; border:none; border-left:1px solid #fcfcfc; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; margin:19px 0 30px 0; font:12px/18px Arial; color:#666666; } #content .text-pane blockquote p:first-child { background:url(images/bg-quote-end.png) right bottom no-repeat; } #content .text-pane img { max-width: 580px; height: auto; } #content .text-pane object, #content .text-pane embed { max-width: 580px; } #content .text-pane table { border-collapse: collapse; margin: 20px auto; width: 100%; } #content .text-pane th { background-color: #f8f8f8; color: #ab1f22; padding: 5px; } #content .text-pane tr + tr { border-top: 1px solid #eee; } #content .text-pane td { padding: 5px; } #content .single-page { margin-top: 10px; margin-bottom: 45px; } #content .text-pane .list-title { color: #666666; font: 22px sans-serif, helvetica; margin-bottom: 0; width: 540px; } #content .text-pane .list-title a { color: #666666; font: 22px sans-serif, helvetica; text-decoration: none; } #content .text-pane .list-title a:hover { color: #ab1f22; } #content .text-pane-title { margin: 0; padding: 0; } #content .text-pane .text-pane-title a { color: #666; font: 21px/26px Georgia, times, serif; text-decoration: none; } #content .text-pane-title .comments-count { background: url(images/post-balloon.png) no-repeat 0 -32px; color: #fff; display: block; float: right; font-size: 12px; font-family: arial, sans-serif; height: 24px; margin: 0; overflow: visible; padding: 0; text-align: center; width: 20px; } #content .text-pane-title .comments-count a { display: block; color: #fff; font: 12px/12px arial, sans-serif; margin: 0 auto; padding-top: 3px; text-decoration: none; } #content .text-pane-title .title { margin-bottom: 4px; margin-top: 0; } #content .text-pane-title:hover .title a { color: #ab1f22; } #content .text-pane-title:hover .comments-count { background: url(images/post-balloon.png) no-repeat 0 0; } #content .text-pane .list-comments-count { background: url(images/post-balloon.png) no-repeat 0 -32px; color: #fff; display: block; font-size: 12px; font-family: arial, sans-serif; height: 24px; overflow: visible; position: absolute; right: 11px; text-align: center; top: 12px; width: 20px; } #content .text-pane .list-comments-count:hover { background-position: 0 0; } #content .text-pane .list-comments-count a { color: #fff; display: block; font-size: 12px; font-family: arial, sans-serif; margin: 0 auto; padding-top: 3px; text-decoration: none; } #content .text-pane .list-comments-count a:hover { color: #fff; } #content p.by-title { color: #999999; font-style: italic; margin-top: 0; } #content p.read-more { text-align: right; } #content .text-pane p.read-more a { color: #666; font-size: 12px; text-decoration: none; } #content .text-pane p.read-more a:hover { color: #ab1f22; } #content .text-pane dd { margin: 0 0 10px 10px; } #content .text-pane dt { font-weight: bold; } #content .text-pane dl { margin: 0; } #content .text-pane ul, ol { margin-left: 10px; } #content .text-pane ul { list-style: disc inside; } #content .text-pane ol { list-style: decimal inside; } #content .text-pane ul li, #content .text-pane ol li { padding-left: 25px; } .addthis_toolbox { margin-top: 20px; float:left; min-width:138px; } .Wdgpo_WidgetPlusone { margin-top: 21px; margin-left:7px; float:left; } abbr, acronym, dfn { border-bottom: 1px dotted #666666; cursor: help; } .page #content .grid_12 { padding-top: 0; } .post-list .thumbnail { float: left; width: 145px; } .post-list .thumbnail img { margin: 10px 0 0 0 !important; padding: 0; } .post-list .excerpt { float: right; width: 420px; } div.pagination { padding-bottom: 60px; width: 100%; } div.pagination .page-numbers, div.pagination .current { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border-style: solid; border-width: 1px; font-size: 12px; font-weight: normal; padding: 6px 10px; } div.pagination .page-numbers { background-color: #fff; color: #b3b3b3; border-color: #d8d8d6; } div.pagination .page-numbers:hover { color: #ab1f22; } div.pagination .current { background-color: #ab1f22; border-color: #ab1f22; color: #fff; } div.pagination .current:hover { color: #fff; } /** Content Container */ /* search form */ .form-search .search { width:/*302 - 19 - 37 - 2 = 244 */244px; height:38px; padding:0 0 0 19px; border:none; background:url(images/bg-search.png) no-repeat; font:14px/14px Arial; color:#666666; float:left; } *html .form-search .search { font:14px/38px Arial; } .form-search .search { font:14px/38px Arial\0/; } /* ie8 only */ .form-search .search::-webkit-input-placeholder { color: #b3b3b3; } .form-search .search:-moz-placeholder { color: #b3b3b3; } .form-search .submit { width:37px; height:38px; background:url(images/bg-search-enter.png) no-repeat; display:block; border:none; float:left; } .page-search-form { float: right; } .page-search-form .form-search { padding: 22px 0 0 0; } /* Side bar*/ #sidebar a, #sidebar a:link, #sidebar a:visited { color:#666666; text-decoration:none; } #sidebar a:hover { color:#ab1f22; text-decoration:none; } #sidebar #reuters-widget { width:304px; margin-top:18px; } #sidebar #twitter-widget { margin: 18px 0; } #sidebar #twtr-widget-1 .twtr-tweet a, #sidebar #twtr-widget-1 .twtr-tweet alink, #sidebar #twtr-widget-1 .twtr-tweet a:visited { color:#1a1a1a; text-decoration:none!important; } #sidebar #twtr-widget-1 .twtr-tweet a:hover { color:#ab1f22!important; text-decoration:none!important; } #sidebar #twtr-widget-1 h3 { text-align: left; height: 14px; } #sidebar #twtr-widget-1 h4 { font-size: 18px; font-family: arial, sans-serif; font-weight: 900; text-transform: uppercase; } #sidebar { margin: 20px 0 21px 10px; color:#666666; font:12px/21px Arial; } #sidebar .sidebar-inner { margin-right:3px; } #sidebar h3 { color:#ab1f22; font:italic 15px/34px Georgia, times, serif; height:34px; text-align:center; } #sidebar .text-pane { background:#fff; border:1px solid #d3d3d3; moz-border-radius:0 4px 4px 4px; webkit-border-radius:0 4px 4px 4px; o-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; padding: 16px 8px 12px 8px; position:relative; z-index:2;} #sidebar .text-pane a, #sidebar .text-pane a:link, #sidebar .text-pane a:visited { font:12px/18px Arial; } #sidebar .text-pane h4 { font:bold 12px/18px Arial; color:#666666; text-align:left; height:auto; } #sidebar .tagcloud { background:#fff; border:1px solid #d3d3d3; moz-border-radius:0 4px 4px 4px; webkit-border-radius:0 4px 4px 4px; o-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; padding:16px 8px 12px 8px; position:relative; z-index:2;} #sidebar .tagcloud a, #sidebar .tagcloud a:link, #sidebar .tagcloud a:visited { font:12px/18px Arial; } #sidebar .tabs { list-style:none; position:relative; margin-top: 18px; } #sidebar .tabs li { float:left; background:url(images/bg-tab.png) no-repeat; height:26px; width:auto; margin-right:6px; position:relative; bottom:-4px; padding-right:3px; } *+html #sidebar .tabs { z-index:3; } *+html #sidebar .tabs li { z-index:1; } #sidebar .tabs li.active { z-index:5; } #sidebar .tabs li a, #sidebar .tabs li a:link, #sidebar .tabs li a:visited { color:#666666; text-align:center; height:23px; font:12px/23px Arial; position:relative; right:-3px; padding:1px 8px 0 9px; display:block; } #sidebar .tabs li span { width:3px; height:26px; display:block; position:absolute; top:0px; right:-3px; background:url(images/bg-tab-right.png) top right no-repeat; } #sidebar .tabs li.active a, #sidebar .tabs li.active a:link, #sidebar .tabs li.active a:visited { color:#ab1f22; } /* sidebar recent-posts */ #sidebar .recent-posts a, #sidebar .recent-posts a:link, #sidebar .recent-posts a:visited { background:url(images/icon-post-link.png) no-repeat 0 8px; color:#666666; font:12px/21px Arial; padding-left:20px; /* ie7 fix */ display:block; } #sidebar .recent-posts a:hover { color:#ab1f22; background:url(images/icon-post-link-h.png) 0 8px no-repeat;} #sidebar .recent-posts ul { background:#fff; border:1px solid #d3d3d3; moz-border-radius:0 4px 4px 4px; webkit-border-radius:0 4px 4px 4px; o-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; padding:16px 8px 12px 8px; list-style:none;} /** sidebar recent-posts */ #sidebar #follow a, #sidebar #follow a:link, #sidebar #follow a:visited { font:12px/18px Arial; } #sidebar #follow .twitter { height:40px; display:block; background:url(images/icon-twitter.png) no-repeat; padding:12px 0 0 23px; margin:6px 0 0 9px; } #sidebar #follow .facebook { height:35px; display:block; background:url(images/icon-facebook.png) no-repeat; padding:12px 0 0 23px; margin-left:9px; } #sidebar #follow .planet-ponzi { height:43px; display:block; background:url(images/icon-planet-ponzi.png) no-repeat; padding:12px 0 0 23px; margin-left:9px; } #sidebar #email-subscribe { } #sidebar #email-subscribe p { color: #666666; font: bold 12px/21px Arial; } #sidebar #email-subscribe form { width:170px; padding:11px 0 37px 0; } #sidebar #email-subscribe form input.wpfes_form_btn { height:/* 25 -3 = 22 */27px; padding:0 13px 1px; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; background:#fff url(images/bg-button.png) repeat-x; color:#666666; display:block; float:left; text-decoration:none; font:12px/20px Arial; box-shadow:1px 1px 1px #f5f5f5; text-align:center; float:right; } #sidebar #email-subscribe form input.wpfes_form_btn:hover { color:#222222; } #sidebar #email-subscribe form input.wpfes_form_btn:active { color:#ab1f22; background:#fff url(images/bg-button-a.png) repeat-x; } #sidebar #email-subscribe form input.wpfes_form_txt { width:/* 168 -13 = 155 */155px; padding-left:13px; height:23px; border:1px solid #dfdddb; /* repeat for compatibility with old browsers */background: url(images/bg-input.png) repeat-x; background:url(images/bg-input-inner-border.png) top left repeat-y, url(images/bg-input-inner-border.png) top right repeat-y, url(images/bg-input.png) repeat-x; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; margin-bottom:6px; } #sidebar input::-webkit-input-placeholder { color: #b3b3b3; } #sidebar input:-moz-placeholder { color: #b3b3b3; } *+html #sidebar #email-subscribe form input.wpfes_form_txt{ font:12px/23px Arial; } #sidebar #email-subscribe form input.wpfes_form_txt{ font:12px/23px Arial\0/; } /** Side bar*/ /* about page*/ #about-page #content .text-pane { margin-top:0px; } #about-page #content .text-pane h1 { color: #666666; } #about-page #content img { margin:26px 35px 0 64px; border-radius:0; float:right; } /** about page*/ /* book page*/ #book-page #content .text-pane { margin-top:0px; } #book-page #content img { border:none; margin:11px 22px 0 62px; border-radius:0; float:right; } #book-page #content blockquote { width:470px; margin-bottom:12px;} #book-page #content .text-pane h1, #book-page #content .text-pane h2, #book-page #content .text-pane h3, #book-page #content .text-pane h4, #book-page #content .text-pane h5, #book-page #content .text-pane h6 { font-style:italic; } #book-page #content .amazon { width:523px; border:1px dotted #b3b3b3; border-left:none; border-right:none; margin-top:12px; } #book-page #content .amazon .com { width:121px; height:54px; background:url(images/icon-amazon-com.png) no-repeat; display:block; margin-left:25px; float:left; } #book-page #content .amazon .uk { width:125px; height:54px; background:url(images/icon-amazon-co-uk.png) no-repeat; display:block; margin-left:25px; float:left; } #book-page #content .amazon a span { display:none; } /** book page*/ /* sidebar comments */ ul#recentcomments, ul#recentcomments li { list-style:none; } ul#recentcomments li.comments { background:#fff; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; padding:1px 7px 2px 7px; margin:0 0 25px 0; position:relative; min-height:80px; } ul#recentcomments li.comments .bg { background:url(images/bg-comment.png) no-repeat; position:absolute; bottom:-19px; left:13px; width:18px; height:19px; display:block; } ul#recentcomments li.comments img { position:absolute; left:8px; top:8px; width:55px; height:55px; color:#666666; font:12px/18px Arial; float:left; background:url(images/avatar-placeholder.png) no-repeat; } ul#recentcomments li.comments .comment { color:#666666; font:11px/13px Arial; padding:0 15px 24px 64px; } ul#recentcomments li.comments .by { color:#afafaf; font:italic 11px/18px Arial; padding-top:4px; position:absolute; bottom:3px; left:8px; } ul#recentcomments li.comments .by strong { color:#000000; font-weight:normal; font-style:italic; } ul#recentcomments li.comments a, ul#recentcomments li.comments a:link, ul#recentcomments li.comments a:visited { font:12px/18px Arial; color:#333; font-weight:normal; font-style:italic; } ul#recentcomments li.comments a:hover { color:#ab1f22; text-decoration:none; } ul#recentcomments li.comments a.title, ul#recentcomments li.comments a.title:link, ul#recentcomments li.comments a.title:visited { font:bold 12px/18px Arial; margin-bottom:2px; padding-left:64px; display:block; padding-top:3px; } /** sidebar comments */ /* comments */ #comments #comments-title { background:#fff; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; padding:6px 23px 10px 16px; color:#ab1f22; font:18px/27px MetaSerifBook, sans-serif, Helvetica, Arial; margin-bottom:26px; } #comments #comments-title span { color:#666666; font:18px/27px MetaSerifBook, sans-serif, Helvetica, Arial;} #comments #comments-title span.count { color:#ab1f22; position:relative; top:3px; } #comments ol { list-style:none; margin-bottom: 20px; } #comments ol ul { list-style:none; } #comments ol li.comment.depth-2, #comments ol li.comment.depth-3, #comments ol li.comment.depth-4 { margin-left: 52px; } #comments ol li.comment .comment-view { margin:25px 0 0 0; background:#fff; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; padding:10px 23px 30px 72px; position:relative; min-height:70px; list-style:none; font:12px/18px Arial;} #comments ol li.comment .comment-view .bg { background:url(images/bg-comment-top.png) no-repeat; position:absolute; top:-19px; left:12px; width:18px; height:19px; } #comments ol li.comment > #respond { margin:20px 0 10px 0; } #comments ol li.comment.depth-1 > #respond { margin:20px 0 10px -10px; } #comments ol li.comment.depth-2 > #respond { margin:20px 0 10px -62px; } #comments ol li.comment.depth-3 > #respond { margin:20px 0 10px -114px; } #comments ol li.comment.depth-4 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-5 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-6 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-7 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-8 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-9 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment.depth-10 > #respond { margin:20px 0 10px -166px; } #comments ol li.comment .comment-meta { position:absolute; top:13px; right:4px; } #comments ol li.comment .comment-meta a, #comments ol li.comment .comment-meta a:link, #comments ol li.comment .comment-meta a:visited { color:#b3b3b3; font:10px/10px Arial; } #comments ol li.comment .comment-awaiting-moderation { font:11px/11px Arial; color:#666666; font-style:italic; } #comments ol li.comment .comment-author, #comments ol li.comment .comment-author a, #comments ol li.comment .comment-author a:link, #comments ol li.comment .comment-author a:visited, #comments ol li.comment .comment-author .says, #comments ol li.comment .comment-author .fn { font:12px/18px Arial; color:#ab1f22; font-style: italic; padding-bottom:5px;} #comments ol li.comment .comment-author a:hover { text-decoration:underline; } #comments ol li.comment .comment-meta a, #comments ol li.comment .comment-meta a:link, #comments ol li.comment .comment-meta a:visited { padding-right:6px; } #comments ol li.comment a.comment-reply-link, #comments ol li.comment a.comment-reply-link:link, #comments ol li.comment a.comment-reply-link:visited { width:54px; height:19px; position:absolute; bottom:10px; left:10px; background:#dedede; text-align:center; font:11px/21px Arial; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; } #comments ol li.comment a.comment-reply-link:hover { color:#666666; } #comments ol li.comment a.comment-reply-link:active { background:#b3b3b3; color:#fff; } #comments ol li.comment .avatar { margin:0; border:none; position:absolute; top:10px; left:10px; } #comments ol li.comment .comment-body { font:12px/18px Arial; color:#666666; } #comments .comment-body h1, #comments .comment-body h2, #comments .comment-body h3, #comments .comment-body h4, #comments .comment-body h5, #comments .comment-body h6 { margin: 10px 0; } #comments .comment-body h1 { font: 20px/20px Arial; color: #666; } #comments .comment-body h2 { font: 18px/18px Arial; color: #666; } #comments .comment-body h3 { font: 16px/18px Arial; color: #666; } #comments .comment-body h4 { font: 14px/18px Arial; color: #666; } #comments .comment-body h5 { font: 14px/18px Arial; color: #666; } #comments .comment-body h6 { font: 12px/18px Arial; color: #666; } #comments .comment-body ol { margin: 0; list-style-type: decimal; list-style-position: inside; } #comments .comment-body ul { list-style-type: disc; list-style-position: inside; } #comments .comment-body blockquote { background:url(images/bg-quote.png) 7px 7px no-repeat #f8f8f8; padding:22px 26px 12px 26px; border:none; border-left:1px solid #fcfcfc; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; margin:19px 0 30px 0; font:12px/18px Arial; color:#666666; } #comments .comment-body blockquote p:first-child { background:url(images/bg-quote-end.png) right bottom no-repeat; } .comment-body table { border-collapse: collapse; margin: 20px auto; width: 100%; } .comment-body th { background-color: #f8f8f8; color: #ab1f22; padding: 5px; } .comment-body tr + tr { border-top: 1px solid #eee; } .comment-body td { padding: 5px; } .comment-body abbr, .comment-body acronym, .comment-body dfn { border-bottom: 1px dotted #666666; cursor: help; } .comment-body ul, ol { margin: 0 0 0 10px; } .comment-body ul { list-style: disc inside; } .comment-body ol { list-style: decimal inside; } .comment-body ul li, .comment-body ol li { padding-left: 15px; } #respond { margin-bottom:20px; } #respond h3#reply-title { font:16px/16px "MetaSerifOT Book", sans-serif, Helvetica, Arial; color:#ab1f22; padding:0 0 0 4px; } #respond h3#reply-title a, #respond h3#reply-title a:link, #respond h3#reply-title a:visited { font:12px/12px Arial;} #respond .comment-notes, #respond .logged-in-as { font:11px/21px Arial; color:#666666; padding:0 0 11px 6px; } #respond .logged-in-as a, #respond .logged-in-as a:link, #respond .logged-in-as a:visited { font:11px/21px Arial; color:#ab1f22; } #respond .logged-in-as a:hover { text-decoration:underline; } #respond .form-allowed-tags { width:490px; padding:6px 0 0 5px; } #respond .form-allowed-tags, #respond .form-allowed-tags code { font:10px/18px "Courier New", Courier, monospace; color:#363636; } /* clearfix-like */ #respond #commentform:before, #respond #commentform:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } #respond #commentform:after { clear: both; } #respond #commentform { zoom:1; } #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input { width:/* 168 -13 = 155 */155px; padding-left:13px; height:23px; border:1px solid #dfdddb; /* repeat for compatibility with old browsers */background: url(images/bg-input.png) repeat-x; background:url(images/bg-input-inner-border.png) top left repeat-y, url(images/bg-input-inner-border.png) top right repeat-y, url(images/bg-input.png) repeat-x; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; font:12px/12px Arial; color:#666666; } *html #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input { line-height:23px; } #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input { line-height:23px\0/; } #respond textarea { width:/* 619 - 13 - 10 = 596 */596px; height:/* 168 - 10 - 10 = 148 */148px;padding:4px 10px 10px 13px; border:1px solid #dfdddb; /* repeat for compatibility with old browsers */background:#fff url(images/bg-textarea-inner.png) repeat-x; background:url(images/bg-input-inner-border.png) top left repeat-y, url(images/bg-input-inner-border.png) top right repeat-y, url(images/bg-textarea-inner.png) repeat-x #fff; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; font:12px/22px Arial; color:#666666; resize:none; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { float:left; margin:0 10px 8px 0;} #respond .comment-form-email label, #respond .comment-form-email span, #respond .comment-form-author label, #respond .comment-form-author span, #respond .comment-form-url label, #respond .comment-form-url span, #respond .comment-form-comment label, #respond .comment-form-comment span{ display:none; } #respond .form-submit input { height:/* 25 -3 = 22 */27px; padding:0px 13px 1px 13px; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; background:#fff url(images/bg-button.png) repeat-x; color:#666666; display:block; float:left; text-decoration:none; font:12px/20px Arial; box-shadow:1px 1px 1px #f5f5f5; text-align:center; float:left; margin-top:7px;} #respond .form-submit input:hover { color:#222222; } #respond .form-submit input:active { color:#ab1f22; background:#fff url(images/bg-button-a.png) repeat-x; } #respond .form-allowed-tags { display:none; } #respond .subscribe-to-comments { font:12px/22px Arial; color:#666666; clear:none!important; margin:9px 0 0 20px; float:right;} /** comments */ /* single page */ .single-post #content .text-pane { margin-bottom: 17px; } /** single page */ /* contact page */ #contact-page #content .text-pane { margin-bottom: 17px; } #contact-page #content .text-pane { margin-top:0px; } #contact-page #content .text-pane h1 { margin-bottom:23px; color:#272f30; } #contact-page #content input.edit { width:/* 168 -10 = 158 */158px; padding-left:10px; height:23px; border:1px solid #dfdddb; /* repeat for compatibility with old browsers */background: url(images/bg-input.png) repeat-x; background:url(images/bg-input-inner-border.png) top left repeat-y, url(images/bg-input-inner-border.png) top right repeat-y, url(images/bg-input.png) repeat-x; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; font:12px/12px Arial; color:#666666; display:block; margin-bottom:10px;} *+html #contact-page #content input.edit { line-height:23px; } #contact-page #content input.edit { line-height:23px\0/; } #contact-page #content input.button { height:/* 25 -3 = 22 */27px; padding:0px 13px 1px 13px; border:1px solid #d3d3d3; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; background:#fff url(images/bg-button.png) repeat-x; color:#666666; display:block; text-decoration:none; font:12px/20px Arial; box-shadow:1px 1px 1px #f5f5f5; text-align:center; margin-top:7px;} #contact-page #content input.button:hover { color:#222222; } #contact-page #content input.button:active { color:#ab1f22; background:#fff url(images/bg-button-a.png) repeat-x; } #contact-page #content textarea { width:/* 431 - 10 - 10 = 411 */411px; height:/* 168 - 10 - 10 = 148 */148px;padding:4px 10px 10px 10px; border:1px solid #dfdddb; /* repeat for compatibility with old browsers */background: url(images/bg-textarea-inner.png) repeat-x; background:url(images/bg-input-inner-border.png) top left repeat-y, url(images/bg-input-inner-border.png) top right repeat-y, url(images/bg-textarea-inner.png) repeat-x #fff; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px; border-radius:4px; font:12px/22px Arial; color:#666666; resize:none; } #contact-page #content .error { font:12px/18px Arial; color:#e0401c; display:block; } /** contact page */ /* post pagination */ .page-link { clear: both; display: block; font-size: 13px; margin-top: 18px; } .page-link span { margin-right: 5px; } .page-link a { font-size: 13px; margin-left: 3px; margin-right: 3px; } .page-link a:hover { text-decoration: none; }