body { margin:0; padding:0; color:#000; font-size: small; text-align: center; font-family: Verdana, Sans-Serif; background: #fff url(../images/bg.png) repeat-y 50% 0; background-attachment: fixed;} /* DOCUMENT STRUCTURE */ #wrap { text-align: left; margin: 0 auto; width: 790px; } #area { float: left; width: 790px; background: #fff url(../images/bg-main.png) top left repeat-y; margin-bottom: 25px; } .column { float: left; } #newest { width: 350px; padding: 0 20px 0 0; } #middle { width: 154px; padding: 8px; } #sidebar { width: 230px; padding: 10px } #newest .entry h2 a, #innerLeft h3 a { color: #932C1F; font-size: 100%; text-decoration: none; border: none; } #newest .entry h2 a:hover, #innerLeft h3 a:hover { border-bottom: 1px solid #932C1F; } #newest .entry a { color: #932C1F; font-size: 100%; text-decoration: none; border-bottom: 1px dotted #932C1F; } #newest .entry a:hover { border-bottom: 1px solid #932C1F; } #newest .entry { margin: 10px 0 25px 15px; padding-top: 3px; border-top: 1px solid #F1DEB0; border-bottom: 3px solid #F1DEB0; } #newest .entry .blurbFooter { text-align: right; } #newest .entry .blurbFooter a {padding: 2px 15px 2px 0; border: none; background: url(../images/icons/play.gif) right 50% no-repeat; } #newest .entry p {padding: 0; line-height: 20px;} #newest #latestPost .blogLabel {margin-left: 15px; font-weight: bold; background: url(http://www.ownedbypugs.com/images/icons/star_gold.png) 0 50% no-repeat; padding-left: 18px;} #newest #latestPost a {color: #932C1F; text-decoration: none; border-bottom: 1px dotted #932C1F;} #newest #latestPost a:hover {border-bottom: 1px solid #932C1F;} #bottom { clear: both; width: 100%; background: #ffffcc url(../images/bottom-bg.png) repeat-y 50% 0; background-attachment: fixed; text-align: center; margin: 25px 0 0 0; } #wrap2 { width: 790px; margin: 0 auto; text-align: left; padding: 10px; } #lower { float: left; margin: 30px 0 0 0; } #main #innerLeft { float: left; width: 430px; padding: 15px 15px 5px 15px; } #main #innerRight { float: right; background-color: #ffffff; width: 275px; padding: 0; } #main #subtleRight { float: right; background-color: #f5f5f5; width: 275px; margin: 28px 0 0 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; } #full { float: left; padding: 8px 25px 8px 25px; } #footer { clear: both; margin-top: 25px; border-top: 1px solid #9E4135; margin: 0 15px; padding: 20px; } /* MAIN FONT ELEMENTS */ h1, h2 { padding: 8px 0 0 0; margin: 0; letter-spacing: 1px; font-family: Helvetica; color: #932C1F; } h3 { padding: 0; margin: 0; font-family: Helvetica; color: #9D1E18;} h4 { margin-top: 0; margin-bottom: 15px; font-size: 80%; color: #BDA674; text-transform: uppercase; } p { padding: 0px 0px 7px 0px; line-height: 20px;} li { padding: 0 0 5px 0; line-height: 20px;} form label {color: #67522A;} /* HEADER */ #hdr { background: url(../images/hdr-bg.png) repeat-x; height: 150px; } #hdr div {width: 790px; height: 150px; margin: 0 auto; background: url(../images/hdr-bg2.png) repeat-x; border-left: 1px solid #DAC69E; border-right: 1px solid #DAC69E; } /* NAVIGATION */ #nav { margin: 0; background: #ffffff url(../images/shade.png) repeat-x bottom; padding: 15px 0 20px 0; } #nav ul { margin: 0; padding: 0 0 20px 10px; } #nav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #nav a { float: left; font-family: "Trebuchet MS", Tahoma, sans-serif; text-transform: uppercase; font-size: 105%; font-weight: bold; margin: 0 15px 4px 15px; text-decoration: none; color: #302717; border: 0; } #nav a.active, #nav a:hover, body#home #thome a, body#articles #tarticles a, body#rescue #trescue a, body#newsletters #tnewsletters a, body#tnews #tnews a, body#links #tlinks a, body#pics #tpics a, body#pugblog #tblog a{ border-bottom: 4px solid #9D1E18; padding-bottom: 2px; color: #9D1E18; } #nav a:hover { color: #9F1F14; background-color: #ffffff; } /* PHOTO GALLERY NAVIGATION */ #menu ul { margin: 0; padding: 0 0 20px 10px; } #menu li { margin: 0; padding: 0; display: inline; list-style-type: none; } #menu a { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 105%; font-weight: bold; margin: 0 15px 4px 15px; text-decoration: none; color: #302717; border: 0; } /* MASTHEAD */ #pghdr { float: left; background: #ffffff url(../images/shade.png) repeat-x bottom; padding: 15px; width: 760px; display: inline; /* fixes IE/Win double margin bug */ } #pghdr img { float: left; } #pgtitle { float: right; width: 275px; } #pgtitle h1 { color: #fff; padding: 35px 8px 8px 8px; text-align: center; letter-spacing: 2px;} #inner { float: left; background: #ffffff url(../images/pghdr-bg.png) repeat-y top left; } #tip { float: right; width: 275px; padding: 8px; } #tip p { color: #ffffff; font-weight: bold; line-height: 20px; } #tip p a {color: #ffffff; text-decoration: none; border-bottom:1px dotted #ffffcc; } #tip p a:hover {color: #ffffff; text-decoration: none; border-bottom:1px solid #ffffcc; } #tip .lnk a { color: #ffffcc; text-decoration: none; border-bottom:1px dotted #ffffcc; } #tip .lnk a:hover { color: #ffffcc; text-decoration: none; border-bottom:1px solid #ffffcc; } /* FEATURED ARTICLES */ #newest .entry img {border-bottom: 1px solid #000; } #newest .entry h2 { font-size: 115%; padding: 10px 0 0 0; } /* HOMEPAGE BLURBS */ #middle ul { margin: 0; padding: 0;} #middle li {background: url(../images/icons/news.gif) no-repeat 0 50%; padding: 8px 0 15px 17px; list-style-type: none;} #middle li a:link { color: #564627; text-decoration: none; border-bottom: 1px solid #564627; } #middle li a:visited { color: #564627; text-decoration: none; border-bottom: 1px solid #564627; } #middle li a:active { color: #564627; text-decoration: none; border-bottom: 1px solid #564627; } #middle li a:hover { color: #564627; text-decoration: none; border-bottom: 1px solid #564627; } /* PAGE BOTTOM (RED AREAS) */ #wrap2 h2 { color: #ffffcc; font-size: 150%; letter-spacing: 2px; } #wrap2 ul { padding-left: 20px; margin: 0; } #wrap2 li { color: #F1DEB0; padding-left: 0; } #wrap2 a { color: #F1DEB0; } #l1, #l2, #l3 { float: left; width: 240px; padding: 3px 10px 10px 10px; color: #ffffcc; } #l1 { padding-left: 20px; } #wrap2 h4 { color: #ffffcc; } .bottomAd { width: 200px; padding: 30px 0 5px 40px; } #l1 h2 { background: url(../images/news.png) no-repeat 0 50%; padding: 3px 0 3px 35px; } #l2 h2 { background: url(../images/pictures.png) no-repeat 0 50%; padding: 3px 0 3px 35px; } .bottomPic { padding: 8px; margin: 10px auto; max-width: 100%; background-color: #ffffff; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; } .spacer { clear: both; } #wrap2 form label {color: #fff;} /* INNER LEFT STYLES */ #main #innerLeft { float: left; width: 430px; padding: 15px 15px 5px 15px; } #innerLeft h3 { margin: 0; padding: 15px 0 0 0; } #innerLeft h2 a, #innerLeft h3 a { color: #932C1F; font-size: 100%; text-decoration: none; border: none; } #innerLeft h2 a:hover, #innerLeft h3 a:hover { border-bottom: 1px solid #932C1F; } #innerLeft a { color: #932C1F; font-size: 100%; text-decoration: none; border-bottom: 1px dotted #932C1F; } #innerLeft a:hover { border-bottom: 1px solid #932C1F; } #innerLeft img { padding: 5px; } #main #innerLeft p { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0 0 7px 0; line-height: 18px;} /* INNER RIGHT STYLES */ #innerRight ul { list-style: none; margin: 0; padding: 10px 0 0 20px; } #innerRight li { padding-bottom: 5px; color: #666666; } #innerRight h2 { color: #67522A; background-color: #ffffff; border-top: 2px solid #F1DEB0; border-bottom: 1px solid #F1DEB0; padding: 5px 0 5px 3px; font-size: 120%; margin-top: 15px; margin-right: 10px;} #innerRight p { color: #666; padding: 5px 8px; } #innerRight a { color: #932C1F; text-decoration: none; } #innerRight a:hover { color: #932C1F; border-bottom: 1px dotted #932C1F; } #innerRight label { color: #564627; } .sideAdvert { float: left; background-color: #ffffff; width: 275px; text-align: center; padding: 20px 0 5px 0; } #main #flickr { float: right; padding-left: 25px; } #innerRight .feed {background: url(http://www.ownedbypugs.com/images/icons/feed_gold_32.png) 0 50% no-repeat; margin-left: 15px; margin-top: 40px; padding-left: 37px; color: #67522A;} /* PICTURE GALLERY SIDEBAR */ #subtleRight h3 { color: #666; font-weight: bold; text-transform: uppercase; padding: 10px 0 15px 15px; } #subtleRight .views { color: #666; font-weight: bold; margin: 0 0 0 15px; padding: 2px 0 2px 20px; background: url(/images/icons/search.gif) no-repeat 0 50%; } #subtleRight .comments { color: #666; font-weight: bold; margin: 0 0 0 15px; padding: 2px 0 2px 20px; background: url(/images/icons/comment.gif) no-repeat 0 50%; } .thumbnails {clear: both; background url(../images/icons/photos.gif) no-repeat 0 50%; padding-left: 15px;} /* FEATURED PUG */ #featuredPug p { color: #932C1F; font-weight: bold; font-size: 120%; margin: 0; } #featuredPug p a { color: #932C1F; font-size: 80%; font-weight: normal; text-decoration: none; } #featuredPug p a:hover { color : #932C1F; font-size: 80%; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #932C1F; } /* FOOTER */ #footer p {color: #ffffcc; font-size: 90%; } /* BLOG POSTS */ .post { padding: 0 0 35px 0; } .post a { color: #932C1F; text-decoration: none; border: none; } .post a:hover { color: #932C1F; border-bottom: 1px solid #932C1F; } .post .postmetadata { clear: both; margin-top: 20px; padding: 8px 15px; background-color: #ffffcc; font-weight: bold; border-top: 1px dotted #BDA674; border-bottom: 1px solid #BDA674; vertical-align: middle;} .post .postmetadata .showComments { background: url(../images/comment.gif) no-repeat 0 50%; padding-left: 15px; } .pic, .post img { padding: 8px; margin: 0 auto; max-width: 100%; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; } .post .entry p { padding: 0 0 10px 0; line-height: 20px; } /* FORMS */ #form { padding: 10px; background: #ffffcc; border-top: 1px solid #BDA674; border-bottom: 3px solid #BDA674; width: 400px; } #form label { background-color: #ffffcc; margin: 0 0 .5em; padding: 0; width: 400px; text-align: left; color: #998055; } #submission p {padding: 0; margin: 0;} #submission input {width: 250px; font-family: Verdana, sans-serif;} /* AUTHER BIOS */ #bio { float: left; margin: 25px 0 0 0; padding: 50px 10px 10px 10px; background: #ffffcc url(../images/author.png) top left no-repeat; border-top: 1px solid #BDA674; border-bottom: 3px solid #BDA674; } #bio h3 { color: #998055; font-size: 120%; } /* RESCUE STORIES */ .rescueBio { float: right; border: 2px solid #998055; padding: 10px; background-color: #ffffcc; } .rescueBio .label { color: #9D1E18; font-weight: bold; padding: 5px 0 5px 0; margin: 0px; } .imgRight { float:right; padding: 5px 0 0 15px; width: 265px; display: inline; } .imgLeft { float:left; padding: 5px 15px 0 0; width: 265px; display: inline; } .imgLeft p, .imgRight p { color: #9D1E18; font-weight: bold; font-size: 80%; padding: 2px 0 2px 0; margin-top: 0; line-height: 8px; } /* COMMENTS */ #commentForm p {margin: 0; padding: 2px 0 2px 0; } .commentAlt { width: 400px; background-color: #f5f5f5; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; padding: 2px 10px 2px 10px; } .comment { width: 400px; background-color: #fff; padding: 2px 10px 2px 10px; } .commentAlt p, .comment p { margin: 0; padding: 2px; line-height: 12px; color: #666666; } .commentAlt p.who, .comment p.who { padding: 0; margin: 0; color: #ccc; font-weight: bold; font-size: 135%; } .commentAlt p.when, .comment p.when { color: #ccc; padding: 0; font-size: 80%; font-weight: bold; } /* DAILY TIPS */ #activeTip {background: #f5f5f5 url(http://www.ownedbypugs.com/images/bg-tip.png) 50% 0 no-repeat; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; padding: 60px 10px 10px 10px; color: #666; margin-top: 15px; margin-bottom: 25px;} #activeTip h3 {color: #333;} .sideTip {background-color: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; padding: 8px; margin-right: 10px; margin-top: 15px; } .sideTip h3 {color: #999;} .sideTip p {color: #666;} .donate {padding: 0; margin:0;}