/* Style Name: Interlude Color: #eb4337 Description: A warm-colored theme with lots of rounded corners Author: digitalnature Version: 1.2 */ body{ font: 13px Arial, Helvetica, Garuda, sans-serif; color:#333; background:#ece8e0 url(i/noise.png) repeat center top; } /*** GENERAL ELEMENTS ***/ /* links */ a{ color:#a2443e; text-decoration:none; } a:hover{ color:#eb4337; text-decoration:underline; } h1{ font-size:250%; letter-spacing:-.04em; } h2{ font-size:200%; letter-spacing:-0.03em; } h3{ font-size:160%; letter-spacing:-0.02em; } h4{ font-size:140%; font-weight:bold; letter-spacing:-0.02em; } h5{ font-size:130%; font-weight:bold; letter-spacing:-0.02em; } h6{ font-size:120%; text-transform:uppercase; } /* tables */ td, th{border:4px solid #fff;} td{background:#fff;} th{ background:#c1b7a7; color: #fff; } /* forms */ input, select, textarea{font:normal normal 1em Arial, Helvetica,sans-serif;} optgroup{color: #ddd;} option{color: #333;} fieldset{ padding:10px; border:1px solid #ddd; background:#fff; } legend{ border:1px solid #ddd; background: #fff; padding:5px 10px; font-size:85%; font-weight: bold; } hr{ color:#b4aca1; background-color:#b4aca1; border-bottom:1px solid #f6f4eb; } pre{ background:#fff; padding:10px; border:1px solid #c1b7a7; } code{ background: #c1b7a7; color: #fff; padding: 0 4px; } blockquote { background:#fff; border-left:10px solid #c1b7a7; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } blockquote:before {color:#c1b7a7;} /*** MAIN LAYOUT ***/ /* empty sidebar/footer area message */ .empty-area{ padding:10px; background:#eb4337 url(i/noise.png) repeat center top; color:#fff; font-size: 110%; font-weight:bold; text-align:center; line-height:150%; } #main{ padding:10px 0; } #primary-content .blocks{padding:0 10px;} /*** HEADER ***/ #header{ background: #302f2f url(i/noise.png) repeat center top; border-bottom: 1px solid #fff; } /*** LOGO & HEADLINE ***/ #logo{ font:normal bold 375% "Arial Black", "Helvetica Black", Gadget, sans-serif; text-transform: lowercase; letter-spacing:-3px; } #logo a{ color:#ece8e0; text-decoration:none; text-shadow:#000 0px -1px -1px; } #logo a:hover{color:#fff;} #logo span.alt{ font-style: normal; margin:0 -12px; color: #eb4337; } #logo a:hover span.alt{color:#fb5246;} /* NAVIGATION:common */ .nav ul ul{ -moz-box-shadow:0px 8px 15px rgba(0,0,0,0.25); -webkit-box-shadow:0px 8px 15px rgba(0,0,0,0.25); box-shadow:0px 8px 15px rgba(0,0,0,0.25); } /** NAVIGATION:top ***/ .nav-top{ background:#121111 url(i/noise.png) repeat center top; z-index: 25; border-bottom: 1px solid #484747; font-size: 85%; } .nav-top li{margin-right: 10px;} .nav-top li li{ margin:0; padding: 0px 10px; } .nav-top a{ color:#666; font-weight: bold; padding: 12px 15px; } .nav-top .current-menu-item > a, .nav-top .current-menu-ancestor > a, .nav-top li.hover > a, .nav-top li:hover > a{ color:#fff; background:#333 url(i/o1b.png) repeat-x center top; } /* submenus */ .nav-top ul ul{ background:#333; padding: 10px 0; top: 35px; } .nav-top li li a{ font-size: 100%; padding: 7px 5px; color: #999; border-top: 1px solid #454545; } .nav-top li:first-child a{border: 0 !important;} .nav-top li .current-menu-item > a, .nav-top li .current-menu-ancestor > a, .nav-top li li.hover > a, .nav-top li li:hover > a{ background:#555; color:#fff; } /*** NAVIGATION - MAIN (below header) ***/ .nav-main{padding: 0 10px 5px 10px;} .nav-main li{margin-right: 4px;} .nav-main a{ font:normal bold 100% "Arial Black", "Helvetica Black", Gadget, sans-serif; background:#a2443e url(i/noise.png) repeat center top; color:#ece8e0; padding:5px 15px; text-decoration: none; text-transform: uppercase; text-shadow: rgba(0,0,0, 0.5) 0px -1px -1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .nav-main .current-menu-item > a, .nav-main .current-menu-ancestor > a, .nav-main li.hover > a, /* javascript triggered class (maintain the hover style during menu hide delay) */ .nav-main li:hover > a{ color:#fff; background-color: #eb4337; } /* submenus */ .nav-main ul ul{ top:37px; background:#302f2f url(i/noise.png) repeat center top; padding: 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* level 3+ */ .nav-main ul ul ul{top:10px;} .nav-main li li{ border:0; margin:0; padding: 0 10px; } .nav-main li li a{ padding:5px; line-height:125%; font:normal bold 100% Arial, Helvetica, sans-serif; background: none; color:#827f7f; border-top: 1px dotted #666; font-weight:normal; text-shadow:none; text-transform: none; } .nav-main li li:first-child a, .nav-main li li.first a{border:0;} .nav-main li li.hover > a, .nav-main li li:hover > a{ background:#504e53; color:#fff; } .nav-main li .current-menu-item > a, .nav-main li .current-menu-ancestor > a{ background: none; color: #ece8e0; font-weight: bold; } .nav-main .arrow{display:none;} .nav-main li li .arrow{ display:block; top:8px; } /** NAV:footer ***/ .nav-bottom{ background:#302f2f url(i/noise.png) repeat center top; z-index: 25; border-bottom: 1px solid #484747; } .nav-bottom li{ margin-right: 10px; padding: 10px 0; } .nav-bottom li li{ margin:0; padding: 0px 10px; } .nav-bottom a{ color:#666; font-size: 85%; font-weight: bold; padding: 4px 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-decoration: none; } .nav-bottom .current-menu-item > a, .nav-bottom .current-menu-ancestor > a, .nav-bottom li.hover > a, .nav-bottom li:hover > a{ color:#fff; background:#eb4337 url(i/noise.png) repeat center top; } /* submenus */ .nav-bottom ul ul{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#302f2f url(i/noise.png) repeat center top; padding: 10px 0; bottom:48px; top:auto; } /* level 3+ */ .nav-bottom ul ul ul{ bottom:10px; top:auto; left:280px; } .nav-bottom li li a{ font-size: 100%; font-weight: normal; line-height: 125%; padding: 5px; color: #827f7f; border-top: 1px solid #666; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .nav-bottom li li:first-child a, .nav-bottom li li.first a{border:0;} .nav-bottom li li.hover > a, .nav-bottom li li:hover > a{ background:#504e53; color:#fff; } .nav-bottom li .current-menu-item > a, .nav-bottom li .current-menu-ancestor > a{ background: none; color: #ece8e0; font-weight: bold; } .nav-bottom .extends a{padding-right: 24px;} .nav-bottom .arrow{ background-position: -8px 0; top: 7px; } .nav-bottom .current-menu-item > a .arrow, .nav-bottom .current-menu-ancestor > a .arrow, .nav-bottom li.hover > a .arrow, .nav-bottom li:hover > a .arrow{background-position:-8px -8px;} .nav-bottom li li .arrow{background-position:-16px 0;} .nav-bottom li .current-menu-item > a .arrow, .nav-bottom li .current-menu-ancestor > a .arrow, .nav-bottom li li.hover > a .arrow, .nav-bottom li li:hover > a .arrow{background-position:-16px -8px;} /*** BLOCKS (widgets) ***/ #sidebar .block, #sidebar2 .block{ padding:0 10px 0 10px; } .block h3.title{ font:normal bold 130% Arial, Helvetica, sans-serif; text-shadow: rgba(0,0,0, 0.25) 0px -1px -1px; letter-spacing: normal; color:#fff; padding:5px 10px; margin:0 0 5px 0; background: #c1b7a7 url(i/noise.png) repeat center top; border-bottom: 1px solid #f9f8f6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .block h3.title a, .block h3.title a:hover{ color: #fff; text-decoration: underline; } /* common menu style used by many widgets */ .block ul.menu li, .block ul.box .entry{border-top:1px solid #c1b7a7;} #footer .block ul.menu li, #footer .block ul.box .entry{border-color: #555;} /* no border on 1st list item */ .block ul.menu li.first, .block ul.menu li:first-child, .block ul.box .entry.first, .block ul.box .entry:first-child{border:0;} .block ul.menu a, .block ul.box .entry{text-decoration:none;} /* nav menu adjustments */ .block .block-widget_nav_menu ul.menu a{font-size: 130%;} /* mouse over link */ body.no-js .block ul.menu a:hover, .block ul.menu .fadeThis .hover{background:#f9f9f6 url(i/lm.png) no-repeat center center;} /* mouse over link / dark footer */ #footer body.no-js .block ul.menu a:hover, #footer .block ul.menu .fadeThis .hover{background:#333;} /* level 2+ (submenus) */ .block ul.menu ul{ background: #fff; -moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3); -webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3); box-shadow:0px 8px 14px rgba(0,0,0,0.3); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #ccc; } .block ul.menu .current-menu-item > a, .block ul.menu .current-menu-ancestor > a{ font-weight: bold; color: #ed1e24; } .block ul.menu a:hover .tt{text-decoration:underline;} /* content - primary */ .block ul.menu .c1{ color:#302f2f; text-decoration:none; } /* mouse over link for dark footer */ #footer .block ul.menu .c1{color:#555;} /* content - secondary */ .block ul.menu .c2{ color:#c1b7a7; font-size:85%; font-weight: bold; text-transform:uppercase; text-shadow: #fff 0px 1px 1px; } /* country flag */ .block ul.menu .flag{margin-top:4px;} /* thumbnail mode */ /* extra margin - useful if you want the avatars alinged perfectly. for eg. 72px avatars on the default fixed layout (2 cols) */ .block ul.menu.images{margin-right:-4px;} /* used for link ratings */ .block ul.menu .rating{background-color:#ccc;} .block ul.menu .rating .bar{background-color:#33CC33;} /* more link */ .block a.more{ width:100%; background-color:#536a86; border-bottom: 1px solid #fff; padding:4px 0; margin-top:4px; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:0.25em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } body.no-js .block a.more:hover, .block a.more .hover{ background-color:#eb4337; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #footer .block a.more{background-color:#393939;} body.no-js #footer .block a.more:hover, #footer .block a.more .hover{background-color:#666;} .block a.more.loading{ background:transparent url(i/loader-w.gif) no-repeat center center; text-indent:-9999px; } #footer .block a.more.loading{background-image:url(i/loader-b.gif);} /*** POST ***/ .hentry{ border-bottom:1px dotted #e8e8e8; padding-bottom:20px; position: relative; } .hentry.asides{ background:#fff; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* thumbnail-only based post previews (looks pretty cool) */ .hentry.thumb-only{ border:0; padding:0; } .hentry.sticky{ padding:10px; border: 0; background:#d5d0c8 url(i/noise.png) repeat center top; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .hentry h2.title{ font:normal bold 170% Arial, Helvetica, sans-serif; text-shadow: #fff 0px 1px 1px; line-height: normal; margin:0; } .hentry.asides h2.title{ font-size:130%; font-weight: normal; padding:0; } .hentry h2.title a{color:#302f2f;} .hentry h2.title a:hover{ color:#ed1e24; text-decoration:none; } /* large title on sticky posts */ .hentry.sticky h2.title{font-size:350%;} .hentry .post-thumb{ border: 5px solid #fff; } .hentry.thumb-left .post-details{padding:0;} .hentry.thumb-right .post-details{padding:0;} .hentry .post-info{ display: inline-block; font-size: 85%; font-weight: bold; color: #536a86; margin-bottom: 5px; text-shadow:#fff 0px -1px -1px; } .hentry .post-info span{ padding-right:5px; border-right: 1px solid #c1b7a7; margin-right: 5px; } .hentry .post-content{text-align:justify;} .hentry .post-extra{ font-size:85%; font-weight: bold; padding-top:5px; } .hentry .post-tags a{ color:#fff; background: #c1b7a7; padding:1px 5px 2px 5px; margin-bottom:2px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .hentry .post-tags a:hover{ background-color:#eb4337; border-color:#666; text-decoration:none; color:#fff; } .hentry .comments{ background:transparent url(i/icons.png) no-repeat 0px -40px; padding-left:22px; } .post-controls a{ padding: 2px 5px; margin-left: 4px; font-weight: bold; font-size: 85%; background: #a2443e; color: #fff; text-decoration: none; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } .post-controls a:hover{background: #eb4337;} /*** COMMENTS/PINGS ***/ .comment .avatar{ background:#fff; border-bottom:1px solid #ccc; } .comment .avatar img{padding:5px;} .comment .comment-head{ padding:5px 10px; background:#c1b7a7 url(i/noise.png) repeat center top;b border-bottom: 1px solid #fff; color:#fff; text-shadow: rgba(0,0,0, 0.5) 0px -1px -1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .comment .comment-head a{ color: #fff; text-decoration: underline; } .comment.new .comment-head{background-color:#a2443e !important;} .comment.role-administrator .comment-head, .comment.bypostauthor .comment-head{background-color: #536a86;} .comment .comment-content{padding:10px;} .comment .controls a{ padding:2px 5px; background:#a2443e; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; color:#fff; font-size:85%; font-weight: bold; text-decoration:none; } .comment .controls a:hover{background:#eb4337;} .comment.new .button{ font-size:100%; padding:5px 10px; } #comment-post-status{font-weight:bold;} /*** SINGLE PAGES ***/ h1.title{ font:normal bold 350% Arial, Helvetica, sans-serif; text-shadow:#fff 1px 1px 1px; line-height: 100%; letter-spacing: -2px; } h5.title{ background: #999 url(i/o1.png) repeat-x center top; font-size: 140%; font-weight: normal; color: #fff; padding: 5px 10px; } /* next/previous post links */ .post-links div{color:#c1b7a7;} .post-links a{ font-size:85%; border:0; background-color:transparent; padding:2px 4px; color:#c1b7a7; text-shadow:#fff 1px 1px 1px; text-decoration:none; } .post-links a:hover{color:#eb4337;} /* post meta */ .post-meta{ border:1px solid #c1b7a7; background-color:#fff; color:#c1b7a7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 10px 10px 10px 0; } .post-meta .details{font-size:85%;} .post-meta .details p{padding: 0 0 0 10px;} .post-meta .details a{font-weight:bold;} ul.share-this{padding-left: 10px;} ul.share-this li{ border: 2px solid #fff; margin-right: 2px; } ul.share-this li.last a{margin-right: 0;} ul.share-this li, ul.share-this li a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } ul.share-this a{ background: transparent url(i/socialize.jpg) no-repeat left top; width: 32px; height: 32px; text-indent: -9999px; } ul.share-this a.twitter{background-position:0px -32px;} ul.share-this a.digg{background-position:-32px -32px;} ul.share-this a.facebook{background-position:-64px -32px;} ul.share-this a.delicious{background-position:-96px -32px;} ul.share-this a.stumbleupon{background-position:-128px -32px;} ul.share-this a.google-bookmarks{background-position:-160px -32px;} ul.share-this a.linkedin{background-position:-192px -32px;} ul.share-this a.yahoo-bookmarks{background-position:-224px -32px;} ul.share-this a.technorati{background-position:-256px -32px;} ul.share-this a.twitter:hover{background-position:0 0px;} ul.share-this a.digg:hover{background-position:-32px 0px;} ul.share-this a.facebook:hover{background-position:-64px 0px;} ul.share-this a.delicious:hover{background-position:-96px 0px;} ul.share-this a.stumbleupon:hover{background-position:-128px 0px;} ul.share-this a.google-bookmarks:hover{background-position:-160px 0px;} ul.share-this a.linkedin:hover{background-position:-192px 0px;} ul.share-this a.yahoo-bookmarks:hover{background-position:-224px 0px;} ul.share-this a.technorati:hover{background-position:-256px 0px;} /* PAGE/COMMENT NAVIGATION */ .page-navi{ padding:5px 0px; color:#333; font-size:115%; font-weight:bold; } .page-navi a, .page-navi .current, .page-navi .dots, .page-navi .pages{ padding:5px 10px; margin:2px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .page-navi a, .page-navi .pages{ text-decoration:none; border:1px solid #c1b7a7; background-color:#fff; font-weight:normal; color: #302f2f; } .page-navi a:hover{ border:1px solid #eb4337; color:#fff; background-color:#eb4337; } .page-navi .pages{color:#302f2f;} .page-navi .current{ border:1px solid #536a86; color:#fff; background:#536a86; } .page-navi .loading{ border:0; padding:3px 8px; border:0; background:transparent url(i/loader-w.gif) no-repeat center center; } /*** FEATURED BLOCK ***/ .block-featured .prev, .block-featured .next{ font-size:40px; padding:5px; line-height:30px; height:40px; text-shadow:#fff 1px 1px 1px; } .block-featured .prev:hover, .block-featured .next:hover{ text-decoration:none; background-color:rgba(0,0,0, 0.05); } .block-featured li.item{margin:0px 2px 10px 2px;} .hentry.featured{ border:0; padding:10px 0; } .block-featured .post-thumb{ border-top:1px solid #fff; border-bottom:1px solid #fff; background: #eee; padding: 6px; text-decoration: none; } .block-featured .post-thumb:hover{background:#ccc;} .block-featured .post-thumb .cover p{ font-size: 80%; font-weight: bold; margin: 6px; padding: 5px; text-align:center; color:#fff; background:#ccc; background:rgba(0,0,0,0.5); } /*** RELATED POSTS ***/ #related-posts .hentry{ border:0; margin: 1em 0; border-bottom: 1px dotted #ddd; } #related-posts .hentry .post-thumb{background:#efefef;} #related-posts .hentry h2.title{ font-size:150%; font-weight: normal; margin:0; text-shadow:#fff 0px 1px 1px; } /*** SOCIAL MEDIA LINKS ***/ .social-media{ position: fixed; top:220px; right:0; z-index:4; overflow: hidden; width: 180px; } .social-media li{margin: 5px 0 5px 148px;} .social-media a{ display:block; width: 200px; background: #fff; -moz-box-shadow:0px 0px 4px #f7d654; -webkit-box-shadow:0px 0px 4px #f7d654; box-shadow:0px 0px 4px #f7d654; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; font-size: 110%; background: #f2b428; background:#f2b428 url(i/t-tl.png) no-repeat left top; color: #fff; } .social-media a:first-letter{ font-size: 150%; font-weight: bold; margin-right: 5px; } .social-media .twitter a{ background-color:#9AE4E8; -moz-box-shadow:0px 0px 4px #9AE4E8; -webkit-box-shadow:0px 0px 4px #9AE4E8; box-shadow:0px 0px 4px #9AE4E8; } .social-media .facebook a{ background-color:#3b5998; -moz-box-shadow:0px 0px 4px #3b5998; -webkit-box-shadow:0px 0px 4px #3b5998; box-shadow:0px 0px 4px #3b5998; } .social-media .flickr a{ background-color:#fe0093; -moz-box-shadow:0px 0px 4px #fe0093; -webkit-box-shadow:0px 0px 4px #fe0093; box-shadow:0px 0px 4px #fe0093; } .social-media .myspace a{ background-color:#0d366d; -moz-box-shadow:0px 0px 4px #0d366d; -webkit-box-shadow:0px 0px 4px #0d366d; box-shadow:0px 0px 4px #0d366d; } /*** TABS ***/ .tabs{border-bottom:1px solid #c1b7a7;} .tabs li{ margin-right:5px; margin-bottom: -1px; } .tabs a{ padding:3px 10px; border:1px solid #c1b7a7; background: #c1b7a7 url(i/noise.png) repeat center top; color:#fff; text-shadow: rgba(0,0,0, 0.25) 0px -1px -1px; text-decoration:none; text-transform: uppercase; font-weight: bold; font-size: 85%; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .tabs .active a, .tabs .active a:hover{ background:none !important; color: #302f2f; border-color: #c1b7a7; border-bottom-color: #ece8e0; text-shadow: #fff 0px 1px 1px; } .tabs a:hover{ background-color:#eb4337; border-color: #eb4337; border-bottom-color: #c1b7a7; color:#fff; text-shadow: none; } /* dark footer styles */ #footer .tabs{border-color: #343434;} #footer .tabs a{ background-color: #222; background-image: url(i/o1b.png); border-color: #343434; text-shadow: none; } #footer .tabs .active a, #footer .tabs .active a:hover{ background:#111 !important; color: #666; border-color: #343434; border-bottom-color: #111; } #footer-1 .tabs .active a, #footer-1 .tabs .active a:hover{ background: #222 !important; border-bottom-color: #222; } /*** FOOTER ***/ #footer{ color:#555; background: #000 url(i/noise.png) repeat center top; } #footer a{color:#777;} #footer a:hover{color:#fff;} #footer-1{background: #121111 url(i/noise.png) repeat center top;} #footer .block-content{padding:10px;} #footer .block h4.title{ font-weight:normal; text-transform:uppercase; border-bottom:1px solid #444; font-size:120%; padding:5px 0 2px 0; color:#666; } /* copyright & other info */ #footer #copyright{text-align:center;} #footer a.rss{ background:transparent url(i/icons.png) no-repeat 6px -3px; padding-left:30px; } /*** 404 PAGE ***/ .error404{background: #333;} .error404 #logo a{color: #dedede;} .error404 h1.title{ font-family:"Arial Black", Arial, serif; color:#fff; text-shadow:#000 0p 1px 1px; } /*** MISC ***/ /* thumbnail placeholder (x) */ .no-img{background-color:#d5d0c8;} #footer .no-img{background-color:#555;} /* rss */ a.rss-block{ background:transparent url(i/icons.png) no-repeat 6px 4px; font-size:115%; color:#aaa; border:1px solid #eee; padding:5px 10px 5px 30px; margin:7px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } a.rss-block:hover{ color:#fff; text-decoration:none; border-color:#565459; background-color:#565459; } /* clearField on forms */ .clearFieldBlurred{color: #c1b7a7;} .clearFieldActive{color:#333;} .error{color:#eb4337;} .success{color:#55a51c;} .error.box{ border:1px solid #eb4337; background:#ffebe8; padding:5px 10px; font-size:115%; margin:0 auto; color:#eb4337; text-align:center; text-shadow:#fff 0px 1px 1px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* tooltips */ .tip{ border:1px solid #fff; background:#e8e8e8 url(i/tp-sc.png) no-repeat left top; padding:1em 2em; color:#333; -moz-box-shadow:0 0 14px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 14px rgba(0,0,0,0.3); box-shadow:0px 0 14px rgba(0,0,0,0.3); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .divider{ padding:4px 0 0; margin:5px 0 15px; display:block; border-bottom:1px dotted #ccc; height:1px; min-height:1px; } span.alt{ color:#e88d33; font-style:italic; } .highlight{background-color:#FFE4B5;} /* pr */ .pagerank-frame{background-color:#434343;} .pagerank-bar{background-color:#009933;} /*** SUPPORT FOR OTHER NON-GENERIC WIDGETS ***/ .calendar-block .top{ background: #c1b7a7 url(i/noise.png) repeat center top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color: #fff; } #footer .calendar-block .top{background: #202020;} .calendar-block h4, .calendar-block .control{ font:normal bold 130% Arial, Helvetica, sans-serif; text-shadow: rgba(0,0,0, 0.25) 0px -1px -1px; color: #fff; } .calendar-block .control{ background: #a2443e url(i/noise.png) repeat center top; border-right: 2px solid #ece8e0; line-height: 30px; } #footer .calendar-block .control{border-color: #121212;} .calendar-block .control.next{ border-left: 2px solid #fff; border-right: 0; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .calendar-block .control.prev{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .calendar-block .control:hover{ background-color: #eb4337; color: #fff; text-decoration: none; } table.calendar th, table.calendar td{ border: 0; padding: 1px; } table.calendar th{ font-weight:bold; font-size: 80%; background: none; color: #c1b7a7; text-shadow: #fff 0px 1px 1px; text-transform: uppercase; } table.calendar td{ background: none; color: #c1b7a7; font-weight: bold; } table.calendar td span, table.calendar a{ background: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } table.calendar a{color:#536a86;} #footer table.calendar td span{background: #202020;} #footer table.calendar a{background:#444;} table.calendar a:hover, #footer table.calendar a:hover{ background: #ed1e24; color: #fff; text-decoration: none; } table.calendar td.today a, table.calendar td.today span, #footer table.calendar td.today a, #footer table.calendar td.today span{ background: #536a86; color: #fff; } /* tag cloud */ .tag-cloud a{ color:#333; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } .tag-cloud a:hover{ background-color:#536a86; color:#fff !important; /* to override the inline color styles */ text-decoration: none; } /* latest tweets */ .latest-tweets .loading{ background:transparent url(i/loader-w.gif) no-repeat left top; padding-left:22px; margin:8px 0; font-style:italic; } #footer .latest-tweets .loading{background-image:url(i/loader-b.gif);} .latest-tweets .avatar{border:6px solid #c1b7a7;} .latest-tweets .avatar img{border:1px solid #fff;} #footer .latest-tweets .avatar{border-color:#494949;} #footer .latest-tweets .avatar img{border-color:#999;} .latest-tweets .info{border-bottom: 1px dotted #ddd;} #footer .latest-tweets .info{border-bottom: 1px dotted #555;} .latest-tweets .details a{ font-size:115%; font-weight:bold; display:block; } .latest-tweets .details span{font-style:italic;} .latest-tweets .date{ font-size:85%; font-weight: bold; color:#c1b7a7; text-transform:uppercase; text-shadow: #fff 0px 1px 1px; } .latest-tweets .date:hover{ color:#eb4337; text-decoration:underline; } /* login */ .login-block .status{ background:#536a86 url(i/tp-s.png) repeat-x left center; border-bottom:1px solid #fff; padding:5px 10px; color: #fff; } .login-block .status.loading{ background-color:#536a86; color:#fff; } .login-block .status.error{ background-color:#eb4337; color:#fff; } .login-block .status.error a{ color:#fff; text-decoration:underline; } .login-block .status.success{ background-color:#55a51c; color:#fff; } .login-block a.forgot_pass, .login-block a.register{ border-top:1px dotted #e8e8e8; padding:2px 0; text-align:right; } .login-block .avatar{ background:#c1b7a7; padding:6px; } .login-block .avatar img{border:1px solid #fff;} /* search */ .search-form fieldset{background:transparent;} .search-form input.text{ border-color: #c1b7a7; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; margin: 0; width: 100%; padding:5px 0; text-indent:10px; outline:none; } .search-form input.text, .search-form a.submit{ -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; font-size:120%; } .search-form a.submit{ background:#c1b7a7 url(i/icons.png) no-repeat 10px -102px; text-indent:-9999px; width:20px; margin-left:10px; line-height: 22px; padding:5px 10px; } .search-form a.submit:hover{ background-color:#eb4337; } .wp-caption, .gallery-caption{ border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin-top:10px; margin-bottom:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .wp-caption-dd{ font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } .wp-caption-text{ font-size:xx-small; color:#999; vertical-align:top; } a.go-top{ padding: 5px 10px; font-weight: bold; font-size: 85%; background: #a2443e; color: #fff; text-decoration: none; -moz-border-radius:25px; -khtml-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } a.go-top:hover{background: #eb4337;}