/* PERSONAL HOMEPAGE THEME FOR WORDPRESS By: Chris Coyier http://chriscoyier.net http://css-tricks.com -- Feel free to alter and use this theme for whatever you would like. -- A link back is always nice but not required. Light Tan: #f4dfb8 Dark Tan: #d7b880 Dark Gray: #272727 Dark Red: #990000 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; background: #FFFFFF;} ul { list-style: square inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #62c2cc; color: white; } /* MOVIE DIV */ #movieplace {padding-top: 10px; text-align: center;} /* TYPGROGRAPHY */ p, li { font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; } p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; color: #272727;} p#intro-paragraph span { font-size: 1.7em; font-weight: bold; line-height: 1.0em; margin-bottom: 20px; } p#intro-paragraph em { color: #000000; } #top5-paragraph { font-size: 1.4em; text-align: justify;} a { color: #000000; } a:hover { background: #62c2cc; color: white; } h1 { font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; } #post-13 h1 { font-size: 2.8em; margin-bottom: 5px;} .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #000000; } /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { background:url(images/middle.jpg); width: 950px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%;} #socialsidebar { width: 250px; float: right; margin-right: 65px; margin-top: -3px; color: #FFFFFF;} #main-col { width: 550px; float: left; margin-top: -20px; margin-left: 45px; padding-right: 10px;padding-left: 20px;padding-top: 15px;} #linksidebar { width: 200px; float: right; margin-top;padding-right: 10px; padding-top: 15px;} .search-form { float:right; margin-top: 190px; margin-right: 20px;} .donateForm { margin: 5px 0px -10px 0px; height: 263px; padding: 20px 0px 0px 30px; color: black; background-image: url(images/donationBackground.jpg); background-repeat: no-repeat;} #address-bar { height: 10px; background-image: none; background-color: white; text-align: center; margin: 20px 0px 0px 0px;} #contactInfo p { font-size: 2.0em; margin: 20px 0px 0px 0px;} #donateInfo h1 { margin: 0px 0px 10px 0px;} #donateInfo h2 { margin: 0px 0px 10px 0px; font-size: 1.5em;} #donateInfo a { color: red;} #donateInfo a:hover { color: white;} /* HEADER */ h1#logo { text-indent: -9999px; margin: 0 10px 8px 0;} #main-pic { float: left; margin-right: 10px; } #top-bar { width: 950px; height: 302px; background:url(images/header.jpg) top center no-repeat; } #top-bar p { color: #f4dfb8; width: 300px; float: left;} form#searchform { padding-top: 15px; padding-left: 9px;} /* MENU */ #menu-bar { height: 73px; background: url(images/menubar.jpg)center top no-repeat; padding-top: 9px; padding-bottom: 20px; padding-left: 50px; padding-right: 40px; margin-top: -1px;} ul#main-nav { width: 950px; margin-top: 22px;} ul#main-nav li, ul#extra-nav li { display: inline; padding-left: 25px; padding-right: 10px;} ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; color: white; font-size: 1.5em; font-weight: bold; padding: 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#main-nav li a:hover, ul#extra-nav li a:hover, body#portfolio ul#extra-nav li.portfolio a, body#default ul#main-nav li.Adoption a, body#default ul#main-nav li.contact a, body#default ul#main-nav li.Donate a, body#default ul#main-nav li.ContactUs a, body#about ul#main-nav li.PetoftheMonth a, body#contact ul#main-nav li.News a, body#resume ul#extra-nav li.resume a{ background: white; color: #62c2cc; } /* WIDGETS */ .widget { width: 250px; height: 525px; margin-right: 30px; background: url(images/twitter_block.jpg);} .widget .inside { font-size: 1.2em; padding-left: 55px; padding-top: 80px; color: #62c2cc; padding-right: 50px;} .widget ul { list-style: square outside; margin-left: 5px; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { display: block; padding: 2px; } .widget ul li a:hover { background: #900; color: white; } .thumb { width: 50px; } .flickr-thumb { height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; } .twitter_link { margin-top: 300px; } .twitter_link a { color: none; background: none;} .wishlist { margin-bottom: 10px;} /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .post h1 { margin: 0px 0px 20px 0px;} .post p { font-family: Georgia; font-size: 1.5em; line-height: 150%;} .post img { margin-left: -5px;} .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #410202; color: white; text-align: center; margin: 0 10px 0 0; } .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } /* FOOTER */ #footer { height: 270px; margin-left: 0px;} #footer-inside { width: 950px; height:270px; margin: 0 auto; padding-top: 40px; background: url(images/footer.jpg)center top no-repeat;} #footer p { color: white; margin-top: -10px;} #footer-1 { width: 500px; float: right; margin-right: 40px; text-align: right; padding-right: 40px; padding-top: 20px;} #footer-1 p a { color: black;} #footer-1 p a:hover {background: black; color: #fcb717;} /* ARTICLES */ #articles { height: 340px; margin-top: 30px; margin-left: -4px; border-bottom-width: 1px; border-bottom-color: black; border-bottom-style: dotted;} #article1 { height: 140px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-color: black; border-bottom-style: dotted; padding-bottom: 15px; border-top-width: 1px; border-top-color: black; border-top-style: dotted; padding-top: 15px;} #article1Pic { float: left;} #article1Text { float: right; width: 320px; height: 134px; margin-top: 6px;} #article1Text span { font-size: 1.1em; line-height: 50%; font-weight: bold;} #article1Text a { font-size: 1.0em; color: red;} #article1Text a:hover { color: #62c2cc; background: none;} #article2 {} #article2Pic { float: left;} #article2Text { float: right; width: 320px; height: 134px; margin-top: 6px;} #article2Text span { font-size: 1.1em; line-height: 50%; font-weight: bold;} #article2Text a { font-size: 1.0em; color: red;} #article2Text a:hover { color: #62c2cc; background: none;} /* ADOPTION PAGE */ #adoptionDiv { width: 550px; height: 600px;} #petList { margin-bottom: 10px; margin-left: -8px; width: 550px; height: 170px; border-bottom-width: 1px; border-bottom-color: black; border-bottom-style: dotted;} #petListPic { float: left;} #petListText { float: right; width: 290px; margin-top: 4px;} #petListText p span { font-weight: bold; font-size: 1.4em;} #petListText a { color: red;} #petListText a:hover { color: black; background: none;} #generalInfo { margin-left: -8px; width: 560px; } #infoArt1 { height: 340px; width: 173px; float: left; padding-right: 8px; border-right-width: 1px; border-right-color: black; border-right-style: dotted;} #infoArt1Pic {float: right;} #infoArt1Text p span { font-weight: bold;} #infoArt1Text a { color: red;} #infoArt1Text a:hover { color: black; background: none;} #infoArt1Text p { text-align: justify;} #infoArt2 { height: 340px; width: 170px; float: left; padding-right: 8px; padding-left: 8px; border-right-width: 1px; border-right-color: black; border-right-style: dotted;} #infoArt2Text p span { font-weight: bold;} #infoArt2Text a { color: red;} #infoArt2Text a:hover { color: black; background: none;} #infoArt2Text p { text-align: justify;} #infoArt3 { height: 340px; width: 170px; float: left; padding-right: 8px; padding-left: 8px;} #infoArt3Text p span { font-weight: bold;} #infoArt3Text a { color: red;} #infoArt3Text a:hover { color: black; background: none;} #infoArt3Text p { text-align: justify;} .footerText { font-size: 2.2em; margin: 5px 0px 15px 0px; color: white;}