/* Theme Name: PersonalPress Theme URI: http://www.zidalgo.com/personal-press-wordpress-theme Description: This theme was designed by Christopher Anderton and developed by Brad Mahaffey of Zidalgo.com Version: 1.0 Author: Brad Mahaffey Author URI: http://www.zidalgo.com PersonalPress Theme: Starry Night */ @import 'reset.css'; @import url("http://zidalgo.com/wp-content/themes/Zidalgo/switcher.css"); textarea, input, select { background: none; border: none; color: #898989; padding: 10px; font: 13px/13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } /* Form elements styles */ input.text-input { background: none; font-weight: bold; } textarea { padding: 10px; color: #898989; } html { background: #3d2513; font-size: 100.01%;} body { text-align: center; font: .75em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #362f2d; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #624b2c url(i/body-bg.gif) repeat-x center bottom; height: 100%; min-width: 997px; } a, a span { cursor: pointer; } a { color: #362f2d; text-decoration: underline; } a:hover { color: #362f2d; text-decoration: underline; } hr { display: none; } .clear { clear: both; width: 100%; margin: 0; padding: 0; } img { vertical-align: bottom; behavior: url(i/iepngfix.htc); } h1, h2, h3, h4, h5 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; color: #362f2d; } h1 { font-size: 1.8em; line-height: 1em; font-weight: bold; } h2 { font-size: 1.6em; line-height: 1em; font-weight: bold; } h3 { font-size: 1.4em; line-height: 1em; font-weight: bold; } h4 { font-size: 1.2em; line-height: 1em; } /* COLORS ---------------------------------------- lines - #c6c6c6; font main - #362f2d; link in text main - #356600 link:hover in text - #356600 in search form - #898989; */ /* Page ------------------------------------------------- */ #page { min-width: 997px; height: 100%; background: url(i/green-lines-bg.jpg) repeat-x center 221px; } #page_wrap { width: 100%; height: 100%; background: url(headers/night/top-bg.jpg) repeat-x right top; } /*body > #page {height: auto; min-height: 100%;}*/ /* Center ---------------------------------------- */ .center-w, .center { margin: 0 auto; width: 937px; height: 100%; text-align: left; position: relative; } /* special center lil bit wider center id */ .center-w { width: 988px; } /* Header ---------------------------------------- */ #header { width: 100%; background: url(headers/night/header-bg.jpg) repeat-x center top; height: 221px; } #header h1 { position: absolute; top: 55px; left: 10px; } #header h2 { position: absolute; top: 100px; left: 10px; } /* Main Navigation ---------------------------------------- */ #main-nav { width: 937px; height: 43px; background: url(i/main-nav-bg.jpg) repeat-x center top; margin: 0 auto; text-align: left; } #main-nav ul { text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 43px; } #main-nav ul li { display: inline; } #main-nav ul li a { color: #362f2d; text-decoration: none; float: left; height: 43px; padding: 0 15px; } #main-nav ul li a:hover { background: url(i/main-nav-hover-bg.jpg) repeat-x center top; color: #fff; } #main-nav .connect, #main-nav .rss { float: right; } /* footer ---------------------------------------- */ #footer { width: 997px; height: 265px; background: url(i/footer-bg.gif) no-repeat center top !important; margin: 0 auto; position: relative; text-align: left; padding: 30px 0 10px 0; } #footer .center { padding: 0 30px !important; width: 877px; } /* Lists */ #footer ul.list { width: 260px; float: left; margin: 0 40px 0 0; } #footer ul.list li h3 { color: #fff; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; } #footer ul.list li { margin: 0 0 5px 0; } #footer ul.list li a { background: url(i/footer-li-bg.gif) no-repeat; width: 255px; height: 25px; display: block; color: #362f2d; text-decoration: none; line-height: 25px; text-indent: 10px; } #footer ul.list li a:hover {text-decoration:underline; } /* About */ #footer .about { } #footer .about h2 { color: #fff; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0; } #footer .about p { color: #fff; font-size: .9em; line-height: 1.7em; margin: 0 0 20px 0; } #footer .about a { color: #fff; font-weight: bold; text-decoration: none; } #footer .about a:hover { text-decoration:underline; } #footer .by-zidalgo { width: 255px; height: 52px; line-height: 52px; position: absolute; right: 40px; bottom: 28px; text-indent: 20px; } #footer .by-zidalgo a { background: url(i/by-zidalgo-bg.gif) no-repeat; width: 255px; height: 52px; display: block; text-decoration: none;} #footer .by-zidalgo a:hover {text-decoration:underline;} /* Content ---------------------------------------- */ #content { width: 997px; background: url(i/content-bg.png) repeat-y center top; margin: 0 auto; position: relative;} #content #top-shadow { position: absolute; top: 0px; left: -30px !important; height: 6px; margin: 0; padding: 0; } /* Content Itself */ #generic-content { width: 638px; float: left; border-right: 1px solid #d2d1b9; position: relative; padding: 0 0 /*44*/0px 0; } /* Aside */ #aside { width: 298px; float: right; border-left: 1px solid #d2d1b9; margin-left: -1px; position: relative; } /* Home Page ---------------------------------------- */ /* Featured post */ /* OVERRIDE FEATURED CONTENT GALLERY OPTIONS */ .jdGallery .slideInfoZone { padding: 10px!important; background: transparent url(i/featured-fade-bg.png)!important; opacity: 100!important; width: 620px!important; } .jdGallery .slideInfoZone h2 { background-color:transparent !important; margin:0px !important; } .jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color:#fafafa !important; } .jdGallery .carousel { background:#2a1d12 !important; } .jdGallery a.right, .jdGallery a.left { width:10% !important; } .withArrows a.open { width:80% !important; left:10% !important; } .jdGallery .slideInfoZone p { background-color:transparent !important; color:#000 !important; margin:0px !important; } .jdGallery a.carouselBtn{ opacity: 100!important; background: #d7dbc1 url(i/after-content-bg.gif) repeat-x!important; } /* End Override */ #generic-content .featured-post { width: 638px; position: relative; height: 306px; overflow: hidden; } #generic-content .featured-post .f-content { width: 598px; position: absolute; left: 0; bottom: 0; padding: 15px 20px 25px; background: url(i/featured-fade-bg.png) repeat-x center top; } #generic-content .featured-post .f-content h1 { font-size: 1.2em; text-transform: uppercase; margin: 0 0 10px 0; } #generic-content .featured-post .f-content h1 a { color: #362f2d; } #generic-content .featured-post .f-content a { text-decoration: none; color: #000; } #generic-content .featured-post .f-content p { color: #000; } /* Post Item */ #generic-content .post-item { position: relative; width: 638px; margin: 0 0 5px 0; } #generic-content .post-item .post-head { width: 100%; background: #472f19 url(i/post-header-bg.gif) repeat-x center top; height: 32px; overflow: hidden; } #generic-content .post-item .post-head a { color: #fff; text-decoration: none; } #generic-content .post-item .post-head h2 { color: #fff; text-transform: uppercase; line-height: 32px; font-size: 1.2em; margin: 0 0 0 15px; } #generic-content .post-item .post-head h2 a { text-decoration: none; color: #fff; } /* comments */ #generic-content .post-item .post-head .post-comments { position: absolute; top: 0; right: 15px; line-height: 32px; background: url(i/ico-comment.gif) no-repeat right 11px; padding: 0 17px 0 0px; } /* content */ #generic-content .post-item .post-content { padding: 25px 15px 20px; } #generic-content .post-item .post-content p { padding: 0 0 15px 0; line-height: 1.5em; } #generic-content .post-item .post-content p a { text-decoration:none; font-weight:bold; color:#356600;} #generic-content .post-item .post-content p a:hover {text-decoration:underline;} #generic-content .post-item .post-content img { max-width:630px; } #generic-content .post-item .post-content .alignright { float: right; margin: 0 0 5px 15px; } #generic-content .post-item .post-content .alignleft { float: left; margin: 0 15px 5px 0; } #generic-content .post-item .post-content .aligncenter { display: block; margin: 0 auto; margin-bottom: 5px; } /* Image in Post */ /* post image with caption */ #generic-content .post-item .post-content .wp-caption { background: #f6f6f6; padding: 5px 0 5px 0; border: 1px solid #e8e8e8; position: relative; margin: 0 8px 5px 0; text-align: center; } #content .post-item .post-content img { margin: 0 8px 5px 0; } #content .post-item .wp-caption img { margin: 0 !important; } /* caption text */ #content .post-item .post-content .wp-caption .wp-caption-text { color: #535050; font-size: 1em; padding: 0; margin: 2px 0 0 0; text-align: center; } /* blockquote */ #generic-content .post-item .post-content blockquote { display: block; clear: both; border-left: 5px solid #362f2d; background: #f2f5f6 url(i/blockquote-bg.gif) repeat-x center top; margin: 0 25px 15px 25px; padding: 20px 5px; } #generic-content .post-item .post-content blockquote p { /*background: url(i/blockquote-bb-bg.gif) no-repeat left top;*/ padding: 5px 20px 5px 15px; } /* Images */ #generic-content .post-item .post-content img { border: 3px solid #f6f6f6; } /* Ul list */ #generic-content .post-item .post-content ul { margin: 0 0 10px 35px; list-style: disc; } #generic-content .post-item .post-content ul li { margin: 3px 0; } #generic-content .post-item .post-content ol { padding: 0 0 10px 35px; } #generic-content .post-item .post-content ol li { list-style: decimal; margin: 5px 0; } /* Headers */ #generic-content .post-item h1, #generic-content .post-item h2, #generic-content .post-item h3 { margin: 0 0 10px 0; } /* edit-post-link */ span.edit-post-lnk { text-transform: lowercase; font-weight: normal; text-decoration: underline; font-size: .9em; } /* meta */ #generic-content .post-item .post-meta { width: 638px; background: #cecece url(i/post-meta-bg.gif) repeat-x center top; height: 30px; overflow: hidden; position: relative; color: #555555; margin: 0 !important; } #generic-content .post-item .post-meta .author-pic { position: absolute; top: 0; left: 0; width: 31px; height: 30px; } #generic-content .post-item .post-meta .by { line-height: 30px; text-transform: uppercase; padding-left: 40px; font-size: .9em; overflow:hidden; } #generic-content .post-item .post-meta .by a { text-decoration: none; font-weight: bold; } #generic-content .post-item .post-meta .by a:hover {text-decoration:underline;} .have-you-say { width: 100%; background: #472f19 url(i/post-header-bg.gif) repeat-x center top; height: 32px; overflow: hidden; } .have-you-say h2 { color: #fff; text-transform: uppercase; line-height: 32px; font-size: 13px; margin: 0 0 0 15px; } /* Paginator */ #generic-content .navigation { /*position: absolute; left: 0; bottom: 0;*/ width: 638px; height: 49px; background: #3d2512 url(i/paginator-bg.gif) repeat-x center top; overflow: hidden; } #generic-content .navigation .wp-pagenavi { margin: 0 0 0 15px; } #generic-content .navigation a, #generic-content .navigation span { border: none; } #generic-content .navigation a, #generic-content .navigation span { line-height: 30px; padding: 0 8px; font-weight: bold; background: url(i/btn-li-bg-left.gif) no-repeat top left; color: #362f2d; display: block; float: left; font-size: 12px; text-decoration: none; height: 32px; margin: 10px 0px 10px 0px; } /*#generic-content .navigation ul li a, #generic-content .navigation ul li span { background: url(i/btn-li-bg-right.gif) no-repeat top right; display: block; line-height: 20px; padding: 5px 12px 5px 12px; color: #362f2d; text-decoration: none; } #generic-content .navigation ul li.curr a { font-weight: normal; }*/ /* Page Bottom */ #generic-content #page-bottom { /*height: 49px;*/ width: 638px; /*position: absolute; left: 0; bottom: 0;*/ } /* Recent Posts In teasers */ #generic-content #recent-posts { height: 332px; width: 638px; background: #523b21; /*position: absolute; top: 0; left: 0;*/ padding: 2px 0 0 0; } #generic-content #recent-posts .r-post-item { width: 295px; height: 143px; position: relative; overflow: hidden; background: #eeeeee; padding: 12px 8px 8px 15px; } /* head */ #generic-content #recent-posts .r-post-item .post-head { display: block; margin: 0 0 7px 0; } #generic-content #recent-posts .r-post-item .post-head h2 { font-size: 1.2em; margin: 0 0 0 0 !important; } #generic-content #recent-posts .r-post-item .post-head h2 a { text-decoration: none; } #generic-content #recent-posts .r-post-item .post-head p.date { font-size: .9em; font-weight: bold; margin: -2px 0 0 0 !important; } /* content */ #generic-content #recent-posts .r-post-item .post-content { font-size: .95em; overflow: hidden; } #generic-content #recent-posts .r-post-item .post-content a { text-decoration: none; } #generic-content #recent-posts .r-post-item .post-content p { margin: 0 !important; padding: 0 !important; } #generic-content #recent-posts .r-post-item .post-content .img-wrap { width: 99px; height: 81px; background: url(i/recent-post-img-bg.gif) no-repeat; position: relative; float: left; margin: 0 10px 0px 0; } #generic-content #recent-posts .r-post-item .post-content p img { position: absolute; top: 1px; left: 1px; height: 76px !important; width: 96px !important; } /* post-items - float */ #generic-content #recent-posts .alignleft { float: left; margin: 2px 0 0px 0; } #generic-content #recent-posts .alignright { float: right; margin: 2px 0 0px 0; } /* .w-teasers #page-bottom { height: 381px !important; } .w-teasers { padding: 0 0 376px 0 !important; } */ /* Advertise after first post */ #generic-content #ads-in-content { position: relative; height: 88px; width: 638px; background: #3e2613 url(i/ads-block-bg.gif) repeat-x center 6px; padding: 6px 0; margin-top: -5px; } #generic-content #ads-in-content .wrap { background: url(i/ads-title-bg.gif) no-repeat left top; height: 68px; width: 557px; padding: 10px 40px; } /* After Content line */ #after-content { clear: both; width: 100%; margin: 0; padding: 0; height: 33px; background: #48301a url(i/after-content-bg.gif) repeat-x center top; } /* Archive page -------------------------------------------- */ .archive-post { width: 638px; background: #fcfff4 url(i/archive-content-bg-1.gif) repeat-x center bottom; } .archive-post-odd { background: #f1f5f6 url(i/archive-content-bg-2.gif) repeat-x center top; border-top: 1px solid #fff; } .archive-post .post-img { float: left; text-align: center; width: 135px; padding: 20px 0 0 0; } .archive-post .post-content { float: left; width: 477px; padding: 20px 25px 20px 0 !important; font-size: .9em; } .archive-post .post-content p.date { text-transform: uppercase; } .archive-post .post-content p.date a { font-weight: bold; text-decoration: none; } .archive-post .post-content a.read-more { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 1.1em; } .archive-post .post-content h2 { text-transform: uppercase; } .archive-post .post-content h2 a { text-decoration: none; } /* Archive page 2 */ .archive-monthly { width: 536px; margin: 50px auto; } .archive-monthly li { line-height: 25px; width: 506px; height: 29px; padding: 0 15px; background: url(i/archive-li-bg.gif); margin: 0 0 2px 0; } .archive-monthly li a { text-decoration: none; font-weight: bold; } .archive-monthly li a:hover {text-decoration:underline;} /* Single Page -------------------------------------------- */ #miscellaneous-opt { width: 637px; position: relative; color: #555555; font-weight: bold; margin: -3px 0 0 0; } #miscellaneous-opt ul {} #miscellaneous-opt ul li { width: 597px; height: 32px; background: #eeeeee; margin: 1px 0 0px; position: relative; line-height: 32px; text-transform: uppercase; padding: 0 0 0 40px; overflow:hidden; } #miscellaneous-opt ul li .ico { position: absolute; top: 0; left: 0; width: 32px; height: 32px; } #miscellaneous-opt ul li a { text-decoration: none; color: #898989; } #miscellaneous-opt ul li a:hover {text-decoration:underline; } #miscellaneous-opt ul li a.track-back-url { text-transform: none; } #tabs-related-featured-popular { margin: 1px 0 0 0; background: #eeeeee; } #tabs-related-featured-popular ul.tabs-buttons { padding: 0 0 0 30px; height: 33px; line-height: 33px; display: block; background: url(i/tabber-bg.gif) repeat-x top center; } #tabs-related-featured-popular ul.tabs-buttons li { float: left; height: 33px; text-transform: uppercase; margin: 0 1px 0 0; font-size: 12px; } #tabs-related-featured-popular ul.tabs-buttons li a { background: url(i/tabber-tab-bg.gif) repeat-x center top; padding: 9px 15px 11px 15px; color: #fff; text-decoration: none; font-weight: bold; } #tabs-related-featured-popular ul.tabs-buttons li a:hover, #tabs-related-featured-popular ul.tabs-buttons li a.active { background: #eff0d9; color: #000; } #tabs-related-featured-popular .tabbed-content { text-align: left; } #tabs-related-featured-popular .tabbed-content ul { margin: 0 auto; width: 535px; padding: 30px 0; } #tabs-related-featured-popular .tabbed-content ul li { background: url(i/in-post-li-bg.gif) no-repeat center top; height: 29px; width: 515px; line-height: 25px; text-transform: uppercase; padding: 0 10px; } #tabs-related-featured-popular .tabbed-content ul li a { text-decoration: none; font-weight: bold; } #tabs-related-featured-popular .tabbed-content ul li a:hover {text-decoration:underline; } .tabbed-content h2 { display: none; } /* Comment form */ #comment-form { width: 638px; padding: 0; } #comment-form form { width: 90%; margin: 0 auto; } #comment-form label { display: block; text-transform: uppercase; font-weight: bold; padding: 0 0 5px 3px; } #comment-form .input-wrap { background: url(i/comment-form-input-bg.gif) no-repeat center bottom ; height: 37px; width: 261px; position: relative; } #comment-form .input-wrap-hover { background-position: center top; height: 37px; width: 261px; } #comment-form .input-wrap .text-input { position: absolute; top: 0; left: 0; width: 240px; } #comment-form p { margin: 10px 0 0 0; display: block; } #comment-form textarea { width: 563px; height: 125px; position: absolute; top: 0; left: 0; font-weight: bold; } #comment-form .texarea-wrap { background: url(i/textarea-bg.gif) no-repeat; width: 581px; height: 143px; position: relative; } #comment-form p.button-set { text-align: right; } #comment-form p.button-set input { margin: 0 !important; padding: 0 !important; } .contact-form { width:588px !important; padding: 15px 10px !important;} .contact-form .button-set input { background: #3d2613 !important; width: 100px; height: 30px; color: #fff; font-weight: bold; border: 2px solid #fff; margin: 0 !important; } .boxcomments form { padding: 10px; } .boxcomments form .text-input { border: 1px solid #7c7c7c; width: 40%; padding: 3px 4px; color: #000; text-transform: none; font-weight: normal; background: url(i/input-bg-stripes.jpg) no-repeat center bottom; } .boxcomments form textarea { width: 70%; border: 1px solid #7c7c7c; width: 40%; padding: 3px 4px; color: #000; text-transform: none; font-weight: normal; background: #f8f8f8; height: 80px; } .boxcomments form label { margin: 0 0 0 0 !important; padding: 0 !important; } .boxcomments form p { margin: 3px 0 !important; padding: 0; } /* comments */ /* #comments-list { background: #eeeeee; margin: 3px 0 0 0; padding: 30px 0;} #comments-list ol li { } #comments-list ol li { width: 580px; margin: 0 auto; } #comments-list ol li .count { width: 5%; float: left; font-weight: bold; } #comments-list ol li .generic-comment { background: #fff; width: 95%; float: left; margin-bottom: 10px; } #comments-list ol li .comment-head { padding: 0 10px 0 40px; overflow: hidden; height: 30px; position: relative; background: url(i/tabber-tab-bg.gif) repeat-x center top; line-height: 30px; text-transform: uppercase; color: #fff; font-size: .9em; } #comments-list ol li .comment-head a { text-decoration: none; font-weight: bold; color: #fff; } #comments-list ol li .comment-head .user-pic { width: 31px; height: 30px; position: absolute; left: 0; top: 0; } #comments-list ol li .comment-body { padding: 20px 35px 15px 40px; } #comments-list ol li .comment-body p { padding: 0 0 10px; } */ /* Nested comment */ /* #comments-list ol li ol li { width: 520px !important; margin: 0 0 0 -5% !important; } #comments-list ol li ol li .generic-comment { background: #ffffc1; } #comments-list ol li ol li .comment-head { background: url(i/nested-comment-head-bg.gif) repeat-x center top; color: #000; } #comments-list ol li ol li .comment-head a { color: #000; } */ .boxcomments { background: #eeeeee; margin: 5px 0; padding: 20px 0 20px; } ol.commentlist { width: 90%; margin: 0 auto; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist .comment-author-admin .top-line {background: url(i/after-content-bg.gif) !important;} /* Comment */ ol.commentlist li.comment { list-style: decimal; position: relative; background: #fff; margin: 0 0 10px 0; } ol.commentlist li div.comment-meta { text-transform: uppercase; color: #fff; font-size: 11px; display: inline; font-weight: normal !important; margin: 0 0 0px 5px; } ol.commentlist li div.comment-meta a { color: #fff; text-decoration: none; font-weight: normal !important; } ol.commentlist li div.reply { display: inline; margin: 0 0 0 5px; border-left: 1px solid #fff; padding: 0 0 0 5px; } ol.commentlist li div.reply a { } ol.commentlist li div.top-line { padding: 0 0 0 0; height: 30px; background: url(i/tabber-tab-bg.gif) repeat-x center top; position: relative; line-height: 30px; text-transform: uppercase; color: #fff; font-size: 11px; font-style: normal; } ol.commentlist li div.top-line a { text-decoration: none; font-weight: bold; color: #fff; } ol.commentlist li div.top-line img { float: left; margin: 0 10px 0 0; } ol.commentlist li.comment .comment-body { padding: 15px 10px 15px 35px; } ol.commentlist li div.vcard { } ol.commentlist li div.vcard cite.fn { font-style:normal !important; float: left;} ol.commentlist li div.vcard cite.fn a.url {} ol.commentlist li div.vcard img.avatar { position: absolute; top: 0; left: 0; } ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li div.vcard img.photo {} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li p { font-size:13px; margin:0 0 1em; } ol.commentlist li ul { font-size:13px; list-style:square; margin:0 0 1em 2em; } ol.commentlist li ul.children { } ol.commentlist li ul.children li.comment {list-style: decimal; position: relative; background: #fff; margin: 0 0 10px 0; background: #ffffe0; margin: 5px 5px 5px 0;} ol.commentlist li ul.children div.comment-author { background: url(i/tabber-bg.gif) repeat-x center top; color: #000; } ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment {} ol.commentlist li ul.children li.comment-author-admin {} ol.commentlist li ul.children li.depth-2 { } ol.commentlist li ul.children li.depth-3 { } ol.commentlist li ul.children li.depth-4 { } ol.commentlist li ul.children li.depth-5 {} ol.commentlist li ul.children li.odd {} /*ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#f6f6f6; }*/ /*ol.commentlist li.parent { border-left:5px solid #111; }*/ ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} /* Indicator of comments closing/open */ .comments-responses-q { font-weight: bold; font-size: 1.2em; margin: 10px 10px 10px 20px; } ol.commentlist .author_comment div.comment-author { background: url(i/after-content-bg.gif); } /* Archive Page 2 */ .archive-monthly { width: } /* WIDGETS, Widgets... */ .widget { position: relative; width: 298px; background: #60492b url(i/search-form-bg.gif) repeat-x center bottom; text-align: center; } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .widget h1 { text-align: left; display: block; width: 298px; background: #3e2613 url(i/widget-header-bg.gif) repeat-x center top; height: 33px; color: #fff; font-size: 1.2em; line-height: 33px; text-indent: 15px; text-transform: uppercase } .widget .w-body { padding: 30px 15px; text-align: left; color: #000; } .widget h1 a { color: #fff; text-decoration: underline; } /* Search Form */ .search-form { height: 94px;} .search-form form { position: absolute; width: 261px; height: 37px; margin: 0 auto; background: url(i/search-form-input-btn-bg.jpg) no-repeat; left: 20px; top: 30px; } .search-form form input.text-input { background: none; width: 180px; position: absolute; top: 0; left: 0; font-weight: bold; } .search-form form input.btn-search { position: absolute; top: 6px; right: 10px; width: 24px; height: 24px; margin: 0; padding: 0; } /* Meta widget */ .meta { background: url(i/widget-bg-1.gif) repeat-x center bottom; text-align: left; } .meta ul { font-size: 1.2em; font-weight: bold; margin: 0 0 0 5px; } .meta ul li a { background: url(i/ico-rss.gif) no-repeat left; padding: 0 0 0 20px; line-height: 1.2em; } .meta .w-body { text-align: left; } .meta .subscribe-form { width: 261px; height: 37px; position: relative; background: url(i/subscribe-form-bg.gif) no-repeat center top; margin: 25px auto 10px auto; } .meta .subscribe-form .text-input { position: absolute; top : 0; left: 0; width: 190px; } .meta .subscribe-form .btn-subscribe { position: absolute; top: -3px; right: 0px; } .meta .feedburner { background: url(i/ico-feedburner.gif) no-repeat right; padding: 0 20px 0 0; margin: 0 0 0 5px; } .meta a { text-decoration: none; } /* Widget Ads */ .ads { } .ads h1 { background: url(i/widget-header-bg-1.gif); } .ads .w-body { text-align: center !important; } /* Videos widget */ .videos { background: url(i/videos-widget-bg.jpg) no-repeat center 33px; height: 295px; text-align: center !important; } .videos .w-body { padding: 20px 0 0 0; text-align: center !important; } /* Comments widget */ .comments { text-align: left; } .comments .w-body ul { position: relative; } .comments .w-body ul li { background: #ffff88; padding: 1px; margin: 4px 0; min-height: 32px; position: relative; color: #000; } .comments ul li .comment { padding: 5px 0 5px 37px; } .comments ul li .comment span { font-weight: bold; } .comments ul li .user-pic { position: absolute; top: 1px; left: 1px; } .widget_get_recent_comments { text-align: left; background: #60492b url(i/search-form-bg.gif) repeat-x center bottom !important; } .widget_get_recent_comments .w-body { position: relative; } .widget_get_recent_comments .comment-item { background: #ffff88; padding: 1px; margin: 4px 0; min-height: 32px; position: relative; color: #000; } .widget_get_recent_comments .comment-item .comment { padding: 5px 0 5px 37px; } .widget_get_recent_comments .comment-item .comment span { font-weight: bold; } .widget_get_recent_comments .comment-item .user-pic { position: absolute; top: 1px; left: 1px; } /* Flickr widget */ .flickr { background: #070808 url(i/flickr-widget-bg.gif) repeat-x center bottom; } .flickr h1 { background: url(i/tabber-bg.gif); color: #000; } .flickr h1 span.b { color: #0063dc; } .flickr h1 span.r { color: #ff0084; } .flickr ul li { margin: 0; float: left; width: 114px; height: 147px; background: url(i/flickr-image-bg.png) no-repeat; padding: 21px 10px 0 10px; margin: 0 2px; } .flickr ul li img { width: 113px; height: 113px; } .flickr .w-body { padding: 20px 10px; } /* Tabbed Widget */ .tabbed { background: #eff0d9; } .tabbed ul.tabs-buttons { padding: 0 0 0 10px; height: 33px; line-height: 33px; display: block; background: url(i/tabber-bg.gif) repeat-x top center; } .tabbed ul li { margin: 0; padding: 0; } .tabbed ul.tabs-buttons li { float: left; height: 33px; text-transform: uppercase; margin: 0 1px 0 0; font-size: 12px; } .tabbed ul.tabs-buttons li a { background: url(i/tabber-tab-bg.gif) repeat-x center top; padding: 9px 10px 11px 10px; color: #fff; text-decoration: none; font-weight: bold; } .tabbed ul.tabs-buttons li a:hover, .tabbed ul.tabs-buttons li a.active { background: #eff0d9 !important; color: #000; } .tabbed .tabbed-content { text-align: left; position: relative; } .tabbed .tabbed-content ul { margin: 0 25px; padding: 20px 0; } .tabbed .tabbed-content ul li { border-bottom: 1px solid #cbcbb8; margin: 0 0 10px 0; padding: 0 0 5px 0; background: url(i/ico-smile.gif) no-repeat left 1px; padding: 0 0 5px 20px; } .tabbed .tabbed-content ul li a { } /* hiding content for next tab */ #content_2, #content_3, #content_4, #content_5 { display: none; } /* Default widget */ .dflt { text-align: left; background: #eff0d9; } .dflt p { margin: 0 0 10px; color: #000 !important; } .dflt h1 a { text-decoration: none; } /* Featured */ #myGallery, #myGallerySet, #flickrGallery {border:none !important;height:310px !important;width:641px !important;z-index:5;} .featured { background: url(i/widget-bg-1.gif) repeat-x center bottom; text-align: left; color: #000; } .featured .w-body { } .featured .featured-item { width: 263px; position: relative; margin: 0 0 15px 0; } .featured h3 { background: url(i/featured-sidebar-title.gif) repeat-x; color: #fff; font-size: 1em; line-height: 36px; padding: 0 10px 0 10px; font-weight: bold; margin: 0 0 3px 0; } .featured h3 a { color: #fff; text-decoration: none; } .featured h3 span { color: #362f2d; position: absolute; right: 10px; } .featured .image-teaser { margin: 0 0 10px 0; text-align: center; } .featured p { color: #000; } .featured p a { font-weight: bold; } .featured .more-for-this-category { background: url(i/ico-arrow-right.gif) no-repeat left; line-height: 25px; padding: 0 0 0 15px; font-weight: bold;} /* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; } .ngg-gallery-thumbnail-box { float: left; width: 138px; height: 155px; position: relative; background: url(i/gallery-image-bg.gif) no-repeat; margin: 5px 6px; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; position: absolute; top: 11px; left: 11px; } .ngg-gallery-thumbnail img { background-color: none !important; border:none !important; display:block; margin: 0 !important; padding: 0 !important; position:relative; } .ngg-gallery-thumbnail img:hover { background-color: none !important; } .ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; } .piclenslink a { padding-left: 20px; } .ngg-clear { clear: both; }