/* Theme Name: ILRA Author: Nikki Jeske Theme URI: http://designcoyote.com Description: A cute, simple, yet elegant three columned design for this great cause! Version: 2.0 ----------------------------------------------- Artwork by Nikki Jeske of snailbird.com ----------------------------------------------- */ /* Body ----------------------------------------------- */ body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; } body{ font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; text-align: center; background: #fbf7ef url(images/bg.jpg) repeat; color: #2e1508; } h1, h3, h4, h5, h6{ font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold; color: #a8443d; } a{ text-decoration: underline; color: #d64237; } a:hover { text-decoration: none; color: #a8443d; } a:visited { text-decoration: underline; color: #eb6a61; } a img{ border: 0; } abbr, acronym{ border: 0; } address, dl, p{ padding: 15px 0 0; } code{ background: #ffffff; } dt{ font-weight: bold; } dd{ padding: 0 0 0 15px; } hr{ clear: both; margin: 15px 15px 5px 15px; border: 0; height: 1px; text-align: left; background: #ffffff; color: #eb6a61; } small{ font-size: 11px; color: #eb6a61; } pre{ width: 90%; } input, textarea{ font-family: Helvetica, Georgia, sans-serif; font-size: 12px; padding: 2px; } input#s, input#author, input#email, input#url, textarea#comment{ border: 1px solid #66472b; background-color: #fbf7ef; padding: 2px; } input#author, input#email, input#url{ margin: 0 5px 0 0; } #container{ margin: 0 auto; width: 983px; position: relative; } #pagewrapper{ float: left; width: 983px; background: url(images/bodybg.png); } #page{ padding: 0 0px; } #banner{ float: left; width: 983px; height: 397px; background: url(images/banner2.png) no-repeat left top; clear: both; } .maincolumn{ float: left; width: 600px; margin-left: 7px; margin-top: -130px; } #container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, .browse, #sidebar, #left-menu, #comments-template{ text-align: left; vertical-align:top; } /* End Body */ /* Headings ----------------------------------------------- */ #spunky { width: 318px; background: url(images/spunkypup_mascot.png); height: 344px; left: 640px; top: 20px; position: absolute; display: block; float: left; } #spunky:hover { background-position: 0 346px; } #nav { position: absolute; width: 605px; top: 16px; left: 100px; text-align: left; } #navtwo { position: absolute; width: 600px; top: 45px; left: 105px; text-align: left; font-size: 14px; } #navtwo a{ color: #fd977f; text-decoration: none; margin: 5px; padding: 2px; } #navtwo a:hover{ color: #fd977f; text-decoration: underline; } #icons { position: absolute; width: 150px; top: 5px; left: 840px; text-align: left; } #icons img{ padding-right: 4px; } #title { position: absolute; width: 550px; top: 165px; left: 165px; } #title h4 { color: #795437; text-transform: uppercase; font-family: Georgia, Helvetica, sans-serif; font-size: 11px; text-align: left; margin: 5px; } #title h2 { color: #a47b5a; text-transform: none; font-family: Georgia, Helvetica, sans-serif; font-size: 38px; text-align: left; margin-left: 50px; } #monthlies { background: #f4efe0; border 1px solid #a4zb5a; margin: 30px; padding: 25px; } #monthlies h2{ font: 16px Helvetica, Georgia, sans-serif; margin-top: -15px; } #ads { width: 320px; margin: 10px; } #adsbox{ width: 130px; height: 130px; background: #f4efe0; border: 3px solid #a4zb5a; margin: 5px; padding: 5px; display: block; float: left; } /* End Headings */ /* Menu ----------------------------------------------- */ #menu { padding: 0; background: transparent; } #menu a{ color: #fbf7ef; text-decoration:none; letter-spacing: 1px; font: bold 14px Helvetica, Georgia, Verdana, sans-serif; margin: 4px; padding: 5px; border: 0px dashed #ffffff; background: #d64237; } #menu a:hover{ color: #d64237; font: bold 14px Helvetica, Georgia, Verdana, sans-serif; margin: 4px; padding: 5px; border: 0px dashed #ffffff; background: #fbf7ef; } /* End Menu */ /* Posts ----------------------------------------------- */ .post{ margin-bottom: 30px; padding-left: 10px; padding-right: 10px; border: 0px dashed #ffffff; } .post h2{ border-bottom: 1px solid #b39989; padding: 0 0 7px 0; padding-top: 18px; font-size: 22px; font-weight: normal; color: #946e4d; text-transform: uppercase; } .post h2 a{ text-decoration: none; color: #946e4d; text-transform: uppercase; } .post h2 a:hover{ text-decoration: none; color: #946e4d; } .entry{ line-height: 24px; } .entryinfo { text-align: right; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ border: 0; padding: 10px 0 0; } .entry h1{ font-size: 24px; font-weight: normal; } .entry h2{ font-size: 18px; color: #b39989; } .entry h3{ color: #b39989 } .entry h4{} .entry h5{ font-weight: normal; } .entry h6{ font-size: 11px; font-weight: normal; } .entry img{ border: 1px solid #d64237; padding: 4px; margin: 2px; background-color: #fbf7ef; } .entry img.wp-smiley{ padding: 0; border: 0; background-color: transparent; } .entry img.alignleft{ float: left; margin: 5px 10px 0 0; } .entry img.alignright{ float: right; margin: 5px 0 0 10px; } .postinfo{ margin: 10px 0 0; padding: 10px 5px 0; border-top: 1px solid #b39989; font-size: 11px; color: #b39989; } .post blockquote { background: #f4efe0; margin: 10px; padding: 10px; border-right: 0px solid #6f4827; line-height: 15px; } .entry p.notfound{ padding: 15px 0 100px; } .browse{ margin: 0 15px; padding: 15px; line-height: 24px; } .browse a{ color: #b39989; } /* End Posts */ /* FullSidebar ----------------------------------------------- */ #fullsidebar { float: left; margin: 5px 0 0 5px; width: 350px; } #fullsidebar a{ color: #c53333; } #fullsidebar ul{ list-style: none; margin: 0; padding: 0; line-height: 20px; } #fullsidebar ul img{ margin: 3px; } #fullsidebar ul li{ padding: 7px; font-family: Helvetica, Georgia, sans-serif; line-height: 20px; color: #7d573b; } #fullsidebar ul li.syndicate a{ padding: 0 7px 0 0; background: url(images/feed-icon.jpg) no-repeat right 2px; } #fullsidebar ul li h2{ border-bottom: 0px solid #e6dfab; padding: 0px; font-size: 12px; color: #a8443d; text-transform: uppercase; } #fullsidebar ul ul{ padding: 7px 0 0; } #fullsidebar ul ul li{ padding: 0; font-family: Helvetica, Georgia, sans-serif; line-height: 24px; text-transform: none; } #fullsidebar ul ul ul{ padding: 0; } #fullsidebar ul ul ul li{ padding: 0 0 0 15px; } #fullsidebar ul ul ul ul li{ background: none; } #fullsidebar ul ul ul ul ul li{ background: none; } /* End Sidebar */ /* Sidebar ----------------------------------------------- */ #sidebar{ float: left; margin: 5px 0 0 5px; width: 180px; } #sidebar a{ color: #a47b59; text-decoration: none; } #sidebar ul{ list-style: none; margin: 0; padding: 0; } #sidebar ul li{ padding: 7px; font-family: Helvetica, Georgia, sans-seriff; color: #7d573b; } #sidebar ul li.syndicate a{ padding: 0 7px 0 0; background: url(images/feed-icon.jpg) no-repeat right 2px; } #sidebar ul li h2{ border-bottom: 0px solid #e6dfab; padding: 0px; font-size: 12px; color: #a8443d; text-transform: uppercase; } #sidebar ul ul{ padding: 7px 0 0; } #sidebar ul ul li{ padding: 0; font-family: Helvetica, Georgia, sans-seriff; line-height: 24px; text-transform: none; } #sidebar ul ul ul{ padding: 0; } #sidebar ul ul ul li{ padding: 0 0 0 15px; } #sidebar ul ul ul ul li{ background: none; } #sidebar ul ul ul ul ul li{ background: none; } /* End Sidebar */ /* Right-Menu ----------------------------------------------- */ #right-menu { float: left; margin: 5px 0 0 5px; width: 180px; } #right-menu a{ color: #c53333; } #right-menu ul{ list-style: none; margin: 0; padding: 0; } #right-menu ul img{ margin: 3px; } #right-menu ul li{ padding: 7px; font-family: Helvetica, Georgia, sans-serif; color: #7d573b; } #right-menu ul li.syndicate a{ padding: 0 7px 0 0; background: url(images/feed-icon.jpg) no-repeat right 2px; } #right-menu ul li h2{ border-bottom: 0px solid #e6dfab; padding: 0px; font-size: 12px; color: #a8443d; text-transform: uppercase; } #right-menu ul ul{ padding: 7px 0 0; } #right-menu ul ul li{ padding: 0; font-family: Helvetica, Georgia, sans-serif; line-height: 24px; text-transform: none; } #right-menu ul ul ul{ padding: 0; } #right-menu ul ul ul li{ padding: 0 0 0 15px; } #right-menu ul ul ul ul li{ background: none; } #right-menu ul ul ul ul ul li{ background: none; } /* End Sidebar */ /* Begin Comments --------------------------------------------- */ .alt { margin: 5px; padding: 10px; background: #ffffff; border: 0px dashed #ffffff; } .commentlist { padding: 0px; text-align: justify; background: #ffffff; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em Helvetica, Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #ab7f52; padding: 2px; background: #e6dfab; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: Helvetica, Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Comments */ /* FooterStuff ----------------------------------------------- */ #footerstuff { width: 983px; margin: 0px auto; text-align: left; padding: 0px; color: #ebe1b6; background: url(images/footertop.png) repeat-x; vertical-align: top; padding-top: 100px; } #footerstuff h2 { color: #ffffff; font-size: 18px; border-bottom: 0px solid #734722; padding-bottom: 5px; } #footerstuff ul{ list-style: none; margin: 0; padding: 0; } #footerstuff ul li{ padding: 2px; } #footerback { text-align: left; background: url(images/footerbg.png) repeat; padding-bottom: 90px; } #footerstuffone { width: 300px; float: left; margin-right: 15px; margin-left: 25px; text-align: justify; } #footerstufftwo { width: 270px; float: left; margin-right: 1px; margin-left: 20px; } #footerstuffthree { margin-right: 15px; } #footerstuffone ul, #footerstufftwo ul, #footerstuffthree ul { margin: 0 3px 0px; padding: 0 0 10px 5px; position: relative; } #footerstuffone ul a, #footerstufftwo ul a, #footerstuffthree ul a { color: #ffffff; text-decoration: underline; } #footerstuffone ul li, #footerstufftwo ul li, #footerstuffthree ul li { list-style: none; padding: 5px; } /* End Links */ /* Footer ----------------------------------------------- */ #footer { margin:0 auto; color: #ebe1b6; font-family: Helvetica, Georgia, 'Times New Roman', serif; font-size: 1.0em; text-align: left; width: 983px; clear: both; position: relative; } #footer a:link { color:#f6f5e9; text-decoration:underline; } #footer a:visited { color:#ffffff; text-decoration:underline; } #footer a:hover { color:#ebe1b6; text-decoration:underline; } #footer hr { display:none; } /* End Footer */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #d64237; text-align: center; background-color: #f4efe0; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */