/* Theme Name: SnugglyDogs.com Description: This is a proprietary theme exclusively for the SnugglyDogs.com website. If you've managed to acquire this template, you are NOT allowed to use it. Version: 1.0 Author: SnugglyDogs.com Author URI: http://www.snugglydogs.com */ /* main */ body { background: #8FB500; margin: 0; color: blue; } .center { background: #8FB500; text-align: center; } .clear { clear: both; font-size: 0; } .hr { font-size: 0; height: 10px; line-height: 0; border: 0; border-top: solid 1px #ccc; margin: 0 0 10px 0; } .hide { display: none; } /* layout */ #wrap { margin: 0 auto; text-align: left; width: 722px; } #title { background: url(img/title.jpg); width: 712px; height: 114px; position: relative; } #title span { display: none; } #title-link { margin: 0; } #title-link a { display: block; height: 114px; width: 430px; position: absolute; left: 30px; } #title-1 { display: block; width: 72px; height: 57px; position: absolute; left: 457px; top: 50px; } #title-2 { display: block; width: 72px; height: 57px; position: absolute; left: 497px; top: 20px; } #title-add { display: block; width: 67px; height: 57px; position: absolute; left: 522px; top: 56px; } #content { background: #8FB500; width: 640px; margin: 0 auto; text-align: left; } #text { width: 400px; background: url(img/gradient.jpg) 0 43px repeat-x #fff; float: left; margin: 0 0 20px 0; } #text .left { background: url(img/left.jpg) repeat-y; } #text .right { background: url(img/right.jpg) right repeat-y; } #side { float: left; margin: 15px 0 0 10px; width: 220px; } /* menu */ #menu { background: url(img/menu.jpg); height: 41px; margin: 0 0 10px 0; } #menu-left { background: url(img/menu-left.jpg) no-repeat; height: 41px; } #menu-right { background: url(img/menu-right.jpg) right no-repeat; height: 41px; } #menu span { display: none; } #menu a { padding: 0 5px; } #menu a, #menu i { display: block; height: 33px; float: left; position: relative; top: 8px; left: 21px; } #menu i { background: url(img/menu-div.jpg); width: 2px; } /* menu items */ #menu-pictures { background: url(img/menu-pictures.jpg) center 0 no-repeat; width: 52px; } #menu-pictures:hover { background: url(img/menu-pictures.jpg) center -33px no-repeat; } #menu-videos { background: url(img/menu-videos.jpg) center 0 no-repeat; width: 45px; } #menu-videos:hover { background: url(img/menu-videos.jpg) center -33px no-repeat; } #menu-add { background: url(img/menu-add.jpg) center 0 no-repeat; width: 91px; } #menu-add:hover { background: url(img/menu-add.jpg) center -33px no-repeat; } #menu-about2 { background: url(img/menu-about2.jpg) center 0 no-repeat; width: 40px; } #menu-about2:hover { background: url(img/menu-about2.jpg) center -33px no-repeat; } #menu-pass2 { background: url(img/menu-pass2.jpg) center 0 no-repeat; width: 71px; } #menu-pass2:hover { background: url(img/menu-pass2.jpg) center -33px no-repeat; } /* old menu */ #menu-album { background: url(img/menu-album.jpg) center 0 no-repeat; width: 65px; } #menu-album:hover { background: url(img/menu-album.jpg) center -33px no-repeat; } #menu-dogs { background: url(img/menu-dogs.jpg) center 0 no-repeat; width: 82px; } #menu-dogs:hover { background: url(img/menu-dogs.jpg) center -33px no-repeat; } #menu-pass { background: url(img/menu-pass.jpg) center 0 no-repeat; width: 96px; left: 47px !important; } #menu-pass:hover { background: url(img/menu-pass.jpg) center -33px no-repeat; } #menu-home { background: url(img/menu-home.jpg) center 0 no-repeat; width: 58px; } #menu-home:hover { background: url(img/menu-home.jpg) center -33px no-repeat; } #menu-archives { background: url(img/menu-archives.jpg) center 0 no-repeat; width: 74px; } #menu-archives:hover { background: url(img/menu-archives.jpg) center -33px no-repeat; } #menu-about { background: url(img/menu-about.jpg) center 0 no-repeat; width: 60px; } #menu-about:hover { background: url(img/menu-about.jpg) center -33px no-repeat; } #menu-submit { background: url(img/menu-submit.jpg) center 0 no-repeat; width: 115px; } #menu-submit:hover { background: url(img/menu-submit.jpg) center -33px no-repeat; } /* post */ #text .post { padding: 0 20px 0 20px; } #text .date { float: right; font: 14px/22px arial, verdana; color: #4A6A00; position: relative; top: 2px; margin: 0 0 0 10px; } #text .date a { text-decoration: none; color: #4A6A00; } #text .date a:hover { color: #000; } #text h2 { font: 18px/22px arial, verdana; color: #000; margin: 0 0 13px 0; } #text h2 a { color: #000; text-decoration: none; border-bottom: solid 1px #ccc; padding: 0 0 1px 0; } #text h2 a:hover { border-color: #000; } #text p { font: 14px/18px arial, verdana; color: #000; margin: 0 0 10px 0; } #text p a { color: #4A6A00; text-decoration: none; border-bottom: solid 1px #bbb; padding: 0 0 1px 0 ; } #text p a:hover { color: #FB8517; } /* pic */ #text .pic { background: url(img/pic.jpg) no-repeat; padding: 3px 0 0 4px; position: relative; left: -2px; margin: -2px 0 10px 0; font-size: 0; } #text .pic div { background: #ccc; padding: 1px; } #text .pic div div { background: #fff; padding: 3px; } #text .pic img { width: 348px; border: 0; } /* panel */ #text .panel { background: url(img/panel.jpg) bottom repeat-x; padding: 5px 10px 13px 10px; font: 14px/14px arial, verdana; color: #000; margin: 0 0 10px 0; border-bottom: solid 1px #A7C64E; text-align: right; } #text .panel span { float: left; padding-bottom: 2px; } #text .panel a { color: #000; text-decoration: none; border-bottom: solid 1px #aaa; } #text .panel a:hover { border-color: #000; } /* rating */ #text .rating { padding: 5px 10px 13px 0px; font: 11px/11px verdana, arial; color: #333; border-bottom: solid 1px #ccc; margin: 0 0 6px 0; } #text .rating a { color: #000; text-decoration: none; border-bottom: solid 1px #ddd; } #text .rating a:hover { border-color: #000; } .post-ratings-mytext { position: relative; top: -2px; } .post-ratings { position: relative; left: 10px; } #text .rating .label { margin: 0 0 5px 5px; display: block; } /* goody */ .goody { margin: 0 0 5px 0; } .goody a { width: 96px; height: 29px; display: block; float: left; margin: 0 5px; } .goody .download { background: url(img/download.jpg); } .goody .tip { background: url(img/tip.jpg); } .goody .share { background: url(img/share.jpg); float: right; } /* adsense */ #text .adsense { padding: 0 20px 10px 20px; } /* comments */ #text .comments { padding: 0 20px 0 20px; } #text .comments h2 { border-bottom: solid 1px #ddd; padding: 0 0 3px 0; } #text .comments form { margin: 0 0 8px 0; } #text .comments form * { font: 14px/14px arial, verdana; color: #000; } #text .comments form div { margin: 0 0 10px 0; } #text .comments form .text, #text .comments form .textsel { background: url(img/gradient.jpg) 0 2px repeat-x #fff; border: solid 1px #bbb; padding: 4px 5px; width: 180px; } #text .comments form .textsel { background: #fff; border: solid 1px #659600; } #text .comments form label { cursor: pointer; position: relative; top: -4px; left: 10px; } #text .comment p + p { padding: 0 0 0 10px; } #text .comments .awaiting { font-size: 11px; background: #fafafa; border: solid 1px #ccc; padding: 2px 5px; margin: 0 0 10px 10px; } #cmessage { width: 347px !important; height: 100px; } /* sidebar */ .section { background: url(img/gradient.jpg) 0 36px repeat-x #fff; margin: 0 0 10px 0; font-size: 0; } .section .left { background: url(img/section-left.jpg) repeat-y; } .section .right { background: url(img/section-right.jpg) right repeat-y; } .section h3 { background: url(img/section-title.jpg); height: 36px; margin: 0 0 10px 0; } .section h3 .left { background: url(img/section-title-left.jpg) no-repeat; height: 36px; } .section h3 .right { background: url(img/section-title-right.jpg) right no-repeat; height: 36px; } .section p, .section ul, .section form { margin: -3px 0 0 0; padding: 0 15px 5px 15px; } .section ul { list-style: none; width: 190px; } .section ul li { font: 12px/14px arial, verdana; } .section ul li a { text-decoration: none; color: #4A6A00; } .section ul li.div { border-top: solid 1px #ccc; padding: 3px 0 0 0; margin: 3px 0 0 0; } .section .bottom { background: url(img/section-bottom.jpg); height: 11px; } .section .bottom .left { background: url(img/section-bottom-left.jpg) no-repeat; height: 11px; } .section .bottom .right { background: url(img/section-bottom-right.jpg) right no-repeat; height: 11px; } /* section names */ #section-meta .left { background: url(img/section-title-meta.jpg) no-repeat; height: 36px; } #section-owners .left { background: url(img/section-title-owners.jpg) no-repeat; height: 36px; } #section-cats .left { background: url(img/section-title-cats.jpg) no-repeat; height: 36px; } #section-pals .left { background: url(img/section-title-pals.jpg) no-repeat; height: 36px; } #section-pictures .left { background: url(img/section-title-pictures.jpg) no-repeat; height: 36px; } #section-sponsors .left { background: url(img/section-title-sponsors.jpg) no-repeat; height: 36px; } #section-videos .left { background: url(img/section-title-videos.jpg) no-repeat; height: 36px; } #section-button .left { background: url(img/section-title-button.jpg) no-repeat; height: 36px; } /* ad */ .section .pic { background: url(img/pic.jpg) no-repeat; padding: 3px 0 0 4px; position: relative; left: 22px; margin: 0 0 10px 0; font-size: 0; } .section .pic div { background: #ccc; padding: 1px; } .section .pic div div { background: #fff; padding: 3px; } .section .adblock { width: 172px; padding: 5px 0 1px 0; } /* 1px for margin bug */ /* meta */ #section-meta { position: relative; } #section-meta a { position: absolute; top: 14px; width: 10px; height: 10px; display: block; } #section-meta a:hover { border: solid 1px #567E01; } #section-meta a.in { right: 27px; } #section-meta a.out { right: 15px; } /* search */ #side-search { background: url(img/search.jpg); height: 30px; margin: 5px 0 0 0; } #side-search .left { background: url(img/search-left.jpg) no-repeat; height: 30px; } #side-search .right { background: url(img/search-right.jpg) right no-repeat; height: 30px; } #search-text { background: none; border: 0; font: 12px/15px arial, verdana; color: #555; width: 140px; padding: 0; float: left; position: relative; top: 7px; left: 10px; } #search-submit { width: 27px; height: 30px; float: right; } /* button */ p.snugbutton { margin-bottom: 5px; font: 12px/12px arial, verdana; color: #000; } div.snugbutton { padding: 0 17px; } div.snugbutton .text, div.snugbutton .textsel { background: url(img/gradient.jpg) 0 2px repeat-x #fff; border: solid 1px #bbb; padding: 4px 5px; width: 174px; height: 41px; margin: 5px 0; font: 9px/11px arial, verdana; color: #555; ovderflow: hidden; } div.snugbutton .textsel { background: #fff; border: solid 1px #659600; } /* section rss lists */ .section ul.rss a { background: url(img/section-rss.gif) 0 3px no-repeat; padding: 3px 0 3px 20px; display: block; } .section ul.rss a:hover { background: url(img/section-rss.gif) 0 -32px no-repeat; color: #FB8517; } .section ul.rss a span { display: none; } /* section paw lists */ .section ul.paws a { background: url(img/section-bullet.gif) 0 3px no-repeat; padding: 3px 0 3px 20px; display: block; } .section ul.paws a:hover { background: url(img/section-bullet.gif) 0 -32px no-repeat; color: #FB8517; } .section ul.paws a span { display: none; } /* footer */ #footer { background: url(img/footer.jpg) bottom repeat-x; padding: 0 0 0 0; } #footer-logo { background: url(img/footer-logo.gif); width: 160px; height: 40px; display: block; position: relative; left: 15px; top: -10px; float: left; z-index: 10; } #footer-logo span { display: none; } #footer .left { background: url(img/footer-left.jpg) bottom left no-repeat; } #footer .right { background: url(img/footer-right.jpg) bottom right no-repeat; } #footer-menu { position: relative; left: 15px; font: 11px/11px arial, verdana; color: #aaa; } #footer-menu a { color: #777; text-decoration: none; } #footer-menu a:hover { color: #4A6A00; } #footer-menu a span { display: none; } #footer-menu span { display: block; margin: 0 0 2px 0; } #footer .hr { margin: 0 20px; }